body { font-family: Microsoft Yahei, Arial, Helvetica, sans-serif; background-color: #242424; color: #ffffff; overflow-x: hidden; }
ul { list-style: none; padding: 0; margin: 0; }
a { color: #ffffff; }
a:link, a:active, a:visited { color: #ffffff; }
a:hover { text-decoration: none; color: #ffffff; }
.center-middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.overflow-print { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.transition { transition: all ease .5s; }
.mb50 { margin-bottom: 50px; }
.container { width: 1200px   }
.zc-hr { margin: 50px 0; border-color: #5a5a5a; }
.zc-header-menu { height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 0 10%; transition: all ease .5s; }
.zc-header-menu.on { background-color: #222; }
.zc-header-logo { float: left; }
.zc-header-logo img { width: auto; height: 70px; margin-top: 15px; }
.zc-header-nav { float: right; }
.zc-header-nav ul, .zc-header-nav li { display: inline-block; vertical-align: middle; line-height: 100px; }
.zc-header-nav li { margin: 0 32px; }
.zc-header-nav li.on a { color: #f4bd3e; }
.zc-header-tel { display: inline-block; vertical-align: middle; }
.zc-index-banner .swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }


.zc-index-banner .swiper-pagination { bottom: 60px; left: 50%; top: auto;   width: 120px; margin-left:-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; }

 
 	.zc-index-banner .arrow-left ,
	.zc-index-banner .arrow-right{ position:absolute; z-index:10; display:block; width:30px; height:50px; top:50%; margin-top:-100px; left:20px;  
		background:url(../images/leftright.png) 0 0 no-repeat; 
		cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
	.zc-index-banner .arrow-right{ left:auto; right:30px; background-position:-51px 0; }
	.zc-index-banner .arrow-left:hover,
	.zc-index-banner .arrow-right:hover{ filter:alpha(opacity=100);opacity:1; }
	
	
	/*********************/

.zc-index-category { position: relative; }
.zc-index-category::before { content: ''; display: block; padding-top: 48.8%; }
.zc-index-category .item { width: 23.95%; position: absolute; }
.zc-index-category .item img { width: 100%;/*  -webkit-filter: grayscale(1);
  filter: gray(1);
  filter: grayscale(1);
  transition: all ease .5s;*/
}
.zc-index-category .item img { width: 100%;/*  -webkit-filter: grayscale(1);
  filter: gray(1);
  filter: grayscale(1);
  transition: all ease .5s;*/
}
.zc-index-category .item .icon-div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all ease .5s; }
.zc-index-category .item .icon-div .text { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1; }
.zc-index-category .item .icon-div .text span { font-size: 86px; }
.zc-index-category .item .icon-div .text h5 { margin: 0; font-size: 24px; position: relative; line-height: 1.5; }
.zc-index-category .item .icon-div .text h5::after { content: ''; display: block; position: absolute; left: 50%; bottom: -10px; width: 34px; height: 0; border-bottom: 5px #ffffff solid; margin-left: -17px; }
.zc-index-category .item1 { left: 0; top: 0; }
.zc-index-category .item2 { left: 0; bottom: 0; }
.zc-index-category .item3 { left: 25.26%; top: 0; }
.zc-index-category .item4 { left: 50.52%; top: 0; }
.zc-index-category .item5 { left: 50.52%; bottom: 0; }
.zc-index-category .item6 { right: 0; top: 0; }
.zc-index-category .item7 { right: 0; bottom: 0; }
.zc-index-category .item:hover img { -webkit-filter: grayscale(0.5); filter: none; filter: grayscale(0.5); }
.zc-index-number { padding: 120px 0; background: url("img/num-bg.jpg") center center no-repeat; text-align: center; }
.zc-index-number .box { display: inline-block; width: 100%; max-width: 250px; transition: all ease .5s; }
.zc-index-number .box h4 { font-size: 54px; line-height: 1; margin: 0; padding-bottom: 20px; position: relative; }
.zc-index-number .box h4::after { content: ''; display: block; position: absolute; width: 100%; left: 0; bottom: 0; height: 0; border-bottom: #ffffff solid 2px; transition: all ease .5s; }
.zc-index-number .box h4 span { position: relative; top: -18px; font-size: 36px; }
.zc-index-number .box p { margin: 0; font-size: 16px; }
.zc-index-number .box .p1 { margin: 20px 0; }
.zc-index-number .box .p2 { font-size: 14px; }
.zc-index-number .box:hover { color: #f4bd3e; }
.zc-index-number .box:hover h4::after { border-bottom: #f4bd3e solid 2px; }

/***************/
.zc-index-advantage { background-color: #292929; padding: 120px 0; }
.zc-index-advantage-bg { position: relative; }
.zc-index-advantage-bg::before { content: ''; display: block; position: absolute; left: 30px; top: 0; width: 58%; height: 100%; border: #4e4e4e solid 1px; }
.zc-index-advantage-swiper h3 { margin: 0 0 50px; }
.zc-index-advantage-swiper h3 span { color: #c3c3c3; }
.zc-index-advantage-swiper h3 .s1 { font-size: 16px; margin: 0 15px 0 3px; }
.zc-index-advantage-swiper h3 .s2 { font-size: 14px; }
.zc-index-advantage-swiper .swiper-slide { padding: 0 0 35px 35px; }
.zc-index-advantage-swiper .swiper-slide .box { padding-top: 100%; background-color: #9c8546; position: relative; }
.zc-index-advantage-swiper .swiper-slide .box img { width: 100%; position: absolute; left: -35px; top: 35px; }
.zc-index-advantage-swiper .swiper-pagination { position: static; margin-top: 35px; padding-right: 35px; text-align: right; }
.zc-index-advantage-swiper .swiper-pagination-bullet { background: #bfbfbf; opacity: 1; width: 10px; height: 10px; margin-left: 10px; }
.zc-index-advantage-swiper .swiper-pagination-bullet-active { background: transparent; border: #f4bd3e solid 2px; width: 12px; height: 12px; }
.zc-index-advantage-text li { padding-left: 80px; position: relative; margin: 48px 0; }
.zc-index-advantage-text li .index { position: absolute; left: 0; top: 0; font-size: 22px; padding-left: 22px; }
.zc-index-advantage-text li .index::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; border-left: #9c8546 solid 2px; }
.zc-index-advantage-text li h4 { font-size: 22px; margin-bottom: 20px; }
.zc-index-advantage-text li h4 span { color: #b0b0b0; font-size: 14px; }
.zc-index-advantage-text li p { padding: 7px 12px; background-color: #9c8546; width: 80%; color: #1c1c1c; position: relative; }
.zc-index-advantage-text li p::after { content: ''; display: block; position: absolute; left: 100%; top: 0; border-width: 0 0px 34px 36px; border-style: solid; border-color: transparent transparent transparent #9c8546; }
.zc-index-advantage-text li.on p { background-color: #a0a0a0; }
.zc-index-advantage-text li.on p::after { border-color: transparent transparent transparent #a0a0a0; }
.zc-index-case { padding: 100px 0 120px 0; background-color: #020202; }
.zc-index-case-title { padding-left: 250px; position: relative; margin-bottom: 40px; }
.zc-index-case-title h3 { position: absolute; left: 0; top: 0; margin: 0; width: 180px; }
.zc-index-case-title h3 span { font-size: 16px; color: #c3c3c3; }
.zc-index-case-title h3::after { content: ''; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 0; border-right: #f4bd3e solid 3px; }
.zc-index-case-title .p1 { font-size: 16px; }
.zc-index-case-title .case-a a { margin-right: 20px; }
.zc-index-case-swiper { position: relative; }
.zc-index-case-swiper::after { content: ''; display: block; padding-top: 37%; }
.zc-index-case-swiper .item { position: absolute; }
.zc-index-case-swiper .item1 { left: 0; top: 0; width: 49%; height: 100%; }
.zc-index-case-swiper .item2 { left: 49%; top: 0; width: 24.8%; height: 63.2%; }
.zc-index-case-swiper .item3 { left: 49%; bottom: 0; width: 24.8%; height: 36.8%; }
.zc-index-case-swiper .item4 { right: 0; top: 0; width: 26.2%; height: 100%; }
.zc-index-case-swiper .swiper-container { height: 100%; }
.zc-index-case-swiper .box-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all ease .5s; }
.zc-index-case-swiper .box-bg:hover { opacity: 1; }
.zc-index-case-swiper .box { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); }
.zc-index-case-swiper .box h5 { font-size: 22px; margin: 0 0 30px; }
.zc-index-case-swiper .box .time { width: 95px; display: inline-block; border-bottom: #ffffff solid 2px; padding-bottom: 10px; }
.zc-index-case-swiper .box .time p { margin: 0; }
.zc-index-case-swiper .box .time p:first-child { margin-bottom: 7px; }
.zc-index-case-swiper .box .text span { margin: 15px 0; display: inline-block; }
.zc-index-case-swiper .box .text p { margin: 0; line-height: 1.6; }
.zc-index-case-swiper .swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.zc-index-case-swiper .swiper-pagination { text-align: right; padding-right: 20px; }
.zc-index-case-swiper .swiper-pagination-bullet { background: #bfbfbf; opacity: 1; width: 10px; height: 10px; }
.zc-index-case-swiper .swiper-pagination-bullet-active { background: transparent; border: #f4bd3e solid 2px; width: 12px; height: 12px; }
.zc-index-case-info { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 210px; }
.zc-index-case-info span { display: block; width: 50px; height: 0; border-bottom: #f4bd3e solid 5px; margin-bottom: 10px; }
.zc-index-case-info h3 { margin: 0 0 10px; color: #fffefe; }
.zc-index-case-info p { margin: 0; }
.zc-index-case-info::after { content: ''; display: block; position: absolute; left: -10%; top: -23%; width: 53%; height: 140%; border: #535353 solid 1px; z-index: -1; }
.zc-index-case-info .iconfont { position: absolute; right: 0; bottom: 0; font-size: 18px; color: #f4bd3e; }
.zc-index-news { padding: 120px 0; background: url("img/news-bg.jpg") center center no-repeat; }
.zc-index-news .news-header { margin-bottom: 30px; }
.zc-index-news .news-header h3 { margin: 0; float: left; }
.zc-index-news .news-header h3 span { font-size: 16px; color: #c3c3c3; }
.zc-index-news .news-header .classification { float: right; }
.zc-index-news .news-header .classification span:nth-child(2) { margin: 0 15px; }
.zc-index-news .news-header .classification span.on { color: #f4bd3e; }
.zc-index-news .new-list .item { display: none; }
.zc-index-news .new-list .item.on { display: block; }
.zc-index-news .new-list li { border-bottom: #535353 solid 1px; }
.zc-index-news .new-list li a { display: block; padding: 30px 40px; border: transparent solid 3px; transition: all ease .5s; }
.zc-index-news .new-list li a:hover { border: #f4bd3e solid 3px; }
.zc-index-news .new-list li img { float: left; height: 90px; width: auto; margin-left: 3%; }
.zc-index-news .new-list li .text { height: 90px; float: left; width: 64%; margin-left: 5%; border-right: #7d7d7d solid 1px; }
.zc-index-news .new-list li .text .p1 { font-size: 20px; line-height: 50px; margin: 0; color: #f2cb62; }
.zc-index-news .new-list li .text .p2 { font-size: 15px; color: #b9b8b8; margin: 0; padding-right: 20px; }
.zc-index-news .new-list li .time { float: left; font-size: 36px; line-height: 90px; margin-left: 5%; }
.zc-index-partner { padding: 120px 0; background-color: #292828; }
.zc-index-partner h3 { margin: 0 0 36px; }
.zc-index-partner h3 span { font-size: 16px; color: #c3c3c3; }
.zc-index-partner .box { width: 1080px; height: 539px; margin: 0 auto; background: url("img/hezuo-bg.png") left top no-repeat; font-size: 0; line-height: 0; transform: scale(0.9); }
.zc-index-partner .box .u1 { padding-top: 110px; }
.zc-index-partner .box .u2 { padding: 55px 135px 0; }
.zc-index-partner .box li { width: 25%; display: inline-block; vertical-align: middle; text-align: center; }
.zc-index-partner .box li img { transition: all ease .5s; opacity: 1; }
.zc-index-partner .box li img:hover { transform: scale(1.2); opacity: 1; }
.zc-index-partner .box .u2 li { width: 33.333%; }
.zc-index-partner .box .u3 { padding-top: 58px; }
.zc-index-mark { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 900; background-color: rgba(0, 0, 0, 0.5); display: none; }
.zc-index-mark .box { width: 100%; max-width: 1200px; margin: 120px auto 0; background-color: #595959; padding: 45px 150px; border-radius: 10px; position: relative; }
.zc-index-mark .box span { position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; }
.zc-index-mark .box .t { font-size: 22px; margin-bottom: 10px; }
.zc-index-mark .box .b { font-size: 14px; color: #bbb; margin-bottom: 22px; }
.zc-index-mark .box .c { font-size: 14px; color: #bbb; line-height: 30px; margin-bottom: 40px; }
.zc-pulic-from { height: 80px; background-color: #313131; }
.zc-pulic-from-fix { height: 80px; background-color: #313131; text-align: center; padding-top: 24px; position: fixed; left: 0; bottom: 0; width: 100%; /*z-index: 1000;*/
z-index: 10; }
.zc-pulic-from-fix.on { position: static; }
.zc-pulic-from-fix span { display: inline-block; vertical-align: middle; margin: 0 20px; }
.zc-pulic-from-fix .zc-input { width: 150px; display: inline-block; vertical-align: middle; background-color: #3e3e3e; border: none; color: #ffffff; }
.zc-pulic-from-fix .zc-button { background-color: #f2cb62; color: #000000; margin: 0 20px; }
.zc-pulic-footer { background-color: #141414; padding: 80px 0; }
.zc-pulic-footer .zc-ful { margin-bottom: 20px; }
.zc-pulic-footer .zc-ful li { display: inline-block; padding: 0 15px; border-right: #ffffff solid 1px; }
.zc-pulic-footer .zc-ful li:first-child { padding-left: 0; }
.zc-pulic-footer .zc-ful li:last-child { border-right: none; }
.zc-pulic-footer p, .zc-pulic-footer .z1 { font-size: 16px; margin: 0 0 8px; }
.zc-pulic-footer address { font-size: 15px; margin: 0; }
.zc-pulic-footer .zc-right { text-align: right; }
.zc-pulic-footer .zc-right .zc { display: inline-block; vertical-align: middle; font-size: 15px; }
.zc-pulic-footer .zc-right .zc:first-child { padding-right: 20px; }
.zc-pulic-footer .zc-right .zc .tel { font-size: 24px; }
.zc-pulic-footer .zc-right .sys { /*padding: 10px 32px 0 0;*/
padding: 10px 0 0 0; }
.zc-list-banner img { width: 100%; height: auto; }

/**************/

.zc-case-type { border: #f4bd3e solid 3px; padding: 30px 0; }
.zc-case-type .d { position: relative; padding-left: 130px; }
.zc-case-type .z1 { position: absolute; left: 0; top: 0; width: 130px; text-align: center; }
.zc-case-type .z2 a { display: inline-block; padding: 0 30px; border-right: #626262 solid 1px; }
.zc-case-type .z2 a:first-child { padding-left: 0; }
.zc-case-type .z2 a:last-child { border-right: none; }
.zc-case-type .z2 a.on { color: #f4bd3e; }
.zc-case-list li { text-align: center; margin-bottom: 30px; }
.zc-case-list li a:hover .text { background-color: #a58e4f; }
.zc-case-list li .img { position: relative; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.zc-case-list li .img::before { content: ''; display: block; padding-top: 79.55%; }
.zc-case-list li .text { background-color: #434343; padding: 20px; transition: all ease .5s; }
.zc-case-list li .text p { margin: 0 0 8px; }
.zc-case-list li .text span { font-size: 12px; }
.zc-show-case .title { padding-left: 40px; position: relative; margin-bottom: 30px; }
.zc-show-case .title::before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 5px; background-color: #f4bd3e; }
.zc-show-case .title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 5px; height: 50px; background-color: #f4bd3e; }
.zc-show-case .title h1 { font-size: 20px; margin: 0 0 20px; color: #f4bd3e; }
.zc-show-case .title .d { font-size: 13px; color: #999; }
.zc-show-case-content strong { color: #bbb!important; }
.zc-show-case-content a { color: #bbb!important; }
.zc-show-case-content { color: #bbb!important; }
.zc-show-case-content p { color: #bbb!important; }
.zc-show-case-content img { max-width: 100% !important; }
.zc-service-flow { background-color: #121212; padding: 85px 0; text-align: center; }
.zc-service-flow h3 { margin: 0 0 20px; }
.zc-service-flow .p1 { font-size: 15px; }
.zc-service-flow .box { display: inline-block; max-width: 335px; width: 100%; padding: 40px 0; transition: all ease .5s; }
.zc-service-flow .box:hover { }
.zc-service-flow .box span { font-size: 64px; line-height: 1; }
.zc-service-flow .box h4 { margin: 15px 0; color: #FFC107; }
.zc-service-flow .box h4::after { content: ''; display: block; width: 40px; height: 0; border-bottom: #FFC107 solid 2px; margin: 10px auto 0; }
.zc-service-flow .box p { font-size: 14px; line-height: 1.8; margin: 0; color: #FFC107; }
.zc-service-qd { background-color: #242424; padding: 85px 0; }
.zc-service-qd h3 { margin: 0 0 20px; text-align: center; }
.zc-service-qd .p1 { font-size: 15px; text-align: center; }
.zc-service-qd .box { padding: 0 0 15px 15px; }
.zc-service-qd .box .b { position: relative; }
.zc-service-qd .box .b::before { content: ''; display: block; padding-top: 118.64%; background-color: #a58e4f; position: relative; }
.zc-service-qd .box .b .dt { position: absolute; left: -15px; top: 15px; width: 100%; height: 100%; overflow: hidden; }
.zc-service-qd .box .b .dt img { position: absolute; left: 0; top: 0; width: 100%; transition: all ease .5s; }
.zc-service-qd .box .b .dt:hover img { transform: scale(1.2); }
.zc-service-qd .box .b .dt::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }
.zc-service-qd .box .b .text { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; z-index: 10; }
.zc-service-qd .box .text h4 { line-height: 1.5; font-size: 20px; margin: 0 0 15px; }
.zc-service-qd .box .text h4::after { content: ''; display: block; width: 40px; margin: 12px auto 0; height: 0; border-bottom: #ffffff solid 3px; }
.zc-service-qd .box .text .p1 { font-size: 15px; margin-bottom: 20px; }
.zc-service-qd .box .text .p2 { font-size: 12px; margin: 0; line-height: 2; }
.zc-about-dec .box { padding: 70px 0 70px 80px; position: relative; }
.zc-about-dec .box::after { content: ''; display: block; width: 50%; height: 100%; border: #535353 solid 1px; position: absolute; left: 0; top: 0; z-index: -1; }
.zc-about-dec .box h2 { color: #caaa57; font-weight: normal; letter-spacing: 3px; margin: 0 0 50px; }
.zc-about-dec .img { position: relative; width: 100%; max-width: 420px; margin: 18% auto 0; transform: translateX(15px); }
.zc-about-dec .img::before { content: ''; display: block; padding-top: 45.35%; background-color: #c9aa56; }
.zc-about-dec .img img { position: absolute; left: -15px; top: 15px; width: 100%; }
/********************************/
.zc-about-wh { padding: 120px 0; background-color: #242424; }
.zc-about-wh .box { width: 100%; max-width: 410px; margin: 0 auto; }
.zc-about-wh .box:hover .text { background-color: #a58e4f; color: #000000; }
.zc-about-wh .box img { width: 100%; }
.zc-about-wh .box .text { background-color: #313131; padding: 35px; width: 90%; position: relative; margin-top: -80px; min-height: 241px; transition: all ease .5s; }
.zc-about-wh .box .text h3 { margin: 0 0 20px; }
.zc-about-wh .box .text p { font-size: 13px; line-height: 1.8; }
.zc-news-list { background: none; background-color: #242424; padding: 50px 0 100px; }
.zc-news-list .header { font-size: 16px; margin-bottom: 50px; }
.zc-news-list .header a.on { color: #f4bd3e; }
.zc-news-list .header span { margin: 0 15px; }
.zc-contect-info .box { border-top: #626262 solid 2px; border-bottom: #626262 solid 2px; padding: 20px 0; }
.zc-contect-info .item { float: left; }
.zc-contect-info .item1 { width: 40%; }
.zc-contect-info .item2 { width: 30%; }
.zc-contect-info .item3 { width: 30%; }
.zc-contect-info .item .iconfont { font-size: 40px; display: inline-block; vertical-align: middle; color: #f4bd3e; }
.zc-contect-info .item .text { display: inline-block; vertical-align: middle; width: 100%; max-width: 70%; border-left: #626262 solid 1px; margin-left: 10px; padding: 5px 0 5px 20px; }
.zc-contect-info .item .text p { color: #bababa; margin: 5px 0 0; }
.zc-contact-from .form-group { position: relative; }
.zc-contact-from .form-group label { position: absolute; left: 12px; top: 10px; color: #9a9a9a; }
.zc-contact-from .form-control { background-color: #242424; color: #ffffff; border-radius: 0; border: #686868 solid 2px; height: 40px; padding-left: 85px; }
.zc-contact-from textarea.form-control { height: auto; }
.zc-contact-from .zc-btm { height: 50px; width: 200px; background-color: #f2cb62; border: none; color: #000000; }
.zc-list-page { text-align: center; }
.zc-list-page a { border: #f4bd3e solid 1px; display: inline-block; vertical-align: middle; padding: 3px 10px; color: #f4bd3e; }
.zc-list-page a.a1 { border: none; }
.zc-list-page span { display: inline-block; vertical-align: middle; padding: 3px 10px; }
.zc-pulic-jiaotan { position: fixed; top: 50%; right: -160px; width: 160px; background-color: #9f7925; text-align: center; transition: all ease .5s; transform: translate(0, -50%); padding-top: 10px; z-index: 1000; }
.zc-pulic-jiaotan .zc-close { font-size: 26px; }
.zc-pulic-jiaotan .telbox { width: 128px; height: auto; overflow: hidden; margin: 18px auto; }
.zc-pulic-jiaotan .telbox h6 { font-size: 17px; color: #fff; line-height: 23px; text-align: center; margin: 0 0 20px; }
.zc-pulic-jiaotan .telbox .name { display: block; width: 100%; height: auto; overflow: hidden; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #666; margin-bottom: 3px; background-color: #fff; transition: 0.3s; }
.zc-pulic-jiaotan .telbox .name:hover { color: #f4bd3e; }
.zc-pulic-jiaotan .tc_i { width: 1px; height: 22px; background-color: #eaeaea; margin: -6px auto 10px; display: inline-block; }
.zc-pulic-jiaotan .tc_p { font-size: 14px; color: #fff; text-align: center; padding-bottom: 10px; }
.zc-pulic-jiaotan .input { font-size: 12px; padding-left: 15px; border: 1px solid #fff; width: 126px; background-color: #fff; height: 32px; line-height: 32px; color: #666; }
.zc-pulic-jiaotan .submit { font-size: 14px; margin-bottom: 20px; margin-top: 3px; width: 126px; height: 32px; line-height: 30px; border: 1px solid #fff; color: #fff; background: none; }
.zc-pulic-jiaotan .zc-open { display: block; position: absolute; left: -40px; top: 0; width: 40px; transition: all ease .5s; }
.zc-pulic-jiaotan.on { right: 0; }
.zc-pulic-jiaotan.on .zc-open { opacity: 0; transform: translate3d(100%, 0, 0); }
.d-flex { display: flex; align-items: center; }
.d-flex span { margin-left: 20px; color: #fff !important; }
/**************/

/*悬浮链接*/
.suspension h1, .suspension h2, .suspension h3, .suspension h4, .suspension h5, .suspension h6 { font-weight: 400; }
.suspensionli { list-style: none; }
.suspension img { vertical-align: top; }
.suspension a, .suspension button { cursor: pointer; }
.suspension a { color: #333; outline: none; text-decoration: none; }
.suspension a:focus { color: #333; outline: none; -moz-outline: none; }
/*common*/
.suspension a:hover { color: #fc8080; text-decoration: none; }
.suspension a:-webkit-any-link {
text-decoration:none;
}
.suspension .container { width: 1200px; margin: 0 auto; padding: 0; }
.suspension .container:after { content: ""; display: block; clear: both; }
.suspension .clearfix:after { content: ""; display: block; clear: both; }
.suspension .fl { float: left; }
.suspension .fr { float: right; }
.suspension .tl { text-align: left; }
.suspension .tr { text-align: right; }
.suspension .tc { text-align: center; }
.suspension .color-white { color: white!important; }
.suspension .red { color: #fc8080!important; }
.suspension .fz12 { font-size: 12px; }
.suspension .fz14 { font-size: 14px; }
.suspension .wfs { width: 100%; position: relative; }
.suspension .p_r { position: relative; }
.suspension { position: fixed; z-index: 55; right: 0; bottom: 180px; width: 70px; height: 240px; color: #333 }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #353535; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #F05352; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(img/side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(img/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(img/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); z-index: 2000 }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(img/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; z-index: 2000 }
.suspension .d-service { top: 0; }
.suspension .d-service-phone { top: 0; width: 240px; background-color: #434343; border: unset; }
.suspension .d-qrcode { top: 45px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item {/*border-bottom:1px solid #eee;*/ padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(img/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(img/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-service-intro { padding-top: 10px; }
.suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.suspension .d-service-intro i { background: url(img/side_con_icon02.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }

/**************/
p.sub-menu2{ display:none; position:absolute; padding:0; margin:0; width:120px;background-color: #0000004f;
    margin: 0 -45px;
}
.zc-header-nav li.Lev1{    position:relative}
.zc-header-nav li.Lev1:hover .sub-menu2{ display:block}
.sub-menu2 a{ line-height:35px; padding:0; margin:0; margin: 0 30px; height:35px; display:block}
.sub-menu2 a:hover{ color:#f4bd3e}