.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
			.fl{ float:left;}.fr{ float:right;}
			
			.coat .co3 {
			    padding-top: 80px;
			}
			
			.coat .co3 .con {
			    margin-top: 50px;
			}
			
			.coat .co3 .con .box {
			    position: relative;
			    float: left;
			    width: 22.2%;
			    margin-right: 3.7%;
			    text-align: center;
			    height: 400px;
			    padding: 50px 28px 0 28px;
			    background-color: #F9F9F9;
			    -webkit-transition: all 0.3s;
			    -o-transition: all 0.3s;
			    -moz-transition: all 0.3s;
			    transition: all 0.3s;
			}
			
			.coat .co3 .con .box:last-child {
			    margin-right: 0;
			}
			
			.coat .co3 .con .box img {
			    margin: 0 auto;
			    margin-bottom: 40px;
			}
			
			.coat .co3 .con .box img.img2 {
			    display: none;
			}
			
			.coat .co3 .con .box .h {
			    line-height: 34px;
			    color: #333333;
			    margin-bottom: 48px;
			}
			
			.coat .co3 .con .box .p {
			    line-height: 22px;
			    color: #7F7F7F;
			}
			
			.coat .co3 .con .box > div {
			    height: 100%;
			}
			
			.coat .co3 .con .box .solid {
			    position: absolute;
			    bottom: 70px;
			    left: 50%;
			    -webkit-transform: translateX(-50%);
			    -moz-transform: translateX(-50%);
			    -ms-transform: translateX(-50%);
			    -o-transform: translateX(-50%);
			    transform: translateX(-50%);
			    width: 50px;
			    height: 3px;
			    background-color: #182987;
			}
			
			.coat .co3 .con .box:hover {
			    background-color: #fff;
			    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .16);
			    box-shadow: 0 0 18px rgba(0, 0, 0, .16);
			}
			
			.coat .co3 .con .box:hover img.img1 {
			    display: none;
			}
			
			.coat .co3 .con .box:hover img.img2 {
			    display: block;
			}
.f_24 {
	font-size: 24px;
}
	.f_16 {
		font-size: 16px;
	}	
		.coat .tit {
		    text-align: center;
		}  
		  .coat .tit .h {
		      color: #333333;
		      line-height: 50px;
		      margin-bottom: 20px;
		      font-weight: bold;
		  }
		  
		  .f_36 {
		      font-size: 36px;
		  }
		  
		  .coat .co4 {
		      padding-top: 80px;padding-bottom: 90px;
		  }
		  
		@media only screen and (max-width: 1440px) {  .coat .co3 .con .box {
        height: 408px;
    }

    .coat .co3 .con .box .solid {
        bottom: 40px;
    } }  
		 @media only screen and (max-width: 1024px) {  .coat .co3 {
        padding-top: 0;
    }

    .coat .co3 .con {
        margin-top: 20px;
    }

    .coat .co3 .con .box {
        width: 48%;
        margin-right: 4%;
        padding: 15px 10px;
        margin-bottom: 16px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .coat .co3 .con .box > div {
        width: 100%;
    }

    .coat .co3 .con .box:nth-child(2n) {
        margin-right: 0;
    }

    .coat .co3 .con .box img {
        margin-bottom: 0;
        height: 30px;
    }

    .coat .co3 .con .box:last-child img {
        margin-bottom: 0;
        height: auto;
    }

    .coat .co3 .con .box .h {
        margin-bottom: 0;
    }

    .coat .co3 .con .box .solid {
        bottom: 30px;
        display: none;
    }

    .coat .co3 .con .box .p {
        font-size: 12px;
    }

    .coat .co4 {
        padding-top: 20px; 
    }

    .coat .co4 #container {
        height: 267px !important;
    } 
	  .coat .co3 .con .box:hover {
	        box-shadow: none;
	        background-color: #F9F9F9;
	    }
	 .coat .co3 .con .box > div {
	        height: auto;
	    }
	} 
	
	
	 @media only screen and (max-width: 780px) {
    .coat .co3 .con .box:last-child img {
      
        height: 140px;
    } 
	
	
	.f_36 {
	    font-size: 22px;
	}
	
	}