.am-part{ line-height:66px; background:#eee; overflow:hidden; border-bottom:1px solid #f5f5f5;}
.am-part .sidenav{ float:left;}
.am-part .sidenav ul li{ float:left;border-right: 2px solid #fff;}
.am-part .sidenav ul li a.hover{
	color:#da251e; background:#fff;
}
.am-part .sidenav ul li a.hover:before{
	content:""; display:block; width:100%; height:3px; background:#da251e;position:absolute; left:0; bottom:0; transition:all .3s linear; 
}
.am-part .sidenav ul li.on a,.am-part .sidenav ul li a:hover{ color:#da251e; background:#fff;}
.am-part .sidenav ul li a{ display:block; padding:0 40px; position:relative;}
.am-part .sidenav ul li a:before{ content:""; display:block; width:0%; height:3px; background:#da251e; position:absolute; left:0; bottom:0; transition:all .3s linear;}
.am-part .sidenav ul li.on a:before,.am-part .sidenav ul li a:hover:before{ width:100%;}

.am-part .am-weizhi{ float:right; font-size:16px; color:#666;}
.am-part .am-weizhi a{ color:#666;}
.am-container{
	width:1400px;
	margin:0 auto;
}
ny-prolist1 ul{ margin:0 -15px}
.ny-prolist1 ul li{ padding:15px;}
.ny-prolist1 ul li a i{ display:block; overflow:hidden;}
.ny-prolist1 ul li a i img{transition: all 250ms ease-out 0s; width:100%;}
.ny-prolist1 ul li a:hover i img{ transform:scale(1.05)}
.ny-prolist1 ul li a:hover{ box-shadow:0 2px 15px 2px rgba(0,0,0,.1)}
.ny-prolist1 ul li a{ display:block; overflow:hidden; border:1px solid #eee; background:#fff;}
.ny-prolist1 ul li a .txt{ border-top:1px solid #eee;padding:38px 20px;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.ny-prolist1 ul li a .txt .tit{color: #333333;font-weight: bold;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;line-height: 1.5;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ny-prolist1 ul li a .txt .note{margin-top: 10px;color:#888;font-size: 14px;line-height: 2;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.ny-prolist1 ul li a .txt .arrow {position: absolute;margin-top: 0.32rem;width: 0;height: 8px;background-image: url(../images/arrows-pdt.png);background-size: auto 8px;background-position: right bottom;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;}
.ny-prolist1 ul li a:hover .arrow {width: 52px;height: 8px;margin-top: 0.3rem;}
.ny-prolist1 ul li a:hover .txt .tit,.ny-prolist1 ul li a:hover .txt .note{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
 .am-avg-md-3>li {
        width: 25%;
        float:left;
    }

    .am-avg-md-3>li:nth-of-type(n) {
        clear: none
    }

    .am-avg-md-3>li:nth-of-type(4n+1) {
        clear: both
    }
.ny-warp {
    padding: 60px 0;
}
#pages {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: wrap;
}
#pages a{
	display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
}
#pages li{
	padding:3px;
}
#pages span{
	display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 6px 10px 6px 10px;
    background: #333;
    color:#fff;
}
@media (max-width : 768px) {
    .am-container{
        width:94% !important;
        margin:0 auto;
    }
    .am-weizhi{
        display: none;
    }
    .am-avg-md-3>li{
        width:50%;
    }
    .ny-prolist1 ul li{
        padding:5px;
    }
    .ny-prolist1 ul li a .txt{
        padding:10px;
    }
    .ny-prolist1 ul li a .txt .tit{
        font-size:15px;
    }
    .page_img a div h5{
        font-size: .45rem;
    }
    .page_img a div p.catdes{
        display: none;
    }

}
.glass-animation img{
    width:100%;
}
.item-title{
    width:100%;
}
.item-title a{
    color:#333;
    font-weight: 600;
    padding:20px;
    width:100%;
}
.glass-animation .background {
    transition: 0.3s all ease-in-out;
    background: #da251e;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
}
.portfolio-item figure {
    margin-bottom: 22px;
    position: relative;
}
.glass-animation .glass{
    display: block;
    transition: 0.2s all ease-in-out;
}
.glass-animation .glass > span {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s all ease-in-out;
    -webkit-transition-delay: 0s; 
    transition-delay: 0s;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    display: block;
    border: 5px solid #ffffff;
}
.glass-animation .glass > span i {
    transition: 0.2s all ease-in-out;
    -webkit-transition-delay: 0s; 
    transition-delay: 0s;
    position: absolute;
    right: -200px;
    bottom: -200px;
    display: inline-block;
    width: 18px;
    height: 5px;
    background: #ffffff;
    border-radius: 10px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.glass-animation:hover .glass span {
    -webkit-transition-delay: .2s; 
    transition-delay: 0s;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 200px;
}
.glass-animation:hover .glass span i {
    right: -14px;
    bottom: -7px;
    -webkit-transition-delay: .2s; 
    transition-delay: .2s;
}
.glass-animation:hover .background {
    height: 100%;
    width: 100%;
    opacity: .7;
}
.portfolio-item figure.glass-animation{
    margin-bottom:0;
}