/**閲嶅啓妗嗘灦閮ㄥ垎*/

a {
    color: #333
}

a:hover {
    text-decoration: none;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navbar-brand {
    padding-top: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
    color: #ddd;
    padding: 18px 0.8rem;
}

.navbar-dark .navbar-nav .active>.nav-link {
    color: #90B927;
}

.bg-dark {
    background-color: #001334 !important;
}

.bg-opacity {
    /*background: rgba(0, 19, 51, 0.6) !important;*/
}

.table-responsive th,
.table-responsive td{
    word-break:keep-all;
    /*white-space:nowrap;*/
}
.form-control-lg::placeholder{
    font-size: 14px;
}

/*
.carousel .carousel-item{
    max-height: 800px;
}
.carousel .carousel-item img{
    max-height: 800px;
}
.carousel .carousel-caption{
    bottom: 40%;
}
.carousel .carousel-caption h2{
    font-size: 60px;
}
.carousel .carousel-caption p{
    font-size: 38px;
}*/

@media (min-width: 1280px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }
}

@media (min-width:768px) and (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 0.5rem;
    }
}


/*鑷畾涔夊叕鍏辨牱寮?/

.title {
    padding: 20px 0;
    text-align: center;
}

.title h4,
.title h5,
.title h6,
.title p {
    opacity: 0.8;
}

.title h2{
    font-size: 36px;
}

.title p {
    line-height: 26px;
    margin-bottom: 0;
}
.abs{
    position: absolute;
}
.rollnum {
    display: inline-block;
    height: 50px;
}

.rollnum .numItem {
    position: relative;
    width: 26px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
}

.rollnum .numItem .nums {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rollnum .nums span {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 45px;
}
.w1180 {
    max-width: 1180px;
    margin: 0 auto;
}
.w1080 {
    max-width: 1080px;
    margin: 0 auto;
}
.w960 {
    max-width: 960px;
    margin: 0 auto;
}
.toUp {
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: _toup;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: _toup;
}

@keyframes _toup {
    from {
        transform: translate3d(0, 15px, 0);
        opacity: .3
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes _halo {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes _cloud3d {
    from {
        transform: translate(0px, 0px)/*rotate3d(-1, 1, 0, 30deg);*/
    }
    to {
        transform: translate(0px, 40px)/*rotate3d(-1, 1, 0, 20deg);*/
    }
}

@keyframes _rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes _swing {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}


/*瀵艰埅鎼滅储*/

.search-form .form-control {
    height: 33px;
    background: rgba(255, 255, 255, 0.7);
    border-color: #555;
    width: 160px;
}

.search-form .btn {
    padding: 0 .5rem;
    margin-left: 10px;
}

.search-form .iconfont {
    color: #eee;
    font-size: 20px;
    border-width: 0;
}

.search-form .lang-btn {
    border-radius: 20px;
    padding: 0 .6rem;
}


/*灞曞紑鏂规*/

.navbar-shrink {
    background: rgba(255, 255, 255, 1);
    top: 70px;
    display: none;
    z-index: 999;
}

.navbar-shrink .shrinks {
    display: flex;
    text-align: center;
    padding-bottom: 50px;
}

.navbar-shrink .shrinks a {
    display: inline-block;
    padding: 20px 0;
    flex: 1;
}

.navbar-shrink .shrinks h3 {
    font-size: 14px;
    padding-bottom: 10px;
}

.navbar-shrink .shrinks img {
    background-color: #A4A2A3;
    border-radius: 1px;
    transition: all 300ms;
    border:2px solid #fff;
}
.navbar-shrink .shrinks img.prod{
    background: none;
    width: 156px;
    border: 2px solid #fff;
}

