.header .carousel-inner .carousel-item {
    height: 750px;
    overflow: hidden;
}

.header .carousel-inner .carousel-item .infos {
    position: absolute;
    z-index: 20;
    bottom: 20%;
    left: 16.5%;
    width: 30%;
    height: 38.4%;
    background-color: rgba(0, 0, 0, .5);
    color: #A0C0B5;
    padding: 45px;
    font-size: 30px;
}

figure img{
    height: 181px;
}

.index_news{
    margin-bottom: 50px;
    margin-top: 50px;
}

.index_news_items{
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
}

.index_news_items:last-child{
    border-right: none;
}

.index_news_items_ttl{
    font-size: 16px;
    margin-bottom: 15px;
    color: #789088;
}

.index_news_items_ttl a{
    display: block;
    color: #999999;
    float: right;
    font-size: 12px;
}

.index_news_items ul li a{
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.news_li_txt1{
    float: left;
    font-size: 14px;
    color: #000;
    width: 70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: 0.4s all;
}

.news_li_txt2{
    font-size: 14px;
    color: #999999;
    float: right;
    transition: 0.4s all;
}

.index_news_items ul li a:hover .news_li_txt1{
    color: #789088;
}

.index_news_items ul li a:hover .news_li_txt2{
    color: #789088;
}




.header .carousel-inner .carousel-item .infos i {
    display: inline-block;
    width: 100px;
    height: 4px;
    background-color: #A0C0B5;
}

.header .carousel-inner .carousel-item .infos .introduce {
    font-size: 16px;
    color: #fff;
    margin: 10px 0 30px;
}

.header .carousel-inner .carousel-item .infos a {
    font-size: 14px;
    padding: 10px 50px;
    color: #fff;
    border: 1px solid#fff;
}

.header .carousel-inner .carousel-item .infos a:hover {
    border: 1px solid #A0C0B5;
}

/* header end */
/* main start */
.main .message {
    background-color: #e1ecf2;
    text-align: center;
    padding: 65px 0;
}

.main .message span {
    margin-right: 2%;
    color: #A0C0B5;
}

.main .message input {
    padding: 10px 0 10px 15px;
    margin-right: 1%;
    border:1px solid #A0C0B5;
}

.main .message input[type=button] {
    padding: 10px 50px;
    margin: 0;
    background-color: #A0C0B5;
    color: #fff;
    border: none;
    transition: 0.4s all;
}

.main .message input[type=button]:hover{
        background: #789088;
    }

.main .aboutus {
    padding: 80px 0;
    text-align: justify;
    background: url("../images/back.jpg") no-repeat;
    background-size: cover;
    /*background-clip:content-box;*/
}
.main .brief {
    /*background: url("../images/back.jpg") no-repeat;
    background-size: cover;
    background-clip:content-box;*/

}
.main img {
    width: 100%;
}

.main .tab-wrap {
    padding: 30px 50px 20px 50px;
    margin-left: 1rem;
    background-color: #4D4D4D;
}

.main .video-wrap div {
    display: none;
    height: 270px;
    background-color: rgb(153, 153, 153);
}

.main .video-wrap div.cur {
    display: block;
}



.main .aboutus .tab .tab-btns {
    text-align: center;
    padding-top: 20px;
}
.main .aboutus .aboutus-img{
    width: 90%;
}
.aboutus .tab .tab-btns a {
    color: #1A1A1A;
    padding: 4px 25px;
    border-radius: 5px;
    background-color: #fff;
    transition: all ease .4s;
}

.aboutus .tab .tab-btns a:hover{
    background-color: #789088;
    color: #fff;
}

.aboutus .tab .tab-btns a:nth-child(1) {
    margin-right: 12px;
}

.aboutus .tab .tab-btns a.cur {
    color: #fff;
    background-color: #A0C0B5;
}

.main .aboutus-text {
    font-size: 16px;
    font-family: "黑体";
    line-height: 1.3;
    color: #000;
}
.main .aboutus-text>div{
	padding-top: 8px;
	font-size: 15px;
	line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    overflow: hidden;
	font-family: "微软雅黑";
}

.main .aboutus-text img {
    width: auto;
}

.main .aboutus-infos {
    padding: 20px 0 60px;
}

.main .aboutus-infos .jump {
    cursor: pointer;
}

.main .castle {
    padding: 140px 0;
    background-color: #F2F2F2;
}

.castle .castle-infos p {
    margin: 18px 0 35px 0;
}


.castle .castle-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease .5s;
}

