html,
body,
a,
p,
h1,
h2,
.h2,
.h3 {
    font-family: 'HarmonyRegular', Arial, sans-serif !important;
    font-weight: 100;
}
.clear {
    clear: both;
}
.w100 {
    width: 100%;
}
.index-first-title{
    color: #1658A0!important;
    padding:0.2em 0em;
    /*background: #FFFFFF;*/
    /*background-image: linear-gradient(to right, white, transparent),*/
    /*                linear-gradient(to left, white, transparent);*/
    background-image: linear-gradient(to right, rgba(255, 255, 255, .15), rgba(255,255,255,.15)), 
                            linear-gradient(to left, rgba(255, 255, 255, .85), rgba(255, 255, 255, .15));
    font-family: 'HarmonyBold'!important;
}
.navbar-default .navbar-nav > li > a:after{
    height: 2px;
    background: #345AC9;
    width:30%;
}
.specialflexcenter{
    display: flex;
    justify-content: center;
}
.spcialwidthmessage{
    width:56%;
}
.marright1em{
    margin-right: 1em;
}
.carousel-control{ opacity:1;}
@media (max-width: 768px) {
    .words{
        padding:1.5em 0em 1em 0em!important;    
    }
    .contents{
        padding:0em 0em 2em 0em!important;
    }
    .contents1{
        padding:0em 0em 2em 0em!important;
    }
    .spcialwidthmessage{
    width:100%;
}
    .specialflexcenter{
    display: block!important;
}
    .h2{
    top: 150px!important;
    /*left: 0%;*/
    text-align: center!important;
    font-size: 28px!important;
    line-height: 60px;
    color: #000;
    }
    .h3 {
    font-weight: 500;
    top: 420px!important;
    left: 0!important;
    text-align: center!important;
    font-size: 22px!important;
    width: 100%;
    line-height: 170%;

}
/*第二张幻灯*/
.carousel-inner .item2 .h2 {
    position: absolute;
    top: 180px;
    left: 0%!important;
    width:100%;
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    color: #000;
}

.carousel-inner .item2 .h3 {
    font-weight: 100;
    position: absolute;
    top: 260px;
    left: 0%!important;
    width:100%;
    text-align: center;
    font-size: 18px;
    color: #000;
    width: 800px;
    line-height: 150%;
}
.flextoblock{
    display:block!important;
}
.contents-plus{
    padding:0.5em!important;
}
.contents-plus1{
    padding:0.5em!important;
}
.margn4em{
    display: block!important;
}





}
.flextoblock{
    display:flex;
    /*justify-content:space-around;*/
    justify-content:center;
}
.coreservice{
    background: #E1E4EC;
    width:100%;
    padding:2em 0em 5em 0em;
}
.coreservice1{
    background: #fff;
    width:100%;
    padding:2em 0em;
}
.words{
/*font-weight: bold;*/
font-size: 40px;
color: #000;
line-height: 11px;
padding:1.5em 17% 0.5em 17%;
/*margin-bottom:30px;*/
text-align: center;
line-height: 1.2;
}
.contents{
/*font-weight: 400;*/
font-size: 16px;
color: #323232;
/*line-height: 1.5;*/
width:100%;
text-align: center;
padding-bottom:2em;
/*padding:0em 33% 2em 33%;*/
line-height: 30px;
}
.contents1{
/*font-weight: 400;*/
font-size: 21px;
color: #323232;
/*line-height: 1.5;*/
width:100%;
text-align: center;
/*padding-bottom:2em;*/
padding:0em 33% 2em 33%;
line-height: 30px;
}
.contents-plus{
    padding:0em 2em;
}
.contents-plus1{
    padding:0em 16% 2em 16%;
    text-align: justify;
}
.coreserver-flexbox{
    display: flex;
    background: #fff;
    border-radius: 15px;
    padding:1em;
    flex-direction: column ;
    align-items:center;
    margin-bottom:0.5em;
}
.coreserver-flexbox-words{
font-weight: 500;
font-size: 24px;
color: #323232;
line-height: 26px;
/*font-family: 'HarmonyBold';*/
/*text-align: center;*/
margin-top:0.5em;
}
.coreserver-flexbox-words1{
font-weight: bold;
font-size: 20px;
color: #323232;
line-height: 26px;
/*font-family: 'HarmonyBold';*/
text-align: center;
margin-top:0.5em;
}
.graybg{
    background: #E1E4EC;
    border-radius: 10px;
    padding:4em;
    min-height: 210px;
    margin-right: 1em;
    margin-bottom: 1em;
}
.margn4em{
    margin:0em auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
.titlewords{
font-weight: bold;
text-align: left;
font-size: 26px;
color: #1A1A1A;
line-height: 32px;
padding-bottom: 1em;
}
.contentwords{
font-weight: 400;
text-align: left;
font-size: 24px;
color: #1E1E1E;
line-height: 28px;
}
.whywords{
/*font-weight: bold;*/
font-size: 24px;
color: #323232;
line-height: 26px;
}

/*首页banner左右滑动 图标库不显示*/
#carousel-example-generic {
    /*height: 940px;*/
    overflow: hidden;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 1px !important;
    margin: 0;
    background: #000;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 0 !important;
    margin: 0 1px;
}

.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
    content: none
}

