@import url(main4.css);
.title{font-size:40px;line-height:60px;margin-bottom:30px;text-align:center;}
.title a{color:#0f58d6;}

.i_pro{width:1200px;margin:30px auto 0;}
.i_pro_tit{font-size:26px;line-height:40px;margin-bottom:20px;}

.i_pro_list{display:flex;justify-content:space-between;}
.i_pro_list li{width:19%;}
.i_pro_list li span{display:block;width:100%;border:1px solid #CCC;}
.i_pro_list li span img{width:100%;height:auto;}
.i_pro_list li p{line-height:50px;}

.i_advan{width:1140px;margin:30px auto 0;border:1px solid #ccc;padding:30px 20px;}
.i_advan_tit{text-align:center;position:relative;}
.i_advan_tit:before,.i_advan_tit:after{display:block;position:absolute;content:"";top:50%;height:1px;width:42%;background:#CCC;}
.i_advan_tit:before{left:0;}
.i_advan_tit:after{right:0;}
.i_advan_tit h4{font-size:18px;line-height:18px;margin-bottom:10px;font-weight:500;}
.i_advan_tit p{font-size:12px;line-height:12px;margin-bottom:10px;}
.i_advan_tit span{display:block;width:100px;height:2px;background:#082d61;margin:10px auto 0;}

.i_advan_list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.i_advan_list li{width:30.333%;background:#f1f1f1;padding:20px 1%;margin-bottom:15px;display:flex;justify-content:space-between;transition:.5s;cursor: pointer;}
.i_advan_img{width:59px;height:55px;margin-right:2%;}
.i_advan_img .i_advan_img1{width:59px;height:100%;transition:.5s;}
.i_advan_img .i_advan_img2{width:59px;height:0;transition:.5s;}

.i_advan_list li:hover{background:#fc021e;transition:.5s;}
.i_advan_list li:hover .i_advan_img .i_advan_img1{width:59px;height:0;transition:.5s;}
.i_advan_list li:hover .i_advan_img .i_advan_img2{width:59px;height:100%;transition:.5s;}

.i_advan_con h5{font-size:18px;line-height:18px;font-weight:500;}
.i_advan_con span{font-size:14px;line-height:14px;padding-bottom:5px;border-bottom:1px solid #444;}
.i_advan_con p{font-size:14px;line-height:20px;margin-top:5px;}

.i_advan_list li:hover .i_advan_con h5{color:#FFF;}
.i_advan_list li:hover .i_advan_con span{color:#FFF;border-bottom:1px solid #FFF;}
.i_advan_list li:hover .i_advan_con p{color:#FFF;}

.i_end{width:1200px;margin:30px auto 0;display:flex;justify-content:space-between;}
.i_recommend{width:67%;border:1px solid #CCC;padding:12px 3%;}
.i_recommend h4{font-size:18px;line-height:60px;border-bottom: #eaeaea 1px solid;width:100%;}
.i_recommend ul{width:100%;padding:20px 0;display:flex;justify-content:space-around;flex-wrap:wrap;}
.i_recommend ul li{padding:0 2%;font-size:14px;line-height:28px;}
.i_recommend ul li a{color:#8c8c8c;}

.i_quick{width:25%;}
.i_quick ul{display:flex;justify-content:space-around;flex-wrap:wrap;}
.i_quick ul li{width:47%;height:auto;text-align:center;margin-bottom:10px;}
.i_quick ul li a{}
.i_quick ul li span{width:100%;height:auto;}
.i_quick ul li img{margin:45px auto 0;}
.i_quick ul li p{font-size:16px;line-height:44px;color:#FFF;}
.i_quick ul li:nth-child(1){background:#007696;}
.i_quick ul li:nth-child(2){background:#db2d58;}
.i_quick ul li:nth-child(3){background:#b87027;margin-bottom:0;}
.i_quick ul li:nth-child(4){background:#048957;margin-bottom:0;}

#container{width:1200px;margin:0 auto;margin-top:10px;}
.pro{ background: url(../image/probg.png) no-repeat center bottom;
    padding-top: 60px; background-size:100% 100%;}
.protit h1{ line-height: 45px;
    text-align: center;
    font-size: 30px;
    color:#000;
    font-weight: bold;

}
.protit h3{
   text-align: center;
    font-size: 18px;
    color: #e4032e;
    font-weight: normal;
    margin-top: 6px;
}
.profl{
    height: 67px;
    background: #e4032e;
    border-radius: 5px;
    padding-top: 28px;
    margin-top: 25px;
}
.profl ul{
    margin-left: 35px;
}
.profl ul li{background: #fff;
    float: left;
    padding: 0 75px;
    height: 40px;
    line-height: 40px;
    margin-right: 7px;
}
.profl ul li a{ color:#000;}
.profl ul li p{    color: #000;    font-size: 16px;}
.profl ul li:hover{
    background: #a7a7a7;

}
.profl ul li:hover p{
    color: #fff;
}
.profl ul li:last-child{
    background: #e4032e;

}
.profl ul li:last-child p{
    color: #fff;
}

.pro2{
    margin:0 auto;
    margin-top: 70px;
    width:1200px;
}
.pro2 ul li{
    float: left;
    width: 290px;
    margin-right: 13px;
    margin-bottom: 23px;

}
.pro2 ul li:nth-child(4n){
    margin-right: 0px;
}
.pro2 ul li img{    display: block;    width: 290px;    /* height: 235px; */    border: 1px solid #e2e2e2;}
.pro2 ul li h3{background: #dedede;
    margin-top: 2px;
    border: 1px solid #e2e2e2;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-weight: normal;
    font-size: 16px;
}
.pro2 ul li:hover h3{
background: #fff;
border: 1px solid #dedede;
}
.pro2 ul li h3 a{
    color: #5a5a5a;
}
.pro2 ul li:hover h3 a{
    color: #fff;
}

.td1{width: 100%; height: 226px; background-color: #e91922; padding-top:40px;}
.td1 ul{width: 100%;}
.td1 ul li{float: left;width: 25%;padding-left: 36px;height: 86px;border-right: 1px solid rgba(255,255,255,0.4);padding-top: 14px;box-sizing: border-box;}
.td1 ul li:last-child{border-right: none;}
.td1 ul li .img{display: inline-block;width: 30px;height:26px;overflow: hidden;vertical-align: -26%;}
.td1 ul li .img img{width:100%; }
.td1 ul li h3{display: inline-block; font-size:18px; color: #fff; font-weight: 600;}
.td1 ul li h4{font-size:14px;color: #fff;margin-top: 14px;text-align:left;}
.td1 .clearfix{width:1200px;margin:0 auto;}

.about{width: 1200px;height:432px;background-color: #fff;margin:0 auto;padding:52px 57px 0;margin-top: -60px;}

.about .img{float: left; width: 572px;height: 413px;overflow: hidden;}
.about .img img{width: 100%;}
.about dd{float:right; width: 603px;padding-right: 12px; padding-top: 24px;}
.about dd h2{font-size:24px; color: #333; font-weight: 600;}
.about dd h3{font-size:14px;color: #333;text-transform: uppercase;margin-top: 10px;font-weight: 600;}
.about dd h4{font-size: 15px;line-height: 40px;color: #333;}
.about dd a{display:block;width: 108px;height: 34px;background-color: #e91922;border-radius:10px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;margin-top: 9px;}