.container2 {
	max-width: 1440px;
    width: 92%;
    margin: 0 auto;
}
li {
    list-style: none;
}
.nav{position: fixed; top: 0; z-index: 999; width: 100%; }
.nav_top{width: 100%;height: 40px;background: #fff url(../images/nav_top_bg.jpg) top center no-repeat;}
.nav_top .phone{float: right;width: 45%;line-height: 40px;color: #fff;}
.nav_top .search{float: left;margin-right: 20px;}
.nav_top .phone span{font-size: 16px;margin-right: 20px;color: #fff;float: left;}
.nav_top .phone span b{font-size: 18px;font-weight: bold;}
.nav_top .phone span a{color: #fff;margin: 0 5px;}
.search{position: relative;}
.search .u-ipt {margin-top: 5px; display: block; float: left; width: 250px; height: 30px; padding-left: 15px; line-height: 30px; color: #fff; background: #81b5bd; border:none; border-radius: 15px; }
.search .u-btn{top: 5px;width: 30px;height: 30px;cursor: pointer; right: 5px; position: absolute;z-index: 10;border: none; background:url(../images/sou.png) center no-repeat;}
.search input::-webkit-input-placeholder {color: #fff;}

.nav_bot{width: 100%;height: 60px;background: #fff;}
.nav_bot .logo {margin-top: -20px; float: left; width: 14%;}
.nav_bot .nav_list{width:50%; float:right; }
.nav_bot .nav_list .mainlevel {position: relative; width:calc(100%/7); height:60px; float:left; text-align:center; line-height:60px; }
.nav_bot .nav_list li a{color:#333; font-size:14px; display:block; }
.nav_bot .nav_list li:hover a{color:#0b8192; transition:all 0.3s linear; }
.nav_bot .nav_list .ative a{color:#0b8192; }
.wap_nav{position:fixed; top:0; left:0; z-index:999; height:50px; width:100%; display:none; background-color:rgba(236,110,0,0.8); }
.nav_bot .mainlevel .subnav {display: none; position: absolute; top: 60px; left: 0; width: 120%; background-color:#333; margin-left: -10%; z-index: 999; }
.nav_bot .mainlevel .subnav li{width:100%; height:40px; line-height:40px; }
.nav_bot .mainlevel .subnav li:hover{background-color:#0b8192; transition:all 0.3s linear; }
.nav_bot .mainlevel .subnav li a{color:#fff; font-size:14px; }
.swiper-container4 .swiper-pagination-bullet {width: 20px; height: 20px; display: inline-block; border-radius: 100%; background: url(../images/bullet.png) center no-repeat; opacity: 1; }
.swiper-container4 .swiper-pagination-bullet-active {opacity: 1; background: url(../images/bullet_h.png) center no-repeat; }
.hmPage1 .swiper-container {width: 100%; height: 100%; }
.swiper-container3{padding-top: 40px;}


.hmPage2L{height:100%; width:50%; float:left;}
.hmPage2R{ height: 100%; width: 50%; float: right; background:#eeeff0 url(../images/about_1-3.jpg) 90% 100px no-repeat; color: #FFF; position: relative; }
.hmp2_t1 {font-size: 72px; margin-top:40px; font-weight:bold; color:#b3b3b3;text-transform: uppercase;line-height: 1.2;}
.hmP2Txt { position: absolute; top: 50%; transform:translateY(-50%); padding: 0px 16% 0px 17%; left:0; width:100% }
.hmp2_t2 { position: relative; text-transform: uppercase; color:#4f4f4f;font-size: 30px;line-height: 1.2;height: 50px;}
.hmp2_t2:after{ content:""; width:46px; height:4px; background:#0b8192; position:absolute; left:0; bottom:0}
.hmp2Des { font-size: 16px; line-height: 30px; color: #7e7e7e; padding: 20px 0px 60px; }
.hmp2ul li{float: left;text-align: center;width:16.666666%; }

.hmp2ul li i{font-size: 32px;color: #0b8192;width: 70px;height: 70px;border:1px solid #0b8192;border-radius: 35px;line-height: 70px;display:inline-block;}
.hmp2ul li:hover i{background: #0b8192;color: #fff;}
.hmp2ul li p{font-size: 14px;line-height:50px;color: #3b3b3b;}



.swiper-slide1 .hmp4Icon .img{ width:80px; height:80px; margin:0 auto;}
.swiper-slide1 .hmp4Icon .img1{ width:80px; height:80px; margin:0 auto; display:none;}
.swiper-slide1 .hmp4desc{ font-size:14px; color:#fff; line-height:30px; padding:0 16%; margin:40px auto;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.swiper-slide1:hover .hmp4desc{-webkit-line-clamp: 3;}
.swiper-slide1 .hmp4more{ display:block; margin:0 auto; }
.swiper-slide1 .hmp4more i{font-size: 36px;color:#fff;}
.swiper-slide1:hover .hmp4more{    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin:15% auto 0;}
.swiper-slide1:hover strong{ color:#0c8192; font-weight:bold;transition:all 0.4s linear;}
.swiper-slide1:hover .img{ display:none;}
.swiper-slide1:hover .img1{ display:block;}
.swiper-slide1 strong {font-size: 20px; color: #fff; line-height: 1.2; font-weight: normal; display: block; }
.swiper-slide1 h5{text-transform: uppercase;color: #fff;font-size: 18px;font-weight: bold;line-height: 40px;margin-top: 20px;}
.swiper-slide1:hover h5{ color:#0c8192; font-weight:bold;transition:all 0.4s linear;}


#sliderMenu{ position: fixed; z-index: 8; height: 208px; width: 50px; top: 50%; left: 30px; margin-top: -104px; }
.hmMenuNum { font: bold 14px Arial; color: #FFF; opacity:0; transition:all 0.4s ease-in-out; }
.active .hmMenuNum{opacity:0;}
.hmMenuLine {background: #FFF; position: absolute; top: 50%; right: 38px; transition:all 0.4s ease-in-out; }
.active .hmMenuLine{ width:26px; height:3px; right:0; margin-top:-1px;}
.sliderMenuStyle .hmMenuNum{color:#888888;}
.sliderMenuStyle .hmMenuLine{background:#888888;}
#sliderMenu li { line-height: 30px; height: 30px; margin: 6px 0px 7px; position: relative; }
#sliderMenu li a{ display:block; width:100%; height:100%;}
.sliderMenuStyle .active::before{background:none!important; border:1px solid #fff!important; }
.sliderMenuStyle li::before{background: #fff!important; }
.sliderMenuStyle li::after {background: rgba(256, 256, 256, .2)!important; }
#sliderMenu .active::before{height: 13px; background:none; border:1px solid #666; width: 13px; left:-6px; border-radius: 7px; margin: -2px 0 0 5px; }
#sliderMenu li::before {position: absolute; content: ""; height: 3px; background: #a8a8a8; width: 3px; left: 0px; margin: 4px 0 0 4px; border-radius: 3px; }
#sliderMenu li::after {position: absolute; content: ""; height: 24px; background: rgba(155, 155, 155, .2); width: 1px; left: 0px; margin: -18px 0 0 5px; }

.hmPage4L {height: 100%; width: 100%; background: url(../images/hmPage4_bg.jpg) no-repeat center center; background-size: cover!important; position: relative; }
.hmP4Lbox {position: absolute; left: 15%; top: 50%; right: 15%; color: #FFF; transform: translateY(-50%); }
.hmp4_t1 {font-size: 48px; line-height:1.5; text-align: center; font-weight: normal; color: #414141; }
.hmp4_t2 {text-transform: uppercase; font-size: 24px; color: #a1a1a1; text-align: center; padding-bottom: 22px; position: relative; }
.hmp4_u1 li {text-align: center; width: 25%; padding-left: 2%; padding-right: 2%; float: left; margin-top: 60px; overflow: hidden; }
.hmPage4L .hmp2_t2:after {content: ""; width: 37px; height: 0; background: #333333; position: absolute; left: 0; bottom: 0; }
.hmp2_p{font-size: 16px;line-height: 1.5;color: #505050;text-align: center;}
.hmPage4 .hmp4_u1 li .hmp4desc {font-size: 16px; color: #797979; line-height:1.5; text-align: center; margin: 30px 0 40px; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; }

.hmPage5 {height: 100%; width: 100%; background: url(../images/hmPage5_bg.jpg) no-repeat center center; background-size: cover!important; position: relative; }
.hmp5_t1 {font-size: 48px; line-height: 1.5; text-align: center; font-weight: normal; color: #414141; }
.hmp5_t2 {text-transform: uppercase; font-size: 24px; color: #a1a1a1; text-align: center; padding-bottom: 22px; position: relative; }
.swiper-slide2 .txt h1 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 1.5; color: #6b6b6b; text-align: left; font-weight: normal; }
.swiper-slide2 .txt span {font-size: 14px; line-height: 1.5; color: #aeaeae; display: block; text-align: left; }
.swiper-slide2 .txt p {padding-top: 5px; font-size: 14px; line-height: 24px; color: #787878; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.swiper-slide2 .txt{padding-left: 5px;}



.hmPage6 a{border:4px solid #e8e8e8;}
.hmp6_t1 {font-size: 48px; line-height:1.5; text-align: center; font-weight: normal; color: #414141; }
.hmp6_t2 {text-transform: uppercase; font-size: 24px; color: #a1a1a1; text-align: center; padding-bottom: 22px; position: relative; }



#footer {
    width: 100%;
    background-color: #0b8192;
}


#footer .ft_top {
    width: 100%;
    padding: 30px 0 30px 0;
    display: inline-table;
}

#footer .ft_top .l {
    width: 100%;
}

#footer .ft_top .l dl {
    width: 17%;
    float: left;
    margin: 0;
}

#footer .ft_top .l dl:nth-child(4) {
    width: 26%;
}

#footer .ft_top .l dl dt {
    color: #fff;
    font-size: 15px;
    margin-bottom: 15px;
}

#footer .ft_top .l dl dt a {
    font-size: 16px;
    color: #fff;
}

#footer .ft_top .l dl dd a {
    color: #d6d6d6;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
}

#footer .ft_top .l dl:last-child dd a {
    display: inline-block;
    line-height: 30px;
}

#footer .ft_top .l dl:last-child dd {
    padding-bottom: 6px;
}

#footer .ft_top .l dl:last-child img {
    max-width: 100%;
}

#footer .ft_top .l dl dd a:hover {
    color: #fff;
}

#footer .ft_bottom {
    background: #086775;
    width: 100%;
    float: left;
    padding: 10px 0 10px;
    text-align: center;
}

#footer .ft_bottom p {
    color: #b4b4b4;
    font-size: 14px;
    margin: 0;
    line-height: 2;
    text-transform: uppercase;
}

#footer .ft_bottom p a {
    color: #b4b4b4;
}

#footer .ft_bottom p a:hover {
    color: #fff;
}


#pages{
    padding-bottom: 50px;
    text-align: center;
}
#pages li{
    display: inline-block;
    margin: 0 2px;
}
#pages span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #0b8192;
    border: 1px solid #0b8192;
    color: #fff;
    text-align: center;
}
#pages a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0b8192;
    color: #000;
    text-align: center;
}
.news_list_main {
    margin-bottom: 32px;
}

.news_list_main ._list_box {
    padding: 40px 26px 26px;
}

.news_list_main ._list_box a {
    display: block;
}

.fix:before,
.fix:after {
    display: table;
    clear: both;
    content: '';
}

.news_pic_list {
    margin-bottom: 50px;
}

.news_list_main li:hover ._list_box {
    background-color: #f4f4f4;
}

.news_list_main li:hover ._list_l {
    color: #0b8192;
}

.news_list_main li:hover .news_title {
    font-weight: bold;
    color: #000;
}

.news_pic_list li:hover ._title_hover .news_title {
    color: #fff;
}

.news_list_main li:hover .news_text {
    color: #434343;
}

.news_list_main li:hover ._list_l {
    color: #0b8192;
}

.news_l_time {
    font-size: 48px;
    line-height: 48px;
    color: #c8c8c8;
    width: 124px;
}

.news_l_time ._year {
    font-size: 12px;
    text-align: right;
    line-height: 20px;
}

.number_title {
    font-family: 'Arial';
}

.news_list_main ._list_r {
    width: 82%;
}

.news_list_main li:hover .news_title {
    font-weight: bold;
    color: #000;
}

.news_list_main ._list_r .news_title {
    margin-bottom: 12px;
}

.news_title {
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_list_main li:hover .news_text {
    color: #434343;
}

.news_list_main ._list_r .news_text {
    color: #767676;
    margin-bottom: 20px;
}

.news_text {
    font-size: 13px;
}

.nei_mian>._title {
    font-size: 30px;
    line-height: 1.4;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}


.imgZoom img,.imgY180 img,.imgY180 i{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imgY180:hover i { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.imghover_big { overflow: hidden; display: block; position: relative; }
.imghover_big img { -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s; }
.imghover_big:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);  }
.imghover_big em { position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) ; overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.imghover_big:hover em { width: 150px; left: 600px; -webkit-transition: 0.8s;transition: 0.8s }
 @-webkit-keyframes scaleout { 0% {
-webkit-transform: scale(1.0)
}
 100% {
 -webkit-transform: scale(0.8);
}
}
 @keyframes scaleout { 0% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
100% {
 transform: scale(1.1);
 -webkit-transform: scale(0.8);
}
}

@-webkit-keyframes moveUpDown {
    from {-webkit-transform: translateY(-5px)}
    to {-webkit-transform: translateY(5px)}
}
@keyframes moveUpDown {
    from { transform: translateY(-5px)}
    to { transform: translateY(5px)}
}


@media (max-width: 1699px) {
    .hmP4Lbox {
        left: 15%;
        right: 15%;
    }
}

@media (max-width: 1399px) {
    .hmP4Lbox {
        left: 10%;
        right: 10%;
        top: 56%;
    }

}

@media (max-width: 992px) {
    .hmP4Lbox {
        left: 6%;
        right: 6%;
    }
}


@media (min-width: 768px) {

	.hmPage2 .hmp2_t1 {
    opacity: 0;
    transform: translate(0,-200px);
    transition: all 0.3s ease-in-out;
}
.hmPage2.active .hmp2_t1 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.2s;
}
.hmPage2 .hmp2_t2 {
    opacity: 0;
    transform: translate(0,-200px);
    transition: all 0.3s ease-in-out;
}
.hmPage2.active .hmp2_t2 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.4s;
}
.hmPage2 .hmp2Des {
    opacity: 0;
    transform: translate(0,-200px);
    transition: all 0.3s ease-in-out;
}
.hmPage2.active .hmp2Des {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.6s;
}
.hmPage2 .hmp2ul li {
    opacity: 0;
    transform: translate(0px,200px);
    transition: all 0.3s ease-in-out;
}
.hmPage2 .hmp2ul li:nth-child(2n) {
    transform: translate(0px,-200px);
}

.hmPage2.active .hmp2ul li {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.7s;
}





    .hmPage4 li:nth-child(1) {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active li:nth-child(1) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage4 li:nth-child(2) {
        opacity: 0;
        transform: translate(0, 400px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active li:nth-child(2) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage4 li:nth-child(3) {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active li:nth-child(3) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }

    .hmPage4 li:nth-child(4) {
        opacity: 0;
        transform: translate(0, 400px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active li:nth-child(4) {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.8s;
    }


    .hmPage4 .hmp4_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active .hmp4_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage4 .hmp4_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage4.active .hmp4_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.4s;
    }



    .hmPage5 .hmp5_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage5.active .hmp5_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage5 .hmp5_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage5.active .hmp5_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.4s;
    }

    .hmPage6 .hmp6_t1 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage6.active .hmp6_t1 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.3s;
    }

    .hmPage6 .hmp6_t2 {
        opacity: 0;
        transform: translate(0, -200px);
        transition: all 0.4s ease-in-out;
    }

    .hmPage6.active .hmp6_t2 {
        opacity: 1;
        transform: translate(0px, 0px);
        transition-delay: 0.4s;
    }




}