.glyphicon {
    width: 36px !important;
    height: 36px !important;
    display: block !important;
}

.glyphicon img {
    width: 36px;
    
}

.banner-chevron {
    position: absolute;
    width: 74px;
    bottom: 150px;
    right: 130px;
}


.carousel-indicators {
    position: absolute;
    top: 20%;
    right: 5%;
    left: auto;
    z-index: 15;
    width: 1%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    margin: 0 auto;
    margin-top: 40px;
    display: block;
    width: 8px;
    height: 8px;
    background: #E0E0E2;
    border-radius: 50%;
    text-indent: -999px;
    cursor: pointer;
}

.carousel-indicators li.active {
    margin: 0 auto;
    margin-top: 40px;
    width: 22px;
    height: 6px;
    background: #E0E0E2;
    border-radius: 3px;
}

.carousel-inner .item {
   /* position: relative;*/
}

.carousel-inner .item .bannerbtns {
    position: absolute;
    top: 350px;
    left: 8%;
    /* background: #345AC9;
    border-radius: 15px;
    color: #fff;
    padding:15px 25px;
    font-size: 14px;*/
}

.carousel-inner .item .bannerbtns1 {
    position: absolute;
    top: 379px;
    left: 8%;
    /* background: #345AC9;
    border-radius: 15px;
    color: #fff;
    padding:15px 25px;
    font-size: 14px;*/
}

.carousel-inner .item .bannerbtns2 {
    position: absolute;
    top: 350px;
    left: 8%;
    /* background: #345AC9;
    border-radius: 15px;
    color: #fff;
    padding:15px 25px;
    font-size: 14px;*/
}

.carousel-inner .item .bannerbtns3 {
    position: absolute;
    top: 353px;
    left: 8%;
}

.carousel-inner .item1 .h2 {
    position: absolute;
    top: 550px;
    width:100%;
    left:0!important;
    text-align: center;
    font-size: 90px;
    line-height: 60px;
    color: #000;

}

.carousel-inner .item1 .h3 {
    font-weight: 500;
    position: absolute;
    top: 680px;
    font-size: 56px;
    color: #000;
    width: 100%;
    line-height: 170%;

}

.carousel-inner .item .h2 {
    position: absolute;
    top: 550px;
    left: 33%;
    /*text-align: center;*/
    font-size: 46px;
    line-height: 60px;
    color: #000;
}

.carousel-inner .item .h3 {
    font-family: 'MontserratHairline', Arial, sans-serif !important;
    font-weight: 500;
    position: absolute;
    top: 635px;
    left: 34%;
    font-size: 38px;
    color: #000;
    width: 100%;
    line-height: 170%;

}

/*第二张幻灯*/
.carousel-inner .item2 .h2 {
    position: absolute;
    top: 160px;
    left: 8%;
    font-size: 27px;
    line-height: 40px;
    color: #000;
}

.carousel-inner .item2 .h3 {
    font-family: 'MontserratLight', Arial, sans-serif !important;
    letter-spacing: normal;
    font-weight: 100;
    position: absolute;
    top: 260px;
    left: 8%;
    font-size: 18px;
    color: #000;
    /*width: 800px;*/
    line-height: 150%;
   /* letter-spacing: 2.8px;*/

}

/*第三张幻灯*/
.carousel-inner .item3 .h2 {
    position: absolute;
    top: 180px;
    left: 8%;
    font-size: 42px;
    line-height: 60px;
    color: #345AC9;
    font-weight: 500;

}

.carousel-inner .item3 .h2 span {
    font-size: 42px;
    line-height: 60px;
    color: #191A1A;
    font-weight: 500;

}

.carousel-inner .item3 .h3 {
    font-family: 'MontserratLight', Arial, sans-serif !important;
    font-weight: 100;
    position: absolute;
    top: 260px;
    left: 8%;
    font-size: 20px;
    color: #000;
    width: 600px;
    line-height: 170%;
   /* letter-spacing: 2px;*/

}




.carousel-inner .item .bannerbtn {

    background: none;

    padding: 16px 28px;
    display: inline-block;

    z-index: 1;
    color: #fff;
    border-radius: 30px;
    border: solid 1px #fff;
    /* box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);*/
    position: relative;

}

.carousel-inner .item .bannerbtn:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #345AC9;
    border-radius: 30px;
    border: none;
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);*/
    transition: all 0.3s ease;
}

.carousel-inner .item .bannerbtn:hover {
    color: #fff;
    border: none;
}

.carousel-inner .item .bannerbtn:hover:after {
    left: 0;
    width: 100%;
    border: none;
}

.carousel-inner .item .bannerbtn:active {
    top: 2px;
    border: none;
}


/*第二第三屏*/
.carousel-inner .item .bannerbtn1 {

    background: #345AC9;

    padding: 16px 28px;
    display: inline-block;

    z-index: 1;
    color: #fff;
    border-radius: 30px;
    /*border: solid 1px #fff;*/
    /* box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);*/
    position: relative;

}

.carousel-inner .item .bannerbtn1:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #101010;
    border-radius: 30px;
    border: none;
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);*/
    transition: all 0.3s ease;
}

.carousel-inner .item .bannerbtn1:hover {
    color: #fff;
    border: none;
}

