/* 面包屑 */
.mianbaoxie{height: 60px;line-height: 60px;}
.mianbaoxie ul{display: flex;}
.mianbaoxie ul li{}
.mianbaoxie ul li a{font-size: 16px;padding-left: 10px;color: #55557f;}
.mianbaoxie ul li a:hover{color: #5555ff;}
/* 产品简介 */
.product_jianjie {width: 85%;margin: 0 auto;display: flex;justify-content: space-between;}
.xiangjie {width: 49%;padding-top: 78px;}
.xiangjie .xiangjie_title {font-size: 25px;background-image: -webkit-linear-gradient(90deg, #55aaff, #5555ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xiangjie_p {font-size: 16px;color: #999;margin-top: 20px;}
/* 产品优势 */
.lititonghua {width: 49%;}
.pro_youshi {background: url(http://www.jieyantech.com/jieyanhb/img/product/beijing4.jpg);background-size: cover;padding: 20px 0;}
.timeline_title {text-align: center;font-size: 25px;background-image: -webkit-linear-gradient(90deg, #55aaff, #5555ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 10px 0 60px;}
.timeline-box h3 {font-size: 16px;font-weight: normal;margin: 10px 0 10px;padding-top: 10px;text-align: center;}
#timeline {width: 85%;margin: 50px auto;}
.timecenter {position: relative;display: inline-block;height: 750px;width: 100%;}
.timeline-box {width: 190px;height: 260px;box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);position: absolute;left: 0;right: 0;background-color: #FFF;z-index: 1;padding: 10px;opacity: 0;transition: 0.5s;transform: scaleX(0);}
.timeline-box:nth-child(odd) {top: 30px;}
.timeline-box:nth-child(even) {bottom: 30px;}
.timeline-box::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #FFF;z-index: -1;}
.timeline-box::after {content: "";width: 15px;height: 15px;position: absolute;left: 50%;background-color: #FFF;transform: translateX(-50%)rotate(45deg);box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);z-index: -2;}
.timeline-box p {margin-bottom: 5px;font-size: 14px;color: #999;text-align: left;line-height: 20px;}
.timeline-box:nth-child(odd)::after {bottom: -7.5px;}
.timeline-box:nth-child(even)::after {top: -7.5px;}
.timeline-box:nth-child(1) {}
.timeline-box:nth-child(2) {left: 205px;}
.timeline-box:nth-child(3) {left: 405px;}
.timeline-box:nth-child(4) {left: 610px;}
.timeline-box:nth-child(5) {left: 807px;}
.timeline-box:nth-child(6) {left: 1012px;}
.icon {width: 60px;height: 60px;position: absolute;left: 50%;margin-left: -35px;display: flex;justify-content: center;text-anchor: middle;background-color: #FFF;padding: 6px;border-radius: 50%;box-sizing: border-box;}
.timeline-box:nth-child(odd) .icon {top: -35px;}
.timeline-box:nth-child(even) .icon {bottom: -35px;}
.icon::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;border-radius: 50%;box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15);z-index: -2;}
.icon img {width: 100%;height: 100%;border-radius: 50%;transition: 0.5s;}
.timeline_div {width: 84%;height: 90px;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;display: flex;justify-content: space-between;}
.timeline_div div {width: 10px;height: 10px;border-radius: 50%;background: #ffaa00;border: 5px solid #f6f6f6;}
.f-border {border-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .2);}
.active {border: 5px;border-color: #fff;box-shadow: 0 0 10px 3px #ffaa00;}
/* 产品原理 */
.theory{width: 85%;margin: 30px auto;}
.theory_con{display: flex;justify-content: space-between;}
.theory_con div{width: 49%;}
.theory_con .theory_left img{width: 90%;}
.theory_con .theory_right p{color: #999;font-size: 16px;}
/* 技术参数 */
.param {margin: 0 auto;margin-bottom: 60px;border: 1.5px solid #5E5E5E;width: 95%;background-color: #ffffff;}
.param_title{text-align: center;font-size: 28px;letter-spacing: 2px;margin-bottom: 50px;}
.param .form {border-top: 1px solid #5E5E5E;}
.param .form:nth-child(1) {border-top: none;background-color: #cccccc;color: #fff;}
.param .form ul {display: flex;height: 60px;line-height: 60px;margin: 0;}
.param .form ul:nth-child(1) {}
.param .form ul li {font-size: 16px;border-right: 1px solid #5E5E5E;text-align: center;}
.param .form ul li:last-child {border-right: none;}
.param .form ul:hover {background-color: #3671CF;color: #fff;}
/* 相关案例 */
.similar{width: 85%;margin: 40px auto;}
.similar .similar_list{display: flex;justify-content: space-between;text-align: center;}
.similar .similar_list a img{width: 375px;height: 270px;transition: transform 1s;}
.similar .similar_list h4{padding: 20px 0;font-size: 16px;color: #23527c;}
.similar .similar_list  a img:hover{transform: scale(1.1);} 
/* 用户关注的更多产品 */
.guanzhu{width: 85%;margin: 0 auto;}
.guanzhu .guanzhu_list{display: flex;justify-content: space-between;text-align: center;}
.guanzhu .guanzhu_list a img{width: 90%;transition: transform 1s;}
.guanzhu .guanzhu_list h4{padding: 20px 0;font-size: 16px;color: #717171;}
.guanzhu .guanzhu_list  a img:hover{transform: scale(1.1);} 
/* 排渣方式 */
.slagging{width: 89%;box-shadow: 0px 0px 20px #999;margin: 0 auto;border-radius: 25px;padding: 40px ;margin-top: 60px;margin-bottom: 60px;}
.slagging .slagging_title{text-align: center;font-size: 28px;letter-spacing: 2px;margin-bottom: 50px;}
.slagging .slagging_list{display: flex;justify-content: space-between;}
.slagging .slagging_list .slagging_particulars{width: 80%;}
.slagging .slagging_list .slagging_img{width: 20%;}
.slagging .slagging_list .slagging_particulars h4{font-size: 20px;color: #0061c6;letter-spacing: 2px;margin-top: 20px;padding-bottom: 15px;}
.slagging .slagging_list .slagging_particulars P{font-size: 16px;letter-spacing: 3px;line-height: 30px;color:#9d9d9d;}