@charset"utf-8";
/*公共样式*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*{ margin:0; padding:0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: border-box; }
body{ font-family: "微软雅黑"; font-size: 14px; }
h1,h2,h3,h4,h5,h6{ font-weight: initial; }
li{ list-style: none; }
img{ border: none; }
a{ text-decoration: none; cursor: pointer; }
input,select,textarea{ appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; outline: none; }
input[type="button"],input[type="submit"]{ cursor: pointer; }
video{ width: 100%; }
.container{ width: 100%; padding: 0 24px; }
.over{ overflow: hidden; }
.left{ float: left; }
.right{ float: right; }
em{ display: inline-block; vertical-align: middle; height: 100%; }
/*header*/
.box{ width: 750px; margin: auto; position: relative; overflow: hidden; padding-top: 100px; }
header{ height: 100px; box-shadow: 0 0 10px 2px rgba(0,0,0,.2); position: fixed; z-index: 3; top: 0; left: 0; width: 100%; background-color: #fff; }
.logo{ height: 100px; line-height: 100px; font-size: 0; float: left; }
.logo img{ display: initial; vertical-align: middle; }
.nav{ width: 100%; position: fixed; z-index: 3; top: 100px; left: 0; display: none; }
.nav>div{ background-color: #2d61ae; }
.fDiv{ position: fixed; z-index: 2; top: 100px; left: 0; width: 100%; background: rgba(0,0,0,0); visibility: hidden; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
.fDiv.vis{ background-color: rgba(0,0,0,0.7); visibility: visible; }
nav>li{ background: url(../images/navbor.jpg) repeat-x bottom; padding: 0 24px; overflow: hidden; position: relative; }
nav>li>a{ font-size: 28px; color: #fff; height: 80px; line-height: 80px; display: block; }
nav>li span{ position: absolute; top: 23px; right: 15px; width: 34px; height: 34px; display: block; }
nav>li span img{ position: absolute; top: 0; left: 0; }
nav ul{ margin-bottom: 30px; display: none; }
nav ul li a{ font-size: 24px; color: #fff; padding: 0 20px; height: 60px; line-height: 60px; display: block; }
.headBut{ font-size: 0; text-align: center; margin: 0 -30px; padding: 70px 0; height: 100%; }
.headBut li{ display: inline-block; vertical-align: middle; margin: 0 30px; border-radius: 10px; border: solid 1px rgba(255,255,255,0.2); }
.headBut li a{ width: 320px; height: 80px; line-height: 80px; display: block; }
.headBut li a span{ font-size: 28px; color: #ffffff; margin-left: 28px; }
.headBut li a img,.headBut li a span{ display: initial; vertical-align: middle; }
.headBut li a img:nth-child(2){ display: none; }
/*汉堡导航按钮*/
.navToggle{ float: right; width: 30px; text-align: center; height: 60px; margin-top: 20px; border-radius: 100%; position: relative; display: inline-block; vertical-align: middle; transform: scale(1.5); }
.navToggle .icon,.navToggle .icon:before,.navToggle .icon:after{ transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
.navToggle .icon{ width: 30px; height: 2px; background-color: #2d61ae; display: inline-block; vertical-align: middle; position: absolute; left: 0px; top: 30px; }
.navToggle .icon:before,.navToggle .icon:after{ content: ""; width: 30px; height: 2px; background-color: #2d61ae; position: absolute; left: 0; display: inline-block; }
.navToggle .icon:before{ top: -8px; }
.navToggle .icon:after{ bottom: -8px; }
.navToggle.active .icon{ width: 0; }
.navToggle.active .icon:before{ top: -4px; -webkit-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg); }
.navToggle.active .icon:after{ top: -4px; -webkit-transform: translateY(4px) rotate(-45deg); -ms-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg); }
.collect{ display: inline-block; vertical-align: middle; width: 60px; text-align: center; height: 60px; line-height: 60px; margin-right: 20px; border-radius: 100%; background-color: #f8f8f8; font-size: 0; }
.collect a{ display: block; }
.collect a small{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; line-height: 0; position: relative; }
.collect a img{ display: inline-block; vertical-align: middle; width: 36px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
.collect a img:nth-child(2){ position: absolute; top: 0; left: 0; opacity: 0; }
.collect a.active img:nth-child(2){ opacity: 1; }
/*banner*/
.swiper-slide{ font-size: 0; }
.swiper-container-banner .swiper-slide{ position: relative; }
.swiper-container-banner .swiper-slide>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: 0; left: 0; text-align: center; }
.swiper-container-banner .swiper-slide>div .container{ display: inline-block; vertical-align: middle; text-align: left; }
.swiper-container-banner .swiper-slide dl{ overflow: hidden; }
.swiper-container-banner .swiper-slide dt{ float: left; }
.swiper-container-banner .swiper-slide dd{ float: right; width: 415px; }
.swiper-container-banner .swiper-slide h2{ margin-bottom: 15px; }
.swiper-container-banner .swiper-slide h2 strong,.swiper-container-banner .swiper-slide h2 img{ display: inline-block; vertical-align: middle; }
.swiper-container-banner .swiper-slide h2 strong{ font-size: 40px; color: #fff; margin-left: 10px; }
.swiper-container-banner .swiper-slide p{ font-size: 20px; color: #fff; line-height: 32px; }
.swiper-container-banner .swiper-slide a{ display: block; width: 245px; height: 70px; text-align: center; line-height: 70px; background-color: #ff7d23; border-radius: 5px; margin-top: 30px; font-size: 24px; color: #ffffff; }
.swiper-container-banner .swiper-pagination-bullet{ width: 16px; height: 16px; background-color: #fff; border-radius: 100%; opacity: 1; margin: 0 10px !important; }
.swiper-container-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #2d61ae; }
.swiper-container-banner .swiper-pagination{ bottom: 30px !important; display:none; }
/*footer*/
footer{ background-color: #323233; padding: 50px 0; }
.footop{ background: url(../images/footbg.jpg) repeat-x bottom; padding-bottom: 30px; }
footer ul{ overflow: hidden; margin: 0 -29px 50px; }
footer ul li{ float: left; margin: 0 28px; }
footer ul li a{ font-size: 24px; color: #c6c6c6; }
.footel{ height: 70px; line-height: 70px; font-size: 0; float: left; }
.footel img,.footel span{ display: inline-block; vertical-align: middle; }
.footel span{ font-size: 28px; color: #ff7d23; margin-left: 10px; }
.footBd a{ width: 230px; text-align: center; height: 70px; line-height: 70px; float: right; background-color: #ff7d23; border-radius: 5px; }
.footBd a span,.footBd a img{ display: inline-block; vertical-align: middle; }
.footBd a span{ font-size: 24px; color: #edecec; margin-right: 15px; }
.footbot{ padding-top: 50px; }
.footbot p,.footbot p a{ font-size: 22px; color: #666666; line-height: 36px; }
/*01-index*/
.content{ min-height: 650px; }
section{ padding: 40px 0; }
.section1 ul{ overflow: hidden; }
.section1 li{ width: 33.333%; float: left; text-align: center; }
.section1 li span{ font-size: 0; display: block; height: 103px; line-height: 103px; margin-bottom: 20px; }
.section1 li span img{ display: inline-block; vertical-align: middle; }
.section1 li h2{ font-size: 24px; color: #333333; }
.section2{ background-color: #f5f5f5; }
.tit{ text-align: center; margin-bottom: 40px; }
.tit h2{ font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 15px; line-height: 48px; }
.tit p{ font-size: 22px; color: #999999; line-height: 35px; }
.tit span{ color: #2d61ae; }
.swiper-container-sg{ padding-bottom: 50px; }
.swiper-container-sg .swiper-slide{ text-align: center; }
.swiper-container-sg h2{ font-size: 26px; color: #333333; line-height: 36px; margin-top: 30px; }
.swiper-container-sg h2 span{ color: #2d61ae; font-weight: bold; }
.swiper-container-sg .swiper-pagination-bullet{ width: 60px; height: 2px; background-color: #d2d2d2; border-radius: 0; opacity: 1; margin: 0 10px !important; }
.swiper-container-sg .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #2d61ae; }
.section3 ul{ overflow: hidden; }
.section3 li{ width: 20%; text-align: center; float: left; margin-bottom: 25px; }
.section3 li span{ display: block; font-size: 0; margin-bottom: 15px; }
.section3 li h3{ font-size: 22px; color: #666666; }
.section4,.section7{ background: url(../images/bg.jpg) repeat-x; background-size: 100%; }
.section4 .tit h2{ color: #fff; }
.section4 li{ border-bottom: dashed 1px #529cd4; padding: 20px 0; }
.section4 li:last-child{ border-bottom:none; }
.section4 li h2{ font-size: 24px; color: #fda925; margin-bottom: 20px; }
.section4 li p{ font-size: 24px; color: #fff; line-height: 34px; margin-bottom: 15px; }
.section4 li span{ font-size: 24px; font-family: "Arial"; color: #c3c3c3; }
.more{ text-align: center; }
.more a{ margin-top: 10px; display: inline-block; width: 320px; height: 80px; line-height: 80px; border-radius: 10px; border:solid 1px rgba(255,255,255,.2); font-size: 24px; color: #fff; }
.section5{ background-color: #f5f5f5; }
.txt5 li{ background: url(../images/listBg.png) no-repeat center left; padding: 0 30px; line-height: 60px; overflow: hidden; }
.txt5 li a p{ font-size: 24px; color: #333333; float: left; width: 470px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.txt5 li a span{ font-size: 24px; color: #999999; font-family: "Arial"; float: right; }
.section5 .more a{ background: #107fb0; margin-top: 50px; }
.section6 h2 img{ display: inline-block; vertical-align: middle; margin-right: 10px; }
.section6 ul{ overflow: hidden; }
.section6 li{ float: left; width: 33.333%; text-align: center; }
.section6 li h2{ font-size: 28px; color: #333; margin-top: 15px; }
.section7 ul{ overflow: hidden; }
.section7 li{ float: left; width: 33.333%; text-align: center; }
.swiper-container-sec7{ padding: 20px 0 75px; }
.swiper-container-sec7 .swiper-pagination{ bottom: 0 !important; }
.swiper-container-sec7 .swiper-pagination-bullet{ width: 16px !important; height: 16px !important; background-color: rgba(0,0,0,0) !important; border:solid 1px #fff; opacity: 1 !important; }
.swiper-container-sec7 .swiper-pagination-bullet-active{ background-color: #fff !important; }
.section8 ul{ overflow: hidden; font-size: 0; margin: 0 -5px; }
.section8 li{ float: left; margin: 5px 4px; }
.section9{ height: 300px; }
.section9 .container{ height: 100%; text-align: center; }
.section9 .container>div{ display: inline-block; vertical-align: middle; }
.section9 h2{ font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 50px; }
.section9 a{ display: inline-block; width: 200px; height: 58px; text-align: center; line-height: 58px; background: url(../images/butbg.jpg) repeat-x; background-size: 100%; border-radius: 5px; font-size: 24px; color: #fff; }
/*软件产品*/
.sNav{ font-size: 0; height: 75px; line-height: 75px; border-bottom: solid 1px #d8d8d8; }
.sNav a{ font-size: 22px; color: #999999; }
.sNav a.col{ color: #333; }
.sNav span{ margin: 0 15px; }
.txtit{ font-size: 0; text-align: center; margin-bottom: 50px; }
.txtit h2{ margin-bottom: 15px; }
.txtit h2 img,.txtit h2 span{ display: inline-block; vertical-align: middle; }
.txtit h2 span{ font-size: 32px; color: #333333; margin-left: 20px; }
.txtit p{ font-size: 24px; color: #ff7d23; font-weight: bold; }
.txtxt{ border-bottom: dashed 1px #bdbdbd; padding-bottom: 60px; }
.bottomDiv p{ font-size: 22px; color: #333333; }
.bottomDiv p a{ color: #ff7d23; }
.bottomDiv>div>a{ font-size: 28px; color: #fff; display: block; margin: auto; width: 360px; height: 80px; text-align: center; line-height: 80px; background-color: #ff7d23; border-radius: 10px; margin-top: 40px; margin-bottom: 70px; }
/*产品动态*/
.txtxt1{ border-bottom: none; }
.txtxt1 li{ border-bottom: solid 1px #dfdfdf; padding: 0 15px; height: 110px; line-height: 110px; }
.txtxt1 li a{ display: block; overflow: hidden; background: url(../images/listBg.png) no-repeat left center; padding-left: 30px; font-size: 24px; color: #333333; }
.txtxt1 li a p{ float: left; width: 460px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.txtxt1 li a span{ float: right; font-size: 24px; color: #999999; font-family: "Arial"; }
/*分页*/
.page{ text-align: center; font-size: 0; margin-top: 50px; }
.page a{ width: 70px; height: 70px; line-height: 68px; margin: 0 10px; border-radius: 100%; display: inline-block; vertical-align: middle; border:solid 1px #a4a4a4; color: #535353; font-size: 24px; }
.page .pagePrev,.page .pageNext{ font-weight: bold; }
.page .pagePrev.col{ border-color: #dadadb; color: #bababa; }
.page a.active{ background-color: #22b8c8; color: #fff; border-color: #22b8c8; }
/*在线试用-提示*/
.tishitxt{ background: url(../images/page_tishi.jpg) no-repeat center top; background-size: 100% 100%; }
.tishitxt .container{ height: 100%; font-size: 0; }
.tishitxt .container>div{ display: inline-block; vertical-align: middle; }
.tishitxt .txtdiv p{ font-size: 20px; color: #000000; line-height: 36px; margin-top: 10px; }
.tishitxt .txtdiv p span{ color: #ff0000; }
.tishitxt .txtdiv p a{ color: #387bde; }
/*在线试用*/
.formDiv{ margin-bottom: 90px; }
.formDiv h2{ height: 50px; line-height: 50px; margin-bottom: 30px; }
.formDiv h2 img,.formDiv h2 span{ display: inline-block; vertical-align: middle; }
.formDiv h2 span{ font-size: 32px; color: #333333; margin-left: 20px; }
.formDiv form>div{ font-size: 0; margin-bottom: 20px; }
.formDiv form label,.formDiv form input,.formDiv form select{ display: inline-block; vertical-align: middle; }
.formDiv form label{ font-size: 24px; color: #333333; display: inline-block; width: 135px; height: 70px; line-height: 70px; }
.formDiv form input,.formDiv form select{ width: 565px; height: 70px; border:solid 1px #d4d4d4; padding: 0 20px; border-radius: 5px; font-size: 24px; }
::-webkit-input-placeholder{ font-size: 24px; color: #d0d0d0; }
.formDiv form select{ background:url(../images/selejian.png) no-repeat right 20px center; }
.but input{ width: 100% !important; background-color: #ff7d23; border:none !important; height: 70px; font-size: 28px; color: #fff; }
/*关于元动*/
.abotxt .txtxt{ border-bottom: 0; }
.abotxt .txtxt>div{ margin-bottom: 50px; }
.abotxt .txtxt h3{ text-align: center; border-bottom: solid 1px #dddddd; margin-bottom: 50px; }
.abotxt .txtxt h3 span{ font-size: 28px; color: #333333; display: inline-block; vertical-align: middle; border-bottom: solid 2px #2d61ae; padding-bottom: 20px; }
.abotxt .txtxt h4{ font-size: 32px; color: #2d61ae; text-align: center; margin-bottom: 50px; }
/*联系我们*/
.contxt1{ border-bottom: solid 10px #ebebeb; }
.contxt .txtit h2 span{ color: #000; }
.contxt .txtxt{ border-bottom: none; }
.contxt li{ margin-bottom: 35px; }
.contxt li span,.contxt li a{ display: inline-block; vertical-align: middle; }
.contxt li span{ font-size: 24px; color: #666666; margin-right: 25px; }
.contxt1 li>div{ width: 360px; margin: auto; }
.contxt li p{ display: inline-block; vertical-align: middle; }
.contxt li small,.contxt li p img{ display: inline-block; vertical-align: middle; }
.contxt li small{ font-size: 24px; color: #ffaa23; font-family: "Arial"; }
.contxt li>div a{ width: 360px; height: 70px; line-height: 70px; text-align: center; font-size: 24px; background-color: #ffaa23; color: #fff; border-radius: 5px; margin-top: 35px; }
.contxt .txtxt>p{ font-size: 24px; color: #666666; text-align: center; }
.contxt2 li{ overflow: hidden; }
.contxt2 li>div:nth-child(1){ float: left; height: 45px; line-height: 45px; }
.contxt2 li>div:nth-child(2){ float: right; height: 45px; line-height: 45px; }
/*修改*/
.swiper-container-sg h2 span{ display:block;}
.contxt li{ text-align:center;}
.fancybox-close{ display:none;}

.swiper-container-sg h2 br{
	display:none;
}