/*pad*/
img { max-width: 100%; }
.pc { display: block }
.wap { display: none }
 
 /*
  @media screen and  (max-width: 2500px) {
}
  @media screen and  (max-width: 1920px) {
}
  @media screen and  (max-width: 1840px) {
}
 @media screen and  (max-width: 1650px) {
}
 @media screen and  (max-width: 1600px) {
}
 @media screen and  (max-width: 1508px) {
}
 @media screen and  (max-width: 1450px) {
}
 @media screen and  (max-width: 1400px) {
}
  @media screen and  (max-width: 1200px) {
}
 @media screen and  (max-width:1060px) {
}
 @media screen and  (max-width: 950px) {
}
 @media screen and  (max-width: 870px) {
}
 @media screen and  (max-width: 830px) {
}

*/
 @media screen and (max-width: 768px) {
.pc { display: none }
.wap { display: block }
.container { width: 100% }
.zc-index-banner .swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.zc-index-banner .swiper-pagination { bottom: 60px; left: 35%; top: auto; width: 120px; transform: translate(0, -60px); }
.zc-index-banner .swiper-pagination-bullet { background: #bfbfbf; opacity: 1; width: 10px; height: 10px; }
.zc-index-banner .swiper-pagination-bullet-active { background: transparent; border: #f4bd3e solid 2px; width: 12px; height: 12px; }
#newBridge { display: none }
.zc-service-flow { padding: 25px 0 }
.zc-service-flow .col-md-3 { width: 48%; padding: 0; margin: 1%; float: left }
.zc-index-category .item { position: static; width: 100% }
.zc-index-category::before { padding-top: 10px; }
.zc-index-category .item a { position: relative }
.zc-index-category .item a .icon-div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all ease .5s; }
.zc-index-number { padding: 20px 0 }
.zc-index-advantage { padding: 20px 0 }
.zc-index-case { padding: 20px 0 20px 0; background-color: #020202; height: 1300px; }
.zc-index-case-title { padding: 0; width: 100% }
.zc-index-case-title h3 { width: 100%; height: 40px; }
.zc-index-case-title .p1 { padding-top: 50px }
.zc-index-case-swiper .item { position: absolute; }
.zc-index-case-swiper .item1 { left: 0; top: 0; width: 100%; height: 350px; }
.zc-index-case-swiper .item2 { left: 0%; top: 350px; width: 100%; height: 350px; }
.zc-index-case-swiper .item4 { left: 0; top: 700px; width: 100%; height: 350px; }
.zc-index-case-swiper .item3 { left: 50%; top: 220px; width: 49%; height: 200px; position: relative; display: none }
.zc-index-case-info { position: absolute; left: 10%; top: 10%; min-width: 100px; max-width: 100% }
.zc-index-case-info h3 { font-size: 20px; }
/****************/
.zc-index-news { padding: 20px 0 }
.zc-index-news .news-header { padding: 0; width: 100% }
.zc-index-news .news-header h3 { width: 100%; height: 40px; }
.zc-index-news .news-header .classification { float: left }
.zc-index-news .new-list li a { padding: 10px; }
.zc-index-news .new-list li img { float: left; height: auto; width: 100%; margin-left: 0; }
.zc-index-news .new-list li .text { width: 100%; padding: 0; margin: 0; height: auto; border: none }
.zc-index-news .new-list li .time { float: left; font-size: 12px; line-height: 30px; width: 80%; margin-left: 0%; }
/***************/


.zc-index-partner { padding: 20px 0 }
.zc-index-partner .box { background: none; width: 100%; height: auto }
.zc-pulic-footer .zc-right { text-align: left }
/**************/
.zc-header-menu { padding: 0 }
.zc-header-menu { height: 60px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 0; transition: all ease .5s; }
.zc-header-logo img { width: auto; height: 60px; margin-top: 0;    height: 40px;
    margin-top: 10px; }
 .zc-show-case-content img {
    max-width: 100% !important;
    height: auto!important;
}
 .zc-show-case-content p {
    color: #bbb !important;
    
}
.zc-show-case-content {
    color: #bbb!important;
}
.zc-header-menu .nav { margin: 10px 0 -10px; padding-top: 60px; text-align: left; display: none; background-color: transparent; border-bottom: 0; }
.zc-header-menu .nav .container { padding: 0 }
.menu-btn { display: block; }
.menu-btn { padding: 18px 0; float: right; margin-right: 15px; }
.menu-btn:before, .menu-btn:after, .menu-btn span { display: block; height: 2px; background-color: #fff; content: ''; }
.menu-btn:before { width: 24px; }
.menu-btn:after { width: 18px; margin-left: 6px; }
.menu-btn span { width: 12px; margin: 6px 0 6px 12px; }
/**************/
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; background-size: 2.4rem auto; vertical-align: middle; }
.icon, .iconbef:before, .iconbef:after { content: "\20"; display: inline-block; }
.iconbef:before { background: url(../images/icon.png) no-repeat; background-size: 2.4rem auto; vertical-align: middle; }
/*subNav*/
.subNav { position: fixed; top: 0px; left: 0px; right: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 399; opacity: 0; visibility: hidden; width: 100%; height: 100%; max-width: 640px; min-width: 320px; margin: auto; background: #fefaf4; transition: all .6s ease 0s; transform: translate3d(0, -100px, 0); -moz-transform: translate3d(0, -100px, 0); -webkit-transform: translate3d(0, -100px, 0); }
.subNavCon { margin: 0px; width: 100%; }
.subNav .subTop {
height:60px; background: #b3afaa; z-index: 400; position: relative; border-bottom: 1px solid #ddd; }
.subNav .subTop .nylogo {   display: block; padding-top: 0;
margin-left:0;
}
.subNav .subTop .nylogo img { display: block; width:auto; max-height:60px; }
.subNav .subTop .closed {
width:50px;
height:50px; position: absolute; z-index:999; right:10px;
top:10px; background:url(../images/closed.png) center no-repeat; display: inline-block; vertical-align: middle;  cursor:pointer }


.subNav .subBottom { height: 100%; margin: 0 5px; }
.subNav .subBottom li {
padding-top:5px;
padding-bottom:5px; border-bottom: 1px solid #ddd; position: relative; }
.subNav .subBottom li a { display: block; font:normal 30px "AvantGarde Bk BT";
color: #999; width: 80%; }

.subNav .subBottom li a .txt {
height:30px;
line-height:30px; color: #333; font-size:14px; }


.subNav .subBottom li a.hover .txt { color: #000; }
.subNav .subBottom li a .tit { display: inline-block; font-size:14px;
line-height:30px;
font-family: "AvantGarde Bk BT"; color: #333; }
.subNav .subBottom li em {
width: 30px;
height: 30px; display: inline-block;background:url(../images/jia.png) center no-repeat ;
vertical-align: middle; position: absolute; right: 0; top: 0;
}
.subNav .subBottom .list { padding-top: 5px; }
.subNav .subBottom li.hover a .tit, .subNav .subBottom li:hover a .tit { color: #333; }
.subNav.show { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.subNavShow { -webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block; }
.subNav .subnav2 {
margin-top:.2rem; display: none; }

.subNav .subnav2 a {
height: 28px;
font-size: 12px; box-sizing: border-box; line-height: 28px;
text-align: left; color: #fff; display: block; padding: 0; background: none; border-bottom: 1px solid #ddd; font-size:12px!important;
margin-bottom: 5px; text-indent:30px;
}
.subNav li.hover em {
width:30px;
height:30px;
top:10px; background:url(../images/jian.png) center no-repeat }

/******内页*********/

.zc-about-dec .box{ padding:0}
.zc-about-wh{ padding:20px 0}
.zc-about-wh .box .text{ margin-top:10px; padding:0}
.zc-case-type .d{ padding-left:10px}
.zc-case-type .z1 { position: static; left: 0; top: 0; width: 100%; text-align: left; height:35px; }
.zc-case-type .z2{ text-align:left}
.zc-case-type .z2 a { display: inline-block;  padding: 0 10px;  line-height: 2;
    width: 100px;
    text-align: center; border-right: #626262 solid 1px; }

.zc-contect-info .item1{ width:100%;    padding-bottom: 10px;}
.zc-contect-info .item2{ width:100% ;   padding-bottom: 10px;}
.zc-contect-info .item3{ width:100% ;   padding-bottom: 10px;}

}
 @media screen and (max-width: 641px) {
}
 @media screen and (max-width: 592px) {
}
 @media screen and (max-width: 540px) {
}
 @media screen and (max-width: 480px) {
}
 @media screen and (max-width: 450px) {
}
 @media screen and (max-width: 400px) {
}
 @media screen and (max-width: 365px) {
}