/*@keyframes mybox{*/
/*  form{*/
/*      transform: translateY(0px);*/
/*  }*/
/*  to{*/
/*     transform: translateY(-15rem);*/
/*  }*/
/*}*/
.header {
    background: linear-gradient(to bottom, #060B3E, transparent);
    background: -webkit-linear-gradient(to bottom, #060B3E, transparent);
}
.myhr {
    background-color: #fff;
}
.header-title > a {
    background: url("/static/images/logo_head.png") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.header-pclist > a {
    color: #fff;
}
.header-pclist .nav-item {
    color: #fff;
}
.header-pclist .nav-item a{
    color: #fff;
}
.index-pro {
    position: relative;
    width: 100%;
    height: 11.44rem;
    top: -1.88rem;
    left: 0;
    background: url("/static/images/head_bg.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    z-index: 99;
}

.index-pro-remind {
    display: block;
    width: 13.8rem;
    height: 5rem;
    padding-top: 3.21rem;
    margin: 0 auto;
}

.company-profile {
    position: relative;
    background-color: #fff;
    margin-top: -1.88rem;
    padding: 0.77rem 0 0.64rem;
}

.profile-left {
    float: left;
    width: 54%;
    padding-top: 0.2rem;
}

.profile-title {
    height: 1.5rem;
    margin-bottom: 0.28rem;
}

.profile-intro {
    font-size: 0.32rem;
    color: #373737;
    line-height: 0.7rem;
    font-weight: 300;
}

.profile-more {
    float: right;
    width: 2.1rem;
    height: 0.6rem;
    margin-top: 0.6rem;
    line-height: 0.6rem;
    background: #373737;
    border-radius: 5px;
    font-size: 0.18rem;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}

.profile-bg {
    float: right;
    width: 40%;
}

.profile-bg1 {
    width: 100%;
    height: 2.06rem;
    margin-bottom: 0.35rem;
}

.profile-bg2 {
    float: left;
    width: 3.57rem;
    height: 5.26rem;
}

.profile-bg3 {
    float: right;
    width: 2.32rem;
    height: 5.26rem;
}

.products-wrap {
    padding: 1.16rem 0 1rem;
    background-color: #E5EBF8;
}

.products-title {
    height: 0.73rem;
    margin-bottom: 0.71rem;
}

.products-list > li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 28%;
    height: 5.92rem;
    margin-right: 7.9%;;
}

.product-bg {
    width: 100%;
    height: 100%;
}

.product-title {
    position: absolute;
    bottom: 0.41rem;
    left: 0;
    z-index: 120;
    transition: bottom 0.5s ease-out;
    -webkit-transition: bottom 0.5s ease-out;
    -moz-transition: bottom 0.5s ease-out;
    -o-transition: bottom 0.5s ease-out;
}

.product-title, .product-dialog-title {
    width: 100%;
    text-align: center;
    font-size: 0.39rem;
    font-weight: bold;
    color: #FFFFFF;
}

.product-dialog {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    /*background-color: #000;*/
    /*opacity: 0.5;*/
    /*filter: alpha(opacity=50);*/
    z-index: 110;
    transition: height 0.5s ease-out;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
}

.product-dialog-icon {
    width: 1.7rem;
    height: 1.68rem;
    margin: 1.26rem auto 0.83rem;
}

.products-list > li:hover .product-title {
    bottom: -0.8rem;
}

.products-list > li:hover .product-dialog {
    height: 100%;
}

.news-wrap {
    position: relative;
    padding: 1.32rem 0 1.27rem;
    background-color: #fff;
    height: 9.55rem;
}

.news-wrap-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url("/static/images/news_bg.png") no-repeat center center;
}

.news-title {
    width: 8.42rem;
    height: 0.71rem;
    margin-bottom: 1.36rem;
}

.news-more {
    position: absolute;
    right: 0;
    top: -0.04rem;
    width: 2.09rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #373737;
    border-radius: 5px;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    color: #FFFFFF;
}

.news-list > a {
    display: block;
    margin-bottom: 0.31rem;
    height: 2.66rem;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.news-list > a:hover {
    display: block;
    margin-bottom: 0.31rem;
    height: 2.66rem;
    transform: scale(1.1);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.news-banner {
    float: left;
    width: 62.8%;
    height: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.news-content {
    float: right;
    width: 37.2%;
    height: 100%;
    background-color: #5A5A5A;
}

.news-content-num {
    margin: 0.49rem 0.62rem 0.3rem 0.69rem;
    font-size: 0.5rem;
    font-weight: bold;
    color: #DFA365;
}

.news-content-title {
    margin: 0 0.62rem 0 0.69rem;
    font-size: 0.25rem;
    color: #fff;
    line-height: 1.3;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

.news-left > .news-banner {
    float: right;
}

.news-left > .news-content {
    float: left;
    background-color: #EEF0F5;
}

.news-left .news-content-title {
    color: #000;
}
.loop-banner{
    position: relative;
    height: 5rem;
    width: 100%;
    overflow: hidden;
}
.loop-wrap {
    height: 5rem;
	width: 400%;
    position: absolute;
    left: 0;
}
/*.loop-wrap {*/
/*    position: relative;*/
/*    height: 5rem;*/
/*}*/

/*.loop-list {*/
/*    display: none;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: cover;*/
/*    -webkit-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*}*/
.loop-list {
    float: left;
    width: 25%;
    height: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.loop1 {
    display: block;
    background: url("/static/images/loop_bg1.jpg") no-repeat center center;
    z-index: 101;
}

.loop2 {
    background: url("/static/images/loop_bg2.png") no-repeat center center;
}

.loop3 {
    background: url("/static/images/loop_bg3.png") no-repeat center center;
    z-index: 100;
}
.loop4 {
    display: block;
    background: url("/static/images/loop_bg1.jpg") no-repeat center center;
    z-index: 101;
}
.loop-cover {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(64, 110, 141, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}
/*.loop-cover {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    text-align: center;*/
/*    background: rgba(64, 110, 141, 0.5);*/
/*}*/

.loop-cover > img {
    width: 9.32rem;
    margin-top: 0.94rem;
}


@media (max-width: 750px) {
    .index-pro {
        height: 8.44rem;
    }
    .index-pro-remind {
        width: 88%;
        height: auto;
    }


    .company-profile {
        padding-bottom: 1.5rem;
    }
    .profile-left {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 0.4rem;
    }
    .profile-more {
        position: absolute;
        right: 4%;
        bottom: 0.4rem;
    }
    .profile-bg {
        float: none;
        width: 100%;
    }
    .profile-bg1 {
        margin-bottom: 0.25rem;
    }
    .profile-title {
        width: 2.9rem;
        height: auto;
    }

    .products-wrap {
        padding: 1rem 0 1.27rem;
    }
    .products-list > li {
        float: none;
        width: 96%;
        margin: 0 2% 0.5rem 2%;
    }

    .news-more,.profile-more {
        width: 1.5rem;
        height: 0.65rem;
        line-height: 0.65rem;
    }


    .news-wrap {
        padding: 1rem 0 1.27rem;
    }
    .news-title,.products-title {
        width: 5rem;
        height: auto;
        margin-bottom: 1rem;
    }
    .news-more {
        top: auto;
        bottom: -1.2rem;
    }

    .news-list > a  {
        height: auto;
        margin-bottom: 0.4rem;
    }

    .news-list > a > .news-content {
        float: none;
        width: auto;
        height: 1.5rem;
        padding: 0.4rem 0.4rem;
    }
    .news-list > a > .news-banner {
        display: block;
        float: none;
        width: 100%;
        height: 3.66rem;
    }

    .news-content-num {
        margin: 0 0 0.2rem 0;
    }

    .news-content-title {
        margin: 0;
    }

    .loop-banner {
      height: 4rem;
    }
    .loop-wrap {
        height: 4rem;
    }
    .loop-cover > img {
        width: 74%;
        margin-top: 1.2rem;
    }
    .news-list > a {
        display: block;
        margin-bottom: 0.31rem;
        height: auto;
        transition: unset;
        -webkit-transition: unset;
        -moz-transition: unset;
        -o-transition: unset;
    }
    .news-list > a:hover {
        display: block;
        margin-bottom: 0.31rem;
        height: auto;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
    }
}