.navbar-shrink .shrinks a:hover img,
.navbar-shrink .shrinks a.active img {
    background-color: #9DC914;
    border:2px solid #9DC914;
}
@media(max-width:576px){
    .navbar-shrink.mobile{
        display: block !important;
        position: inherit;
        margin-top: 56px;
        overflow-x: auto;
    }
    .navbar-shrink.mobile .shrinks{
        padding-bottom:0
    }
    .nav-line .nav-link{padding:.5rem .5rem;}
    .abs{position: static;}
}
.dropdown-item.active{
    background-color: #9DC914;
}

/*灏鹃儴閫氱敤*/

.consult {
    background: #F2F2F2;
    padding: 50px 0;
}

.consult .consult-title {
    text-align: center;
    margin-top: 50px;
}

.consult .consult-title h3 {
    font-size: 2.6rem;
    padding-bottom: 10px;
}

.consult .consult-title span {
    border-bottom: 1px solid #9DC914;
    color: #9DC914;
    font-size: 18px;
    line-height: 28px;
}

.consult form label {
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
}

.consult form .form-group {
    margin-bottom: 5px;
}

.consult form .btn-success {
    background: #9DC914;
    line-height: 1.8;
    border-width: 0;
}
@media(max-width:576px){
    .consult .consult-title {
        margin-top: 30px;
    }
    
    .consult .consult-title h3 {
        font-size: 1.6rem;
    }
}
footer {
    background: #001334 url(../img/footer-bg.png) center center no-repeat;
    color: #ddd;
    padding: 50px 0;
}

footer .navcol h5 {
    color: #9DC914;
    font-size: 16px;
}

footer .navcol p {
    line-height: 26px;
    margin-bottom: 0;
}

footer .navcol a {
    color: #ddd;
    font-size: 14px;
}

footer .copyright p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0rem;
    color: #acb5c7
}
footer .media{
    padding-top: 15px;
}
footer .media a{
    padding-right: 12px;
    filter: grayscale(99%);
    position: relative;
}
footer .media a:hover{
    filter: none;
}
footer .media a p{
    position: absolute;
    display: none;
    left:0px;
    top:-105px;
    background-color: #fff;
    text-align: center;
    line-height: 20px;
    color:#333
}
footer .media a:hover p{
    display: block;
}

footer .info {
    padding: 20px 30px;
    text-align: center;
}

footer .info h2 {
    font-size: 14px;
    color: #acb5c7;
    line-height: 28px;
    margin-bottom: 1rem;
}

footer .info p {
    color: #acb5c7;
    text-align: center;
    font-size: 13px;
}
footer .tags{
    border: 0;
    padding-bottom: 15px;
}
footer .tags a{
    border: 1px solid #636b7a;
    border-radius: 5px;
    color:#8e96a7;
    margin: 3px 2px;
    display: inline-block;
    padding:2px 5px
}
footer .tags a:hover{
    color:#acb5c7
}
@media(max-width:576px){
    footer .col-3{padding-right: 0;padding-left: 10px;}
    footer h5{font-size: 13px !important;}
    footer a {font-size: 12px !important;}
}
/*banner鍜屽够鐏?/

.banner {
    /*margin-top: 72px;*/
    position: relative;
    text-align: center;
}

.banner.full800 {
    overflow: hidden;
    text-align: center;
    max-height: 800px;
}

.banner.full600 {
    overflow: hidden;
    text-align: center;
    max-height: 600px;
}

.banner.full400 {
    overflow: hidden;
    text-align: center;
    max-height: 400px;
}

