body { margin: 0; padding: 0; color: #000; font: 14px/22px "微软雅黑", "新宋体", "黑体", serif, sans-serif; width: 100%; background: #fff; }
html, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dl, form, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 18px; }
img { border: 0; }
a img, img { border: 0 none; vertical-align: middle; }
ul, ol, li { list-style: none; }
a:link, a:hover { text-decoration: none; }
a:visited, a:active { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { border: 1px solid #c9c9c9; height: 34px; line-height: 34px; padding: 3px 4px; background: #fff; color: #666; margin-bottom: 10px; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden }
.fixed { clear: both; font-size: 1%; height: 0; width: 1%; visibility: hidden; }
.header { width: 100%; background: #fff; border-bottom: 1px solid #cfcfcf; height: 116px; box-shadow: 0 5px 2px -4px #cfcfcf; position: fixed; top: 0; z-index: 50; }
.header .top { width: 1240px; margin: 0 auto; }
.header .top h1 { display: inline-block; width: 30%; }
.header .top h1 img { width: 100%; }
.header .top .nav { display: inline-block; vertical-align: top; margin-left: 10px; height: 116px; line-height: 112px; }
.header .top .nav li { width: 95px; display: inline-block; vertical-align: top; margin: 0 3px; text-align: center; }
.header .top .nav li a { font-size: 16px; color: #000; display: block; }
.header .top .nav li a:hover { color: #02b7ff; border-bottom: 4px solid #02b7ff; }
.banner { min-width: 1250px; margin-top: 110px; }
.banner ul { margin: 0 auto; }
.banner img { width: 100%; }
.index-product { width: 1240px; margin: 0 auto; margin-top: 56px; }
.index-product h2 { text-align: center; }
.index-product .index-proda { margin-top: 40px; }
.index-product .index-proda .index-proPic { display: inline-block; background: url(../image/index1_12.png) no-repeat left top; height: 519px; width: 587px; }
.index-proPic h3 { height: 36px; line-height: 36px; }
.index-proPic h3 a { color: #FFF; }
.index-proPic .wj { font-size: 32px; margin-left: 98px; margin-top: 98px; }
.index-proPic .ws { font-size: 30px; margin-left: 52px; margin-top: 164px; }
.index-proPic .rj { font-size: 24px; margin-left: 211px; margin-top: -96px; }
.index-proPic .gg { font-size: 32px; margin-left: 360px; margin-top: 30px; }
.index-product .index-proda .index-proCon { display: inline-block; vertical-align: top; background: url(../image/index1_14.png) no-repeat; height: 519px; width: 539px; margin-left: 100px; }
.index-product .index-proda .index-proCon p { margin-top: 21px; margin-left: 30px; margin-bottom: 40px; font-size: 20px; letter-spacing: 0.08em; }
.index-product .index-proda .index-proCon span { font-size: 14px; color: #606060; display: block; margin-top: 14px; }
.index-about { width: 100%; background: url(../image/index1_18.jpg) no-repeat center center; padding: 40px 0; }
.index-abtext { width: 1240px; margin: 0 auto; text-align: center; height: 461px; color: #fff; }
.index-abtext img { width: 473px; height: 141px; }
.index-abtext p { line-height: 43px; }
.index-abtext a { background: url(../image/index1_32.png) no-repeat; width: 145px; height: 57px; display: inline-block; text-align: center; line-height: 45px; color: #fff; font-weight: bold; margin-top: 15px; font-size: 16px; }
.index-contact { width: 1240px; margin: 0 auto; margin-top: 56px; margin-bottom: 30px; }
.index-contact h2 { text-align: center; }
.index-conBox { margin-top: 30px; }
.index-conLeft { display: inline-block; width: 520px; }
.index-conLeft .ewm { display: inline-block; width: 162px; height: 164px; }
.icon {  width: 500px; }
.icon p { background: url(../image/index1_27.png) no-repeat; padding-left: 30px; margin-bottom: 26px; margin-top: 5px; font-size: 12px; }
.icon .email { background-position-y: -34px; }
.icon .fax { background-position-y: -70px; }
.icon .tel { background-position-y: -105px; }
.icon .address { background-position-y: -140px; }
.index-conRight { display: inline-block; width: 600px; margin-left: 20px; vertical-align: top; }
.TextBox { font-size: 12px; color: #666; padding: 3px 4px; border: 1px solid #c9c9c9; background: #fff; }
.tjbtn { background: url(../image/index1_32.png) no-repeat; width: 159px; height: 47px; text-align: center; line-height: 45px; color: #fff; font-size: 16px; margin-top: 10px; }
.footer { height: 114px; background: #545454; min-width: 1210px; padding: 20px; }
.foot { width: 840px; margin: 0 auto; padding: 0 200px; position: relative; }
.foot h2 { margin-right: 40px; display: inline-block; }
.foot-nav { color: #fff; display: inline-block; vertical-align: top; margin-top: 30px; }
.foot-nav a { color: #fff; margin: 0 8px; }
.foot .app { position: absolute; top: 0px; right: 17px; width: 110px; text-align: center; color: #fff; }
.foot .app img{width:100%;}
.copyright { margin-left: 40px; margin-top: 20px; }
.inner-con { width: 1240px; margin: 0 auto; margin-top: 30px; }
.inner-title { text-align: center; font-size: 36px; }
.inner-nav { margin-bottom: 40px; text-align: center; background: url(../image/about1_07.jpg) repeat-x bottom; }
.inner-nav a { margin-right: 30px; margin-left: 15px; font-size: 22px; color: #000; display: inline-block; height: 90px; line-height: 90px; }
.inner-nav a:hover { background: url(../image/about1_09.jpg) no-repeat bottom; }
.inner-nav a:active { background: url(../image/about1_09.jpg) no-repeat bottom; }
.inner-text { text-align: center; }
.inner-abPic img { margin-bottom: 30px; }
.inner-abPic p { line-height: 30px; }
.inner-abAdvance { margin-top: 30px; }
.inner-abAdvance h3 { color: #a20000; margin-bottom: 15px; }
.inner-abAdvance p { margin-bottom: 30px; letter-spacing: 0.1em; }
.inner-abli1 { background: url(../image/about1_21.jpg) no-repeat; width: 309px; height: 153px; padding-left: 140px; padding-top: 40px; padding-right: 60px; letter-spacing: 0.2em; color: #989898; line-height: 28px; display: inline-block; vertical-align: top; margin: 0 25px 30px; }
.inner-abli1 h5, .inner-abli2 h5, .inner-abli3 h5, .inner-abli4 h5 { margin-bottom: 20px; color: #4c4c4c; }
.inner-abli2 { background: url(../image/about1_24.jpg) no-repeat; width: 309px; height: 153px; padding-left: 140px; padding-top: 40px; padding-right: 60px; letter-spacing: 0.2em; color: #989898; line-height: 28px; display: inline-block; vertical-align: top; margin: 0 25px 30px; }
.inner-abli3 { background: url(../image/about1_28.jpg) no-repeat; width: 309px; height: 153px; padding-left: 140px; padding-top: 40px; padding-right: 60px; letter-spacing: 0.2em; color: #989898; line-height: 28px; display: inline-block; vertical-align: top; margin: 0 25px 50px; }
.inner-abli4 { background: url(../image/about1_30.jpg) no-repeat; width: 309px; height: 153px; padding-left: 140px; padding-top: 40px; padding-right: 60px; letter-spacing: 0.2em; color: #989898; line-height: 28px; display: inline-block; vertical-align: top; margin: 0 25px 50px; }
.inner-conList { font-size: 12px; margin-bottom: 30px; }
.inner-tel, .inner-erweima, .inner-address { display: inline-block; width: 312px; height: 200px; background: url(../image/contact_03.jpg) no-repeat; text-align: center; padding-top: 166px; vertical-align: top; }
.inner-tel h6, .inner-address h6, .inner-tel h6 { margin-bottom: 10px; font-size: 16px; }
.inner-tel p, .inner-address p { background: #000; color: #FFF; width: 50px; padding: 5px 20px; margin: 0 auto; margin-top: 30px; }
.inner-address p { background: #91bb4f; }
.inner-address { background: url(../image/contact_05.jpg) no-repeat; margin: 0 140px; }
.inner-erweima { background: url(../image/contact_07.jpg) no-repeat; }
.inner-conlx p { text-align: center; margin: 10px 0 30px; color: #afafaf; }
.inner-conlx .text { border-radius: 10px; margin-bottom: 30px; width: 384px; height: 59px; line-height: 59px; padding: 0 5px; border: 1px solid #c9c9c9; color: #a5a5a5; outline-color: #2278c4; font-size: 14px; }
.inner-conlx textarea.text { border-radius: 10px; margin-bottom: 10px; height: 125px; resize: none; outline-color: #2278c4; background: #fff; }
.inner-adver { margin-top: 50px; }
.adverList { width: 30%; display: inline-block; vertical-align: top; line-height: 30px; margin-bottom: 50px; margin-right: 15px; margin-left: 15px; }
.adverList p { color: #383838; font-size: 16px; font-weight: bold; letter-spacing: 0.1em; margin-top: 10px; }
.adverList ul { color: #7f7f7f; margin-top: 20px; }
.ladyScroll { width: 1240px; height: 284px; margin: 15px auto; position: relative; }
.ladyScroll .prev, .ladyScroll .next { width: 47px; height: 45px; position: absolute; top: 100px; left: 0; cursor: pointer; background: url(../image/btns.png) no-repeat; }
.ladyScroll .next { left: auto; right: 20px; background-position: 0 -90px; }
.ladyScroll .scrollWrap { width: 1100px; margin-left: 61px; padding-top: 25px; overflow: hidden; position: absolute; }
.ladyScroll li { float: left; width: 220px; text-align: center; height: 265px; margin-right: 20px; margin-left: 30px; }
.ladyScroll li p { margin-top: 20px; }
.ladyScroll li a { color: #000; }
.ladyScroll img { display: block; width: 100%; }
#inner-Pro div { min-height: 300px; }
.inner-proNav { margin-bottom: 40px; text-align: center; }
.inner-proNav li { display: inline-block; vertical-align: top; margin-right: 20px; font-size: 16px; padding: 10px 15px; background: #eeeeee; color: #686868; cursor: pointer; margin-bottom: 15px; }
.inner-proNav li.on { background: #a20000; color: #fff; }
.inner-proNav a { color: #686868; display: inline-block; padding: 10px 15px; font-size: 16px; background: #eeeeee; color: #686868; vertical-align: top; margin-right: 20px; }
.inner-proNav a:hover { background: #a20000; color: #fff; }
.prol1 { width: 30%; display: inline-block; vertical-align: top; border: 1px solid #dddddd; text-align: center; border-bottom: 3px solid #999999; margin: 0 7px 50px; line-height: 30px; padding: 15px 10px; }
.prol1 img { width: 100%; }
.prol1 a { color: #686868; font-size: 16px; }
.prol1 span { display: block; margin-top: 30px; }
.hide { display: none; }
.productD { margin-bottom: 30px; }
.productD .propic { border: 1px solid #dddddd; display: inline-block; width: 46%; margin-right: 28px; padding: 15px; }
.productD .propic img { width: 100%; }
.productD .prodaily { width: 48.8%; display: inline-block; vertical-align: top; font-size: 16px; line-height: 25px; }
.productD .prodaily h2 { margin-top: 15px; }
.productD .prodaily span { font-weight: normal; color: #636363; display: inline-block; margin-left: 10px; }
.proDAily { margin-bottom: 30px; line-height: 30px; }
.pro-xiangqing { display: inline-block; vertical-align: top; margin-right: 50px; margin-bottom: 40px; }

.page { text-align: center; display: block; height: 60px; line-height: 60px; margin-bottom: 30px; }
.page a { padding: 5px 8px; border: 1px solid #ddd; margin: 0; }
.page a:hover, .pagination a.active { color: #fff; background-color: #333; }

.inner-web { margin: 40px 0; height: 477px; }
.webpic { display: inline-block; width: 50% }
.webpic img { width: 100%; }
.web-text { display: inline-block; vertical-align: top; width: 43%; line-height: 30px; }
.web-text h1 { color: #a20000; font-size: 40px; margin-bottom: 55px; }
.web-text h5 { color: #414141; font-size: 18px; }
.web-text p { color: #6a6a6a; font-size: 16px; }
.web-xq { background: url(../image/website-construction_14.png) no-repeat; height: 530px; text-align: center; padding-top: 50px; margin-bottom: 50px; }
.web-xq h2 { color: #a20000; font-size: 40px; margin-top: 40px; margin-bottom: 40px; }
.web-xq p { color: #696969; font-size: 18px; line-height: 35px; }
#inner-webbuding { margin-bottom: 40px; }
.inner-webmuban { margin-bottom: 40px; width: 150px; border: 2px solid #eeeeee; float: left; }
.inner-webmuban li { font-size: 16px; padding: 20px 25px; color: #686868; cursor: pointer; border-bottom: 2px solid #eeeeee; }
.inner-webmuban li:last-child { border-bottom: none; }
.inner-webmuban li.on { background: #a20000; color: #fff; }
#inner-webbuding div { width: 1040px; margin-left: 153px; height: 408px; border: 1px solid #a20000; padding: 20px; }
#inner-webbuding div p { display: inline-block; width: 526px; background: url(../image/shadow.jpg) no-repeat right center; height: 408px; padding: 20px 56px 0 0px; text-align: center; line-height: 30px; }
#inner-webbuding div p img { width: 70%; margin-bottom: 30px; }
#inner-webbuding div ul { display: inline-block; vertical-align: top; width: 420px; height: 408px; margin-left: 30px; line-height: 30px; margin-top: 20px; }
#inner-webbuding div ul li { height: 40px; list-style: circle; }
#inner-webbuding div ul img { width: 80%; margin-left: 20px; margin-top: 15px; }

.inner-soft { margin: 40px 0; height: 300px; }
.inner-soft li { width: 20%; text-align: center; padding: 15px; margin: 0 10px; display: inline-block; vertical-align: top; }
.inner-soft li h2 { font-size: 38px; color: #616161; margin-bottom: 30px; }
.inner-soft li p { font-size: 16px; color: #616161; margin-bottom: 30px; line-height: 25px; margin-top: 20px; }
.software-xq { background: url(../image/software-develop_10.jpg) no-repeat; text-align: center; padding: 50px 0; margin-bottom: 50px; }
.inner-apphc { background: url(../image/software-develop-app_03.jpg) no-repeat center center; height: 500px; width: 1225px; margin-bottom: 40px; padding-top: 59px; padding-left: 15px; line-height: 35px; }
.inner-apphc h2 { font-size: 40px; margin-bottom: 30px; }
.inner-apphc ol { margin: 10px 0 0 15px; color: #070707; }
.inner-apphc p { color: #777777; margin: 20px 20px 35px; line-height: 40px; }
.inner-softApp { margin-bottom: 40px; }
.inner-apptitle { text-align: center; color: #777777; font-size: 12px; margin-top: 20px; margin-bottom: 30px; }
.inner-appLi { width: 22%; display: inline-block; vertical-align: top; line-height: 25px; text-align: center; margin: 0 15px; }
.inner-appLi img { border: 1px solid #CCC; width: 100%; }
.inner-appLi h5 { margin-top: 15px; }
.inner-appLi span { font-size: 12px; color: #acacac; }
.inner-appLi p { color: #595959; font-size: 12px; margin-top: 15px; }
.soft-crmLi { margin-top: 10px; }
.soft-crmLi dl { width: 45%; display: inline-block; vertical-align: top; margin: 30px 20px 20px; }
.soft-crmLi dt { width: 17%; display: inline-block; vertical-align: top; }
.soft-crmLi dd { width: 75%; display: inline-block; vertical-align: top; }
.soft-crmLi dd h6 { font-weight: 20px; font-weight: normal; }


.honor li{width:19%;display:inline-block; vertical-align:top;margin:20px;border:1px solid #CCC;border-bottom:3px solid #F60;text-align:center;color:#FFF;position:relative; overflow:hidden}
.honor li img{width:100%;}
.honor li div{padding:2px;}
.honor li a{color:#fff;}
.honor li p{height:40px;line-height:40px;position:absolute;bottom:-40px;width:100%}
.honor li:hover p{ bottom:0px;background-color:#F60;}

.honor-inner{width:60%;margin:0 auto;}
.honor-inner img{width:60%}