.product-banner img {
    display: table;
}

.product-banner h1,.product-banner h2{
    color: #ffffff;
    font-family: OPPOSans-H,Microsoft Yahei, Arial, sans-serif;
    font-size: 72px;
    left: 0;
    letter-spacing: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 53%;
}
.product_nav{margin-top:80px;}
.product_nav ul{margin-left:-5px;margin-right:-5px;}
.product_nav li{padding-left: 5px;padding-right: 5px;}
.product_nav li a{position:relative;display: block;width: 100%;text-align: center;}
.product_nav li:not(:last-child) .image:after{width: 1px;height:36px;background-color:#666666;position: absolute;right: -5px;top:20px;bottom:0;content: "";}
.product_nav li .image img{display: block;margin-left: auto;margin-right: auto;width:auto;}
.product_nav li .image .one{
    transition:all ease 0.36s;
}
.product_nav li .image .two{
    position: absolute;
    top:0;
    left: 0;
    z-index: -9;
    margin-left: auto;
    margin-right: auto;
    right:0;
}
.product_nav li.active .image .one, .product_nav li:hover .image .one{
    opacity: 0;
}


.product_nav li span{transition:all ease 0.36s;margin-top:20px;display: block;width: 100%;line-height: 1;font-size:16px;color: #333333;padding:16px 0;background-color: #fafafa;}
.product_nav li.active span,.product_nav li:hover span{background-color: #004699;color:#ffffff;}

.product_list{margin-top:80px;background-color:#f5f5f5;padding-top:60px;padding-bottom:60px;}
.product_list .title h1{position:relative;letter-spacing:1px;font-size: 30px;padding-bottom:30px;font-weight:bolder;text-align: center;}
.product_list .title h1:after{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:0;content: "";height: 5px;width: 170px;background-color: #004699;}
.product_list .title p{font-size: 16px;margin-top:40px;margin-bottom:40px;line-height: 1.75;letter-spacing: 1px;}
.product_list .body .row{margin-left:-5px;margin-right:-5px;}
.product_list .body .row > div{margin-top:10px;padding-left:5px;padding-right:5px;}
.product_list .item{border:1px solid #cccccc;padding:18px;box-shadow: 0px 3px 21px 9px rgba(0, 0, 0, 0.05);background-color:#ffffff;position:relative;}

.product_list .item .image a{display: block;position: relative;max-width: 270px;overflow: hidden;}
.product_list .item .image img{display: block;}

.product_list .item .image .two{
    position: absolute;
    top:0;
    left: 0;
    z-index: -9;transition: opacity 0.36s ease;
}

.product_list .item:hover .two{
    z-index:9;
}

.product_list .item:after{width:100%;height:5px;background-color:#004699;content:"";position:absolute;left:0;bottom:0;opacity:0;transition: all ease 0.36s;}
.product_list .item:hover::after{opacity:1;}
.product_list .item .image{display: inline-block;width: 47%;border-right: 1px solid #ccc;}
.product_list .item .content{display: inline-block;width:52%;padding-left:6px;vertical-align:bottom;}
.product_list .item .content h4{font-size: 22px;letter-spacing: 1px;}
.product_list .item .content .p{display:block;margin-top:20px;margin-bottom:25px;}
.product_list .item .content .p span{display: block;}

.product_list .item .content .added .view{transition: all ease 0.36s;font-size:14px;color:#004699;line-height: 1;display: inline-block;}

.product_list .item .content .added .chat{font-size:14px;color:#333333;line-height: 1;display: inline-block;position:relative;margin-top:8px;float: right;}
.product_list .item .content .added .chat i{background-image:url(../image/consult_ico.png);width:14px;height:14px;display: inline-block;margin-left:8px;vertical-align:text-bottom;}
.product_list .item-last{height: 100%;}
.product_list .item-last a{display: block;background-size: cover;
    background-position: center;background-image: url("../image/product_list_plus.jpg");height: 100%;width: 100%;}
@media only screen and (min-width: 1200px) {
    .product_list .item .content{padding-left: 40px;padding-right: 18px;}

    
}



.product_featured-cases .slide .slick-arrow{position:absolute;top: -60px;font-size:0;width:8px;height:16px;z-index:9;cursor:pointer;border:0;background-size:100% 100%;right: 15px;
background-color: transparent;}
.product_featured-cases .slide .slick-prev.slick-arrow{background-image:url(../image/pre_ico.png);margin-right: 70px;}
.product_featured-cases .slide .slick-prev.slick-arrow:after{content:'';width:2px;height:20px;display: block;position: absolute;top: 0;background-color: #cccccc;margin-left:35px;}
.product_featured-cases .slide .slick-next.slick-arrow{background-image:url(../image/next_ico.png);}




.news-article {
    padding-bottom: 80px;
    padding-top: 40px;
}
.news-article .container > .row{margin-left:-20px;margin-right:20px;}
.news-article .container > .row > div{padding-left:20px;padding-right:20px;}
.news-article .news .title,
.news-article .article .title {
    margin-bottom: 60px;
}

.news-article .news .title small,
.news-article .article .title small {
    margin-top: 2px;
}

.news-article .news .body,
.news-article .article .body {
    background-color: #fafafa;
}

.news-article .news .body .item {
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.news-article .news .body .item a{display:block;height: 120px;overflow: hidden;}
.news-article .news .body .item:not(:last-child) {
    border-bottom: 2px solid #f4f4f4;
}

.news-article .news .body .item .image{max-width: 180px;float: left;margin-right:20px;}
.news-article .news .body .item h4 {
    transition: all ease 0.36s;
    line-height: 1.5;
    margin-top:-4px;
}

.news-article .news .body .item p {
    margin-bottom: 16px;
    margin-top: 10px;
}

.news-article .news .body .item small {
    color: #666666;
    display: block;
    font-size: 12px;
}

.news-article .news .body .item:hover h4 {
    color: #004699;
}

.news-article .article .body {
    padding-bottom: 10px;
    padding-top: 10px;
}

.news-article .article .body .item a {
    display: block;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 23px;
    padding-top: 23px;
    text-align: right;
    line-height: 1;
}
.news-article .body .item a img{display: block;}

.news-article .article .body .item:not(:last-child) a {
    border-bottom: 2px solid #f4f4f4;
}

.news-article .article .body .item h4 {
    display: inline-block;
    float: left;
    font-size: 14px;
    transition: all ease 0.36s;
    color: #666666;
}

.news-article .article .body .item small {
    color: #666666;
    display: inline-block;
    font-size: 12px;
    transition: all ease 0.36s;
    vertical-align:top;
    line-height: 1;
}

.news-article .article .body .item:hover h4, .news-article .article .body .item:hover small {
    color: #004699;
}




.advantage{background-color: #eeeeee;margin-top:80px;}
.advantage{
   padding-top:80px;
    padding-bottom:80px;
}
.advantage .title small a{color: #004699 !important;margin-right:0 !important;}
.advantage .body{
    margin-top:40px;
}
.advantage .body .row{margin-left:-20px;margin-right:-20px;}
.advantage .body .row > div{padding-left:20px;padding-right:20px;}
.advantage .body .item{
    background-color: #ffffff;
    height: 100%;
    
}
.advantage .body .item img{display: block;margin-bottom:5px;}
.advantage .body .item h4{font-size: 16px;font-weight: bolder;text-align: center;margin-top:20px;}
.advantage .body .item p{padding:0 20px 15px 20px;}

.advantage .bottom{margin-top:40px;}


.technology{padding-top:80px;}
.technology .body{margin-top:20px;}
.technology .body .row{margin-left:-20px;margin-right:-20px;}
.technology .body .row > div{padding-left:20px;padding-right:20px;margin-top:40px;}
.technology .item{position: relative;}
.technology .item img{display: block;}
.technology .item .text{cursor:pointer;transition:all ease 0.36s;display: block;width: 100%;height:100%;position: absolute;top:0;left:0;background-color:rgba(0,0,0,0.35);}
.technology .item .text h4{font-weight:bolder; color:#ffffff;height: 35px;text-align: center;position: relative;margin-top:30%;}
.technology .item .text h4:after{position: absolute;content: "";width: 88px;height:1px;background-color: #ffffff;bottom:0;left:0;right:0;margin:auto;}
.technology .item:hover .text{opacity: 0;}

.introduce{padding-top:80px;}
.introduce .image{float:left;max-width: 200px;margin-right:15px;}
.introduce .image img{display: block;}
.introduce .text{padding:5px 30px 0;text-align:justify;height: 150px;border-top:1px solid #004699;border-right: 1px solid #004699;border-bottom:1px solid #004699;}
.introduce .text p{font-size:16px;line-height: 2;}

.guess{margin-top:80px;}
.guess .guess_love{border:2px solid #f5f5f5;}
.guess .guess_love .title span{display: inline-block;color: #ffffff;background-color:#ff0000;line-height: 1;padding:15px;}
.guess .body{padding:20px 20px 20px;}
.guess .body .row{margin-left:-20px;margin-right:-20px;}
.guess .body .row > div{padding-left:20px;padding-right:20px;}
.guess .guess_love  a img{display: block;background-color:#fafafa;}
.guess .guess_love  a span{display: block;margin-top:10px;text-align: center;}
.guess .guess_love  a:hover span{color:#004699;}

.product_details_nav{background-color: #fafafa;}
.product_details_nav .details_nav{display: inline-block;}
.product_details_nav .details_nav ul li{display: inline-block;font-size: 16px;}
.product_details_nav .details_nav ul li:not(:last-child){margin-right: 60px;}
.product_details_nav .details_nav ul li a{transition:all ease 0.36s;display: block;border-bottom: 2px solid transparent;padding-top:20px;padding-bottom:20px;}
.product_details_nav .details_nav ul li.active a,.product_details_nav .details_nav ul li:hover a{border-bottom: 2px solid #ff0000;}
.product_details_nav .details_phone {
    float: right;
    position: relative;
    line-height: 86px;
}

.product_details_nav .details_phone input {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    height: 38px;
    padding-left: 20px;
    width: 360px;
   
}


.product_details_nav .details_phone button {
    background-color: #004699;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    height: 38px;
    padding: 0 25px;
    position: absolute;
    right: 0;
    top:24px;
    font-weight: bolder;
    letter-spacing: 1px;

}


.product_details{background-color: #004699;padding-top:160px;padding-bottom:80px;background-image: url("../image/details_banner.jpg");background-size: cover;}

.product_details .row{background-color: #ffffff;}

.product_details .slide img {
    display: block;
}

.product_details .slide .slick-dots {
    display: block;
    margin-top: -40px;
}


.product_details .slide .slick-dots li button:before {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.product_details .slide .slick-dots li.slick-active button:before {
    background-color: #004699;
    border: 1px solid #004699;
    color: #004699;
}
.product_details .details{padding:10px 30px 10px 30px;}
.product_details .details h1{font-weight: bolder;font-size: 25px;color:#004699;border-bottom:1px solid #b1b1b1;padding-bottom:15px;position:relative;}
.product_details .details h1:after{content:"";position:absolute;bottom:-2px;width:50px;height:3px;left:0;background-color:#004699;}
.product_details .details .content p{font-size: 21px;letter-spacing: 1px;margin:5px 0;}
.product_details .details .content p.lingyu{line-height:60px; margin-top:20px;}
.product_details .details .content span{display: inline-block;font-size: 21px;font-weight: bolder; line-height:50px;}
.product_details .details .content span.dunwei{margin-left:30px;}

.product_details .details .chat-phone{margin-top:20px;}
.product_details .details .chat-phone .chat{transition: all ease 0.36s;display: inline-block;border:1px solid #ff0000;padding:12px 31px;line-height: 1;color:#ff0000;vertical-align: middle;margin-right:30px;}
.product_details .details .chat-phone .chat:hover{background-color:#ff0000;color:#ffffff;}
.product_details .details .chat-phone .phone{display: inline-block;border:1px solid #ff0000;padding:10px 40px;line-height: 1;color:#ffffff;background-color: #ff0000;vertical-align: middle;}
.product_details .details .chat-phone .phone i{background-image: url("../image/nav_phone_small.png");width: 15px;height:18px;display: inline-block;margin-right:5px;vertical-align: middle;}
@media only screen and (min-width: 1200px) {
    .product_details .details{padding:50px 50px 0 60px;}
    .product_details .details .content p{font-size: 16px;margin:10px 0;}
}

.product_breadcrumb{color:#ffffff;border-bottom:0;margin-top:-70px;padding-bottom: 50px;}
.product_breadcrumb ol span,
.product_breadcrumb ol li a,
.product_breadcrumb ol li:not(:last-child)::after{color:inherit;}