@charset "utf-8";
/* common */
*{ margin:0; padding:0; font-family:"微软雅黑"; font-size:16px;}
li{ list-style:none}
a{ text-decoration:none;}
img{ border:0}

/*header*/
.header{ text-align:center; background-color:#000; padding:10px 0px; position:relative; z-index:1000;}
.header .header-logo{ height:40px;}
.header-menu-icon{ float:right; width:30px; height:30px; position:absolute; right:10px; top:20px;}
.header-menu-icon i{ position:absolute; border:0; border-bottom:3px solid #FFF; width:100%; top:0; left:0;}
.header-menu-icon i.i1{ top:10px;}
.header-menu-icon i.i2{ top:20px;}


.mfp-menu{ position:absolute; background-color:#0C0; width:100%; top:0; padding-bottom:50px; z-index:998; background-color:#000; display:none;}
.mfp-menu .main{ padding:0 50px; padding-top:64px;}
.mfp-menu .main li{ border-bottom:1px solid #666; line-height:50px;}
.mfp-menu .main li a{ color:#fff;}

.zt-menu1 ul{ overflow:hidden; width:200px; margin:0 auto; }
.zt-menu1 li{ float:left; line-height:40px; overflow:hidden; text-align:center;}
.zt-menu1 li img{ height:40px; float:left; margin-right:10px;}
.zt-menu1 li a{ color:#333;}

.zt-menu2 ul{ overflow:hidden; padding-top:15px; width:320px; margin:0 auto;}
.zt-menu2 ul li{ float:left; background-color:#333; width:101px; text-align:center; margin-left:2px; margin-right:3px; margin-top:5px; padding:15px 0;}
.zt-menu2 ul li a{ color:#ccc; font-size:14px;}

.footer{ background-color:#333; margin-top:30px; margin-bottom:50px;}
.footer .top{ color:#CCC; text-align:center; padding:8px 0;}
.footer .top a{ color:#ccc; font-size:20px;}
.footer .top span{ font-size:20px;}
.footer .mid{ color:#ccc; text-align:center;}
.footer .mid a{ color:#ccc; font-size:14px;}
.footer .mid2{ color:#ccc; text-align:center; font-size:14px;}
.footer .bottom{ color:#ccc; text-align:center; font-size:14px; padding-bottom:20px;}

/* 联系方式 底部 */
.zt-contact-way{ background-color:#056da2; height:50px; position:fixed; z-index:99; left:0; bottom:0; width:100%;}
.zt-contact-way div{ width:50%; float:left; height:50px; position:relative;}
.zt-contact-way .zcw{ background:url(../wap/img/201709191004001.png) no-repeat top; background-size:auto 25px; background-position:center 3px;}
.zt-contact-way .zcw-2{ background-image:url(../wap/img/201709191004003.png);}
.zt-contact-way div a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.zt-contact-way div a span{ position:absolute; width:100%; bottom:3px; text-align:center; color:#FFF; font-size:14px;}

/* 宣传片专题页 *********************************************************************/
/* common */
.com-more{ width:30px; height:30px; margin:0 auto; border:1px solid #ccc; border-radius:30px; position:relative;}
.com-more a{ position:absolute; width:100%; height:100%;}
.com-more i{ position:absolute; width:20px; border:0; border-bottom:3px solid #888; top:14px; left:5px;}
.com-more i.i1{ transform:rotate(90deg);}

/* banner */
.zt-banner{ overflow:hidden;}
.zt-banner img{ width:100%; float:left;}

/* 介绍 */
.zt-about{ padding:30px 0; background:url(../wap/img/201709151543001.jpg) no-repeat bottom; background-size:100% auto; background-color:#c0d4db; padding-bottom:50px;}
.zt-about h2{ text-align:center; font-size:20px;}
.zt-about .about-info{ font-size:14px; text-align:center; color:#666; padding:0 10px; padding-top:10px;}
.zt-about ul{ overflow:hidden; width:260px; margin:0 auto;}
.zt-about ul li{ width:125px; float:left; padding-top:20px;}
.zt-about ul li.right{ float:right;}
.zt-about ul li div{ width:110px; height:110px; background:url(../wap/img/201709151553001.png) center no-repeat; background-size:60% 60%; margin:0 auto; border:1px solid #ccc; border-radius:110px; background-color:#FFF; }
.zt-about ul li.l1 div{ background-image:url(../wap/img/201709151553002.png);}
.zt-about ul li.l2 div{ background-image:url(../wap/img/201709151553003.png);}
.zt-about ul li.l3 div{ background-image:url(../wap/img/201709151553004.png);}
.zt-about ul li h3{ text-align:center; font-size:18px; font-weight:400; line-height:30px;}
.zt-about ul li p{ font-size:12px; color:#666; line-height:20px;}

/* 业务介绍 */
.zt-service{ position:relative; overflow:hidden; top:-28px;}
.zt-service img{ float:left; width:100%;}

/* 案例 */
.zt-case{ background-color:#FFF;}
.zt-case h2{ text-align:center; font-weight:400; font-size:24px;}
.zt-case .info{ color:#666; padding:10px 10px; font-size:14px;}
.zt-case ul{ overflow:hidden; margin:0 auto; width:320px;}
.zt-case ul li{ float:left; width:50%; position:relative; margin-bottom:15px;}
.zt-case ul li div{ width:100%; height:114px; overflow:hidden}
.zt-case ul li img{ width:100%; height:100%; float:left}
.zt-case ul li h3{ font-weight:400; font-size:16px; text-align:center; line-height:30px;}
.zt-case ul li h3 a{ font-size:14px; color:#333;}

/* 新闻 */
.zt-news{ background-color:#fff; padding:30px 0;}
.zt-news h2{ text-align:center; font-weight:400; font-size:24px;}
.zt-news .kouhao{ text-align:center; font-size:14px; color:#666; padding:15px 0;}
.zt-news ul{ padding-bottom:20px;}
.zt-news li{ padding:0 10px; position:relative;}
.zt-news li.first img{ width:100%;}
.zt-news li.first h3{ font-weight:800;}
.zt-news li.first h3 a{ color:#333;}
.zt-news li.first p{ color:#666; font-size:14px; padding-bottom:20px; padding-top:10px; border-bottom:1px solid #ccc;}
.zt-news li.other{ padding:3px 10px;}
.zt-news li.other span{ float:right; color:#666; font-size:14px;}
.zt-news li.other a{ font-size:14px; color:#333;}

/* 签约客户 */
.zt-sign{ background-color:#fff; padding:30px 0;}
.zt-sign h2{ text-align:center; font-size:24px;  font-weight:400;}
.zt-sign ul{ overflow:hidden; padding-top:20px; margin:0 auto; width:320px;}
.zt-sign li{ float:left;overflow:hidden; width:101px; margin-left:3px; margin-right:2px; margin-bottom:5px; height:101px;}
.zt-sign li img{ width:100%; float:left; height:100%;}