@media (min-width: 1200px){
	.container {
    max-width: 1200px;}
}

@media (min-width:992px){
header .navbar{background: url(images/nav_bg.jpg) no-repeat center top;padding:0;}
.navbar-brand{padding:0;}
#top-nav .navbar-nav{}
#top-nav .navbar-nav>li>a{color: #fff;padding: 1rem 2.2rem;position: relative; font-size: 1rem;}
#top-nav .navbar-nav>li>a:before{position: absolute;content:'/';color: #fff;right:-1px;top:50%;transform: translateY(-50%)}
#top-nav .navbar-nav>li:last-child>a:before{content:none;}
.media-choose .pro-img{overflow: hidden;}
.media-choose .pro-img>img{transition:.4s;}
.media-choose .pro-body{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,0,0,0);transition:.4s;transform:translate(-50%,-50%);}
.media-choose .pro-body span{position:absolute;top:50%;left:50%;display:block;display:flex;overflow:hidden;width:100%;height:100%;border:0 solid #dadada;transition:.4s;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;}
.media-choose .pro-body span img{transition:.4s;transform:translateY(-2000%);}
.media-choose .pro-body span h3{color:#fff;font-size:18px;transition:.4s;transform:translateY(-2000%);}
.media-choose .pro-body span a{display:inline-block;padding:0 1.5625rem;background:#d1222f;color:#fff;transition:.4s;transform:translateY(2000%);line-height: 2.1875rem;margin-top: 1.25rem;}
.media-choose:hover .pro-body{background:rgba(0,0,0,.6);}
.media-choose:hover span{width:85%;height:85%;border:3px solid #dadada;}
.media-choose:hover .pro-img>img{transform:scale(1.4,1.4);}
.media-choose:hover .pro-body span img{transform:translateY(0);}
.media-choose:hover .pro-body span h3{transform:translateY(0);}
.media-choose:hover .pro-body span a{transform:translateY(0);}

.sy-pro-list .media-pro .pro-img>img{transition:.4s;}
.sy-pro-list .media-pro .pro-body{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,0,0,0);transition:.4s;transform:translate(-50%,-50%);}
.sy-pro-list .media-pro .pro-body span{position:absolute;top:50%;left:50%;display:block;display:flex;overflow:hidden;width:100%;height:100%;border:0 solid #dadada;transition:.4s;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;}
.sy-pro-list .media-pro .pro-body span img{transition:.4s;transform:translateY(-2000%);}
.sy-pro-list .media-pro .pro-body span h3{color:#fff;font-size:1rem;transition:.4s;transform:translateY(-2000%);}
.sy-pro-list .media-pro .pro-body span a{display:inline-block;padding:0 1.5625rem;background:#26ac94;color:#fff;transition:.4s;transform:translateY(2000%);line-height: 2.1875rem;margin-top: 1.25rem;}
.sy-pro-list .media-pro:hover .pro-body{background:rgba(0,0,0,.6);}
.sy-pro-list .media-pro:hover span{width:85%;height:85%;border:3px solid #dadada;}
.sy-pro-list .media-pro:hover .pro-img>img{transform:scale(1.4,1.4);}
.sy-pro-list .media-pro:hover .pro-body span img{transform:translateY(0);}
.sy-pro-list .media-pro:hover .pro-body span h3{transform:translateY(0);}
.sy-pro-list .media-pro:hover .pro-body span a{transform:translateY(0);}
}
@media (min-width:992px) and (max-width:1199.98px){
#top-nav .navbar-nav>li>a{padding: 0 1rem;}
header .navbar{background: url(images/nav_bg.jpg) no-repeat left top;padding: 0.375rem 1rem;background-position-x: -380px;}
}
@media (min-width:991.98px){
.sy-protit1{display:none!important}
}
@media (max-width:991.98px){
html{font-size: 87.5%;}
body{font-size: 1rem;}
.navbar-brand{ width: 78%; }
.navbar-brand img{ width:100%; }
.navbar-toggler-icon .icon-daohang{font-size: 1.875rem;}
#top-nav .navbar-nav>li>a{color: #333;}
.sy-about{padding: 1.875rem 0;}
.sy-center-t h2,.new-tit h2 {
    font-size: 1.5rem;
}
.you-tit{font-size: 36px;}
.container{padding-right: 10px; padding-left: 10px;}
.sy-procate .col-md-9{margin-left: 0%; position: static;}

.kefu{display:none!important}
.sy-news{ margin-top:0; }
.sy-about-c{margin-top: 1.25rem;}
.sy-about-top img{ margin-top: 2rem; }
.sy-about-bottom{margin-top: 1.875rem;}
.sy-message{margin: 1.25rem 0;}
.sy-pro .form-inline .form-group{width: 100%;}
.sy-pro .form-inline .form-control{float: left;}
.sy-pro .form-inline .btn{float: left;}
.sy-pro-list .media-pro .pro-img>img{transition:.4s;}
.sy-pro-list .media-pro .pro-body{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,0,0,0);transition:.4s;transform:translate(-50%,-50%);}
.sy-pro-list .media-pro .pro-body span{position:absolute;top:50%;left:50%;display:block;display:flex;overflow:hidden;width:100%;height:100%;border:0 solid #dadada;transition:.4s;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;background: rgba(0,0,0,.3)}
.sy-pro-list .media-pro .pro-body span img{transition:.4s;transform:translateY(0);}
.sy-pro-list .media-pro .pro-body span h3{color:#fff;font-size:1.125rem;transition:.4s;transform:translateY(0);}
.sy-pro-list .media-pro .pro-body span a{display:inline-block;padding:.625rem 1.875rem;background:#26ac94;color:#fff;transition:.4s;transform:translateY(0);border-radius: 6px;margin-top: 1.25rem;}
.sy-center-b{background-size: cover;padding: 1.25rem 0;}
.sy-news .col-md-4{margin-bottom: 1.875rem;}
footer{padding: 0;}
.copyright{margin-top: 0;}
.sy-news{margin-top: 1.875rem;}
.sy-center-b .sy-center-t h2{margin-bottom: 1.25rem;}
}
@media (max-width:375.98px){
.sy-procate-img span h4{font-size:1.625rem;}
}