html {overflow-x: hidden !important;}
body { color:#666; font-size:12px; font-family:"Exo2-LightExpanded", Arial, "YouYuan", "Microsoft YaHei"; position: relative; top:0; right:0; width:100%; overflow-x: hidden !important; -webkit-font-smoothing: subpixel-antialiased !important;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4,h5,h6{ margin:0px; padding:0px; border:0; }
a:link{ color:#666; text-decoration:none;}
a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#666; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle; appearance:none; -moz-appearance:none; resize:none; -ms-appearance:none;}
select::-ms-expand { display: none; }
input:focus,textarea:focus{ outline:none;}
select:focus {outline:none;}
input[type="submit"], input[type="button"] {border:0; cursor:pointer; font-family:"Microsoft YaHei";}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
border:none; padding:0;
}
/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.FL{ float:left;}
.FR{ float:right;}
@font-face {
font-family: 'Exo2-LightExpanded';
src: url('../font/Exo2-LightExpanded/Exo2-LightExpanded.otf');
src: url('../font/Exo2-LightExpanded/Exo2-LightExpanded.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AudiType ExtendedNormal';
src: url('../font/AudiType ExtendedNormal.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BrandonText-Light';
src: url('../font/BrandonText-Light/BrandonText-Light.otf');
src: url('../font/BrandonText-Light/BrandonText-Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Brandon Text-Medium';
src: url('../font/Brandon Text-Medium/Brandon Text-Medium.otf');
src: url('../font/Brandon Text-Medium/Brandon Text-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Exo2-LightCondensed';
src: url('../font/Exo2-LightCondensed/Exo2-LightCondensed.otf');
src: url('../font/Exo2-LightCondensed/Exo2-LightCondensed.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lucida Calligraphy Italic';
src: url('../font/Lucida Calligraphy Italic/Lucida Calligraphy Italic.ttf') format('truetype');
src: url('../font/Lucida Calligraphy Italic/Lucida Calligraphy Italic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*header*/
.header {width:100%; height:70px; position: fixed; top:0; left:0; padding:0px 0 10px; text-align: right; z-index: 9999; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; background-color: #fecc09; }
.header.cur {background: #fecc09; box-shadow: 0 0 20px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.3); padding-top:0px; height: 70px;}
.header.cur .logo {}
.header.cur .nav {padding-top: 0; line-height: 60px;}
.header.cur .right_nav {bottom: 22px;}
.header .back {display: block; position: absolute; left: 2%; width: 12px; height: 100%; background: url(../images/back.png) no-repeat center; background-size: 100%; display: none;}
.header .logo {display: block; position: absolute; left:2.08%; bottom: 10px; height:95px; z-index: 999;}
.header .logo img {display: block; height:100%;}
.header .nav {display: inline-block; padding-top: 0px;}
.header .nav li {float:left; color:#8a8a8a; font-size: 14px; position: relative;}
.header .nav li > a {display: inline-block; padding:0 12px; margin:0 0px; color:#fff; font-family: YouYuan; height:80px; line-height: 90px;}
.header .nav li.cur > a {background:#ffad19; color:#fff;}
.header .nav li.cur > div {visibility: visible;}
.header .nav li.cur > div > div {transform: translateY(0); opacity: 1;}
.header .nav li > div {position: absolute; top:67px; left:50%; margin-left: -68px; width:128px; overflow: hidden; visibility: hidden; padding-top: 12px; z-index: 9999;}
.header.cur .nav li > div {top: 67px;}
.header .nav li > div.productBar {width: 210px; margin-left: -105px;}
.header .nav li > div > div {background: #fff; padding:10px 0; border-top: 1px solid #ffad19; transform: translateY(-100%); transition: all .4s;}
.header .nav li > div > div a {display: block; line-height: 35px; color:#888; font-size: 12px; text-align: left; padding-left: 22px; background: url(../images/arrow.png) no-repeat 103px center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.header .nav li > div > div .triangle {display: block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffad19; left:50%; top:-8px; margin-left: -8px;}
.header .nav li > div.productBar > div a {background: url(../images/arrow.png) no-repeat 186px center;}
/*.header .nav li > div > div > i {display: block; width:100%; height:14px; position: absolute; top:-14px; left:0;}*/
.header .right_nav {position: absolute; right:1.5625%; bottom:32px;}
.header .right_nav ul {float: left;}
.header .right_nav li {float:left;}
.header .right_nav li a {display: block; border-left: 1px solid #b8b8b8; color:#808080; font-family: SimSun; line-height: 10px; padding:0 18px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.header .right_nav li.cur a {color:#e5193f;}
.header .right_nav li:first-child a {border-left: 0;}
.header .right_nav > a {float:right; padding:10px 15px; text-align: center; font-size: 14px; color:#544307; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: #fad13e; margin-top: -13px; overflow:hidden; position: relative; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; font-family: 'Exo2-LightExpanded';}
.header .mobile_nav {display: none;}
.header .mobile_nav .ham {display: block; position: absolute; top: 50%; right: 2.08%; width: 28px; height: 20px; margin-top: -10px; z-index: 999;}
.header .mobile_nav .ham:before, .header .mobile_nav .ham:after {content: ""; display: block; width: 100%; height: 1px; background: #353535; position: absolute; left: 0; top: 0; transition:all .4s; -webkit-transition:all .4s;}
.header .mobile_nav .ham:after {top: auto; bottom: 0;}
.header .mobile_nav .ham i {display: block; width: 100%; height: 1px; background: #353535; position: absolute; top: 50%; left: 0; transition:all .4s; -webkit-transition:all .4s;}
.header .mobile_nav .mobileBox {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 55px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transition:all .4s; -webkit-transition:all .4s;}
.header .mobile_nav .mobileBox ul {border-top: 1px solid #ccc; width: 100%; overflow-y: auto; overflow-x: hidden;}
.header .mobile_nav .mobileBox ul li {text-align: left; height: auto; line-height: 48px;}
.header .mobile_nav .mobileBox ul li a {display: block; color: #4f4f4f; font-size: 1rem; padding: 0 4%;}
.header .mobile_nav .mobileBox ul li a span {display: block; position: relative; border-bottom: 1px solid #ccc; padding-left: 8.7%;}
.header .mobile_nav .mobileBox ul li:first-child a span {background: url(../images/mobile/icon1.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(2) a span {background: url(../images/mobile/icon2.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(3) a span {background: url(../images/mobile/icon3.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(4) a span {background: url(../images/mobile/icon4.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(5) a span {background: url(../images/mobile/icon5.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(6) a span {background: url(../images/mobile/icon6.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li:nth-child(7) a span {background: url(../images/mobile/icon7.png) no-repeat left center; background-size: auto 1.3rem;}
.header .mobile_nav .mobileBox ul li a span i {display: block; width: 8px; height: 100%; background: url(../images/mobile/arrow1.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 0; transition:all .4s; -webkit-transition:all .4s;}
.header .mobile_nav .mobileBox ul li.cur a span i {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.header .mobile_nav .mobileBox ul li > div {margin:0 4%; border-bottom: 1px solid #ccc; padding: 10px 0; display: none;}
.header .mobile_nav .mobileBox ul li > div a {display: block; padding-left: 8.7%; line-height: 32px;}
.header .mobile_nav .mobileBox .bottom {position: absolute; bottom: 0; left: 0; padding: 1.2rem 4%; background: #fff; width: 92%;}
.header .mobile_nav .mobileBox .bottom > div a {display: block; float:left; width: 21.7%; margin-left: 4.4%;}
.header .mobile_nav .mobileBox .bottom > div a:first-child {margin-left: 0;}
.header .mobile_nav .mobileBox .bottom > div a img {display: block; width: 100%;}
.header .mobile_nav .mobileBox .bottom > div a span {display: block; text-align: center; font-size: .9rem; color: #666; line-height: normal; padding-top: 8px;}
.header .mobile_nav .mobileBox .bottom .lang {display: block; border-radius: 30px; -webkit-border-radius: 30px; text-align: center; background: #faa50d; color: #fff; font-size: .9rem; padding: 10px 0; line-height: normal; margin-top: 1.5rem;}
.header .mobile_nav .mobileBox .bottom .lang span {display: inline-block; padding-right: 4.35%; background: url(../images/mobile/arrow.png) no-repeat right center; background-size: auto 1rem;}
.header .mobile_nav.cur .mobileBox {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.header .mobile_nav.cur .ham i {transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); opacity: 0; visibility: hidden;}
.header .mobile_nav.cur .ham:before {top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.header .mobile_nav.cur .ham:after {bottom: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
/*footer*/
.footer {width:1230px; margin:auto; height:178px; border-top: 1px dotted #b5b5b5; position: relative; background: #fff;}
.footer .footer1 { width:450px; padding-top: 10px;}
.footer .footer1 li {margin-top: 10px; font-size: 16px; color:#888;}
.footer .footer1 li span {font-size: 12px; color:#b0b0b0;}
.footer .footer1 li span a {color:#b0b0b0; font-family: SimSun; padding:0 12px;}
.footer .footer1 li em {display: inline-block; padding-right: 12px;}
.footer .foot_span {display: block; padding-top: 18px; color: #b0b0b0;}
.footer .foot_span a {color: #b0b0b0;}
.footer .footer2 {padding-top: 12px; width:380px; float:left;}
.footer .footer2 .foot_span {display: none;}
.footer .footer2 span {display: block; margin-top: 16px; color:#b0b0b0; font-size: 16px; padding-left: 34px;}
.footer .footer2 span:first-child {background: url(../images/icon_tel.png) no-repeat left top; font-size: 14px;}
.footer .footer2 span:first-child em {display: block; font-family: 'AudiType ExtendedNormal'; font-size: 18px;}
.footer .footer2 span a {font-size: 18px; color:#b0b0b0;}
.footer .footer2 span:nth-child(2) {background: url(../images/icon_loc.png) no-repeat left center;}
.footer .footer2 span:nth-child(3) {background: url(../images/icon_mail.png) no-repeat left center;}
.footer .footer3 {float:left; width:148px; padding-top: 0px;}
.footer .footer3 li {float:right;}
.footer .footer3 li:first-child {float:left;}
.footer .footer3 li span {display: block; text-align: center; font-family: SimSun; color:#b0b0b0; padding-top: 8px;}
.footer .footer3 li img {display: block; margin:auto;}
.footer_cont {width:100%; background: #fff; padding:0;}
.footer_cont .footer {border-top: 0;}
.footer_cont.cur {position: fixed; left: 0; bottom: 0; width: 100%;}
body.bg1 {background: url(../images/business/bg1.jpg) no-repeat center top; background-size: cover;}
body.bg2 {background: url(../images/business/bg2.jpg) no-repeat center top; background-size: cover;}
body.bg4 {background: url(../images/business/bg4.jpg) no-repeat center top; background-size: cover;}
body.s_bg1 {background: url(../images/software/bg.jpg) no-repeat center top; background-size: cover;}
body.s_bg2 {background: url(../images/software/bg2.jpg) no-repeat center top; background-size: cover;}
body.s_bg5 {background: url(../images/software/bg5.jpg) no-repeat center top; background-size: cover;}
body.n_bg {background: url(../images/news/bg.jpg) no-repeat center top; background-size: cover;}
.backTop {display: block; position: fixed; right: 4%; bottom: 94px; display: none; z-index: 999;}
.backTop img {display: block; width: 100%;}
.backTop.cur {display: block; }
#footer-text .backTop, #footer-text .backTop.cur {display: none;}
.devemsg{
margin-top: 30px;
bottom: 300px;
left: 35%;
position: absolute;
width: 40%;
}
.oatable>tbody>tr>td, .oatable>tbody>tr>th, .oatable>tfoot>tr>td, .oatable>tfoot>tr>th, .oatable>thead>tr>td, .oatable>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
}
@media screen and (min-width: 1024px){
.header .right_nav > a:hover {background: #544307; color:#fff;}
.header .right_nav li:hover a, .footer .footer1 li span a:hover {color:#ffad19;}
.header .nav li:hover > a {color:#333; background: #fff;}
.header .nav li > div a:hover {color:#ffad19; background: url(../images/arrow1.png) no-repeat 103px center;}
}
@media screen and (max-width: 1620px){
.header {padding-top: 0px;background-color: #fecc09;}
}
@media screen and (max-width: 1440px){
.header .nav li a {padding:0 10;}
.header .right_nav li a {padding:0 15px;}
}
@media screen and (max-width: 1380px){
.header {padding-top:0px; height:70px;background-color: #fecc09}
.header .nav {padding-top: 0px;margin-right: 0px; width: 456px;}
.header .right_nav {bottom:21px;}
.header .logo {height:70px;}
.header .right_nav > a {padding: 8px 15px;}
.header.cur .right_nav {bottom: 26px;}
}
@media screen and (max-width: 1280px){
.header .nav li > a {margin: 0 3px;}
.header .right_nav li a {padding: 0 10px;}
}
@media screen and (max-width: 1180px){
.header .nav {margin-right: 54px;}
}
@media screen and (max-width: 1100px){
.header .nav li {font-size: 12px;}
.header .nav li a {padding:0 5px;}
}
@media screen and (max-width: 1024px){
.footer .footer1 {display: none;}
.footer .footer2 {float:right; margin-right: 5%;}
.footer .footer2 .foot_span {display: block; padding-top: 10px;}
.footer {width: 100%; height: auto; padding-bottom: 30px;}
.footer .footer3 {float: none; position: absolute; left: 5%; top: 0;}
.footer_cont {padding: 0;}
.header .nav, .header .right_nav {display: none;}
.header .mobile_nav {display: block;}
.header {height: 60px; padding:10px 0;}
.header .logo {height: 60px;}
.header .mobile_nav .mobileBox {padding-top: 80px;}
}
@media screen and (max-width: 768px){
.header .mobile_nav .ham {width: 26px; height: 18px; margin-top: -9px; right: 2%; z-index: 999;}
}
@media screen and (max-width: 510px){
.header {padding: 0; height: 55px; line-height: 55px; text-align: center;}
.header .logo {height: 50px; width: auto; position: relative; display: inline-block; padding-top: 2.5px; z-index: 999; left: auto; bottom: auto;}
.header .logo img {height: 100%;}
.header .back {display: block;}
.footer .footer2 {width: 100%; margin-right:4.8%; width: 44%; padding-top: 28px;}
.footer .footer3 {left: 4.8%; width: 43%; padding-top: 32px;}
.footer .footer3 li {width: 48%;}
.footer .footer3 li img {width: 100%;}
.footer .footer3 li span {padding-top: 6px;}
.footer .footer2 span, .footer .footer2 span a {font-size: .8rem;}
.footer .footer2 span:first-child {font-size: .9rem; background: url(../images/icon_tel.png) no-repeat left top; background-size: 15px;}
.footer .footer2 span:nth-child(2) {background: url(../images/icon_loc.png) no-repeat left top; background-size: 15px;}
.footer .footer2 span:nth-child(3) {background: url(../images/icon_mail.png) no-repeat left top; background-size: 15px;}
.footer .footer2 span {margin-top: 5px; padding-left: 24px;}
.footer .footer2 .foot_span {padding-top: 5px; font-size: .6rem;}
.footer {padding-bottom: 22px;}
.header .mobile_nav .mobileBox {padding-top: 55px;}
.footer .footer2 span:first-child em {font-size: 1rem;}
.footer .footer2 span:first-child {font-size: .8rem;}
.header.cur {height: 55px; padding:0; box-shadow: none;}
.header.cur .logo {height: 50px;}
.backTop {width: 50px; bottom: 64px;}
.devemsg{
margin-top: 30px;
bottom: 300px;
left: 5px;
position: static;
width: 100%;
}
}
@media screen and (max-width: 375px){
.footer .footer2 span:first-child {font-size: .8rem;}
.header .mobile_nav .mobileBox ul li {line-height: 45px;}
.header .mobile_nav .mobileBox .bottom .lang {margin-top: 1.2rem;}
.footer .footer2 span:first-child em {font-size: .9rem;}
}
@media screen and (max-width: 360px){
.footer .footer2 span:first-child {font-size: .8rem;}
.header .mobile_nav .mobileBox ul li {line-height: 42px;}
.header .mobile_nav .mobileBox .bottom .lang {margin-top: 1rem;}
}
@media screen and (max-width: 320px){
.footer .footer2 {padding-top: 21px;}
.footer .footer3 {padding-top: 25px;}
.header .mobile_nav .mobileBox ul li a {font-size: .9rem;}
.header .mobile_nav .mobileBox ul li {line-height: 36px;}
.header .mobile_nav .mobileBox .bottom > div a span {font-size: .8rem; padding-top: 4px;}
.footer .footer2 span:first-child em {font-size: .8rem;}
}
@media screen and (max-height: 480px){
.header .mobile_nav .mobileBox .bottom {padding: 1rem 4% 10px;}
.header .mobile_nav .mobileBox .bottom .lang {margin-top: 14px; font-size: .9rem; padding:8px 0;
}
}