/**顶部导航**/
.headNav{width: 100%;height: 66px;background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(112, 133, 184, 0.2); position: relative; z-index: 6;}
.topLogo{display:block;margin-top: 14px;margin-right: 100px;}
.headNav .btn{display: block; width: 120px;	height: 66px;	background-color: #3d76ff;line-height: 66px;text-align: center;color: #ffffff;font-size: 14px;}
.nav li{float: left;margin: 0px 35px 0; position: relative;height: 66px;padding: 0 1px;}
.nav li>a{display: block; position: relative; z-index: 1; font-size: 14px;color: #4d4d4d;height: 66px;padding-top: 24px;}
.nav li>a::after{
	content: "";
	height: 3px;
	overflow: hidden;
	display: block;
	left:0;
	bottom:0;
	position: absolute;
	width: 100%;
	background: #3d76ff;
	transform: scaleX(0);
	transition:all 0.4s;
}
.nav li>a i{display: inline-block;width: 13px;height: 7px;background: url(../images/down.png) no-repeat center;background-size: contain;margin-left: 6px;}
.nav li>a.on,.nav li:hover>a{font-weight: 600;}
.nav li>a.on::after,.nav li:hover>a::after{transform: scaleX(1);}
.nav li:hover>a i{transform: rotate(-180deg);}
.nav .pop{position: absolute;z-index: 1;  left: -30px;top: 66px;background: #fff; box-shadow: 14px 14px 20px 0px rgba(51, 51, 51, 0.2);	border-radius: 3px;transform: translate(0,-20px); opacity: 0;visibility: hidden; border-top: 1px solid #eff2f9; transition: transform 0ms cubic-bezier(0.48, 0.33, 0.24, 0.95) 0ms, opacity;}
.nav li:hover .pop{transform: translate(0,0px); opacity: 1;visibility: visible; z-index: -1; transition: transform 150ms cubic-bezier(0.48, 0.33, 0.24, 0.95) 0ms, opacity;}
.nav .product{width: 720px; height: 410px; background:#fff url(../images/nav-bg.png) no-repeat left top;padding-top: 40px;}
.nav .product .list{overflow: hidden;margin-bottom: 20px;}
.nav .product .fl{color: #232933;font-size: 16px;font-weight: 600;padding-left: 42px;width: 200px;}
.nav .product .fl img{margin-right: 13px;}
.nav .product .fr{width: 520px;padding-left: 54px;}
.nav .product .fr a{color: #232933;font-size: 14px;display: block; float: left;width: 33.33%;margin-bottom: 15px; position: relative;}
.nav .product .fr a:hover{color: #3d76ff;font-weight: 600;}
.nav .product .fr a:hover::after{content: '';position: absolute;left: -12px;top: 6px;width: 6px;height: 8px;background: url(../images/arrow-right.png) no-repeat center;}
.nav .plan{width: 720px;padding: 40px 40px 0;}
.nav .plan .list{width: 50%;display:flex; float: left; overflow: hidden;align-items: center;margin-bottom: 40px;}
.nav .plan .list .txt{margin-left: 10px;}
.nav .plan .list h3{font-size: 16px;font-weight: 600;color: #333;}
.nav .plan .list h5{font-size: 14px;color: #7b8699;margin-top: 6px;}
.nav .plan .list:hover h3{color: #3d76ff;}

/**底部内容**/
.footCont{background-color: #232933;font-size: 14px;color: #fff;padding-top: 50px;}
.footCont .copy{background-color: #2e3542;text-align: center;line-height: 60px; color: #aaaaaa;font-size: 14px;margin-top: 40px;}
.footCont .contact{height: 268px;width: 290px;border-right: solid 1px #aaaaaa;margin-right: 60px;}
.footCont .contact img{margin-bottom: 30px;}
.footCont .contact .txt{margin-bottom: 15px;line-height: 24px;}
.footCont .contact .txt b{font-size: 16px;font-weight: 600;}
.footCont .link .box{width: 210px;}
.footCont .link .box h3{font-size: 16px;font-weight: 600;margin-bottom: 25px;}
.footCont .link .box a{font-size: 14px;color: #fff;display: block;line-height: 32px; opacity: 0.8;}
.footCont .link .box a:hover{opacity: 1;}
.footCont .code{text-align: center; color: #aaaaaa;line-height: 24px;}
.footCont .code img{margin-bottom: 10px;}

/**右侧悬浮**/
.rightFixed{position: fixed;z-index:10; right: 10px;top: 50%;}
.rightFixed ul{display: block;}
.rightFixed ul li{position: relative;padding-left: 20px;}
.rightFixed ul li a{display: block;width: 66px; height: 80px;margin-bottom: 1px; box-shadow: 3px 3px 16px rgba(51, 51, 51, 0.2); transition:all 0.3s;}
.rightFixed ul li.WeChat a{background:url(../images/WeChat2.png);border-radius: 3px 3px 0 0;}
.rightFixed ul li.WeChat:hover a{background:url(../images/WeChat.png);}
.rightFixed ul li.tel a{background:url(../images/tel2.png); border-radius: 0 0 3px 3px;}
.rightFixed ul li.tel:hover a{background:url(../images/tel.png);}
.rightFixed ul li.user a{background:url(../images/user2.png);border-radius: 0 0 3px 3px;}
.rightFixed ul li.user:hover a{background:url(../images/user.png);}
.rightFixed a.totop{display: block; width: 66px; height: 36px;margin-top: 10px; box-shadow: 3px 3px 16px rgba(51, 51, 51, 0.2); background:url(../images/top2.png); transition:all 0.3s;margin-left: 20px;}
.rightFixed a.totop:hover{background:url(../images/top.png);}
.rightFixed .contact{position: absolute;right:80px; top:-30px;  background-color: #ffffff;	border-radius: 10px;width: 280px; box-shadow: 3px 3px 16px rgba(51, 51, 51, 0.2);padding: 15px 28px;font-size: 18px;}
.rightFixed .contact::after{content: '';width: 12px;height: 12px;background: #fff;transform: rotate(-45deg);position: absolute;right: -6px;top: 32%;}
.rightFixed .contact .tel{font-size: 24px;font-weight: 600;margin: 10px 0 15px;}
.rightFixed .contact .time{font-size: 22px;font-weight: 600; color:#878c9c; border-top: solid 1px #f1f6fc;padding-top: 15px;}
.rightFixed .contact .time img{margin-right: 10px;}
.rightFixed .code{position: absolute;right:80px; top:-20px;  background-color: #ffffff;	border-radius: 10px;box-shadow: 3px 3px 16px rgba(51, 51, 51, 0.2);padding: 10px;font-size: 14px;text-align: center;}
.rightFixed .code::after{content: '';width: 12px;height: 12px;background: #fff;transform: rotate(-45deg);position: absolute;right: -6px;top: 32%;}
.rightFixed ul li div{transform: translate(20px,0px); opacity: 0;visibility: hidden; transition:all 0.3s;}
.rightFixed ul li:hover div{transform: translate(0px,0px); opacity: 1;visibility: unset;}

/**底部手机号表单**/
.pubForm{background: url(../images/sect6-bg.png) no-repeat center;height: 320px;padding-top: 60px; position: relative;}
.pubForm .title h2{color: #fff;font-weight: 600;font-size: 32px;text-align: center;}
.pubForm .formBox{margin: 40px auto;width: 610px;display: flex;justify-content: space-between;}
.pubForm .formBox input{height: 44px;width: 480px;	background: #ffffff;	border-radius: 3px;border: 0;box-sizing: border-box;padding-left: 20px;vertical-align: middle;font-size: 16px;}
.pubForm .formBox a{display: block; width: 120px;	height: 44px;	background-color: #3d76ff;	border-radius: 3px; font-size: 16px;text-align: center; line-height: 44px;color: #fff;}
.pubForm ul{text-align: center;margin-top: 60px;}
.pubForm ul li{display: inline-block;margin: 0 30px;font-size: 16px;color: #fff;}
.pubForm ul li img{margin-right: 10px;}
.formMask{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 440px;height: 340px;background: #fff;z-index: 101; box-shadow: 14px 14px 20px 0px 		rgba(51, 51, 51, 0.2);	border-radius: 3px;text-align: center;padding-top: 48px;display: none;}
.formMask div{margin-top: 20px;color: #232933;font-size: 20px;font-weight: 600;}
.formMask p{margin-top: 10px;color: #232933;font-size: 16px;}
.formMask .close{display: inline-block;width: 36px;height: 36px;background: url(../images/close.png) no-repeat center;position: absolute;right: -18px;top: -18px;}

/**联系信息弹框**/
.contactMask{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 550px;height: 380px;background:url(../images/contact-mask-bg.png) no-repeat center;z-index: 101; box-shadow: 14px 14px 20px 0px 		rgba(51, 51, 51, 0.2);	border-radius: 3px;display: none;}
.contactMask .close{display: inline-block;width: 36px;height: 36px;background: url(../images/close.png) no-repeat center;position: absolute;right: -18px;top: -18px;}
.contactMask .box{display: flex;padding: 140px 50px 0;justify-content: space-between;}
.contactMask .txt{margin-bottom: 15px; font-size: 16px;line-height: 26px;}
.contactMask .txt b{font-size: 20px;font-weight: 600;}

/**首页**/
.indexPage{min-width: 1200px;}
.indexPage .title{text-align: center;}
.indexPage .title h2{color: #232933;font-weight: 600;font-size: 32px;}
.indexPage .title h4{color: #666;font-size: 16px;margin-top: 10px;}
.indexPage .banner .swiper-slide{width: 100%;height: 500px;background: url() no-repeat center;}
.indexPage .banner .swiper-pagination{bottom: 50px;}
.indexPage .banner .swiper-pagination-bullet{width: 10px;	height: 10px;	background-color: #ffffff;	border: solid 1px #0f50ed; opacity: 1;}
.indexPage .banner .swiper-pagination-bullet-active{background-color: #0f50ed;}
.indexPage .banner .btn{position: absolute;left: 50%;bottom: 150px; width: 158px;	height: 50px;	background-color: #3d76ff;	border-radius: 3px;line-height: 50px;font-size: 18px;text-align: center;display: inline-block;color: #fff;margin-left: -600px;}
.indexPage .bg1{background-color: #f1f6fc;}
.indexPage .sect1{display: flex;align-items: center;padding: 35px 0px 35px 0; background-image: linear-gradient(0deg, 		#ffffff 0%, 		#f7fbfe 50%, 		#f1f6fc 93%, 		#ffffff 100%);	box-shadow: 0px 5px 20px 0px 		rgba(112, 133, 184, 0.2);	border-radius: 3px;margin-top: -30px; position: relative; z-index: 2;}
.indexPage .sect1 .box{flex: 1;height: 56px;border-right: 1px solid #ced9e6;display: flex;align-items: center;padding-left: 32px;}
.indexPage .sect1 .box:last-child{border-right: 0;}
.indexPage .sect1 .box img{margin-right: 12px;}
.indexPage .sect1 h3{color: #232933;font-size: 20px;font-weight: 600;}
.indexPage .sect1 h5{color: #666;font-size: 14px;margin-top: 4px;}
.indexPage .sect2{padding-top: 100px;}
.indexPage .sect2 ul{display: flex;justify-content: space-between;padding: 120px 0 150px;}
.indexPage .sect2 ul li{width: 270px;	height: 338px; padding: 0 40px; background: #ffffff;	border-radius: 3px; position: relative; transition:all 0.5s;cursor: pointer;}
.indexPage .sect2 ul li .pic{display: block;margin: -84px auto 0;}
.indexPage .sect2 ul li h3{margin-top: 25px; margin-bottom:2px;  font-size: 22px;font-weight: 600;}
.indexPage .sect2 ul li span{display: inline-block;background-color: #dae6ff;	border-radius: 3px;line-height: 24px;padding: 0 4px; color: #3d76ff;font-size: 14px;margin-right: 6px;}
.indexPage .sect2 ul li p{font-size: 16px;margin-top: 18px;}
.indexPage .sect2 ul li .ico{position: absolute;left: 50%;bottom: 0;margin-left: -25px;margin-bottom: -25px; opacity: 0; transition:all 0.5s;}
.indexPage .sect2 ul li:hover{box-shadow: 4px 4px 20px 0px 	rgba(112, 133, 184, 0.2);transform: scale(1.1);}
.indexPage .sect2 ul li:hover .ico{opacity: 1;}
.indexPage .bg2{background: url(../images/index/sect3-bg1.png) no-repeat center;height: 820px; transition:all 0.4s;}
.indexPage .bg2[rel='bg1']{background-image: url(../images/index/sect3-bg1.png);}
.indexPage .bg2[rel='bg2']{background-image: url(../images/index/sect3-bg2.png);}
.indexPage .bg2[rel='bg3']{background-image: url(../images/index/sect3-bg3.png);}
.indexPage .bg2[rel='bg4']{background-image: url(../images/index/sect3-bg4.png);}
.indexPage .bg2[rel='bg5']{background-image: url(../images/index/sect3-bg5.png);}
.indexPage .bg2[rel='bg6']{background-image: url(../images/index/sect3-bg6.png);}
.indexPage .sect3{padding-top: 80px;}
.indexPage .sect3 .title h2,.indexPage .sect3 .title h4{color: #fff;}
.indexPage .sect3 .tab{width: 200px; position: relative;}
.indexPage .sect3 .tab li{height: 60px;line-height: 60px; font-size: 18px;color: #fff;cursor: pointer;font-weight: 600; position: relative; z-index: 1;padding-left: 45px; transition: transform 500ms cubic-bezier(0.48, 0.33, 0.24, 0.95) 0ms;margin-bottom: 10px;}
.indexPage .sect3 .tab li.on{color: #232933;}
.indexPage .sect3 .tab span{position: absolute;display: block; left: 0;top: 0;width: 200px;	height: 60px;	background: #ffffff url(../images/index/arrow.png) no-repeat 160px center;	border-radius: 30px; transition: transform 500ms cubic-bezier(0.48, 0.33, 0.24, 0.95) 0ms;}
.indexPage .sect3 .box{background:rgba(255,255,255,1);margin-left: 240px;height: 470px;padding: 50px 65px;  border-radius: 3px;margin-top: 70px;}
.indexPage .sect3-swiper{height: 370px;width: 100%;}
.indexPage .sect3 h3{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.indexPage .sect3 p{font-size: 14px;margin-bottom: 45px;}
.indexPage .sect3 .btnBox{border-top: solid 1px #eeeeee;padding-top: 35px;margin-top: 35px;}
.indexPage .sect3 .btnBox a{display: inline-block; font-size: 14px;line-height: 38px;text-align: center; width: 104px;	height: 40px;	border-radius: 3px;margin-right: 18px;transition:all 0.4s;}
.indexPage .sect3 .btnBox a:hover{opacity: 0.8;}
.indexPage .sect3 .btnBox a:first-child{background-color: #3d76ff;border: 1px solid #3d76ff;color: #fff;}
.indexPage .sect3 .btnBox a:last-child{background-color: #fff;border: 1px solid #2a2b2f;color: #000000;}
.indexPage .sect4{background:#fff url(../images/index/sect4-bg.png) no-repeat center;height: 860px;padding-top: 100px; position: relative;}
.indexPage .sect4 .txt{position: absolute;left: 50%;bottom: 100px;text-align: center;transform: translate(-50%,0); color: #232933;font-size: 18px;font-weight: 600;}
.indexPage .sect4 .txt span{display: inline-block;margin: 0 20px;color: #999;font-weight: 400; opacity: 0.9;}
.indexPage .sect5{background: url(../images/index/sect5-bg.jpg) no-repeat center;height: 800px;padding-top: 100px;}
.indexPage .sect5 .title h2,.indexPage .sect5 .title h4{color: #fff;}
.indexPage .sect5-swiper{padding: 62px 120px 84px; position: relative;background: url(../images/index/bg3.png) no-repeat center bottom;}
.indexPage .sect5-swiper .swiper-container{padding: 50px 0px;}
.indexPage .sect5-swiper .swiper-slide{
	transition: 300ms;	  transform: scale(0.8);
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 252px;
}
.indexPage .sect5-swiper .swiper-slide img{border: 8px solid #fff;border-radius: 3px; box-shadow: 5px 9px 10px 0px rgba(112, 133, 184, 0.2);}
.indexPage .sect5-swiper .swiper-slide-active{
		transform: scale(1);
}
.indexPage .sect5-swiper .swiper-slide[data-swiper-slide-index='2'].swiper-slide-active,.indexPage .sect5-swiper .swiper-slide[data-swiper-slide-index='3'].swiper-slide-active{transform: scale(1.4); z-index: 10;}
.indexPage .sect5-swiper .swiper-button-prev,.indexPage .sect5-swiper .swiper-button-next{width: 44px;height: 44px;background: url() no-repeat center; transition:all 0.4s;}
.indexPage .sect5-swiper .swiper-button-prev{background-image: url(../images/index/left1.png);}
.indexPage .sect5-swiper .swiper-button-prev:hover{background-image: url(../images/index/left2.png);}
.indexPage .sect5-swiper .swiper-button-next{background-image: url(../images/index/right1.png);}
.indexPage .sect5-swiper .swiper-button-next:hover{background-image: url(../images/index/right2.png);}

/**产品与服务-erp**/
.productErp .banner{width: 100%;height: 300px;background: url(../images/product/erp-banner.png) no-repeat center;display: block;}
.productErp .sect1{text-align: center;padding: 100px 0; position: relative;}
.productErp .sect1 h2{font-size: 32px;font-weight: 600;margin-bottom: 90px;}
.productErp .sect1 h6{font-size: 18px;font-weight: 400;margin-top: 30px;}
.productErp .sect1 .tit{left: 0;top: 200px;}
.productErp .tit{font-size: 24px;font-weight: 600; position: absolute;padding: 0 20px;}
.productErp .tit::before,.productErp .tit::after{content: '';width: 11px;height: 16px;background: url(../images/product/tit-ico.png) no-repeat center;position: absolute;top: 12px;left: 0;}
.productErp .tit::after{right: 3px;left: unset;}
.productErp .sect2{background-color: #f1f6fc;}
.productErp .sect2 .pagewd{padding: 200px 0 120px; position: relative;text-align: center;}
.productErp .sect2 .tit{left: 0;top: 100px;}
.productErp .sect2 h6{font-size: 18px;font-weight: 400;margin-top: 60px;}
.productErp .sect3{padding: 180px 0 100px; position: relative;text-align: center;}
.productErp .sect3 .tit{left: 0;top: 100px;}
.productErp .sect3 h6{font-size: 18px;font-weight: 400;margin-top: 60px;}

/**内页公用样式**/
.mb190{margin-bottom: 190px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mt100{margin-top: 100px;}
.childPage .banner{width: 100%;height: 300px;background: url(../images/plan/pv-banner.png) no-repeat center;display: block;}
.childPage .cont1{text-align: center;padding: 100px 0; position: relative;}
.childPage h2{font-size: 32px;font-weight: 600;}
.childPage h6{font-size: 18px;font-weight: 400;}
.childPage .tit{font-size: 24px;font-weight: 600; position: absolute;padding: 0 20px;left: 0;}
.childPage .tit::before,.childPage .tit::after{content: '';width: 11px;height: 16px;background: url(../images/product/tit-ico.png) no-repeat center;position: absolute;top: 12px;left: 0;}
.childPage .tit::after{right: 3px;left: unset;}
.childPage .cont2{background-color: #f1f6fc;}
.childPage .cont2 .pagewd{text-align: center;padding: 100px 0; position: relative;background-color: #f1f6fc;}

.pv .cont3{overflow: hidden; margin: 0 auto; width: 1530px; text-align: center; padding-top: 80px;}
.pv .cont3 li{overflow: hidden; float: left; width: 480px; height: 300px; margin-right: 30px; margin-bottom: 30px; box-shadow: 8px 8px 10px #eee; position: relative; cursor: pointer;}
.pv .cont3 li img{width: 100%;}
.pv .cont3 li .bt{font-size: 24px; line-height: 50px; background: rgba(0,0,0,0.5); color: #ffffff; position: absolute; left: 0; bottom: 0; width: 100%; transform: translate(0,0); transition:all 0.4s ease-in-out;}
.pv .cont3 li .txt{background: rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; color: #ffffff; box-sizing: border-box; padding: 28px 44px 0; transform: translate(0,100%); transition:all 0.4s ease-in-out;}
.pv .cont3 li .txt h4{font-size: 22px; margin-bottom: 12px;}
.pv .cont3 li .txt p{font-size: 16px; line-height: 32px;}
.pv .cont3 li:hover .bt{transform: translate(0,100%);}
.pv .cont3 li:hover .txt{transform: translate(0,0);}

/**公司介绍**/
.companyPage .banner{width: 100%;height: 500px;background: url(../images/company/banner.png) no-repeat center;display: block;}
.companyPage .sect1{text-align: center;padding-top: 100px;}
.companyPage h2{font-size: 32px; font-weight: 600;}
.companyPage .box{width: 740px;text-align: left;display: inline-block;margin-right: 50px;vertical-align: middle;}
.companyPage h3{font-size: 30px; font-weight: 600;margin-bottom: 30px;}
.companyPage h3 small{font-size: 16px; color: #a7b0bb;}
.companyPage p{font-size: 18px;}
.companyPage .box p{text-indent: 40px; line-height: 38px;}

/**业务合作**/
.partnerPage .banner{width: 100%;height: 500px;background: url(../images/partner/banner.png) no-repeat center;display: block;}
.partnerPage .sect1{padding: 100px 0 120px;}
.partnerPage h2{font-size: 32px; font-weight: 600;text-align: center;margin-bottom: 80px;}
.partnerPage ul li{background: url() no-repeat left top;padding-left: 36px;line-height: 24px;font-size: 14px;margin-bottom: 28px;}
.partnerPage .list{padding: 30px 0;border-top: 1px solid #d6d6d6;margin-top: 60px;}
.partnerPage .list div{background: url() no-repeat left top;padding-left: 46px;line-height: 36px;font-size: 14px; float: left;width: 25%;}

/**招贤纳士**/
.jobPage .banner{width: 100%;height: 500px;background: url(../images/job/banner.png) no-repeat center;display: block;}
.jobPage h2{font-size: 32px; font-weight: 600;text-align: center;margin-bottom: 80px;}
.jobPage .sect1{padding: 100px 0;}
.jobPage .list{margin-bottom: 20px;}
.jobPage .list .hd{background-color: #f1f6fc;padding: 15px 20px; cursor: pointer;}
.jobPage .list .hd h4{font-size: 24px;color: #000;margin-bottom: 10px;}
.jobPage .list .hd span{font-size: 14px;color: #666;display: inline-block;margin-right: 80px;}
.jobPage .list .bd{padding: 20px 0;}
.jobPage .list h5{font-size: 14px;line-height: 36px;color: #000;}
.jobPage .list ol li{font-size: 14px;line-height: 36px; color: #000;}
.jobPage .list .bd .up{text-align: center;margin-top: 30px;}
.jobPage .list .bd .up a{color: #3d76ff;font-size: 14px;}
.jobPage .list .bd .up a i{display: inline-block;width: 8px;height: 8px;border-left: 1px solid #3d76ff; border-top: 1px solid #3d76ff;transform:rotate(45deg);margin-left: 6px;}