.banner.full800 img,
.banner.full600 img,
.banner.full400 img {
    width: 100%;
}
.banner .text {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

.banner.full400 .text {
    bottom: 30%;
}

.banner .text h3 {
    opacity: 0.8;
}
@media (min-width: 2080px) {
    /*瓒呭嚭2080*/
    .banner.full800 img,
    .banner.full600 img,
    .banner.full400 img {
        width: 2080px;
    }
}

@media (max-width: 576px) {
    .banner h1 {
        font-size: 28px;
    }
    .banner h3 {
        font-size: 16px;
    }
    .banner.full400 .text {
        bottom: 0;
    }
}

.owl-banner .item h2 {
    font-size: 60px;
    color: #fff
}

.owl-banner .item p {
    font-size: 38px;
    color: #ccc
}


/*閫氱敤TAB|鏍忕洰*/

.nav-line {
    border-bottom: 0;
}

.nav-line .nav-link,
.nav-line .nav-link:hover {
    border: 0;
}

.nav-line .nav-link.active {
    background: none;
    border: 0;
    border-bottom: 3px solid #90B927;
}

.category {
    width: 100%;
    /*height: 50px;*/
    line-height: 47px;
    background-color: #F2F2F2;
    z-index: 2
}

.category .nav-line .nav-link {
    padding: 0 1rem;
}

.category .navbar {
    padding: 0
}
@media (max-width:720px){
    .category .container{
        padding: 0;
    }
    .category .nav-line .nav-link {
        padding: 0 5px;
        font-size: 13px;
    }
}
.btn-group-nex .btn {
    padding: .35rem 1.2rem;
    font-size: 13px;
}

.btn-group-nex .btn.active {
    background-color: #9CC918 !important;
    border-color: #93bd15 !important;
}

.btn-group-nex .btn-light {
    border-color: #e6e6e6;
}


/*閫氱敤瀹牸鍥炬爣*/

.icons {
    padding: 0 50px;
}

.icons div {
    padding-top: 20px;
    text-align: center;
}

.icons div img {
    max-width: 100%;
    margin-bottom: 10px;
}

.icons div h5 {}

.icons div p {
    font-size: 14px;
}

.icons div:hover img {
    animation: _swing 1s .2s ease both;
}

.icons.animnone div:hover img {
    animation: none;
}

@media (max-width: 576px) {
    .icons {
        padding: 0 !important;
    }
    .icons div {
        padding-top: 0 !important;
    }
    .icons div p {
        font-size: 12px !important;
    }
}


/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .item {
    position: relative;
}

.owl-theme .item .text {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

.owl-theme .item p {
    color: #ccc
}

.owl-theme {
    position: relative;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 46%;
    width: 100%;
    text-align: left;
    padding: 0 10px;
}

.owl-theme .owl-nav .iconfont {
    color: #fff;
    font-size: 40px;
}

.owl-theme .owl-nav .owl-next {
    float: right;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    background: rgba(0, 0, 0, 0.5) !important;
}

.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover {
    background: #000 !important;
}

.owl-theme .owl-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 6%;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
    width: 38px;
    height: 3px;
    margin: 5px 2px;
    background: #D6D6D6;
    display: block;
    transition: opacity 200ms ease;
    border-radius: 1px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f88f06;
}

@media (max-width: 1024px) {
    .banner {
        margin-top: 56px;
    }
}

@media (max-width: 768px) {
    .owl-banner .item .container {
        top: 20%;
    }
    .owl-banner .item h2 {
        font-size: 28px;
        color: #fff
    }
    .owl-banner .item p {
        font-size: 16px;
        color: #ccc
    }
    .owl-theme .owl-nav {
        top: 30%;
    }
    .owl-theme .owl-nav .iconfont {
        font-size: 30px;
    }
}


/*涓婚閮ㄥ垎*/

.wraper {
    width: 100%;
    padding: 50px 0;
    position: relative;
}

.wraper.bg {
    background: #f2f2f2;
}
.wraper.bgblack {
    background: black;
    color:#eee
}
.wraper img{
    max-width: 100%;
}
.position{
    position: absolute;
    top:8px;
    font-size: 12px;
    color:#ccc;
}



.detail h1{
    font-size:32px;
}

.detail h5{
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding:10px 0;
    margin: 10px 0;
}


.detail .content p{
    font-size: 15px;
}
.detail .content img{
    text-align: center;
    max-width: 100%;
}


.tags{
    border-top: 1px solid #ccc;
    padding-top: 15px;
    font-size:13px;
}
.tags .badge-secondary{
    padding:5px 8px;
    border-radius: 1px;
    background-color: #ccc;
    color:#333
}
.tags .badge-light{
    padding:5px 10px;
    border-radius: 1px;
    background-color: #f2f2f2;
    color:#333
}
.tags .prenext{
    border: 0px solid #ddd;
    padding:3px;
    margin-bottom: 8px;
}
.related h3{
    margin-top: 20px;
}

.related h3{
    font-size: 13px;
    background-color: #9DC914;
    color:#fff;
    padding:3px 10px;
    display: inline-block;
}
.related li a{
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
}
.related li a span{
    float: right;
}
.related .li {
    text-align: center;
    margin-top: 10px;
}
.sidebox{
    background-color: #f2f2f2;
    padding: 10px;
}
.sidebox>h6{
    border-left: 3px solid #A5CD2A;
    padding-right: 5px;
    padding: 0 0 0 5px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.sidebox ul{
    background-color: #fff;
    min-height: 180px;
    padding: 5px;
}
.sidebox li{
    font-size: 13px;
    line-height: 25px;
}
.sidebox li img{width: 43%;margin-right: 5px;}
.sidebox ul.imgs li{padding:10px 0;}
.sidebox ul.imgs li a{line-height: 20px;display: flex;align-items: center;}

.pagination{
    line-height: 30px;
}
.pagination a{
    display: block;
    padding: 5px 10px;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin-right: 8px;
}
.pagination a:hover,.pagination .active a{
    background-color: #9DC92A;
    color:#fff
}


.index1 .application-area {
    text-align: center;
    position: relative;
    height: 600px;
    background: url(../img/apparea.png) no-repeat;
}

.index1 .btns {
    position: absolute;
    bottom: 50px;
}

.index1 .btns a {
    display: block;
    position: absolute;
    text-decoration: none;
    background: rgba(8, 98, 201, 0.6);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: all 300ms;
    box-shadow: 0 0 1px 18px rgba(8, 98, 201, 0.3);
    padding-top: 8px;
    z-index: 2;
}

.index1 .btns a:hover,
.index1 .btns a.active {
    background: rgba(191, 10, 18, 0.8);
    box-shadow: 0 0 1px 18px rgba(191, 10, 18, 0.3);
}

.index1 .btns a.active::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    box-shadow: 0 0 1px 18px #C60A0F;
    opacity: 0;
    width: 62px;
    height: 62px;
    z-index: 1;
    animation: _halo 1.8s 0.5s infinite ease-out;
}
@media (max-width: 1280px) {
    .index1 .btns {
        position: static;
        display: flex;
    }
    .index1 .btns a {
        position: static;
        box-shadow: none;
        border-radius: 3px;
        flex: 1;
        height: auto;
        font-size: 13px;
        margin: 0 2px;
        line-height: 18px;
        padding: 5px 2px;
    }
    .index1 .btns a:hover,
    .index1 .btns a.active {
        box-shadow: none;
        background: rgba(122, 158, 24, 0.8);
    }
    .index1 .btns a.active::after {
        box-shadow: none;
        animation: none
    }
    .index1 .application-area{
        height: auto;
        padding-bottom: 20px;
        background: none;
    }
    .title h2{
        font-size: 30px;
    }
}
.owl-apparea .item {
    overflow: hidden;
}

.owl-apparea .owl-item img {
    opacity: 0.7;
    transition: all 1200ms;
}

.owl-apparea .owl-item.center img {
    opacity: 1;
    transform: scale(1.1, 1.1);
}
.owl-apparea .owl-item a{
    display: block;
}

.index2 {
    background-color: #000002;
}

.index2 .col-md-4 img {
    width: 160px;
}

.index2 .switcher {
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px dashed #666;
}

.index2 .switcher .product {
    cursor: pointer;
    position: relative;
}

.index2 .switcher .product:hover {
    transition: all 300ms;
    background: rgba(86, 86, 86, 0.2);
    border-radius: 10px;
}

.index2 .switcher .product:hover img {
    transition: all 300ms;
    transform: scale(0.9, 0.9);
}

.index2 .switcher h2 {
    font-size: 24px;
    color: #eee;
    line-height: 1.5;
    margin-bottom: 20px;
}

.index2 .switcher a {
    color: #9EC92A;
    font-size: 18px;
}

.index2 .switcher .center {
    padding-top: -50px;
}

.index2 .center img {
    width: 380px;
    margin-left: -100px;
}

.index2 .switcher-body {
    padding: 60px 0; 
    transition: all 300ms;
}

.index2 .switcher-body .product {
    margin-top: 50px;
    background: url(../img/product-bg.png) no-repeat;
}

.index2 .switcher-body .product img {
    max-width: 360px;
    margin: 30px 0 0 80px;
    /*animation: _cloud3d 2s ease-in-out infinite;
    transform-style: preserve-3d;
    animation-duration: 2s;
    animation-direction: alternate;*/
    /*transform: rotate3d(-1, 1, 0, 20deg);
    text-shadow: 0 0 20px #17F5AF;*/
}

.index2 .switcher-icon {
    text-align: center;
    padding: 10px 0;
}

.index2 .switcher-icon .h6 {
    padding: 15px 0;
    margin: 0 auto;
    font-weight: normal;
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
}

.index2 .switcher-icon img {
    width: 92px;
    transition: all 800ms ease-in-out;
}

.index2 .switcher-icon div {
    padding: 20px 0;
}

.index2 .switcher-icon div:hover img {
    /*transform: rotate( 360deg);*/
    animation: _swing 1s .2s ease both;
}

@media (max-width: 992px) {
    .index2 .switcher h2 {
        font-size: 16px;
    }
    .index2.on .switcher .product img {
        max-width: 60%;
    }
    .index2 .center img {
        max-width: 80%;
    }
}

@media (max-width: 720px) {
    .index2 .switcher-body .product img{
        max-width: 100%;
        margin:0
    }
}

@media (max-width: 576px) {
    .index2 .switcher {
        position: relative;
    }
    .index2 .switcher .product p {
        font-size: 1rem;
    }
    .index2 .center img {
        max-width: 320px;
        opacity: 0.5;
        position: absolute;
        top: -80px;
        left: -50px;
    }
}
.index3 {
    text-align: center;
}

.index3 .owl-product .item {
    overflow: hidden;
    display: block;
}

.index3 .owl-product img {
    transition: all 600ms;
}

.index3 .owl-product .text {
    width: 100%;
    height: 100%;
    transition: all 600ms;
    box-sizing: border-box;
    display: block;
    top: 0;
    padding-top: 5%;
    box-sizing: border-box;
    opacity: 0.8;
}
.index3 .owl-product .text h5{
    color:#333;
    font-size: 15px;
}
.index3 .owl-product .text p{
    font-size: 13px;
    color:#666;
    margin-bottom: 8px;
}

.index3 .owl-product .item:hover img {
    transform: scale(1.1, 1.1);
}

.index3 .owl-product .item:hover .text {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
}


/*棣栭〉鍏充簬鎴戜滑*/

.index-aboutus {
    background: #F2F2F2;
    /* url(../img/aboutbg.jpg) center center no-repeat*/
}

.index-aboutus .rolldata {
    list-style: none;
    padding: 0;
}

.index-aboutus .rolldata>li {
    position: relative;
    width: 33%;
    height: 160px;
    float: left;
    text-align: center;
    padding: 20px 10px 0 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    overflow: hidden;
}

.index-aboutus .rolldata>li:hover {
    background: #001334;
    color:#ccc
}

.index-aboutus .rolldata>li:hover h6 {
    /*transform: rotateX(360deg);
    transition: all 600ms;*/
}

.index-aboutus .rolldata>li h6 {
    font-style: normal;
    color: #9CC814;
    font-size: 45px;
    line-height: 50px;height: 50px;
    margin: 0;
    padding: 0;
    /*display: flex;*/
}

.index-aboutus .rolldata>li h6 i {
    font-size: 28px;
    font-style: normal;
    line-height: 50px;
    vertical-align: top;
}

.index-aboutus .rolldata>li .nums span {
    font-size: 45px !important;
}
@media(max-width:576px){
    .index-aboutus h2{font-size: 28px;}
    .index-aboutus .rolldata>li{width: 50%;height: 100px;}
}

/*棣栭〉鍚堜綔浼欎即*/

.index-partner {
    text-align: center;
    padding: 50px 0;
}

.index-partner .partner {
    text-align: center;
    list-style: none;
    padding: 0;
}

.index-partner .partner>li {
    position: relative;
    width: 14.222%;
    float: left;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    overflow: hidden;
}

.index-partner .partner>li img {
    vertical-align: middle;
    width: 80%;
    transition: all 300ms;
    opacity: 0.9;
}

.index-partner .partner>li:hover img {
    transform: scale(1.2, 1.2);
    opacity: 1;
}

.index-partner .partner>li p {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin: 5px;
    background: rgba(0, 111, 183, 0.5);
    display: none;
    transition: all 300ms;
    color: #fff
}

.index-partner .partner>li:hover p {
    display: block;
    margin: 0px;
}

@media (max-width: 720px) {
    .index-partner .partner li {
        width: 25%;
    }
}
.index-case {
    background-color: #F2F2F2;
}

.index-case .nav {
    padding-bottom: 20px;
}
@media (max-width: 576px) {
    .index-case .cases .item {
        padding: 0;
    }
}
.cases .item a {
    display: block;
    border: 1px solid #ddd;
    padding: 1px;
    color: #333;
    margin: 10px auto;
    max-width: 350px;
}

.cases .item a:hover {
    background-color: #fff;
    text-decoration: none;
}
.cases .item h2 {
    font-size: 18px;
    padding: 12px 5px;
    height: 65px;
    text-align: center;
}

.cases .item img {
    width: 100%;/*max-width*/
    height: 250px;
    transition: all 500ms;
}
.cases .item .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cases .item a:hover img{
    transform: scale(1.2, 1.2);
}

@media (max-width: 720px) {
    .cases .item h2 {
        font-size: 14px;
    }
}

.totop {
    background:url(../img/totop.png) no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
    content: '';
    position: fixed;
    right: 15%;
    bottom: 10px;
    cursor: pointer;
}
.totop:hover{
    background:url(../img/totop-active.png) no-repeat;
    background-size: 100%;
}

@media (max-width: 1800px) {
    .totop{right: 10%;}
}
@media (max-width: 1600px) {
    .totop{right: 10px;}
}
@media (max-width: 1200px) {
    .totop{display: none;}
}
@media (max-width: 576px) {
    .cases .item img {max-height: 250px;height: auto;}
    .totop{display: none;}
}


.index-news .news {
    padding: 20px 0;
}

.index-news .owl-item a {
    display: block;
    position: relative;
}

.index-news .owl-item h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 0;
}
.index-news .owl-item img{
    height: 375px;
}
@media (max-width: 720px) {
    .index-news .owl-item img{
        height:auto;
    }
}

.index-news .news-list {
    padding: 0;
}

.index-news .news-list li {
    text-align: left;
    line-height: 22px;
    padding: 5px 0;
}

.index-news .news-list li h2 {
    font-size: 22px;
    padding: 10px 0;
}
.index-news .news-list li a {
    font-size: 14px;
}
.index-news .news-list li p {
    font-size: 14px;
    color: #888
}

.index-news .news-list li.toutiao {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
.index-news .news-list li.toutiao a {
    font-size: 18px;
}
.index-news .news-list li.toutiao p{
    font-size: 13px;
}
.index-news .news-list li a span{
    float: right;
}
@media(max-width:576px){
    .index-news .news-list li a span{display: none;}
}