.castle .castle-infos a:hover {
    background-color: #3291f3;
    box-shadow: 2px 2px 5px #A0C0B5;
}

.castle figcaption {
    text-align: center;
    color: #1A1A1A;
    line-height: 200%;
    background-color: #fff;
}

.castle .castle-imglist>div:nth-child(3)~div figure {
    margin-top: 25px;
}

.main .park {
    padding: 140px 0;
}

.park .park-infos p {
    margin: 18px 0 35px 0;
}

.park .park-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease 0.5s;
}

.park .park-infos a:hover {
    background-color: #3291f3;
    box-shadow: 2px 2px 5px #A0C0B5;
}

.park figcaption {
    text-align: center;
    color: #1A1A1A;
    line-height: 200%;
    background-color: #F2F2F2;
}

.park .park-imglist>div:nth-child(3)~div figure {
    margin-top: 25px;
}

.main .customize {
    padding: 140px 0;
    background-color: #F2F2F2;
}

.customize .customize-infos p {
    margin: 18px 0 35px 0;
}

.customize .customize-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease .5s;
}

.customize .customize-infos a:hover {
    background-color: #3291f3;
    box-shadow: 2px 2px 5px #A0C0B5;
}

.customize figcaption {
    text-align: center;
    color: #1A1A1A;
    line-height: 200%;
    background-color: #fff;
}

.customize .customize-imglist>div:nth-child(3)~div figure {
    margin-top: 25px;
}

.main .trampoline {
    padding: 140px 0;
}

.trampoline .trampoline-infos p {
    margin: 18px 0 35px 0;
}

.trampoline .trampoline-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease 0.5s;
}

.trampoline .trampoline-infos a:hover {
    background-color: #3291f3;
    box-shadow: 2px 2px 5px #A0C0B5;
}

.trampoline figcaption {
    text-align: center;
    color: #1A1A1A;
    line-height: 200%;
    background-color: #F2F2F2;
}

.trampoline .trampoline-imglist>div:nth-child(3)~div figure {
    margin-top: 25px;
}

.main .case {
    padding: 140px 0;
    background-color: #F2F2F2;
}

.case .case-infos p {
    margin: 18px 0 35px 0;
}

.trampoline-infos p{
	margin: 18px 0 35px 0;
}

.case .case-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease 0.5s;
}

.case .case-infos a:hover {
    background-color: #789088;
    box-shadow: 2px 2px 5px #A0C0B5;
}

.trampoline-infos a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    background-color: #A0C0B5;
    transition: all ease 0.5s;
}

.trampoline-infos a:hover {
    background-color: #789088;
    box-shadow: 2px 2px 5px #789088;
}

.case .tab .tab-btns {
    line-height: 40px;
    padding-bottom: 25px;
}

.case .tab .tab-btns a {
    text-align: center;
    color: #1A1A1A;
    border-radius: 5px;
    background-color: #fff;
    background-clip: content-box;
    transition: all ease .4s;
}

.case .tab .tab-btns a.cur {
    color: #fff;
    background-color: #A0C0B5;
}

.case .tab>.tab-main {
    display: none;
}

.case .tab>.tab-main.cur {
    display: block;
}

.case .case-imglist>div:nth-child(3)~div {
    margin-top: 25px;
}
.main .case .case-imglist .case-item{
    overflow: hidden;
}

