html,body{ height:100%; padding:0; margin:0; font-size:14px;}

body{}

ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}

a{ color:#333333; text-decoration:none;}

a:hover{ color:#06C;}

p{ margin:0; padding:0; height:auto; line-height:normal;}

h1,h2,h3,h4,h5{ font-weight:normal; margin:0; padding:0;}

.body{ width:100%; height:100%;}

.clear{ clear:both;}

.left{ float:left;}

.right{ float:right;}

.dian{ background:#FF9966; display:inline-block; margin-right:10px; width:12px; height:12px; border-radius:30px;}

.red{ color:red;}

.blue{ color:blue;}



/* 滚动条样式 */

.scroll::-webkit-scrollbar{ width:6px; height:6px; background-color:#E3E7EE;}

.scroll::-webkit-scrollbar-track{ background-color:#E3E7EE}

.scroll::-webkit-scrollbar-thumb{ background-color:#B4C4DA;}



.container{ width:1200px; margin-right:auto; margin-left:auto;}

.container *{ box-sizing:border-box;}

.fluid{ width:100%; margin-right:auto; margin-left:auto;}

.row:after,.row:before{ content:"";display:table;clear:both}

.row{ margin:0;}

[class*=col-]{ float:left; width:8.33%;}

@media all and (min-width:769px){

.col-md1{width:8.33%}

.col-md2{width:16.66%}

.col-md3{width:25%;}

.col-md4{width:33.33%}

.col-md5{width:41.66%}

.col-md6{width:50%}

.col-md7{width:58.33%}

.col-md8{width:66.66%}

.col-md9{width:75%}

.col-md10{width:83.33%}

.col-md11{width:91.66%}

.col-md12{width:100%}

.col-md-hide{ display:none;}

}

@media all and (max-width:768px){

.col-xs1{width:8.33%}

.col-xs2{width:16.66%}

.col-xs3{width:25%}

.col-xs4{width:33.33%}

.col-xs5{width:41.66%}

.col-xs6{width:50%}

.col-xs7{width:58.33%}

.col-xs8{width:66.66%}

.col-xs9{width:75%}

.col-xs10{width:83.33%}

.col-xs11{width:91.66%}

.col-xs12{width:100%}

.col-xs-hide{ display:none;}

}

.w{ width:1200px; margin:0 auto;}

@media all and (max-width:768px){

.w{ width:calc(100% - 20px); margin:0 auto;}

}

.header{ height:80px; background:#ffffff; box-shadow:1px 2px 5px #333333;}

.header .logo{ float:left; width:240px;}

.header .logo img{ height:50px; margin-top:15px;}

.header .mobileNav{  font-size:2rem; float:right; margin-top:23px; margin-right:10px; display:none;}

.header .nav{ float:left; width:800px;}

.header .nav > ul{}

.header .nav > ul > li{ display:inline-block; padding:0 20px; height:80px; line-height:80px; position:relative;}

.header .nav > ul > li > a{ font-size:1.15rem;}

.header .nav > ul > li > a.on,.header .nav ul li a:hover{ border-bottom:2px solid #0066cc; padding-bottom:8px;}

.header .nav > ul > li:hover > ul{ display:block;}

.header .nav > ul > li > ul{ display:none; width:max-content; position:absolute; top:80px; left:0; padding:15px; filter:Alpha(opacity=100); background-color: rgba(255,255,255,0.97); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.header .nav > ul > li > ul > li{ height:30px; line-height:30px;}

.header .nav > ul > li > ul > li > a{ font-size:1.1rem;}

.header .nav > ul > li > ul > li > a:hover{ border-bottom:0;}

.header .nav > ul > li.pro{}

.header .nav > ul > li.pro > .proBox{ display:none; width:max-content; position:absolute; top:80px; left:0; padding:20px 20px 30px 30px; filter:Alpha(opacity=100); background-color:rgba(255,255,255,0.97); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.header .nav > ul > li.pro:hover > .proBox{ display:block; width:500px;}

.header .nav > ul > li.pro:hover > .proBox dl{ float:left; height:auto; line-height:normal; margin-right:50px;}

.header .nav > ul > li.pro:hover > .proBox dl dt{ font-size:1.2rem; height:40px; line-height:40px; font-weight:bold;}

.header .nav > ul > li.pro:hover > .proBox dl dt a{}

.header .nav > ul > li.pro:hover > .proBox dl dt a:hover{ border-bottom:0;}

.header .nav > ul > li.pro:hover > .proBox dl dd{ height:30px; line-height:30px; background:url(jt.png) no-repeat left center;}

.header .nav > ul > li.pro:hover > .proBox dl dd a{ border-bottom:0; font-size:1.1rem;}

.header .nav > ul > li.pro:hover > .proBox dl dd a:hover{}

.header .nav > ul > li.pro:hover > .proBox dl dd a.hot{ color:red;}

.header .contact{ float:left; width:160px;}

.header .contact .box{ width:170px; padding:5px 0; border-radius:3px; text-align:center; margin-top:12px; text-align:right;}

.header .contact .box .p1{ font-size:1rem;}

.header .contact .box .p2{ font-size:1.4rem; letter-spacing:1px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#06C;}

@media all and (max-width:768px){

.header{ height:70px; position:relative;}

.header .logo{ width:230px; padding-left:10px;}

.header .logo img{ height:40px; margin-top:px;}

.header .mobileNav{ display:block;}

.header .nav{ display:none; float:left; width:110px; padding:15px 0; height:auto; position:absolute; top:60px; right:20px; opacity:0.95; background:#ffffff; border-radius:3px; box-shadow:5px 5px 5px #333333;}

.header .nav > ul > li{ height:35px; line-height:35px;}

.header .nav > ul > li > a{ color:#333333; font-size:1.1rem;}

.header .nav > ul > li:hover > ul{ display:none;}

.header .nav > ul > li.pro{ height:100px;}

.header .nav > ul > li.pro > .proBox{ display:block; width:100%; opacity:1; z-index:10; margin-top:0; padding:0; top:35px; margin-left:20px; background:none; box-shadow: 0 0 0 #aaa;}

.header .nav > ul > li.pro > .proBox dl{ margin:0;}

.header .nav > ul > li.pro > .proBox dt{ display:block; text-indent:10px;}

.header .nav > ul > li.pro > .proBox dt a{ font-size:1rem; font-weight:normal; color:#999999;}

.header .nav > ul > li.pro:hover > .proBox dl dt a{ color:#999999;}

.header .nav > ul > li.pro > .proBox dd{ display:none;}

.header .nav > ul > li.pro:hover > .proBox dl{ margin-right:0px; display:block; float:none;}

.header .nav > ul > li.pro:hover > .proBox dl dt{ height:35px; line-height:35px;}

.header .nav > ul > li.pro:hover > .proBox dl dd{ height:30px; line-height:30px;}

.header .contact{ display:none;}

}

.slide{ height:550px; background:#1E356C;}

/*.slide:hover{ background:#3061B1;}*/

.slide .slideBg{ height:100%; text-align:center; background:url(slide.png) no-repeat 90px 10px;}

.slide .slideBg .d1{ text-align:left; padding-top:120px; font-size:3rem; color:#eeeeee; margin-bottom:40px;}

.slide .slideBg .d2{ text-align:left; color:#cccccc; font-size:1.4rem; margin-top:20px;}

.slide .slideBg .d3{ text-align:left; margin-top:40px;}

.slide .slideBg .d3 a{ display:inline-block; margin-right:10px; padding:10px; background:#5195D2; color:#ffffff; width:110px; letter-spacing:1px; text-align:center; border-radius:5px; font-size:1.3rem;}

.slide .slideBg .d3 a.sy{ background:#EB996D;}

.slide .slideBg .d3 a.wx{ background:#096; position:relative;}

.slide .slideBg .d3 a.wx:hover span{ display:block;}

.slide .slideBg .d3 a.wx span{ display:none; position:absolute; top:50px; left:0; padding:5px; background:#ffffff;}

.slide .slideBg .d3 a.wx span img{ width:140px;}

.slide .slideBg .d3 a.qq{}

.slide .slideBg .d3 a:hover{ opacity:0.9;}

@media all and (max-width:768px){

.slide{ height:320px; padding:0 30px;}

.slide .slideBg{ height:100%; text-align:center; background:url(slide.png) no-repeat top left; background-position:30% 30%;}

.slide .slideBg .d1{ font-size:1.8rem; padding-top:30px; margin-bottom:20px;}

.slide .slideBg .d2{ font-size:1.1rem; margin-top:15px;}

.slide .slideBg .d3{ text-align:left; margin-top:20px;}

.slide .slideBg .d3 a{ width:70px; font-size:1.05rem; padding:5px; }

}

.indexProduct{ padding:60px 0;}

.indexProduct h3{ font-size:2.2rem; text-align:center;}

.indexProduct h4{ font-size:1.2rem; color:#666666; text-align:center; margin-top:10px;}

.indexProduct .indexProductBox{ padding-top:50px;}

.indexProduct .indexProductBox > .left{ width:calc(33.33% - 30px); margin-right:45px;}

.indexProduct .indexProductBox > .left:last-child{ margin-right:0;}

.indexProduct .indexProductBox > .left .img{ width:calc(100% - 40px); height:100px; border-radius:10px; background:url(p1.png) no-repeat center center; background-position:100% 100%; padding-top:40px; padding-left:40px;}

.indexProduct .indexProductBox > .left .img1{ background:url(p1.png);}

.indexProduct .indexProductBox > .left .img2{ background:url(p2.png);}

.indexProduct .indexProductBox > .left .img3{ background:url(p3.png);}

.indexProduct .indexProductBox > .left .img a{ font-size:1.6rem; color:#ffffff; letter-spacing:2px;}

.indexProduct .indexProductBox > .left .img a:hover{ color:#FF9966;}

.indexProduct .indexProductBox > .left .img p{ color:#ffffff; margin-top:5px;}

.indexProduct .indexProductBox > .left .img:hover{ opacity:0.9;}

.indexProduct .indexProductBox > .left .list{ padding-top:20px;}

.indexProduct .indexProductBox > .left .list ul{}

.indexProduct .indexProductBox > .left .list ul li{ height:30px; line-height:30px;}

.indexProduct .indexProductBox > .left .list ul li a{ font-size:1.15rem;}

.indexProduct .indexProductBox > .left .list .more{ padding-top:15px; text-align:right;}

@media all and (max-width:768px){

.indexProduct{ padding:30px 0 10px 0;}

.indexProduct h3{ font-size:1.6rem;}

.indexProduct h4{ font-size:1rem;}

.indexProduct .indexProductBox{ padding-top:20px;}

.indexProduct .indexProductBox > .left{ width:100%; float:none;}

.indexProduct .indexProductBox > .left .img{ width:calc(100% - 20px); height:70px; padding-top:20px; padding-left:20px; border-radius:5px;}

.indexProduct .indexProductBox > .left .img a{ font-size:1.4rem;}

.indexProduct .indexProductBox > .left .img p{ font-size:0.9rem;}

.indexProduct .indexProductBox > .left .list .more{ padding:10px 0 20px 0;}

.indexProduct .indexProductBox > .left .list ul li a{ font-size:1.1rem;}

}

.good1{ padding:60px 0;}

.good1 h3{ font-size:2.2rem; text-align:center;}

.good1 h4{ font-size:1.2rem; color:#666666; text-align:center; margin-top:10px;}

.good1 ul{ margin-top:20px;}

.good1 ul li{ width:20%; float:left; text-align:center;}

.good1 ul li .p1{ margin-top:40px;}

.good1 ul li .p1 img{ height:100px;}

.good1 ul li .p2{ font-size:1.2rem; margin-top:10px; color:#555555; font-weight:bold;}

.good1 ul li .p3{ width:75%; margin:0 auto; font-size:1.05rem; color:#666666; margin-top:10px; line-height:24px;}

@media all and (max-width:768px){

}

.good2{ padding:60px 0; background:#f5f5f5;}

.good2 h3{ font-size:2.2rem; text-align:center;}

.good2 h4{ font-size:1.2rem; text-align:center; color:#666666; margin-top:10px;}

.good2 .good2TabTitle{ padding-top:40px; text-align:center;}

.good2 .good2TabTitle span{ display:inline-block; background:#ffffff; color:#666666; margin:0 5px 15px 5px; padding:8px 12px; border-radius:5px; font-size:1.1rem; cursor:pointer;}

.good2 .good2TabTitle span:hover{ opacity:0.8;}

.good2 .good2TabTitle span.on{ background:#F90; color:#ffffff;}

.good2 .good2TabContent{}

.good2 .good2TabContent ul{ display:none;}

.good2 .good2TabContent ul.on{ display:block;}

.good2 .good2TabContent ul{ margin-top:20px;}

.good2 .good2TabContent ul li{ width:12.5%; height:200px; float:left; text-align:center; margin-bottom:15px;}

.good2 .good2TabContent ul li a{ color:#eeeeee;}

.good2 .good2TabContent ul li a:hover{ color:#ffffff;}

.good2 .good2TabContent ul li .p1{ margin-top:40px;}

.good2 .good2TabContent ul li .p1 img{ height:80px;}

.good2 .good2TabContent ul li .p2{ font-size:1.2rem; margin-top:15px;}

.good2 .good2TabContent ul li .p3{ width:75%; margin:0 auto; font-size:1rem; color:#666666; margin-top:15px; height:40px; line-height:20px; overflow:hidden;}

.good2 .good2TabContent ul li.type2{ height:130px;}

.good2 .good2TabContent ul li.type2 .p4 img{ height:80px;}

.good2 .good2TabContent ul li.type2 .p4{ margin-top:20px;}

.good2 .good2TabContent ul li.type2 .p5{ font-size:1.2rem; margin-top:10px; font-size:1.1rem; color:#555555;}

.good2 .good2TabContent ul .more{ text-align:center; padding-top:40px;}

.good2 .good2TabContent ul .more a{ padding:7px 18px; background:#eeeeee; font-size:1.1rem; border:1px solid #cccccc; border-radius:30px;}

.good2 .good2TabContent ul .more a:hover{ background:#ffffff;}

@media all and (max-width:768px){

.good2{ padding:40px 0;}

.good2 h3{ font-size:1.6rem; }

.good2 h4{ font-size:1rem; }

.good2 .good2TabContent ul{ margin-top:10px;}

.good2 .good2TabContent ul li{ width:50%;}

.good2 .good2TabContent ul li .p1{ margin:30px 0;}

.good2 .good2TabContent ul li .p1 img{ height:80px;}

.good2 .good2TabContent ul li .p2{ font-size:1.1rem;}

.good2 .good2TabContent ul li .p3{ width:90%; font-size:1rem;}

.good2 .good2TabContent ul li.type2{ width:33.33%; height:100px;}

.good2 .good2TabContent ul li.type2 .p4 img{ height:60px;}

.good2 .good2TabContent ul li.type2 .p4{ margin-top:20px;}

.good2 .good2TabContent ul li.type2 .p5{ font-size:1.2rem; margin-top:10px; font-size:1.1rem; color:#555555;}

}

.good3{ padding:60px 0;}

.good3 h3{ font-size:2.2rem; text-align:center;}

.good3 h4{ font-size:1.2rem; color:#666666; text-align:center; margin-top:10px;}

.good3 ul{ margin-top:40px;}

.good3 ul li{ width:calc(30% - 20px); height:auto; margin-right:20px; margin-bottom:20px; float:left; border:1px solid #D9D9D9; padding:20px; border-radius:5px;}

.good3 ul li:nth-child(3n+0){ margin-right:0;}

.good3 ul li .p1{ color:#333333; font-size:1.2rem; margin-bottom:15px; background:#fafafa; padding:10px; line-height:30px;}

.good3 ul li .p1 em{ color:#1F7ECC;}

.good3 ul li .p2{ color:#666666; padding-bottom:5px; font-size:1.05rem;}

.good3 ul li .p2 i{ font-style:normal; text-align:center; display:inline-block; height:15px; line-height:15px; width:15px; background:#1F7ECC; color:#ffffff; padding:3px; border-radius:5px; margin-right:10px;}

.good3 ul li .p3{ color:#666666; padding-bottom:5px; height:40px; line-height:24px; overflow:hidden; font-size:1.05rem;}

.good3 ul li .p3 i{ font-style:normal; text-align:center; display:inline-block; height:15px; line-height:15px; width:15px; background:#5CB85C; color:#ffffff; padding:3px; border-radius:5px; margin-right:10px;}

.good3 ul li .line{ border-bottom:1px solid #dddddd; margin:10px 0 15px 0;}

.good3 ul li .line:last-child{ border-bottom:0;}

@media all and (max-width:768px){

.good3{ padding:30px 0;}

.good3 h3{ font-size:1.6rem; }

.good3 h4{ font-size:1rem; }

.good3 ul{ margin-top:30px;}

.good3 ul li{ width:calc(100% - 40px); margin-bottom:10px;}

.good3 ul li .p2{ font-size:1rem;}

.good3 ul li .p3{ font-size:1rem;}

}

.good5{ padding:60px 0; background:#ffffff;}

.good5 h3{ font-size:2.2rem; text-align:center;}

.good5 h4{ font-size:1.2rem; text-align:center; color:#666666; margin-top:10px;}

.good5 .box{ margin-top:50px;}

.good5 .img{ width:500px; float:left;}

.good5 .img img{ width:90%; border:7px solid #f5f5f5;}

.good5 ul{ width:calc(100% - 500px); float:left;}

.good5 ul li{ width:100%; display:inline-block; font-size:1.15rem; line-height:43px; border-bottom:1px dotted #eeeeee;}

.good5 ul li a{}

.good5 ul li span{ color:#999999; float:right;}

.good5 .more{ text-align:center; background:#5195D2; width:100px; padding:8px 0; border-radius:30px; margin:0 auto; margin-top:50px;}

.good5 .more:hover{ opacity:0.8;}

.good5 .more a{ font-size:1.1rem; color:#ffffff;}

@media all and (max-width:768px){

.good5{ padding:30px 0;}

.good5 h3{ font-size:1.6rem; }

.good5 h4{ font-size:1rem; }

.good5 .img{ width:100%; float:none; text-align:center;}

.good5 ul{ width:calc(100% - 20px); float:none; margin:15px auto;}

.good5 ul li{ float:none; text-align:left; line-height:20px; font-size:1.1rem; padding:10px 0;}

.good5 ul li span{ float:none; display:block; font-size:0.8rem; margin-top:5px;}

.good5 .more{ margin-top:20px; padding:5px 0;}

.good5 .more a{ font-size:1rem; color:#ffffff;}

}

.banner{ height:360px; background:url(banner2.jpg) no-repeat center center;}

.banner .d1{ text-align:center; padding-top:130px; color:#ffffff; font-size:2rem;}

.banner .d2{ text-align:center; padding-top:30px;}

.banner .d2 a{ display:inline-block; margin-right:10px; padding:6px; background:#5195D2; color:#ffffff; width:110px; letter-spacing:1px; text-align:center; border-radius:5px; font-size:1.2rem;}

.banner .d2 a.sy{ background:#EB996D;}

.banner .d2 a.wx{ background:#096; position:relative;}

.banner .d2 a.wx:hover span{ display:block;}

.banner .d2 a.wx span{ display:none; position:absolute; top:50px; left:0; padding:5px; background:#ffffff;}

.banner .d2 a.wx span img{ width:140px;}

.banner .d2 a.qq{}

.banner .d2 a:hover{ opacity:0.9;}

@media all and (max-width:768px){

.banner{ height:200px;}

.banner .d1{ font-size:1.15rem; line-height:26px; text-align:left; padding:25px 20px 20px 20px;}

.banner .d2{ padding-top:0px;}

.banner .d2 a{ font-size:1rem; width:auto; padding:3px 5px;}

}

.box1{ padding:40px 0;}

.box1Left{ width:200px; float:left;}

.box1Left .softwareSearch{ padding-bottom:20px;}

.box1Left .softwareSearch input.tag{ width:140px; height:30px; padding:0 8px; line-height:30px; display:inline-block; border:1px solid #aaaaaa; vertical-align:middle; border-right:0;}

.box1Left .softwareSearch input.submit{ height:32px; line-height:32px; display:inline-block; vertical-align:middle;}

.box1Left dl{}

.box1Left dl dt{ background:#1577BB; height:40px; line-height:40px; text-indent:25px; color:#ffffff; font-size:1.2rem; border-bottom:1px solid #ffffff; border-top-left-radius:5px; border-top-right-radius:5px;}

.box1Left dl dd{ padding:10px 10px; line-height:24px; overflow:hidden; background:#e9e9e9; border-bottom:1px solid #ffffff;}

.box1Left dl dd a{ font-size:1.05rem;}

.box1Left dl dd a.on{ color:#1577BB; font-weight:bold;}

.box1Right{ width:calc(100% - 240px); float:left; margin-right:40px;}

.box1Right h3{ font-size:1.15rem; margin:20px 0 20px 0; height:40px; line-height:40px; background:#f3f3f3; text-indent:15px; border-bottom:1px solid #dddddd; font-weight:bold; color:#1577BB;}

.box1RightLocation{ border-bottom:1px solid #dddddd; margin-bottom:30px; font-size:1.1rem; padding-bottom:15px;}

.box1RightLocation a:hover{ color:#0066CC;}

.box1Right h1{ text-align:center; margin-bottom:10px;}

.box1Right .use{ text-align:right; text-align:center; margin-bottom:30px;}

.box1Right .use a{ font-size:1.1rem; color:red;}

.box1Right .use a:hover{  color:#666;}

.box1RightConent{ font-size:1.15rem; line-height:30px; margin-bottom:30px; color:#555555;}

.box1RightConent .softimg{ height:240px; border:1px solid #eeeeee; margin:0 20px 20px 0; float:left;}

@media all and (max-width:768px){
.box1RightConent .softimg{ width:100%; height:auto;}	

}

/*.box1RightNav{}

.box1RightNav .dian{ background:#ffffff; margin-right:10px; width:10px; height:10px; border-radius:30px; display:none;}

.box1RightNav a{ display:block; float:left; margin-right: 15px; font-size:1.2rem; border:1px solid #1577BB; background:#1577BB; color:#ffffff; padding:3px 15px; border-radius:30px; margin-bottom:15px;}

.box1RightNav a:hover{ border:1px solid #cccccc;  background:#eeeeee; color:#333333;}

.box1RightNav a:hover .dian{ background:#1577BB;}

.box1RightNavFixed{ max-width:960px; position: fixed; height: auto; line-height:40px;  background:#1577BB; padding:10px; top:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.box1RightNavFixed a{ padding:3px 10px; border-radius:5px; height:auto; line-height:normal; border:0; margin:0; margin-left:10px;}

.box1RightNavFixed a:hover{ border:0;}

.box1RightNavBox{ margin:0 auto;}*/





.box1RightNav{}

.box1RightNav .dian{ background:#ffffff; display:inline-block; margin-right:10px; width:10px; height:10px; border-radius:30px;}

.box1RightNav a{ display:block; float:left; margin-right: 15px; margin-bottom:10px; font-size:1.1rem; border:1px solid #1577BB; background:#1577BB; color:#ffffff; padding:3px 15px; border-radius:30px;}

.box1RightNav a:hover{ border:1px solid #cccccc;  background:#eeeeee; color:#333333;}

.box1RightNav a:hover .dian{ background:#1577BB;}

.box1RightNav a.on{ border:1px solid #cccccc;  background:#eeeeee; color:#333333;}

.box1RightNav a.on .dian{ background:#1577BB;}

.box1RightNavFixed{ width:calc(100% - 475px); overflow-x:auto; position: fixed; height: 40px; line-height:40px;  background:#1577BB; padding-right:10px; top:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.box1RightNavFixed .fi{ width:max-content;}

.box1RightNavFixed a{ padding:3px 10px; border-radius:5px; height:auto; line-height:normal; border:0; margin:0; margin-left:10px;}

.box1RightNavFixed a:hover{ border:0;}





.box1RightTitle{ text-align:center; padding:20px 0;}

.box1RightTitle h1{ font-size:2rem;}

.box1RightTitle p{ height:40px; line-height:40px; color:#999999;}

.box1RightContent{ font-size:1.15rem; line-height:36px; color:#444444;}

.box1RightContent img.img{ border:1px solid #dddddd; padding:10px; width:75%; margin:20px 0;}

.box1RightFeature{}

.box1RightFeatureBox{}

.box1RightFeatureBox ul{ padding:10px 0;}

.box1RightFeatureBox ul li{ text-align:center; display:inline-block; width:calc(20% - 20px); margin-right:20px; margin-top:30px;}

.box1RightFeatureBox ul li:nth-child(5){ margin-right:0;}

.box1RightFeatureBox ul li p{ text-align:center;}

.box1RightFeatureBox ul li .p1{}

.box1RightFeatureBox ul li .p1 img{ height:80px;}

.box1RightFeatureBox ul li .p2{ padding-top:10px; font-size:1.15rem; height:20px; overflow:hidden;}

.box1RightFeatureBox ul li .p3{ padding-top:10px; font-size:0.9rem; color:#666666; height:44px; line-height:24px; overflow-y:auto; color:#999999; text-align:left;}

.box1RightFeatureBox ul.to1 li{ width:100%; margin-right:0px;}

.box1RightFeatureBox ul.to1 li:nth-child(1n+0){ margin-right:0;}

.box1RightFeatureBox ul.to2 li{ width:calc(50% - 20px); margin-right:35px;}

.box1RightFeatureBox ul.to2 li:nth-child(2n+0){ margin-right:0;}

.box1RightFeatureBox ul.to3 li{ width:calc(33.33% - 20px); margin-right:25.3px;}

.box1RightFeatureBox ul.to3 li:nth-child(3n+0){ margin-right:0;}

.box1RightFeatureBox ul.to4 li{ width:calc(25% - 20px); margin-right:21.9px;}

.box1RightFeatureBox ul.to4 li:nth-child(4n+0){ margin-right:0;}

.box1RightFeatureBox ul.to5 li{ width:calc(20% - 20px); margin-right:20.2px;}

.box1RightFeatureBox ul.to5 li:nth-child(5n+0){ margin-right:0;}

.box1RightFeatureBox ul.to6 li{ width:calc(16.66% - 20px); margin-right:19.3px;}

.box1RightFeatureBox ul.to6 li:nth-child(6n+0){ margin-right:0;}

.box1RightFeatureBox ul.to7 li{ width:calc(14.28% - 20px); margin-right:18.65px;}

.box1RightFeatureBox ul.to7 li:nth-child(7n+0){ margin-right:0;}

.box1RightFeatureBox ul.to8 li{ width:calc(12.5% - 20px); margin-right:18.1px;}

.box1RightFeatureBox ul.to8 li:nth-child(8n+0){ margin-right:0;}

@media all and (max-width:768px){

.box1{ padding:10px 0;}

.box1Left{ width:100%; float:none;}

.box1Left dl dt{ font-size:1.1rem;}

.box1Left dl dd{}

.box1Left dl dd a{ font-size:1rem;}

.box1Right{ width:100%; float:none; margin-left:0px; margin-top:20px;}

.box1RightLocation{ font-size:1.1rem; text-align:left;}

.box1RightNav a{ margin-bottom:15px; margin-right:10px; font-size:1.1rem;}

.box1RightNavFixed{ position: fixed; width: 100%; background:#1577BB; top:0px; margin-bottom:0px;  overflow-x:auto; border-radius:0;}

.box1RightNavFixed a{ padding:3px 10px; border-radius:5px; line-height:normal; border:0; margin:0; display:inline-block; width:max-content;}

.box1RightNavFixed a:hover{ border:0;}

.box1RightTitle{ padding:10px 0;}

.box1RightTitle h1{ font-size:1.4rem;}

.box1RightTitle p{ height:30px; line-height:30px; color:#999999;}

.box1RightContent{ font-size:1.1rem; line-height:30px; padding-bottom:15px;}

.box1RightFeature{}

.box1RightFeatureBox ul{ padding:0;}

.box1RightFeatureBox ul.mto1 li{ width:100%;}

.box1RightFeatureBox ul.mto2 li{ width:calc(50% - 0px); margin-right:15px; float:left;}

.box1RightFeatureBox ul.mto2 li:nth-child(2n+0){ margin-right:0;}

.box1RightFeatureBox ul.mto2 li p.p1{ text-align:center;}

.box1RightFeatureBox ul.mto2 li p.p1 img{ width:auto; height:60px;}

.box1RightFeatureBox ul.mto2 li p.p2{ width:90%; margin:0 auto;}

.box1RightFeatureBox ul.mto2 li p.p3{ width:90%; margin:0 auto; font-size:1rem; height:60px; overflow:hidden;}

.box1RightFeatureBox ul li{ display:block; width:calc(33.33% - 10px); float:left; margin-right:10px;}

.box1RightFeatureBox ul li:nth-child(3){ margin-right:0;}

.box1RightFeatureBox ul li .p1 img{ height:60px;}

.box1RightFeatureBox ul li .p2{ width:calc(100% - 20px); margin:0 auto; overflow:hidden; padding-top:10px; margin-bottom:10px; font-size:1rem;}

.box1RightFeatureBox ul li .p3{ padding-top:0;}

}

.box2{ padding:40px 0;}

.box2Left{ width:calc(100% - 340px); float:left;}

.box2Left span.d{ background:#FF9966; display:inline-block; vertical-align:middle; margin-Left:10px; width:15px; height:15px; border-radius:5px;}

.box2LeftTitle{ border-bottom:1px solid #dddddd; height:35px; margin-bottom:30px; font-size:1.1rem;}

.box2LeftTitle span.hot{ color:#cccccc; float:Left; font-size:1rem; font-weight:normal; line-height:40px;}

.box2LeftTitle .location{ float:left;}

.box2LeftContent{ font-size:1.1rem; line-height:30px; color:#555555;}

.box2LeftFeature{}

.box2LeftFeature h3{ margin:30px 0 20px 0; border-bottom:1px solid #dddddd; padding-bottom:10px; font-weight:bold; color:#1577BB;}

.box2LeftFeatureBox{}

.box2LeftFeatureBox ul{}

.box2LeftFeatureBox ul li{ width:calc(33.33% - 30px); margin-Left:30px; text-align:center; display:inline-block; margin-bottom:20px;}

.box2LeftFeatureBox ul li .p1{}

.box2LeftFeatureBox ul li .p1 img{ padding:10px; border:1px solid #dddddd; width:100%;}

.box2LeftFeatureBox ul li .p2{ padding-top:10px; text-align:left; font-size:1rem;}

.box2LeftFeatureBox ul li:nth-child(3n+0){ margin-Left:0;}

.box2LeftFeatureBox ul li .p1 img:hover{ border:1px solid #5195D2;}

.box2LeftModule{}

.box2LeftModule h3{ margin:30px 0 20px 0; border-bottom:1px solid #dddddd; padding-bottom:10px; font-weight:bold; color:#1577BB;}

.box2Right{ width:300px; float:Right; margin-left:40px;}

.box2Right .softwareSearch{ padding-bottom:20px;}

.box2Right .softwareSearch input.tag{ width:240px; height:30px; padding:0 8px; line-height:30px; display:inline-block; border:1px solid #aaaaaa; vertical-align:middle; border-right:0;}

.box2Right .softwareSearch input.submit{ height:32px; line-height:32px; display:inline-block; vertical-align:middle;}

.box2Right dl{}

.box2Right dl dt{ background:#1577BB; height:40px; line-height:40px; text-indent:25px; color:#ffffff; font-size:1.2rem; border-bottom:1px solid #ffffff; border-top-Right-radius:5px; border-top-right-radius:5px;}

.box2Right dl dd{ text-indent:25px; height:40px; line-height:40px; overflow:hidden; background:#e9e9e9; border-bottom:1px solid #ffffff;}

.box2Right dl dd a{ font-size:1.05rem;}

.box2Right dl dd a.on{ color:#1577BB; font-weight:bold;}

@media all and (max-width:768px){

.box2{ padding:20px 0;}

.box2LeftTitle{ font-size:1.2rem;}

.box2Left{ width:100%;}

.box2Right{ width:100%;}

}

.box3{ padding:40px 0;}

.box3Left{ width:260px; float:left;}

.box3Left dl{}

.box3Left dl dt{ background:#1577BB; height:40px; line-height:40px; text-indent:25px; color:#ffffff; font-size:1.2rem; border-bottom:1px solid #ffffff; border-top-left-radius:5px; border-top-right-radius:5px;}

.box3Left dl dd{ text-indent:25px; height:40px; line-height:40px; background:#e9e9e9; border-bottom:1px solid #ffffff;}

.box3Left dl dd a{ font-size:1.05rem;}

.box3Left dl dd a.on{ color:#1577BB; font-weight:bold;}

.box3Right{ width:calc(100% - 300px); float:left; margin-left:40px;}

.box3Right span.d{ background:#FF9966; display:inline-block; vertical-align:middle; margin-right:10px; width:15px; height:15px; border-radius:5px;}

.box3RightTitle{ border-bottom:1px solid #dddddd; height:35px; font-size:1.35rem; font-weight:bold; color:#333333; margin-bottom:15px;}

.box3RightContent{ font-size:1.15rem; line-height:36px; color:#555555;}

.box3RightFeature{}

.box3RightFeature h3{ margin:30px 0 20px 0; border-bottom:1px solid #dddddd; padding-bottom:10px; font-weight:bold; color:#1577BB;}

.box3RightFeatureBox{}

.box3RightFeatureBox ul{}

.box3RightFeatureBox ul li{ width:calc(33.33% - 30px); margin-right:30px; text-align:center; display:inline-block; margin-bottom:20px;}

.box3RightFeatureBox ul li .p1{}

.box3RightFeatureBox ul li .p1 img{ padding:10px; border:1px solid #dddddd; width:100%;}

.box3RightFeatureBox ul li .p2{ padding-top:10px; text-align:left; font-size:1rem;}

.box3RightFeatureBox ul li:nth-child(3n+0){ margin-right:0;}

.box3RightFeatureBox ul li .p1 img:hover{ border:1px solid #5195D2;}

.box3RigthModule{}

.box3RigthModule h3{ margin:30px 0 20px 0; border-bottom:1px solid #dddddd; padding-bottom:10px; font-weight:bold; color:#1577BB;}

@media all and (max-width:768px){

.box3{ padding:10px 0;}

.box3Left{ width:100%; float:none;}

.box3Left dl dt{ font-size:1.1rem;}

.box3Left dl dd{}

.box3Left dl dd a{ font-size:1rem;}

.box3Right{ width:100%; float:none; margin-left:0px; margin-top:20px;}

.box3RightTitle{ font-size:1.2rem; text-align:center;}

.box3RightContent{ font-size:1.1rem; line-height:30px;}

}

.articleList{}

.articleList ul{}

.articleList ul li{ border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px;}

.articleList ul li .p1{ height:40px; line-height:40px;}

.articleList ul li .p1 a{ font-weight:bold; font-size:1.2rem;}

.articleList ul li .p1 span{ float:right;}

.articleList ul li .p2{ color:#888888; font-size:1.05rem; line-height:28px;}

@media all and (max-width:768px){

.articleList ul li .p1{ height:auto; line-height:20px;}

.articleList ul li .p1 a{ font-size:1.1rem; display:block; font-weight:normal;}

.articleList ul li .p1 span{ display:block; float:none; color:#999999; margin-top:5px;}

.articleList ul li .p2{ font-size:0.9rem;}

}

.qaList{}

.qaList ul{}

.qaList ul li{ border-bottom:1px dashed #cccccc; padding-bottom:15px; margin-bottom:15px;}

.qaList ul li .p1{ height:40px; line-height:40px; font-size:1.15rem; font-weight:bold; color:#930}

.qaList ul li .p1 a{ font-weight:bold;}

.qaList ul li .p1 span{ float:right;}

.qaList ul li .qa{ margin:10px 0;}

.qaList ul li .p2{ margin-bottom:5px;}

.qaList ul li .p2 i{ font-style:normal; text-align:center; display:inline-block; height:15px; line-height:15px; width:15px; background:#1F7ECC; color:#ffffff; padding:3px; border-radius:5px; margin-right:10px;}

.qaList ul li .p3{ color:#666666; padding-bottom:5px; line-height:24px;}

.qaList ul li .p3 i{ font-style:normal; text-align:center; display:inline-block; height:15px; line-height:15px; width:15px; background:#5CB85C; color:#ffffff; padding:3px; border-radius:5px; margin-right:10px;}

.qaList ul li .p3{ color:#999999; }

.contactBox{ padding:30px 0;}

.contactBox h2{ text-align:center; font-size:2.0rem; margin-bottom:10px; color:#333; font-weight:bold;}

.contactBox h2 b{ color:#EDC521;}

.contactBox h4{ text-align:center; font-size:1.3rem; padding-bottom:40px; border-bottom:1px solid #eeeeee;}

.contactBox ul{ margin-bottom:40px;}

.contactBox ul li{ width:50%; float:left; height:50px; line-height:50px; border-bottom:1px solid #eeeeee;}

.contactBox ul .qq{}

.contactBox ul .qq a{ margin-right:15px}

.contactBox ul .qq img{ height:25px; margin-right:5px; vertical-align:middle;}

.contactBox ul .wx{ position:relative;}

.contactBox ul .wx img{ height:25px; margin-right:5px; vertical-align:middle;}

.contactBox ul .wx:hover .wxewmBox{ display:block;}

.contactBox ul .wx .wxewmBox{ display:none; position:absolute; top:50px; left:0; padding:6px 0 6px 6px; background:#ffffff; border:1px solid #cccccc;}

.contactBox ul .wx .wxewmBox img{ width:150px; height:150px;}

@media all and (max-width:768px){

.contactBox{ padding:20px 0;}

.contactBox h2{ font-size:1.5rem;}

.contactBox h4{ font-size:1.1rem; padding-bottom:20px;}

.contactBox ul{ margin-bottom:20px;}

.contactBox ul li{ width:100%; height:auto; line-height:40px;}

}

.feedbackBox{}

.feedbackBox h2{ text-align:center; margin-top:30px; font-weight:bold; font-size:1.6rem;}

.feedbackBox h4{ text-align:center; margin-bottom:30px; color:#999999;}

@media all and (max-width:768px){

.feedbackBox h2{ font-size:1.4rem;}

}

.tableForm{ border:1px solid #dddddd; width:80%; margin:0 auto; padding:20px; border-radius:5px;}

.tableForm tr{}

.tableForm tr td{ padding:8px;}

.tableForm tr td.l{ width:150px;}

.tableForm tr td.r{ width:calc(100% - 150px);}

.tableForm .text{ border:1px solid #dddddd; padding:8px; width:98%;}

.tableForm .textarea{ border:1px solid #dddddd; padding:8px; width:98%;}

.tableForm .submit{ padding:5px; font-size:1.2rem; cursor:pointer;}

@media all and (max-width:768px){

.tableForm{ width:100%; padding:10px;}

.tableForm tr td{ padding:3px;}

.tableForm tr td.l{ width:80px;}

.tableForm tr td.r{ width:calc(100% - 80px);}

.tableForm .text{ width:93%;}

.tableForm .textarea{ width:93%;}

.tableForm .submit{ padding:3px; font-size:1.1rem;}

}

.tableList{ border:1px solid #dddddd;}

.tableList td{ font-size:1rem;}

.tableList td.td1{ width:40px; text-align:center;}

.tableList td.td2{ width:180px;}

.tableList td.td3{ width:calc(100% - 220px);}

.tableList .tr1 td{ font-weight:bold; background:#f5f5f5; color:#333333;}

.tableList td{ padding:10px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:22px; word-break:break-all; font-size:1.1rem;}

.tableList tr:last-child td{ border-bottom:0;}

.tableList td:last-child{ border-right:0;}

@media all and (max-width:768px){

.tableList td{ font-size:1rem; padding:5px;}

.tableList td.td2{ width:30px;}

}

.productList{}

.productList li{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #dddddd;}

.productList li > a{}

.productList li .img{ width:170px; float:left;}

.productList li .img img{ width:100%;}

.productList li .detail{ width:calc(100% - 200px); margin-left:30px; float:left;}

.productList li .detail .title{ font-size:1.4rem; margin-bottom:5px;}

.productList li .detail .note{ line-height:26px;}

.productListTag{ text-align:right;}

.productListTag a{ color:#999999;}

@media all and (max-width:768px){

.productList{ margin-bottom:20px;}

.productList li{ padding-bottom:10px; margin-top:10px; margin-bottom:0;}

.productList li .img{ display:none; float:none; width:100%; padding-top:10px;}

.productList li .detail{ float:none; width:100%; margin-left:0;}

.productList li .detail .title{ font-size:1.15rem; margin:15px 0 10px 0; font-weight:bold;}

.productList li .detail .note{ line-height:26px; font-size:1rem;}

}

.softwareShowTag{ margin:20px 0;}

.softwareShowTag a{ color:#666666;}

.softwareShowTag span{ color:#666666;}

.dataPage{ text-align:center; font-size:1rem;}

.dataPage b{ margin:0 5px;}

.aNav{ margin-left:10px;}

.dataPage a{ background:#aaaaaa; padding:3px 8px; color:#ffffff; border-radius:3px; margin:0 3px;}

.dataPage a:hover{ background:#06C; color:#FFF}

.footer{ background:#172639; padding:60px 0 40px 0;}

.footer .contact{ width:360px; float:left;}

.footer .contact p{ margin-bottom:10px;}

.footer .contact .p1{ font-size:1.2rem; color:#eeeeee;}

.footer .contact .p2{ color:#43B6ED; font-size:2.5rem;}

.footer .contact .p3{ color:#eeeeee;}

.footer .contact .p4{ color:#eeeeee;}

.footer .nav{ width:540px; float:left;}

.footer .nav dl{ float:left; margin-right:50px;}

.footer .nav dl dt{ color:#eeeeee; font-size:1.3rem; margin-bottom:10px;}

.footer .nav dl dd{ height:30px; line-height:30px;}

.footer .nav dl dd a{ color:#AAAAAA;}

.footer .nav dl dd a:hover{ color:#eeeeee;}

.footer .ewm{ width:300px; float:left;}

.footer .ewm .box{ float:right; margin:0 20px;}

.footer .ewm .box .p1{ height:40px; line-height:40px; font-size:1.2rem; color:#eeeeee;}

.footer .ewm .box .p2 img{ height:100px;}

.footer .copyright{ text-align:center; color:#eeeeee; padding-top:30px; border-top:1px solid #475D73; margin-top:30px;}

@media all and (max-width:768px){

.footer{ padding:20px 0 20px 0;}

.footer .contact{ width:calc(100% - 40px); float:none; padding:20px;}

.footer .contact .p1{}

.footer .contact .p2{ font-size:1.5rem;}

.footer .nav{ width:calc(100% - 30px); float:none; padding:0 20px 20px 20px;}

.footer .nav dl{ width:calc(50% - 30px); margin-bottom:20px; margin-right:20px;}

.footer .nav dl dt{ font-size:1.2rem; font-weight:bold;}

.footer .ewm{ width:100%; float:none; clear:both;}

.footer .ewm .box{ float:none;}

.footer .ewm .box .p1{ font-size:1.1rem;}

.footer .copyright{ padding-top:20px; line-height:25px; padding-bottom:50px}

}

.footerNav{ display:none; background:#405482; position:fixed; left:0; bottom:0; width:100%; height:42px; line-height:42px;}

.footerNav a{ color:#ffffff; font-size:1.1rem; width:23.8%; display:inline-block; text-align:center; border-right:1px solid #aaaaaa;}

.footerNav a:last-child{ border-right:0;}

@media all and (max-width:768px){

.footerNav{ display:block;}

}

.backTop{ z-index:100; background:#666666; color:#ffffff; width:30px; line-height:30px; width:30px; position:fixed; right:10px; bottom:60px; text-align:center; border-radius:5px; cursor:pointer; font-size:1.1rem;}

.backTop:hover{ opacity:0.8;}





.box1RightConent{}


.systemVersion{}

.systemVersion h3{ padding:0; margin:0; text-indent:0; margin-bottom:20px;}

.systemVersion h3 .tabName{ display:inline-block; padding:0 20px; margin:0; text-indent:0; background:#DDDDDD; color:#555555; height:40px; line-height:40px; cursor:pointer; border-top-left-radius:10px; border-top-right-radius:10px; margin-right:10px;}

.systemVersion h3 .tabNameOn{ background:#C1E0F2;}


.systemVersion .tabContent .tableList[data-id='2']{ display:none;}
.systemVersion .tabContent .tableList[data-id='3']{ display:none;}
.systemVersion .tabContent .tableList[data-id='4']{ display:none;}
.systemVersion .tabContent .tableList[data-id='5']{ display:none;}
.systemVersion .tabContent .tableList[data-id='2']{ display:none;}