/***************系统开发********************/
.sys-lay1 {font-size: 16px;line-height: 30px;color: #333;text-align: center; margin-top:50px;}
.m-web-title {font-size: 36px;line-height: 50px;color: #333; text-align: center;font-weight: bold; margin:50px 0 20px;}
.sys-lay2 { margin-top:50px; height:490px; background:url(../images/add/wechatshopban.jpg) top center no-repeat; 
text-align: center;font-size: 24px;line-height: 36px;color: #fff;font-weight: bold; padding-top:190px;}
.sys-lay3 { width:88%; margin:0 auto; margin-top:50px; overflow:hidden;border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;}
.sys-lay3 li{float:left;width:20%;font-size:16px;line-height:24px;color:#666}
.sys-lay3 .inner{padding:14.375% 10% 26px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.sys-lay3.ico{margin-bottom:32px;height:70px;line-height:70px}
.sys-lay3 .ico img{vertical-align:middle}
.sys-lay3 h3{margin:18px 0;font-size:22px;  line-height:30px;font-weight:normal;color:#1a1a1a; height:30px; overflow:hidden;}
.sys-lay3 p{display:-webkit-box;height:192px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:8}
/********************/
.wrap9 {width:88%; margin:0 auto; overflow:hidden;}
.lay-bg4 { background:#f2f2f2;padding:0px 0 50px; margin-top:50px;}
.sys-lay4{ border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; overflow:hidden; margin-top:50px;}
.sys-lay4 li{float:left;width:25%;font-size:16px;line-height:24px;color:#666}
.sys-lay4 .inner{padding:70px 45px 62px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.sys-lay4 h4{margin-bottom:17px;font-size:60px;line-height:60px;color:#999}
.sys-lay4 h3{margin-bottom:24px;font-size:24px;line-height:30px;color:#1a1a1a; height:30px; overflow:hidden;}
.sys-lay4 p{display:-webkit-box;height:144px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}
/*********************/
 .wechat-platform{position:relative;height:430px; background:url(../images/add/wechatshopbg.jpg) top center no-repeat; padding-top:190px;}
 .wechat-platform .full-bg{position:absolute;left:0;top:0;width:100%;height:621px;overflow:hidden}
 .wechat-platform .full-bg img{position:relative;left:50%;margin-left:-960px;height:621px;max-width:none}
 .wechat-platform .wechat-shop-content{overflow:hidden;zoom:1;padding-top:10.625%}
 .wechat-platform .left-msg{float:left;width:423px}
 .wechat-platform .left-msg .en{margin-bottom:13px;font-size:72px;line-height:72px;color:#46464a;font-weight:bold}
 .wechat-platform .left-msg h3{font-size:30px;line-height:40px;color:#dcdcdc}
 .wechat-platform .wcpalt-list{padding-top:9px;overflow:hidden;zoom:1}
 .wechat-platform .wcpalt-list li{float:left;width:33%;padding-left:15%}
 .wechat-platform .wcpalt-list .id{margin-bottom:9px;font-size:48px;line-height:48px;color:#d90000}
 .wechat-platform .wcpalt-list h3{margin-bottom:13px;font-size:18px;line-height:40px;color:#ffffff;font-weight:bold}
 .wechat-platform .wcpalt-list p{font-size:14px;line-height:24px;color:#d5d5d5}
 
 /****************/
 .platform-server{padding:0px 0 50px; }
 .platform-server .cms-desc{background-color:#f2f2f2}
 .platform-server .cms-desc .item{width:40%;padding:56px 5% 54px;font-size:16px;line-height:30px}
 .platform-server .cms-desc .left{float:left;margin-left:-1px;border:1px solid #fff;border-bottom:0}
 .platform-server .cms-desc .right{float:right;margin-right:-1px}
 .platform-server .cms-desc .ico{margin-bottom:39px;height:87px;line-height:87px}
 .platform-server .cms-desc .ico img{vertical-align:middle}
 .platform-server .cms-desc h3{margin-bottom:35px;font-size:24px;line-height:36px;color:#333;font-weight:bold}
 
 /**************************/
 .feature-icolist { margin-top:50px;}
 .platform-feature{padding:0px 0 46px}
 .m-quarter-icolist, .m-three-icolist{overflow:hidden;zoom:1;font-size:0;text-align:center}
 .m-quarter-icolist li, .m-three-icolist li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:33.3333%;margin-bottom:60px;font-size:14px;line-height:20px;color:#666}
 .m-quarter-icolist .ico, .m-three-icolist .ico{margin-bottom:16px}
 .m-quarter-icolist .ico img, .m-three-icolist .ico img{vertical-align:middle;width:30%}
 .m-quarter-icolist h3, .m-three-icolist h3{margin-bottom:14px;font-size:18px;line-height:30px;color:#333}
 .m-quarter-icolist p, .m-three-icolist p{max-width:20em;margin:0 auto}
 .m-three-icolist li{width:33.3333%}
 .m-three-icolist .ico img{width:30%}
 /***********************************************/
 /*******web1*******************************************************/
.web-incon { position:absolute; top:185px; left:0; width:100%; text-align:center; color:#ffffff; line-height:40px; font-size:20px; }
.web-incon h1 { font-size:36px;}
.web-nav { background:#dcdcdc; width:100%; text-align:center;}
.web-nav li { display:inline-block; line-height:80px; padding:0 58px; position:relative; font-size:18px;}
.web-nav li:before { content:""; width:1px; height:18px; background:#555; position:absolute; top:31px; right:0;}
.web-nav li:last-child:before { display: none;}
.web-nav li span { float:left; font-size:27px; color:#555; margin-right:8px;}
.web-nav li a { color:#555;}
.web-nav li.on a,.web-nav li.on span,.web-nav li:hover a,.web-nav li:hover span { color:#e25942; }
/******************/
.web-title { font-size:36px; color:#4d535a; margin-top:50px; text-align:center; margin-bottom:20px;}
.web-title h3 { color:#787878; font-size:14px; margin-top:10px;}
.web-lay1 { overflow:hidden; border-left:1px solid #ededed; margin-top:50px;}
.web-lay1 li { border-left:1px solid #ededed; height:300px; float:left; width:398px; text-align:center; color:#474747; font-size:14px; line-height:28px;	}
.web-lay1 li h1 { color:#323232; font-size:26px; margin-top:15px;}
.web-lay1 li em { position:relative; display:inline-block; overflow:hidden; margin:44px 0 34px; width:71px; height:59px;  }
.web-lay1 li em:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:0;-webkit-transition:all .3s; transition:all .3s; }
.web-lay1 li .ee1 { background:url(../images/add/num1.png) no-repeat;}
.web-lay1 li .ee2 { background:url(../images/add/num2.png) no-repeat;}
.web-lay1 li .ee3 { background:url(../images/add/num3.png) no-repeat;}
.web-lay1 li .ee1:before  {  background:url(../images/add/num1.png) 0 -59px no-repeat;}
.web-lay1 li .ee2:before  {  background:url(../images/add/num2.png) 0 -59px no-repeat;}
.web-lay1 li .ee3:before  {  background:url(../images/add/num3.png) 0 -59px no-repeat;}
.web-lay1 li:hover em:before{ height:100%; }
/*****************/
.web-gbg { background:#eef1f4; padding-bottom:60px; margin-top:50px; overflow:hidden;}
.web-lay2 {}
.web-lay2 { overflow:hidden;  margin-top:40px; width:1280px;}
.web-lay2 li { float:left; height:340px; width:282px; background:#fff; margin:13px 15px 5px 5px; text-align:center; color:#474747; font-size:14px; line-height:28px; -webkit-transition:all .3s; transition:all .3s;}
.web-lay2 li h1 { color:#323232; font-size:24px; margin-top:40px;}
.web-lay2 li span { position:relative; display:inline-block; font-size:60px; height:80px; line-height:80px; margin:40px 0 30px; color:#696969; }
.web-lay2 li h3 { margin:0 20px; border-top:1px dashed #cdcdcd; padding-top:18px;}
.web-lay2 li:hover { transform:translate(0,-8px); transform:translate(0,-8px); background:#fcba0b; box-shadow:0 0 5px #fcba0b;}
.web-lay2 li:hover h1,.web-lay2 li:hover span { color:#fff;}
.web-lay2 li:hover h3 { color:#fff; border-top:1px dashed #fff;}
/******************************/
.web-lay3 {}
.web-lay3 { overflow:hidden;  margin-top:40px; width:1280px;}
.web-lay3 li { position:relative; float:left; height:163px; width:167px; padding:0 20px 0 95px; border:1px solid #dcdcdc; margin:13px 13px 5px 5px;  color:#474747; font-size:14px; line-height:24px; -webkit-transition:all .3s; transition:all .3s;}
.web-lay3 li h1 { color:#323232; font-size:20px; margin:20px 0 10px;}
.web-lay3 li span { position:absolute; left:0; top:0; width:95px; height:163px; line-height:163px;text-align:center; display:inline-block; font-size:60px;   color:#b5b5b5; }
.web-lay3 li h3 {}
.web-lay3 li:hover { transform:translate(0,-8px); transform:translate(0,-8px); background:#fcba0b; border:1px solid #fcba0b; box-shadow:0 0 5px #fcba0b;}
.web-lay3 li:hover h1,.web-lay3 li:hover span { color:#fff;}
.web-lay3 li:hover h3 { color:#fff; } 
/*****************************************/
.web-lay4 { width:1264px; height:848px; margin:0 auto; margin-top:30px; background:url(../images/add/td-bg.png) no-repeat; position:relative;}
.web-lay4 li { position:absolute; width:200px; color:#5e5e5e; font-size:14px; line-height:26px;text-align:center;}
.web-lay4 li h1 { font-size:28px; margin-bottom:30px; }
.web-lay4 li.tdd1 { left:320px; top:120px;}
.web-lay4 li.tdd2 { left:742px; top:120px;}
.web-lay4 li.tdd3 { left:102px; top:320px;}
.web-lay4 li.tdd4 { right:100px; top:320px;}
.web-lay4 li.tdd5 { left:320px; top:560px;}
.web-lay4 li.tdd6 { left:742px; top:560px;}
.web-lay4 li.tdd1 h1{ color:#3760ac;}
.web-lay4 li.tdd2 h1{ color:#f0535a;}
.web-lay4 li.tdd3 h1{ color:#49dade;}
.web-lay4 li.tdd4 h1{ color:#c07753;}
.web-lay4 li.tdd5 h1{ color:#f6a406;}
.web-lay4 li.tdd6 h1{ color:#51d7ab;}
.dlay1 { animation-delay:0.1s;}
.dlay2 { animation-delay:0.2s;}
.dlay3 { animation-delay:0.3s;}
.dlay4 { animation-delay:0.4s;}
.dlay5 { animation-delay:0.5s;}
.dlay6 { animation-delay:0.6s;}
.dlay7 { animation-delay:0.7s;}
.dlay8 { animation-delay:0.8s;}
.dlay9 { animation-delay:0.9s;}
.dlay10 { animation-delay:1s;}

/******************************/
.web-lay21 { background:url(../images/add/lay21.jpg) top center no-repeat; height:540px;}
.web-con { text-align:center; color:#787878; font-size:16px; line-height:30px; margin-top:20px;}
.web-con h1 { font-size:24px; margin-bottom:15px; color:#4d535a;}
.web-adv22 { overflow:hidden;}
.web-adv22 { overflow:hidden;  margin-top:30px;}
.web-adv22 li { position:relative; float:left;width:20%; margin-top:10px; color:#9e9e9e; font-size:14px; line-height:24px; text-align:center; -webkit-transition:all .3s; transition:all .3s;}
.web-adv22 li h1 { color:#323232; font-size:18px; margin:10px 0 0px;}
.web-adv22 li h3 {}
/******************/
.web-lay23  { height:781px; background:url(../images/add/lay23.jpg) top center no-repeat;}
.web-lay23 .web-title{ color:#fff;}
.web-lay23 ul { overflow:hidden;}
.web-lay23 ul li { text-align:center; height:485px; margin-top:50px; float:left; position:relative; width:25%; line-height:28px; color:#fff; padding:0 25px; box-sizing:border-box; -webkit-transition:all .3s; transition:all .3s;}
.web-lay23 ul li span { margin-top:55px; width:128px; height:128px; border:1px solid #fff; text-align:center; line-height:128px; font-size:50px; display:inline-block; -webkit-border-radius:100%;  border-radius:100%;}
.web-lay23 ul li span em { font-size:0;}
.web-lay23 ul li h1 { font-size:18px; margin:30px 0 40px;}
.web-lay23 ul li h3 { font-size:15px}
.zx-btn5 { position:absolute; bottom:-80px; left:50%; margin-left:-70px; width:140px; height:38px; line-height:38px; color:#fff; border:1px solid #fff; -webkit-border-radius:5px;border-radius:5px;}
.web-lay23 ul li:hover { background:#fcba0b; -webkit-transform:translate(-8px,0); transform:translate(-8px,0); }
.web-lay23 ul li:hover span { font-size:0; background:#fff;}
.web-lay23 ul li:hover span em { font-size:72px; color:#fcba0b;}
.web-lay23 ul li:hover h3 { height:56px; overflow:hidden;}
.web-lay23 ul li:hover .zx-btn5 { bottom:55px;}
/**********************************/
.ss-list { height:480px;  background:url(../images/add/lay24.jpg) center 15px no-repeat; margin-top:50px; }
.ss-list ul { width:1200px; overflow:hidden; margin:0 auto;}
.ss-list ul li { width:200px; float:left; position:relative; height:480px;}
.ss-list ul li img { position:absolute;}
.ss-list ul li.dlay1 img{ top:53px; left:39px;}
.ss-list ul li.dlay2 img{ top:110px; left:66px;}
.ss-list ul li.dlay3 img{ top:12px; left:22px;}
.ss-list ul li.dlay4 img{ top:130px; left:22px;}
.ss-list ul li.dlay5 img{ top:0; left:0;}
.ss-list ul li.dlay6 img{ top:156px; left:0;}
/*************************/
.zz-list { overflow:hidden; width:100%;}
.zz-list li { width:25%; float:left; height:100%; height:260px; text-align:center; }
.zz-list li img { width:100%; height:100%; display:block;}
.zz-list li span { font-size:60px; color:#868686; margin-top:60px; display:inline-block;}
.zz-list li h1 { font-size:16px; color:#555; margin-top:30px; padding-top:30px; position:relative; }
.zz-list li h1:before { content:""; position:absolute; width:37px; height:1px; background:#e3e3e3; left:50%; margin-left:-18px; top:0;}
.web-lay31 { background:url(../images/add/lay311.jpg) top center no-repeat; height:388px; margin-top:30px;}
.web-lay32 {background:url(../images/add/lay32.jpg) top center no-repeat; height:353px; margin-top:40px;}
.web-lay33 { background:url(../images/add/lay33.jpg) top center no-repeat; height:470px; margin-top:40px; position:relative;}
.web-lay33 .tbc { color:#535353; line-height:30px; width:300px; position:absolute; left:285px; top:131px; font-size:14px;}
.web-lay33 .tbc h1 { font-size:30px; color:#535353; text-align:center; margin-bottom:10px;}
.web-lay33 .tbc2 { width:210px; left:725px; top:150px;}
/*************************/
.td-list { overflow:hidden; }
.td-list li { width:33.333333%; float:left; text-align:center; color:#636363; line-height:24px;margin-top:40px;}
.td-list li h1 { margin:15px 0; font-size:18px;}
.td-list li .td-top { position:relative; width:108px; height:108px; background:#fff; border:1px solid #dddddd; margin:0 auto; overflow:hidden; -webkit-border-radius:100%; border-radius:100%;}
.td-list li .td-top em { position:relative; z-index:11; width:52px; height:52px; line-height:50px; font-size:24px; display:block; margin:0 auto; margin-top:28px; background:#99dd81; color:#fff; text-align:center; -webkit-border-radius:100%; border-radius:100%;}

.td-list li .td-top:before { content:""; position:absolute; left:23px; top:23px; background: rgba(250,167,54,.8); width: 62px; height: 62px; border-radius: 100%; -webkit-border-radius: 100%;  transform: scale(1); -webkit-transform: scale(1);  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards infinite; z-index:10; background:#edf9e8; }
@keyframes scaleToggleOne { 
 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.td-list li.tdl2 .td-top em {background:#8bbbfc }
.td-list li.tdl2 .td-top:before{ background:#eaf3fe }
.td-list li.tdl3 .td-top em {background:#e66284 }
.td-list li.tdl3 .td-top:before{ background:#fae3e9 }
.td-list li.tdl4 .td-top em {background:#c7ad45 }
.td-list li.tdl4 .td-top:before{ background:#fef8df }
.td-list li.tdl5 .td-top em {background:#aa6c50 }
.td-list li.tdl5 .td-top:before{ background:#fff2ec }
.td-list li.tdl6 .td-top em {background:#1c9f97 }
.td-list li.tdl6 .td-top:before{ background:#eafefd }
/****************/
.web-lay41 { background:url(../images/add/lay41.jpg) top center no-repeat; height:569px; margin-top:40px; }
.about-top { overflow:hidden;}
/*******************/
.why-yx { position:relative; height:566px; margin-top:50px;}
.why-yx .tbc { width:470px; height:530px; background:#fff; -webkit-border-radius:10px;border-radius:10px; -webkit-box-shadow:0 0 10px #888; box-shadow:0 0 10px #888; position:absolute; left:10px; top:0; overflow:hidden;}
.why-yx .tbc h1 { background:#fcba0b; text-align:center; line-height:84px; height:84px; font-size:24px; color:#fff; }
.why-yx .tbc2 { left:auto; right:10px}
.why-yx .tbc2 h1 { background:#1c9f97;}
.why-yx .tbc ul { margin:0 22px;}
.why-yx .tbc ul li { position:relative; padding-left:30px; color:#4d4d4d; font-size:16px; height:59px; line-height:59px; border-bottom:1px dashed #dcdcdc;}
.why-yx .tbc ul li em { width:28px; line-height:28px; text-align:center; height:28px; display:block; position:absolute; left:-5px; top:15px; background:#fcba0b; color:#fff; font-size:18px;  -webkit-border-radius:100%;border-radius:100%; }
.why-yx .tbc2 ul li em { background:#1c9f97;}
.why-pk { position:absolute; left:50%; top:50%; margin:-70px 0 0 -70px; width:140px; height:140px; line-height:140px; text-align:center; color:#fff; background:#fcba0b; font-size:72px; font-weight:bold; font-style:italic; -webkit-border-radius:100%;border-radius:100%; }
.why-pk em { position:relative; z-index:11; background:#fcba0b; display:block; width:100%; height:100%;-webkit-border-radius:100%;border-radius:100%;}
.why-pk:before { content:""; position:absolute; left:0; top:0; background:#faeec5; width: 100%; height: 100%; border-radius: 100%; -webkit-border-radius: 100%;  transform: scale(1); -webkit-transform: scale(1);  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards infinite; z-index:10; }
@keyframes scaleToggleOne { 
 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(1.3);
-webkit-transform:scale(1.3)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/*********************/
.u-need { position:relative; overflow:hidden; margin-top:50px;}
.u-need img { width:433px; float:left; margin-left:123px;}
.u-need .tbc { width:540px; float:right; }
.u-need .tbc h1 { position:relative; color:#fcba0b; font-size:30px; font-weight:bold; padding-bottom:10px; margin:25px 0 20px;}
.u-need .tbc h1:before { content:""; position:absolute; bottom:0; left:0; width:88px; height:2px; background:#fcba0b;}
.u-need .tbc li { background:url(../images/add/cas.jpg) 0 no-repeat; height:49px; line-height:49px; font-size:16px; color:#474747; padding-left:32px;}
/*************/
.value-bg { height:525px; background:url(../images/add/value.jpg) top center no-repeat; margin-top:50px;}
.value-bg .web-title { color:#fff;}
.value-bg .web-title h3{ color:#fff;}
.value-list li{ width:25%; color:#fff;}
.value-list li h1 { color:#fff;}
.value-list li .td-top { width:108px; height:108px; background:#fff; overflow:visible; margin-bottom:40px;}
.value-list li .td-top::before { width:120px; height:120px;left:-6px; top:-6px; background:#a4a1e5;}
.value-list li .td-top .iconfont { display:inline-block; font-size:0px; position:relative; z-index:11; color:#000000; line-height:108px; height:108px; width:108px; background:#fff;-webkit-border-radius:100%;border-radius:100%;}
/**************************/
.value-list li.tdd1 .td-top .iconfont{ background:#fff url(../images/add/ad1.jpg) center no-repeat;}
.value-list li.tdd2 .td-top .iconfont{ background:#fff url(../images/add/ad2.jpg) center no-repeat;}
.value-list li.tdd3 .td-top .iconfont{ background:#fff url(../images/add/ad3.jpg) center no-repeat;}
.value-list li.tdd4 .td-top .iconfont{ background:#fff url(../images/add/ad4.jpg) center no-repeat;}
.value-list li.tdd2 .td-top::before { background:#96a2e0}
.value-list li.tdd3 .td-top::before { background:#82acde}
.value-list li.tdd4 .td-top::before { background:#6fadd7}
.wev-box { background:url(../images/add/wev.jpg) top center no-repeat; height:550px; margin-top:50px;}
.wev-box ul { display:none;}