body{background-color: #e4e8ee;}
.warpper{margin-bottom: 30px;}
.warpper .prod-col{padding: 25px 0;background-color: #fff;margin-bottom: 30px;}
.warpper .prod-col li{line-height: 40px;text-align: center;}
.warpper .prod-col li a{font-size: 16px;color: #696b6a;text-align: left;display: inline-block;width: 100%;transition: all 0.3s;}
.warpper .prod-col li a:hover{color: #196cd2;}
.warpper .prod-col li:first-child{line-height: 80px;font-size: 32px;font-weight: 600;color: #196cd2;}

.warpper .sec-col-list{width: 100%;}
.warpper .sec-col-list .sec-col-tit{text-align: center;background-color: #196cd2;}
.warpper .sec-col-list .sec-col-tit h2{color: #fff;font-weight: 600;margin: 80px 0 30px;font-size: 30px;}
.warpper .sec-col-list .sec-col-tit img{display: inline-block;}
.warpper .sec-col-list .sec-col-tit a{display: inline-block;width: calc(66% - 2px);margin: 0 17%;border: 1px solid #fff;color: #fff;line-height: 50px;margin: 40px 0 81px;transition: all 0.3s;}
.warpper .sec-col-list .sec-col-tit a:hover{color: #196cd2;background-color: #fff;}

.warpper .ter-col-list{padding: 20px 0 16px;margin: 0;background-color: #fff;}
.warpper .ter-col-list li a{display: inline-block;width: 100%;text-align: center;height: 215px;font-size: 16px;color: #282828;transition: all 0.3s;}
.warpper .ter-col-list li a img{display: inline-block;width: 100%;max-width: 200px;}
.warpper .ter-col-list li a p{line-height: 40px;}
.warpper .ter-col-list li a:hover{background-color: #196cd2;color: #fff;border-radius: 4px;}

.rig-title-over, .rig-title .crumbs{padding-top: 0;padding-bottom: 0;}

.fixed-banner{height: 285px;position: relative;}
.fixed-banner h3{font-size: 34px;color: #fff;font-weight: bold;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}



@media screen and (min-width: 0px) and (max-width:1200px){
    /* .warpper .ter-col-list li:last-child{display: none;}
    .warpper .ter-col-list li:nth-last-child(2){display: none;} */
}
@media screen and (min-width: 0px) and (max-width:768px){
    .rig-title{font-size: 14px;}
    .fixed-banner{height: 180px;}
    .warpper .prod-col li a,.warpper .ter-col-list li a p{font-size: 14px;}
    .warpper .ter-col-list li a{height: 190px;}
    .warpper .sec-col-list .sec-col-tit h2{font-size: 18px;margin-top: 0;margin-bottom: 0;display: inline-block;float: left;line-height: 50px;margin: 10px 0;}
    .warpper .sec-col-list .sec-col-tit img{display: none;}
    .warpper .sec-col-list .sec-col-tit a{line-height: 48px;width: calc(100% - 102px);float: right;margin: 10px 0;max-width: 180px;}
}