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:#172639; box-shadow:1px 2px 5px #333333;}
.header .logo{ float:left; width:240px;}
.header .logo img{ height:50px; margin-top:12px;}
.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; color:#E4E4E4;}
.header .nav > ul > li > a.on,.header .nav ul li a:hover{ color:#27D4D4; border-bottom:2px solid #27D4D4; 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; z-index:1;}
.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{ box-shadow:3px 1px 6px #333333; 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; color:#e4e4e4; display:none;}
.header .contact .box .p2{ font-size:1.4rem; letter-spacing:1px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#EDC521; margin-top:10px;}
@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:#405482; color:#eeeeee;}
.good2 h3{ font-size:2.2rem; text-align:center;}
.good2 h4{ font-size:1.2rem; text-align:center; margin-top:10px;}
.good2 ul{ margin-top:20px;}
.good2 ul li{ width:20%; float:left; text-align:center;}
.good2 ul li a{ color:#eeeeee;}
.good2 ul li a:hover{ color:#ffffff;}
.good2 ul li .p1{ margin-top:40px;}
.good2 ul li .p1 img{ height:100px;}
.good2 ul li .p2{ font-size:1.2rem; margin-top:10px;}
.good2 ul li .p3{ width:75%; margin:0 auto; font-size:1.05rem; margin-top:10px; line-height:24px;}
@media all and (max-width:768px){
.good2{ padding:40px 0;}
.good2 h3{ font-size:1.6rem; }
.good2 h4{ font-size:1rem; }
.good2 ul{ margin-top:10px;}
.good2 ul li{ width:50%;}
.good2 ul li .p1{ margin:30px 0;}
.good2 ul li .p1 img{ height:80px;}
.good2 ul li .p2{ font-size:1.1rem;}
.good2 ul li .p3{ width:90%; font-size:1rem; color:#cccccc;}
}
.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 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-left: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;}
.box2LeftTitle .search{ float:right;}
.box2LeftTitle .search input.tag{ width:120px; height:16px; line-height:16px; border:1px solid #cccccc; vertical-align:middle; border-right:0;}
.box2LeftTitle .search input.submit{ height:20px; line-height:20px; border:1px solid #cccccc; vertical-align:middle;}
.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 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:40px 0;}
.contactBox h3{ text-align:center; font-size:2.4rem; margin-bottom:10px; color:#27D4D4; font-weight:bold; border-bottom:0; margin-top:0;}
.contactBox h3 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 h3{ font-size:2rem;}
.contactBox h4{ 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:35px;}
.tableList td.td2{ width:180px;}
.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 table{ display:none;}
.systemVersion .tabContent table:first-child{ display:block;}