.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.icons-zt { display: block; background: url(../images/Inpage/icons-zt.png) no-repeat; }
.zt-banner-box { width: 100%; height: 800px; background-repeat: no-repeat; background-position: center top;}
.zt-banner-cont { padding-top: 380px; color: #fff; }
.zt-banner-cont h1 { font-weight: 400; font-size: 36px; }
.zt-banner-cont span { display: block; font-size: 18px; padding: 28px 0 38px; }
.zt-banner-cont .y-ewm-img{display:none;position:absolute;left:180px;}
.zt-abtn { display: block; width: 175px; height: 50px; line-height: 50px; text-align: center; background-color: #00ccc5; color: #fff; font-size: 18px;float: left;margin-right: 20px; }
.zt-abtn:hover { background-color: #333; }

.zt-title { width: 100%; text-align: center; color: #333; padding: 50px 0 30px; }
.zt-title h2 { font-weight: 400; font-size: 36px; }
.zt-title em { display: block; font-size: 14px; color: #999; padding: 5px 0 20px; position: relative;}
.zt-title em:before,
.zt-title em:after { content: ''; display: block; width: 24px; height: 1px; position: absolute; bottom: 0; left: 50%; }
.zt-title em:before { margin-left: -28px; background-color: #666; }
.zt-title em:after { margin-left: 4px; background-color: #0086f1; }
.zt-page02-wrap { width: 100%; padding-bottom: 45px; background: url(../images/Inpage/zt_p2_bg.jpg) repeat; }
.zt-page02-cont .top-part { width: 1200px; height: 127px; background: url(../images/Inpage/zt_ques_ttbg.png) no-repeat; color: #fff;} 
.zt-page02-cont .top-part>div { width: 50%; padding-left: 60px; padding-top: 36px; box-sizing: border-box; }
.zt-page02-cont .top-part span { display: block; font-size: 30px; padding-bottom: 2px; }
.zt-page02-cont .top-part em { font-size: 14px; }
.zt-page02-cont .ques-list { background-color: #fff; padding: 60px 0; }
.zt-page02-cont .ques-list>div { padding: 0 60px; position: relative;}
.zt-page02-cont .ques-list ul { width: 478px; border: solid 1px #dedede;}
.zt-page02-cont .ques-list ul li { height: 70px; line-height: 70px; font-size: 18px; padding-left: 58px; color: #333; position: relative; border-top: solid 1px #dedede; }
.zt-page02-cont .ques-list ul li:first-child { border-top: none 0; }
.zt-page02-cont .ques-list .before strong { color: #0089f1; }
.zt-page02-cont .ques-list .after strong { color: #00c6c9; }
.zt-page02-cont .ques-list li i { position: absolute; left: 18px; top: 50%; }
.zt-page02-cont .before li .icon01 { width: 23px; height: 23px; margin-top: -11.5px; background-position: -5px -5px; }
.zt-page02-cont .before li .icon02 { width: 22px; height: 22px; margin-top: -11px; background-position: -40px -5px; }
.zt-page02-cont .before li .icon03 { width: 25px; height: 25px; margin-top: -12.5px; background-position: -75px -5px; }
.zt-page02-cont .before li .icon04 { width: 19px; height: 22px; margin-top: -11px; background-position: -110px -5px; left: 22px;}
.zt-page02-cont .after li .icon01 { width: 25px; height: 23px; margin-top: -11.5px; background-position: -5px -40px; }
.zt-page02-cont .after li .icon02 { width: 23px; height: 23px; margin-top: -11.5px; background-position: -40px -40px; }
.zt-page02-cont .after li .icon03 { width: 23px; height: 23px; margin-top: -11.5px; background-position: -75px -40px; }
.zt-page02-cont .after li .icon04 { width: 21px; height: 23px; margin-top: -11.5px; background-position: -110px -40px; left: 21px;}
.zt-page02-cont .after:before { content: ''; display: block; width: 1px; height: 100%; background-color: #dedede; position: absolute; left: 0; top: 0;  z-index: 2; }
.zt-page02-cont .btm-txts { font-size: 24px; color: #333; padding-top: 35px; text-align: center; }

.zt-page03-wrap { background-color: #fff; padding-bottom: 60px; border-bottom: solid 1px #dedede; }
.zt-page03-cont { margin-top: 15px; position: relative; }
.zt-page03-cont .y-ewm-img{position: absolute;bottom: -97px;left: 50%;margin-left: 100px;display:none;}
.zt-page03-cont .zt-page03-img { width: 516px; height: 486px; background: url(../images/Inpage/zt_erp_img.jpg) no-repeat; margin: 0 auto; position: relative; z-index: 1; }
.zt-page03-cont .item { width: 325px; text-align: center; position: absolute; z-index: 2;}
.zt-page03-cont .item01 { left: 0; top: 0; }
.zt-page03-cont .item02 { right: 0; top: 0; }
.zt-page03-cont .item03 { left: 0; top: 280px; }
.zt-page03-cont .item04 { right: 0; top: 280px; }
.zt-page03-cont .item span { display: block; width: 72px; height: 72px; background-color: #f1f1f1; border-radius: 50%; margin: 0 auto; }
.zt-page03-cont .item span i { margin: 0 auto; position: relative; }
.zt-page03-cont .item h3 { font-weight: 400; font-size: 24px; color: #333; padding: 20px 0 10px;}
.zt-page03-cont .item p { font-size: 14px; color: #666; line-height: 24px; }
.zt-page03-cont .item01 i { width: 37px; height: 37px; top: 17.5px; background-position: -5px -70px; }
.zt-page03-cont .item02 i { width: 43px; height: 37px; top: 17.5px; background-position: -50px -70px; }
.zt-page03-cont .item03 i { width: 33px; height: 37px; top: 17.5px; background-position: -110px -70px; }
.zt-page03-cont .item04 i { width: 29px; height: 37px; top: 17.5px; background-position: -150px -70px; }
.zt-abtn01 { display: block; width: 184px; height: 45px; line-height: 45px; text-align: center;  font-size: 18px; color: #fff; margin: 0 auto;background-color: #008dec;
    background-image: -webkit-linear-gradient(left,#008aee,#00c5ca);border-radius:23px;}
.zt-page03-cont .zt-abtn01 { margin-top: 45px; }

.zt-page04-wrap { background-color: #fff;}

.zt-page05-wrap { background-color: #26315b; padding-bottom: 70px; }
.zt-page05-wrap .zt-title, .zt-page05-wrap .zt-title em { color: #fff; }
.zt-page05-nav { text-align: center; font-size: 16px; color: #fff; }
.zt-page05-nav span { display: inline-block; width: 177px; height: 55px; line-height: 55px; cursor: pointer; }
.zt-page05-nav span.cur, .zt-page05-nav span:hover { background: url(../images/Inpage/zt_a_bg02.png) no-repeat; }
.zt-page05-list { width: 1220px; height: 457px; margin-left: -10px; margin-top: 20px; position: relative;}
.zt-page05-list>div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.zt-page05-list>div:not(:first-child) { display: none; }

.zt-page06-wrap { background-color: #fff; padding-bottom: 60px; }
.zt-page06-cont { margin-top: 30px; }
.zt-page06-cont ul li { width: 400px; text-align: center; margin-bottom: 80px; position: relative;}
.zt-page06-cont ul li h3 { font-weight: 400; font-size: 24px; color: #333; padding: 15px 0 6px; }
.zt-page06-cont ul li span { display: block; color: #666; font-size: 16px; }
.zt-page06-cont ul li i { width: 61px; height: 66px; margin: 0 auto; }
.zt-page06-cont .li01 i { background-position: -5px -115px;} 
.zt-page06-cont .li02 i { background-position: -75px -115px;} 
.zt-page06-cont .li03 i { background-position: -5px -185px;} 
.zt-page06-cont .li04 i { background-position: -75px -185px;} 
.zt-page06-cont .li05 i { background-position: -5px -255px;} 
.zt-page06-cont .li06 i { background-position: -75px -255px;} 
.zt-page06-cont .li02,
.zt-page06-cont .li05 { width: 398px; border-left: solid 1px #d5d5d5; border-right: solid 1px #d5d5d5; }
.zt-page06-cont>p { font-size: 24px; color: #333; text-align: center; margin-bottom: 26px; }
.zt-page06-cont .li01:after,
.zt-page06-cont .li02:after,
.zt-page06-cont .li03:after { content: ''; display: block; width: 62px; height: 1px; background-color: #d5d5d5; position: absolute; bottom: -40px; left: 50%; margin-left: -31px;}

.zt-page07-wrap { background-color: #f6f8fa; padding-bottom: 60px; }
.zt-page07-cont ul li { float: left; width: 210px; margin: 0 15px; text-align: center; margin-top: 20px;}
.zt-page07-cont ul li .img-box { display: block; width: 100%; height: 104px; overflow: hidden; }
.zt-page07-cont ul li .img-box img { display: block; width: 100%; height: auto; }
.zt-page07-cont ul li:hover img { 
  -webkit-transform:scale(1.05); 
  -moz-transform:scale(1.05); 
  -ms-transform:scale(1.05); 
  transform:scale(1.05); 
}
.zt-page07-cont ul li p { font-size: 16px; color: #666; padding:10px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }

.zt-btm-cont { width: 100%; height: 150px; background: url(../images/Inpage/zt_btm_bg.jpg) no-repeat;}
.zt-btm-cont>div { position: relative; }
.zt-btm-cont strong { font-size: 36px; color: #fff; line-height: 150px; }
.zt-btm-cont a {position: absolute; right: 0; top: 50%; margin-top: -25px;}

.zt-abtn,
.zt-page07-cont .img-box img {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}


/*Pengjin 2019-7-10*/

/* --function-- */
.function{overflow:hidden;}
.function-menu{overflow:hidden;background:#fff;}
.function-menu ul{margin:0 auto;width:1200px;overflow:hidden;}
.function-menu li{position:relative;float:left;width:16.66%;height:156px;text-align:center;}
.function-menu li:after{display:block;position:absolute;left:20%;bottom:0;width:0;height:4px;content:"";background:#00ccc5;transition:all ease 0.3s;}
.function-menu li .icon{display:block;margin:0 auto 16px;width:88px;height:88px;background:url(../images/Inpage/product_icon.png) no-repeat;}
.function-menu li .name{font-size: 16px;line-height:24px;color:#212121;transition:all ease 0.3s;}
.function-menu li.cur:after{width:60%;}
.function-menu li.cur .name{color:#00ccc5;}

.function-menu li .icon-1{background-position:0 -440px;}
.function-menu li .icon-2{background-position:0px -792px;}
.function-menu li .icon-3{background-position:0px -968px;}
.function-menu li .icon-4{background-position:0px -264px;}
.function-menu li .icon-5{background-position:0px -616px;}
.function-menu li .icon-6{background-position:0 0;}
.function-menu li.cur .icon-1{background-position:0px -352px;}
.function-menu li.cur .icon-2{background-position:0px -704px;}
.function-menu li.cur .icon-3{background-position:0px -880px;}
.function-menu li.cur .icon-4{background-position:0px -176px;}
.function-menu li.cur .icon-5{background-position:0px -528px;}
.function-menu li.cur .icon-6{background-position:0px -88px;}

.function-main{overflow:hidden;background:#f2f5f7;}
.function-list{margin:0 auto;width:1200px;}
.function-list .item{position:relative;width:1200px;height:560px;}
.function-list .text{float:left;padding-top:128px;overflow:hidden;}
.function-list .text h3{font-size:30px;font-weight:400;line-height:48px;color:#212121;}
.function-list .text ul{margin-top:16px;list-style-type:decimal;font-size:16px;line-height: 32px;color:#666;}
.function-list .text .btnBox{margin-top: 40px;}
.function-list .text .btnBox a{display:inline-block;height:40px;line-height:40px;width:128px;font-size:16px;border-radius:2px;text-align:center;margin-right:32px;border-radius:1px;}
.function-list .text .btnBox a.btn01{color:#fff;border: 1px solid rgba(255, 255, 255, 0.5);background-color:#00ccc5;}
.function-list .text .btnBox a.btn02{color:#212121;border: 1px solid #999;}
.function-list .text .btnBox a:hover{color:#fff;background:#319cf2;border-color:#319cf2;}
.function-list .pic{position:absolute;right:30px;top:40px;width:520px;height:480px;overflow:hidden;}
.function-list .pic img{display:block;width:520px;height:480px;}
/* --end function-- */

/* --process-- */
.process{padding:70px 2%;height:606px;overflow:hidden;background:url(../images/Index/process_bg1.jpg) no-repeat center 0,url(../images/Index/process_bg2.jpg) no-repeat center 400px;}
.process .inner{padding: 45px 0 45px;height:375px;overflow:hidden;background:#fff;border-radius:5px;}
.process-list{width:1315px;/* overflow:hidden; */margin: 20px 0;}
.process-list .item{float:left;margin-right: 25px;width: 162px;height: 157px;text-align:center;background: url(/images/Index/process_bg.png) no-repeat;transition: all .3s;}
.process-list .item:last-child(margin-right:0)
.process-list i{display:block;width:72px;height:72px;}
.process-list i img{display:block;width:72px;margin: 28px 0 0 47px;}
.process-list p{height:25px;line-height:25px;font-size: 18px;color:#666;font-weight: bold;text-align: center;color: #fff;}
.process-list .item:hover {margin-top:-10px}
.indexForm{margin-top:40px;}
.indexForm .tit{position:relative;height:52px;line-height:52px;}
.indexForm .tit:after{position:absolute;z-index:1;top:50%;left:-10%;display:block;width:120%;height:1px;content:"";background-color:#ddd;background-image:-webkit-radial-gradient(center,#ddd,#fff);}
.indexForm .tit span{position:relative;z-index:3;display:block;margin:0 auto;width:322px;height:52px;line-height:52px;text-align:center;color:#fff;font-size:16px;background-color:#008dec;background-image:-webkit-linear-gradient(left,#008aee,#00c5ca);border-radius:30px;box-shadow:5px 5px 20px rgba(0,141,236,0.3);}
.indexForm ul{margin-top:45px;height:58px;line-height:58px;border:#ddd solid 1px;background:#fff;border-radius:30px;}
.indexForm li{float:left;}
.indexForm li input{display:block;height:58px;border:none;font-size:13px;background:transparent;}
.indexForm li input::-webkit-input-placeholder{color:#999;}
.indexForm li .userName{padding:0 24px 0 30px;width:220px;border-right:#ddd solid 1px;}
.indexForm li .userPhone{padding:0 24px;width:220px;border-right:#ddd solid 1px;}
.indexForm li .userTxt{padding:0 24px;width:470px;}
.indexForm li .submit{display:block;float:right;width:136px;height:58px;font-size:14px;color:#fff;text-align:center;border-radius:30px;background-color:#008dec;background-image:-webkit-linear-gradient(left,#008aee,#00c5ca);box-shadow:0 0 20px rgba(0,141,236,0.45);}
.indexForm li .submit:hover{background-image:-webkit-linear-gradient(right,#008aee,#00c5ca);}
/* --end process-- */

/* --support-- */
.support{padding:70px 0;overflow:hidden;background:#fff;}
.support-list{width:1220px;}
.support-list .item{float:left;margin-right:20px;width:283px;height:340px;border:#ddd solid 1px;border-radius:5px;overflow:hidden;transition:all 1s;}
.support-list .con{padding:48px 48px 0 38px;overflow:hidden;}
.support-list .con img{display:block;width:65px;height:65px;}
.support-list .con span{display:block;margin-top:26px;height:26px;line-height:26px;font-size:16px;color:#181818;}
.support-list .con p{margin-top:10px;height:60px;line-height:20px;font-size:14px;color:#999;overflow:hidden;}
.support-list .con em{display:inline-block;margin-top:12px;height:24px;line-height:24px;font-size:14px;color:#999;border-bottom:#333 solid 2px;}
.support-list .item:hover{transform:translateY(-20px);background-color:#008dec;background-image:-webkit-linear-gradient(top,#008aee,#00c5ca);box-shadow:0 0 20px rgba(0,141,236,0.45);}
.support-list .item:hover *{color:#fff;border-color:#fff;}
.support .btnBox{padding-top:26px;clear:both;overflow:hidden;}
.support .btnBox a{display:block;margin:10px auto;width:245px;height:52px;line-height:52px;font-size:14px;color:#fff;text-indent:42px;border-radius:30px;background:url(../images/Index/yy_btn.png) no-repeat;box-shadow:0 5px 10px rgba(0,141,236,0.45);}
/* --end support-- */




/*  新闻相关产品  */
.tuijian-product-box .y-service-cont {width: 280px;height: 300px;box-sizing: border-box;border: solid 1px #e6e6e6;color: #666;text-align: center;margin-top: 25px;position: relative;overflow: hidden;margin-right: 20px;background: #fff; }
.tuijian-product-box .y-service-cont:nth-child(4n-1){ margin-right: 20px;}

.tuijian-product-box .y-img-box {display: block;width: 135px;height: 100px;margin: 25px auto;border-radius: 50%;overflow: hidden;}
.tuijian-product-box .y-img-box img {display: block;width: 60%;height: auto;margin: 10% auto;}
.tuijian-product-box .y-service-cont .infos { position: relative; }
.tuijian-product-box .y-service-cont h4 { color: #333; font-size: 16px; font-weight: 400; padding-bottom: 10px; }
.tuijian-product-box .y-service-cont p { padding: 0 30px; height: 75px; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.tuijian-product-box .y-service-cont .infos:after { content: ''; display: block; width: 20px; height: 1px; background-color: #d6d6d6; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; z-index: 9; }
.tuijian-product-box .y-service-cont .hover-infos { width: 100%; height: 100%; position: absolute; left: 0; top: -100%; z-index: 99; background-color: #319cf2; color: #fff; display: none; }
.tuijian-product-box .hover-infos h4 { color: #fff; padding-top: 75px; }
.tuijian-product-box .hover-infos a { display: block; width: 135px; height: 45px; line-height: 45px; text-align: center; color: #333; background-color: #fff; font-size: 15px; margin: 50px auto 0; position: relative;}

.tuijian-product-box .hover-infos a:before { content: ''; display: block; width: 20px; height: 1px; background-color: #fff; position: absolute; top: -36px; left: 50%; margin-left: -10px; z-index: 9;  }


/* --case-- */
.case{padding:70px 0 50px;height:724px;overflow:hidden;background:url(../images/Index/case_bg.jpg) no-repeat center 0;}
.case-tab{overflow:hidden;}
.case-menu{margin-bottom:50px;text-align:center;overflow:hidden;}
.case-menu li{display:inline-block;margin:10px 38px;width:98px;height:98px;border:#ddd solid 1px;border-radius:50%;background:#fff;}
.case-menu li i{position:relative;display:block;margin:20px auto 0;width:40px;height:40px;overflow:hidden;}
.case-menu li i img{position:absolute;left:0;top:-40px;display:block;width:40px;}
.case-menu li span{display:block;height:22px;line-height:22px;font-size:14px;color:#666;}
.case-menu li.cur{border:transparent;background:url(../images/Index/case_cur.png) no-repeat;box-shadow:0 0 20px rgba(0,141,236,0.45)}
.case-menu li.cur i img{top:0;}
.case-menu li.cur span{color:#fff;}
.case-main{overflow:hidden;}
.case-main .item{padding-bottom:30px;overflow:hidden;}
.case-main .text{float:left;width:480px;overflow:hidden;}
.case-main .tit{padding-bottom:30px;overflow:hidden;}
.case-main .tit h3{height:35px;line-height:35px;font-size:24px;font-weight:normal;}
.case-main .tit h3 a{color:#181818;}
.case-main .tit p{height:20px;line-height:20px;font-size:14px;color:#999;}
.case-main .con{margin-bottom:10px;height:240px;overflow:hidden;}
.case-main .con dl{margin-bottom:15px;overflow:hidden;}
.case-main .con dl dt{font-size:18px;color:#181818;}
.case-main .con dl dd{margin-top:5px;font-size:16px;color:#666;line-height:28px;}
.case-main .btnBox{margin:20px 5px;}
.case-main .btnBox a{display:block;float:left;margin-right:16px;width:159px;height:52px;line-height:52px;font-size:14px;color:#999;text-align:center;border:#ddd solid 1px;border-radius:26px;box-sizing:border-box;}
.case-main .btnBox a:hover{border-color:transparent;color:#fff; box-shadow:0 2px 15px rgba(0,141,236,0.3);background:url(../images/Index/read.png) no-repeat;}
.case-main .pic{float:right;width:653px;height:435px;overflow:hidden;box-shadow:5px 5px 20px rgba(0,141,236,0.3);}
.case-main .pic img{display:block;width:653px;height:435px;border-radius:5px;}
/* --end case-- */