.carousel-inner .item .bannerbtn1:hover:after {
    left: 0;
    width: 100%;
    border: none;
}

.carousel-inner .item .bannerbtn1:active {
    top: 2px;
    border: none;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img
{
    width: 100%;
}




.part0-left-title {
    font-size: 40px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #333333;
    text-align: center;
    padding: 87px 0 70px;
}

.productlist {
    margin: 0 auto;
    width: 1650px;
    margin-bottom: 50px;
}

.productlist .dv1,
.productlist .dv2,
.productlist .dv3 {
    float: left;
}



.productlist .dv1 div.li:nth-child(1) {

    width: 587px;
    height: 710px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv2 div.li:nth-child(1) {

    width: 310px;
    height: 341px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv2 div.li:nth-child(2) {

    width: 310px;
    height: 341px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv31 div.li:nth-child(1) {
    float: left;
    width: 310px;
    height: 341px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv31 div.li:nth-child(2) {
    float: left;
    width: 310px;
    height: 341px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv32 div.li:nth-child(1) {

    width: 639px;
    height: 341px;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}


.productlist div.li {
    margin-right: 25px;
    margin-bottom: 25px;
    position: relative;
}

.productlist div.li .pic {
    position: relative;
}

.productlist div.li .pic .pname {
    position: absolute;
    top: 50px;
    left: 50px;
    font-size: 17px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: left;

}

.productlist div.li .pic .pname b {

    font-size: 28px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 400;
    color: #101010;
    line-height: 31px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}

.productlist div.li .pic .pname2,
.productlist div.li .pic .pname3,
.productlist div.li .pic .pname4,
.productlist div.li .pic .pname5 {
    position: absolute;
    top: 40px;
    left: 30px;
    font-size: 17px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: left;

}

.productlist div.li .pic .pname6 {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    display: inline-block;
    font-size: 17px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: center;

}

.productlist div.li .pic .imgauto {
    width: 100%;
    height: 100%;
}

.productlist div.li .pic .imgauto img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .5s;
}

.productlist div.li .pic span {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.productlist div.li .pic span:hover {
    color: #000;
}

.productlist div.li .text {
    display: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 10%;
    line-height: 150%;
}
.productlist div.li .text span:nth-child(1) {
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-family: 'MontserratLight', Arial, sans-serif!important;
}


.productlist div.li .text span {
    display: block;
    font-size: 14px;
    font-weight: 100;
    font-family: 'MontserratLight', Arial, sans-serif!important;
}


.productlist div.li .text span:nth-child(1) {
    margin-bottom: 25px;
}

.productlist div.li .text a { 
    bottom: 10%;
    display: inline-block;
    color: #fff;
    position: absolute;
    background: url(/bmstatic/picture/jtfff.png) no-repeat right 10px;
    padding-right: 45px;
    display: inline-block;

}

.productlist div.li .text a img {
    display: inline-block;

}

.productlist div.li:hover .pic .imgauto img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    transition: .5s;
}

.productlist div.li:hover .text {
    display: block;
}

.part3-wrap {
    background: #F8F8F9;
    padding-bottom: 50px;
}

.part3-left-title {
    font-size: 40px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #333333;
    text-align: center;
    padding: 80px 0 70px;
}

.part3-con {
    width: 1744px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}

.part31 {
    position: relative;
    width: 862px;
    height: 674px;
    background: url('../picture/part31.jpg') center center;
    background-size: cover;

    animation: zoomsmall 0.5s;
    /* 调用缩小动画（这是里当鼠标丢失hover时，背景回到原大小），播放时长为0.5秒 */
}

.part311 {
    width: 862px;
    height: 674px;
    background: rgba(0, 0, 0, .0);
    opacity: 1;
    padding-left: 70px;
    padding-top: 100px;
}

.part311:hover {
    width: 862px;
    height: 674px;
    background: rgba(0, 0, 0, .5);
    opacity: 1;
}

.part31 h2,
.part32 h2 {
    font-size: 28px;
    color: #FFFFFF;
    padding-bottom: 70px;
    opacity: 1;
}

.part31 p,
.part32 p {
    font-size: 14px;
    color: #B4B4B4;
    line-height: 21px;
    opacity: 1;
    z-index: 10000;
}

.part32 {
    position: relative;

    background: url('../picture/part32.jpg') center center;
    background-size: cover;
    width: 862px;
    height: 674px;
    animation: zoomsmall 0.5s;
    /* 调用缩小动画（这是里当鼠标丢失hover时，背景回到原大小），播放时长为0.5秒 */
}

.part31:hover,
.part32:hover {
    animation: zoombig 0.5s;
    /* 调用缩小动画，播放时长为0.5秒 */
    background-size: 105%;
    /* 鼠标停留时背景大小，如果不加这行，动画会一直来回的放大缩小 */
}

.part321 {
    width: 862px;
    height: 674px;
    background: rgba(0, 0, 0, .0);
    opacity: 1;
    padding-left: 70px;
    padding-top: 100px;
}

.part321:hover {
    width: 862px;
    height: 674px;
    background: rgba(0, 0, 0, .5);
    opacity: 1;
}



/* 建立背景放大动画 */
@keyframes zoombig {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 105%;
    }
}

/* 建立背景缩小动画 */
@keyframes zoomsmall {
    0% {
        background-size: 105%;
    }

    100% {
        background-size: 100%;
    }
}



.part3-wrap .lmore {
    width: 156px;
    height: 44px;
    border: 1px solid #343437;
    border-radius: 2px;
    line-height: 44px;
    margin: 50px auto 0;
    text-align: center;

}


.part3-wrap .lmore {
    background-color: initial;
    position: relative;
    right: 7px;
    bottom: 25px;
    box-shadow: none;
    color: #000;
    width: 156px;
    height: 44px;
    -webkit-perspective: 230px;
    perspective: 230px;
}

.part3-wrap .lmore span {

    display: block;
    position: absolute;
    width: 156px;
    height: 44px;

    margin: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.part3-wrap .lmore span:nth-child(1) {

    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}

.part3-wrap .lmore span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}

.part3-wrap .lmore:hover span:nth-child(1) {

    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.part3-wrap .lmore:hover span:nth-child(2) {

    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}




.part4-wrap {
    margin-top: 0;
}

.part4-wrap .ofh {
    position: relative;
    height: 850px;
}

.part4-wrap .ofh #banner_filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}

.part4-wrap .ofh .about_txt {
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;

}

.part4-wrap .ofh .about_txt h1 {
    color: #EEEEEE;
    font-size: 38px;
    margin: 35px auto;

}

.part4-wrap .ofh .about_txt p {
    color: #CCCCCC;
    font-size: 14px;
    line-height: 150%;
    margin: 0 auto;
    width: 70%;
}

.part4-wrap .lmore {
    width: 198px;
    height: 51px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    line-height: 51px;
    margin: 200px auto 0;
    text-align: center;
    color: #CCCCCC;

}

.part4-wrap .lmore a {
    color: #CCCCCC;
}



.part4-wrap .lmore {

    display: inline-block;
    z-index: 1;
    border-radius: 30px;
    position: relative;

}

.part4-wrap .lmore:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #CCCCCC;
    opacity: 0.3;
    border-radius: 30px;
    border: none;
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);*/
    transition: all 0.3s ease;
}

.part4-wrap .lmore:hover {
    color: #000;
    border: none;
}

.part4-wrap .lmore:hover:after {
    left: 0;
    width: 100%;
    border: none;
}

.part4-wrap .lmore:active {
    top: 2px;
    border: none;
}




.part5-wrap {}

.part5-wrap .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.part5-wrap div.li {
    width: 625px;
    height: 459px;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.part5-wrap div.li:nth-child(1) {
    margin-left: 0px;
}

.part5-wrap div.li:nth-child(4) {

    margin-left: 0px;
}

.part5-wrap div.li .pic {
    position: relative;
    overflow: hidden;
}

.part5-wrap div.li .pic .imgauto {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.part5-wrap div.li .pic .imgauto img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .5s;
}

.part5-wrap div.li .pic span {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.part5-wrap div.li .pic span:hover {
    color: #000;
}

.part5-wrap div.li .text {
    font-size: 21px;
    width: 625px;
    height: 459px;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    padding-top: 60%;
    line-height: 150%;
    font-family: 'MontserratLight', Arial, sans-serif;
    animation: zoomout 0.5s;
    /* 调用缩小动画，播放时长为0.5秒 */
}


.part5-wrap .part5-left-title {
    padding: 80px 0 70px;
    font-size: 40px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #333333;
    text-align: center;
}


.part5-wrap div.li .text:hover {
    animation: zoomin 0.5s;
    /* 调用缩小动画，播放时长为0.5秒 */
    background: rgba(0, 0, 0, .3);
    /* 鼠标停留时背景大小，如果不加这行，动画会一直来回的放大缩小 */
}



/* 建立背景放大动画 */
@keyframes zoomin {
    0% {
        background: rgba(0, 0, 0, .1);
    }

    100% {
        background: rgba(0, 0, 0, .3);
    }
}

/* 建立背景缩小动画 */
@keyframes zoomout {
    0% {
        background: rgba(0, 0, 0, .3);
    }

    100% {
        background: rgba(0, 0, 0, .1);
    }
}




.part5-wrap div.li .text span {
    display: block;
}

.part5-wrap div.li .text a {
    width: 100%;
    display: inline-block;
    color: #fff;

}

.part5-wrap div.li .text a img {
    display: inline-block;

}

.part5-wrap div.li:hover .pic .imgauto img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition: .5s;
}

.part5-wrap div.li:hover .text {
    display: block;
}

/*新闻*/
.part6-wrap {
    background: #DCE9F7;
    padding-bottom: 100px;
}

/*.part6-wrap .part6-con {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    width: 1515px;*/
/*    margin: 0 auto;*/
/*}*/

/*.part6-wrap .part6-left-title {*/
/*    padding: 80px 0 70px;*/
/*    font-size: 40px;*/
/*    font-family: 'MontserratLight', Arial, sans-serif;*/
/*    font-weight: 300;*/
/*    color: #333333;*/
/*    text-align: center;*/
/*}*/

/*.part6-wrap .part61,*/
/*.part6-wrap .part62 {*/
/*    width: 456px;*/
/*    padding-bottom: 40px;*/
/*    background: #ffffff;*/

/*}*/

/*.part6-wrap .part61 {*/
/*    margin-right: 70px;*/
/*}*/

/*.part6-wrap .part61 h2 a {*/
/*    font-size: 21px;*/
/*    font-family: 'MontserratLight', Arial, sans-serif;*/
/*    font-weight: 300;*/
/*    color: #101010;*/
/*    line-height: 29px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*    font-weight: 400;*/
/*    display: inline-block;*/
/*    margin-top: 30px;*/
/*}*/

/*.part6-wrap .part61 h2 a:hover {*/
/*    color: #345ACA;*/
/*}*/

/*.part6-wrap .part61 span.date {*/
/*    font-size: 14px;*/
/*    font-family: 'MontserratLight', Arial, sans-serif;*/
/*    font-weight: 300;*/
/*    color: #666666;*/
/*    line-height: 18px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*    padding-top: 20px;*/
/*    padding-bottom: 30px;*/
/*    display: inline-block;*/
/*}*/

/*.part6-wrap .part61 p {*/
/*    font-size: 15px;*/
/*    font-family: 'MontserratLight', Arial, sans-serif;*/
/*    font-weight: 300;*/
/*    color: #333333;*/
/*    line-height: 22px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*}*/

/*.part6-wrap .part61 .imags {*/
/*    position: relative;*/
/*}*/

/*.part6-wrap .part61 .imags span {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: #345ACA;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    line-height: 34px;*/
/*    padding: 0 30px;*/
/*    display: inline-block;*/
/*}*/

/*.part6-wrap .part62 span {*/
/*    background: #345ACA;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    line-height: 34px;*/
/*    padding: 0 30px;*/
/*    display: inline-block;*/
/*}*/


/*.part6-wrap .part62 ul li {*/
/*    display: flex;*/
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
/*}*/

/*.part6-wrap .part62 ul li .left {*/
/*    width: 25%;*/
/*    text-align: center;*/
    
/*}*/

/*.part6-wrap .part62 ul li .left .p1 {*/
/*    color: #345ACA;*/
/*    font-size: 38px;*/
/*}*/

/*.part6-wrap .part62 ul li .left .p2 {*/
/*    color: #666666;*/
/*    font-size: 14px;*/
/*}*/

/*.part6-wrap .part62 ul li .right a {*/
/*    color: #101010;*/
/*    font-size: 17px;*/
/*}*/

/*.part6-wrap .part62 ul li .right a:hover {*/
/*    color: #345ACA;*/
/*    font-size: 17px;*/
/*}*/
 
/*.part6-wrap .part62 ul li .right{  */
/*    word-break: break-all;*/
/*    width: 70%;*/
/*    line-height: 120%;*/
/*    padding-top: 8px;*/
/*}*/



































/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .ab-flexnav {
        display: flex;
        justify-content: space-around;
    }
}

.showAllVideo {
    margin-top: 50px;
}

.text-transform {
    text-transform: uppercase;
}

/** part0**/
.part0-wrap {
    margin-top: -3px !important;
    background: url('../image/bg0.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 5em 0em;
    height: auto;
    /*height: 900px;*/
}

.part0-cover {
    display: flex;
    justify-content: center;
    margin: 3em 0em 2em 0em;
}

.part0-words {
    font-size: 14 !important;
    line-height: 24px;
    color: #fff;
    padding-top: 1em;
    padding-bottom: 14em;
    text-align: center;
    letter-spacing: 0.6px;
    font-weight: 100;
    font-family: 'MontserratHairline', Arial, sans-serif;
}

.part0-img {
    height: 147px;
}

.part0-left-title {
    font-size: 40px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    text-align: center;
    /* margin: 70px 0;*/
}

/** part3**/
.part3-wrap {}

.part3-left-title {
    font-size: 40px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #333333;
    text-align: center;
}



.part3-history {
    display: flex;
    justify-content: space-between;
}

.part3-history-img {
    width: 15%;
    display: flex;
    justify-content: center;
}

.part3-history-img2023 {
    margin-top: 5em;
}

.part3-history-img2021 {
    margin-top: 18em;
}

.part3-history-img2018 {
    margin-top: 5em;
}

.part3-history-img2013 {
    margin-top: 17em;
}

.part3-history-img2012 {
    margin-top: 5em;
}

.part3-history-img2006 {
    margin-top: 18em;
}

.part3-history-img2004 {
    margin-top: 5em;
}

.part3-history-words {
    font-size: 15px;
    font-weight: 300;
    color: #333333;
    line-height: 20px;
    margin-top: 3.8em;
    margin-left: -4em;
    font-family: 'MontserratLight', Arial, sans-serif;
}

.part31-left-title {
    font-size: 40px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0.5em;
}

/** part3**/
/** part4**/
.part4-wrap {
    /*padding-top: 5em;*/
}

.part4-title {
    font-size: 42px;
    font-family: 'MontserratLight';
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}

.part4-img-responsive {
    display: block;
    width: 100%;
    height: auto;
}

/*.part4-shortline{*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    flex-direction:column;*/
/*    align-items:center;*/
/*}*/
.part4-subtitle-num {
    font-size: 30px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 38px;
    font-family: 'MontserratLight', Arial, sans-serif;
    margin-top: 0.5em;
    text-align: center;
}

.part4-subtitle-content {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 16px;
    font-family: 'MontserratLight', Arial, sans-serif;
    margin-top: 0.5em;
    text-align: center;
}

.part4-subtitle {
    display: flex;
    justify-content: space-between;
    margin-top: 37em;
    margin-bottom: 1em;
}

/** part4**/
/** part5**/


.part5-title {
    font-size: 46px;
    font-weight: 400;
    color: #101010;
    text-align: center;
    font-family: 'MontserratLight', Arial, sans-serif;
}

.part5-subtitle {
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
    margin-bottom: 1em;
}

.part5-subtitle-num {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    line-height: 38px;
    font-family: 'MontserratLight', Arial, sans-serif;
    margin-top: 0.5em;
    text-align: center;
}

.part5-subtitle-content {
    font-size: 15px;
    font-weight: 300;
    color: #333333;
    line-height: 16px;
    font-family:'MontserratLight', Arial, sans-serif;
    margin-top: 0.5em;
    text-align: center;
}

.part5-subtitle-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/** part5**/
/* 超大屏幕（桌面显示器，大于等于 1921px） */
@media (min-width: 1921px) {

#carousel-example-generic {
    height: calc(100vw*0.4895333); ;
    overflow: hidden;
}
    
    .part4-wrap .ofh {
    position: relative;
    width: 100%;
    height:calc(100vw*0.4396); ;
}
    
    
    .part5-wrap div.li {
    width: 33.33333%; 
    /*height: 459px;*/
     height:calc(33.33333vw*0.7290);
    margin-left: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-left: 5px;
    padding-right:5px ; 
}
    .part5-wrap div.li:nth-child(1) {
    width: 33.33333%; 
    box-sizing: border-box;
    /*height: 459px;*/
   height:calc(33.33333vw*0.7290);
    margin-left: 0px;
    margin-bottom: 0px;
    overflow: hidden; 
}
 
.part5-wrap div.li .text {
    font-size: 21px;
    width: 100%;
    height:calc(33.33333vw*0.7290);
    display: flex;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding-top: 60%;
    line-height: 150%;
    font-family: 'MontserratLight', Arial, sans-serif;
    animation: zoomout 0.5s;
}
.part5-wrap div.li .pic {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.part6-wrap .part6-con {
    display: flex;
    justify-content: flex-start;
    width: 70%;
    margin: 0 auto;
}
.part6-wrap .part61,
.part6-wrap .part62 {
    width: 33%;
    padding-bottom: 40px;
    background: #ffffff;
}
    

}


@media (min-width: 1200px) and (max-width: 1680px) {
    
    #carousel-example-generic {
    margin: 0 auto;
    width: 100%;
    height: 50vw;
    overflow: hidden;
}
/*第二张幻灯*/
.carousel-inner .item .h2 {
    position: absolute;
    top: 80px;
    left: 5%;
    font-size: 42px;
    line-height: 60px;
    color: #fff;
}

.carousel-inner .item .h3 {
    font-family: 'MontserratLight', Arial, sans-serif!important;
    font-weight: 100;
    position: absolute;
    top: 160px;
    left: 5%;
    font-size: 18px;
    color: #fff;
    width: 800px;
    line-height: 150%;
   /* letter-spacing: 2.8px;*/

}
 .carousel-inner .item .bannerbtns1 {
    position: absolute;
    top: 280px;
    left: 5%; 
}

/*第二张幻灯*/
.carousel-inner .item2 .h2 {
    position: absolute;
    top: 180px;
    left: 5%;
    font-size: 42px;
    line-height: 60px;
    color: #fff;
}

.carousel-inner .item2 .h3 {
    font-family: 'MontserratLight', Arial, sans-serif!important;
    font-weight: 100;
    position: absolute;
    top: 250px;
    left: 5%;
    font-size: 18px;
    color: #fff;
    width: 800px;
    line-height: 150%;
   /* letter-spacing: 2.8px;*/

}
 .carousel-inner .item .bannerbtns2 {
    position: absolute;
    top: 350px;
    left: 5%; 
}

/*第三张幻灯*/
.carousel-inner .item3 .h2 {
    position: absolute;
    top: 80px;
    left: 5%;
    font-size: 42px;
    line-height: 60px;
    color: #345AC9;
    font-weight: 500;

}

.carousel-inner .item3 .h2 span {
    font-size: 42px;
    line-height: 60px;
    color: #191A1A;
    font-weight: 500;

}

.carousel-inner .item3 .h3 {
    font-family: 'MontserratLight', Arial, sans-serif!important;
    font-weight: 100;
    position: absolute;
    top: 180px;
    left: 5%;
    font-size: 20px;
    color: #000;
    width: 600px;
    line-height: 170%;
   /* letter-spacing: 2px;*/

}
.carousel-inner .item .bannerbtns3 {
    position: absolute;
    top: 283px;
    left: 5%;
}

.product-wrap .part0-left-title,.part3-wrap .part3-left-title,.part5-wrap .part5-left-title, .part6-wrap .part6-left-title {
        padding:30px 0 25px;
        font-size: 24px;
        font-family: 'MontserratLight', Arial, sans-serif;
        font-weight: 300;
        color: #333333;
        text-align: center;
    }
    
    
    .productlist {
    margin: 0 auto;
    width: 100vw;
    margin-bottom: 50px;
}

.productlist .dv1,
.productlist .dv2,
.productlist .dv3 {
    float: left;
}



.productlist .dv1 div.li:nth-child(1) {

    width: calc(100vw*0.35575);
    height: calc(100vw*0.430303);;
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv2 div.li:nth-child(1) {

    width: calc(100vw*0.1878787);
    height: calc(100vw*0.206666);
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv2 div.li:nth-child(2) {

    width: calc(100vw*0.1878787);
    height: calc(100vw*0.206666);
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv31 div.li:nth-child(1) {
    float: left;
    width: calc(100vw*0.1878787);
    height: calc(100vw*0.206666);
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv31 div.li:nth-child(2) {
    float: left;
    width: calc(100vw*0.1878787);
    height: calc(100vw*0.206666);
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}

.productlist .dv32 div.li:nth-child(1) {

    width: calc(100vw*0.387272);
    height: calc(100vw*0.206666);
    background: linear-gradient(0deg, #9EBBE3, #D5D9E4);
    border-radius: 6px;
    overflow: hidden;
}


.productlist div.li {
    margin-right: 25px;
    margin-bottom: 25px;
    position: relative;
}

.productlist div.li .pic {
    position: relative;
}

.productlist div.li .pic .pname {
    position: absolute;
    top: 50px;
    left: 50px;
    font-size: 17px;
    font-family:'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: left;

}

.productlist div.li .pic .pname b {

    font-size: 28px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 400;
    color: #101010;
    line-height: 31px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}

.productlist div.li .pic .pname2,
.productlist div.li .pic .pname3,
.productlist div.li .pic .pname4,
.productlist div.li .pic .pname5 {
    position: absolute;
    top: 30px;
    left: 15px;
    font-size: 17px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: left;

}

.productlist div.li .pic .pname6 {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    display: inline-block;
    font-size: 17px;
    font-family: 'MontserratLight', Arial, sans-serif;
    font-weight: 300;
    color: #101010;
    line-height: 15px;
    text-align: center;

}

.productlist div.li .pic .imgauto {
    width: 100%;
    height: 100%;
}

.productlist div.li .pic .imgauto img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .5s;
}

.productlist div.li .pic span {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.productlist div.li .pic span:hover {
    color: #000;
}

.productlist div.li .text {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 10%;
    line-height: 150%;
}

.productlist div.li .text span {
    display: block;
}

.productlist div.li .text span:nth-child(1) {
    margin-bottom: 15px;
}
.productlist div.li .text span:nth-child(2){
  width: 80%; 
  word-wrap: break-word; 
  word-break: break-all;   
  overflow: hidden;      
  text-overflow: ellipsis;   
  display: -webkit-box;
  -webkit-line-clamp: 3;   
  -webkit-box-orient: vertical;
}

.productlist div.li .text a {
    bottom: 10%;
    display: inline-block;
    color: #fff;
    position: absolute;

}

.productlist div.li .text a img {
    display: inline-block;

}

.productlist div.li:hover .pic .imgauto img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    transition: .5s;
}

.productlist div.li:hover .text {
    display: block;
}

    
    
    
    
    .part3-wrap {
    background: #F8F8F9;
    padding-bottom: 0px;
}

.part3-con {
    width:100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;

}



.part31 {
    position: relative;
     width:49.3vw;
    height:calc(49.3vw*0.781922);
    background: url('../picture/part31.jpg') center center;
    background-size: cover;

    animation: zoomsmall 0.5s;
    /* 调用缩小动画（这是里当鼠标丢失hover时，背景回到原大小），播放时长为0.5秒 */
}

.part311 {
    width:49.5vw;
    height:calc(49.5vw*0.781922);
    background: rgba(0, 0, 0, .0);
    opacity: 1;
    padding-left: 70px;
    padding-top: 100px;
}

.part311:hover {
    width:49.5vw;
    height:calc(49.5vw*0.781922);
    background: rgba(0, 0, 0, .5);
    opacity: 1;
}
.part32 {
    position: relative;

    background: url('../picture/part32.jpg') center center;
    background-size: cover;
    width:49.5vw;
    height:calc(49.5vw*0.781922);
    animation: zoomsmall 0.5s;
    /* 调用缩小动画（这是里当鼠标丢失hover时，背景回到原大小），播放时长为0.5秒 */
}

 

.part321 {
     width:49.5vw;
    height:calc(49.5vw*0.781922);
    background: rgba(0, 0, 0, .0);
    opacity: 1;
    padding-left: 70px;
    padding-top: 100px;
}

.part321:hover {
    width:49.5vw;
    height:calc(49.5vw*0.781922);
    background: rgba(0, 0, 0, .5);
    opacity: 1;
}






    
    .part4-wrap .ofh {
    position: relative;
    height: calc(100vw*0.4425);
}
.part4-wrap .ofh .about_txt {
    position: absolute;
    top: 10%;
    text-align: center;
    width: 100%;
}
    
    
    .part5-wrap div.li {
    width: 33.33333%;
    display: flex;
    box-sizing: border-box;
    /*height: 459px;*/
     height:calc(33.33333vw*0.7343);
    margin-left: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-left: 5px;
    padding-right:5px ;
    position: relative;
}
    .part5-wrap div.li:nth-child(1) {
    width: 33.33333%;
    display: flex;
    box-sizing: border-box;
    /*height: 459px;*/
   
    margin-left: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    padding-bottom:10px;
}
 
.part5-wrap div.li .text {
    font-size: 21px;
    width: 100%;
    height:calc(33.33333vw*0.7343);
    display: flex;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    padding-top: 60%;
    line-height: 150%;
    font-family: 'MontserratLight', Arial, sans-serif;
    animation: zoomout 0.5s;
}
    
    
    .part6-wrap .part6-con {
    display: flex;
    justify-content: flex-start;
    width:95%;
    margin: 0 2.5%;
}
.part6-wrap .part61, .part6-wrap .part62 {
    width: 30%;
    padding-bottom: 40px;
    background: #ffffff;
}
}

@media (max-width: 1100px) {
    #carousel-example-generic{ height:calc(100vw*1.9);}
    .banner-chevron {
        position:initial;
        width: 74px;
        bottom: 90px;
        right: 130px;
    }
    
    .hidden-sm{ display:none !important;}
    .hidden-lg{ display:block !important;}
    .product-wrap .part0-left-title,.part3-wrap .part3-left-title,.part5-wrap .part5-left-title, .part6-wrap .part6-left-title {
        padding: 40px 0 30px;
        font-size: 24px;
        font-family: 'MontserratLight', Arial, sans-serif;
        font-weight: 300;
        color: #333333;
        text-align: center;
    }

    .productlist {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 50px;
    }
    .productlist .dv1, .productlist .dv2, .productlist .dv3 {
    float: left;
    width: 100%;
}
    .productlist div.li {
        margin-right: 0px;
        margin-bottom: 10px;
        position: relative;
    }

    .productlist .dv1 div.li:nth-child(1) {
        width: 100%;
        height: calc(100vw*0.72521);;
        background: linear-gradient(
    0deg, #9EBBE3, #D5D9E4);
        border-radius: 6px;
        overflow: hidden;
    }
    .productlist div.li .pic .pname b {
        font-size: 28px;
        font-family: 'MontserratLight', Arial, sans-serif;
        font-weight: 400;
        color: #101010;
        line-height: 31px;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    .productlist div.li .pic .pname {
        position: absolute;
        top: 30px;
        left: 0px;
        font-size: 17px;
        font-family: 'MontserratLight', Arial, sans-serif;
        font-weight: 300;
        color: #101010;
        line-height: 15px;
        text-align: center;
        width: 100%;
    }
    .productlist .dv2 div.li:nth-child(1),.productlist .dv2 div.li:nth-child(2),.productlist .dv31 div.li:nth-child(1),.productlist .dv31 div.li:nth-child(2) {
        float: left;
        width: 100%;
        height: auto;
        text-align: center;
        background: linear-gradient(
    0deg, #9EBBE3, #D5D9E4);
        border-radius: 6px;
        overflow: hidden;
    }

    .productlist .dv32 div.li:nth-child(1) {
        width: 100%;
        height: calc(100vw*0.72521);;
        background: linear-gradient(
    0deg, #9EBBE3, #D5D9E4);
        border-radius: 6px;
        overflow: hidden;
    }
    .part3-con{
        width: 100%; 
        display: block;
        padding-bottom: 0;
    }
    .part31,.part32{
        width: 100%;
        height: calc(100vw*0.7819);
    }
    .part311,.part311:hover,.part321,.part321:hover {
        width: 100%;
        height: calc(100vw*0.7819);
        background: rgba(0, 0, 0, .0);
        opacity: 1;
        padding-left:0px;
        padding-top: 0px;
        text-align: center;
    }
    .part31 h2, .part32 h2 {
        font-size: 28px;
        color: #FFFFFF;
        padding: 30px 0 30px;
        opacity: 1;
    }
     

    .part5-wrap div.li {
        width: 100%;
        height: auto;
        margin-left: 10px;
        margin-bottom: 10px;
        overflow: hidden; 
        margin:0;
    }
    .part5-wrap div.li .text {
        font-size: 21px;
        width: 100%;
        height: auto; 
        position: absolute;
        top: 0;
        text-align: center;
        color: #fff;
        padding-top: 60%;
        line-height: 150%;
        font-family: 'MontserratLight', Arial, sans-serif;
        animation: zoomout 0.5s;
    }



    .part6-wrap {
        padding-bottom: 0px;
    }

    .part6-wrap .part6-con {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .part6-wrap .part61,
    .part6-wrap .part62 {
        width: 100%;
        display: block;
        margin: 0;
        background: #ffffff;
    }
    .part6-wrap .part62 ul li .left {
    width: 25%;
    text-align: center;
    display: block;
    
}
.part6-wrap .part62 ul li .right{  
    word-break: break-all;
    width: 70%;
    line-height: 120%;
}

    .myul {
        float: left;
        justify-content: space-around;
        position: relative;
        margin-top: 24px;
        padding-bottom: 40px;
        width: 100%;
    }

    .mytopbutton {
        width: 50px;
        overflow: hidden;
        border: solid 1px #fff;
        position: fixed;
        right: 10px;
        bottom: 50px;
    }
    .beian {
        text-align: center;
        color: #fff;
        width: 100%;
        float: left;
    }
}