.snn{margin: 0px auto; clear: both;}
.box1{ width:25%; float:left; position: relative;box-shadow: 0 0 10px #CCC;	}
.box2{ width:25%; float:left;}
.box3{ width:400px; float:left;}
.box2a{ width:99%; float:left; position: relative;}
.box2b{ width:100%; float:left; position: relative;}
.box3a{ width:300px; float:left; position: relative;}
.box3b{ width:300px; float:left; position: relative;}





.box2a_img{ width:100%;height:203px; overflow: hidden;}
.box2a_img img{ width:100%; height:200px;
 transition: all 0.3s ease-out 0s;
 webkit-transform: scale(1);
 transform: scale(1); 
 }
.box2a .item_box_shade {width: 100%;height:200px;position: absolute; background:#14397f; opacity: 0; top: 0px;left: 0px;/* overflow: hidden; */transition: all 0.6s; }
.box2a a:hover .item_box_shade {opacity: 0.5;}
.box2a a:hover img{ 
transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
}


.box2b_img{ width:100%;height:220px; overflow: hidden;}
.box2b_img img{ width:100%; height: 220px;
 transition: all 0.3s ease-out 0s;
 webkit-transform: scale(1);
 transform: scale(1); 
 }
.box2b .item_box_shade {width: 100%;height:220px;position: absolute; background:#f6f6f6; top: 0px;left: 0px;/* overflow: hidden; */transition: all 0.6s;z-index: -999; }
.box2b a:hover{color:#fff;}
.box2b a:hover .item_box_shade {background:#cfab61;z-index: -999;color:#fff;display: block;}
.box2b a:hover img{ 
transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-webkit-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
}


.box1_word{ height:50px; background-color: rgba(255,255,255,0.75);position: absolute;bottom:0px;width: 100%;}
.box1_word p{ font-size:14px; color:#323232; text-align:center;  }
.box1_word .line{ width:0; border-bottom:4px solid #fff;   margin:0 auto;  transition:width 0.4s;  -webkit-transition:width 0.4s;	}
.box1 a:hover .line{ width:44px;  border-bottom:4px solid #fff;}


.box2a_word{ height:132px; background:#14397f; padding-top:30px ;}
.box2a_word p{ font-size:14px; color:#fff; text-align:center;  }
.box2a_word .line{ width:0; border-bottom:4px solid #fff;   margin:0 auto;  transition:width 0.4s;  -webkit-transition:width 0.4s;	}
.box2a a:hover .line{ width:44px;  border-bottom:4px solid #fff;}


.box2b_word{ height:132px; background:#393f46; padding-top:30px ;}
.box2b_word p{ font-size:14px; color:#fff; text-align:center;  }
.box2b_word .line{ width:0; border-bottom:4px solid #14397f;   margin:0 auto;  transition:width 0.4s;  -webkit-transition:width 0.4s;	}
.box2b a:hover .line{ width:44px;  border-bottom:4px solid #14397f;}






@media (max-width:768px){
	.title-line:before {
    background: #cca561;
    height: 2px;
    width: 50px;
    content: "";
    position: absolute;
    top: 70px!important;
    margin-left: 10px!important;
}
	.container2{width:100%; margin:0px auto; float:left; background:#fff;padding:10px;}
	#cate{padding-left:0px;}
	.lxright {
    float: left;
    padding-top: 15px;
}
	.list-inline-item6{width: 19.5%;float: left;}
	.list-inline-item6:not(:last-child) {
    margin-right: 0.1rem;
}
	.col-122{flex:50%;}
	.sculture{max-width: 100%;}
	.lxnr{font-size:12px;}
    .box1{ width:100%!important; float:left; position: relative;box-shadow: 0 0 10px #CCC;margin:20px auto;}
	.box2{ width:100%; float:left;}
	.box2b{height: 120px;overflow: hidden;width: 50%;float: left;}
	.box2a{width:50%;}
	.boxwzz{display: none;}
	.boxwzn{margin: 0 20px;}
	.more a{ border:2px solid #cfab61; width:50%!important; display:block; line-height:36px!important; text-align:center; color:#fff; margin:0px auto;font-size:18px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
    .more a:hover{ background:#323232; border:2px solid #efefef; color:#fff; margin:0px auto; line-height: 36px!important;font-size:18px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
	
	.box2a_img img {
    width: 100%;
    height: auto!important;
    transition: all 0.3s ease-out 0s;
    webkit-transform: scale(1);
    transform: scale(1);
	 }
	
	
	.box2b .item_box_shade {
    width: 100%;
    height: 92px!important;
    position: absolute;
    background: #fff;
    top: 0px;
    left: 0px;
    /* overflow: hidden; */
    transition: all 0.6s;}
	
	
	.box2b_img {
    width: 100%;
    height: auto!important;
    overflow: hidden;}
	
	.box2a_img {
    
    height: auto!important;
    overflow: hidden;
	}
	
.snn{margin: 0px auto; clear: both;}
.snb{width: 100%; float: left; }
.snbl{float:left; width:56%;}
.snbr{float:right; width: 42%;height: 150px;
    overflow: hidden;}