.main .case .case-imglist .case-item img{
    height: 181px;
}

.main .case .case-imglist .mask{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    font-size: 18px;
    line-height: 180px;
    text-align: center;
    color: #fff;
    background-color: rgba(74, 84, 110,.6) !important;
    transform: translateY(100%);
    z-index: 20;
    transition:  all ease .5s;
    padding: 30px;
    padding-top: 50px;
}
.main .case-imglist .case-item:hover>.mask{
    transform: translateY(0);
}
.main .partner {
    padding: 120px 0;
}

.main .partner .partner-logo {
    margin-bottom: 20px;
}

.main .partner .partner-imglist div {
    height: 100px;
    text-align: center;
    /*line-height: 100px;*/
}

.partner-item img{
    transition: 0.2s all;
    max-height: 100%;
    max-width: 100%;
}

.partner-item:hover>img{
    transform: scale(1.2);
}

.main .partner .partner-imglist .partner-item{
    overflow: hidden;
}
.main .partner .partner-imglist .mask{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    background-color: rgba(58, 111, 165,.6) !important;
    transform: translateY(100%);
    z-index: 20;
    transition:  all ease .5s;
}
.main .partner-imglist .partner-item:hover>.mask{
    transform: translateY(0);
}
/*.partner .partner-imglist-one div {
    background-color: #F2F2F2;
}*/

/*.partner .partner-imglist-one div:nth-child(2n) {
    background-color: #E6E6E6;
}
*/
.partner .partner-imglist-two div {
    background-color: #E6E6E6;
}

.partner .partner-imglist-two div:nth-child(2n) {
    background-color: #F2F2F2;
}

.main .contact {
    

}
.main .contact .contact_bg{
    padding: 120px 0;
    background: url("../images/contact.jpg") no-repeat center;
    background-size: cover;
}
.contact .contact-logo {
    margin-bottom: 20px;
}
.contact .contact-main {
    padding: 40px 15px;
    margin: 0;
    background-color: #fff;
}

.contact .contact-main form p {
    line-height: 300%;

}

.contact .contact-main form p.bor-b {
    width: 80%;
    border-bottom: 1px solid #ccc;
}

.contact .contact-main form input {
    border: none;
    font-size: 18px;
    margin-left: 8px;
    padding: 15px 0px 0px 6px;
}

.contact .contact-main form textarea {
    width: 100%;
    font-size: 18px;
    border: 1px solid #ccc;
}

.contact .contact-main form .sub {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #A0C0B5;
    transition: all ease .5s;
}
.contact .contact-main form .sub:hover{
    background-color: #3291f3;
}

.sub1{
    transition: 0.4s all;
}

.sub1:hover{
    background: #789088;
    color: #fff;
}


/* main End */
/* hover CSS --S  */
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #1a1a1a;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 8rem;
    left: 0;
    padding: 50px 20px;
    cursor: pointer;
}

.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 20px);
    height: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
}

.hovereffect:hover img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 25px;
    overflow: hidden;
    padding: 0.5em 0;
    background-color: transparent;
}

.hovereffect h2:after {
    position: absolute;
    top: 95%;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.hovereffect:hover h2:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hovereffect a,
.hovereffect p {
    color: #fff;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    margin-top: 1rem;
}

.hovereffect a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    /* padding: 30px 50px; */
    border: 1px solid #A0C0B5;
    text-transform: uppercase;
}

.hovereffect:hover a,
.hovereffect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
figure:hover figcaption{
    transition: all ease .3s;
}
figure:hover figcaption {
    color: #FFF;
    background-color: #A0C0B5;
}

/* hover CSS --E  */

.mask p{
    line-height: 100%;
    margin-bottom: 10px;
    text-align: left;
}

.mask_txt{
    font-size: 12px;
}

.mask_txt img{
    width: 70px;
    height: 10px !important;
}

.mask_txt span{
    float: right;
    font-size: 20px;
}