@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, footer, header, menu, nav, section { margin:0; padding:0; }
body { color:#000; background:#fff; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; word-break:break-all; font: 18px/20px "Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
table { border-collapse: collapse; border-spacing: 0; }
input { outline: 0; }
img { border: 0; }
ol, ul { list-style: none; }
em, i { font-style: normal; }
a, button { display: inline-block; text-decoration: none; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
button { border: none; }
body { overflow-x: hidden; overflow-y: auto; background: #F4F4F4; }
/*导航*/
.nav_panel { position:fixed; z-index: 2; top: 0px; left:-100%; width:70%; display: block; height: 120%; overflow: auto; background: #666666; }
.nav_panel ul { display: block; margin:0; padding:0; border-bottom: 1px solid #888; }
.nav_panel ul li { line-height: 54px; }
.nav_panel ul li a { color:#FFF; font-size:24px; display:block; padding: 12px 35px; border-top: 1px solid #888; border-bottom: 1px solid #444; }
.nav_panel ul li a:active { background-color:#333; border-top: 1px solid #666666; border-bottom: 1px solid #666666; }
.nav_panel ul li.on a { background-color:#333; border: 1px solid #333333; }
/*页面框架*/
.wrapper_panel { position: absolute; z-index: 3; width:100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); display: table; height: 100%; }
/*顶部状态栏*/
.main { margin: 0px; padding: 80px 0px 0px; display: block; text-shadow:1px 1px 1px #ffffff; }
/*顶部状态栏*/
.header { position: fixed; z-index: 4; top:0; overflow: hidden; width:100%; height: 80px; text-align:center; webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #DDDDDD; line-height: 75px; color: #FFFFFF; font-size: 36px; background: #464646; text-shadow:1px 1px 1px #333; }
.header .nav_switch { width: 64px; height: 64px; float: right; background: url(images/header_ico.png) no-repeat right -3px; overflow: hidden; line-height: 64px; text-align: center; text-indent: -500px; margin: 6px 15px 0px 0px; }
.header .nav_switch:active { background: url(images/header_ico.png) no-repeat right -72px; ; }
.header .header_return { width: 64px; height: 64px; float: left; margin: 3px 0px 0px 15px; }
.header .header_return a { width: 64px; height: 64px; background: url(images/header_ico.png) no-repeat left -3px; overflow: hidden; line-height: 64px; text-align: center; text-indent: -500px; }
.header .header_return a:active { background: url(images/header_ico.png) no-repeat left -72px; }
/*底部状态栏*/
.footer { position:fixed; z-index: 4; bottom:0; overflow: hidden; width:100%; height: 49pt; background: #CCCCCC; text-align:center; }
/*返回顶部*/
.gotop { display:none; position:fixed; z-index: 5; right:0; bottom:0; width:50px; height:50px; background: url(images/backtotop.png) no-repeat left top; z-index:1000; overflow: hidden; text-indent: -1000px; }
/*===============*/
.header_index { background: url(images/top_bg_1.png) repeat-x left top; position: absolute; left: 0px; top: 0px; }
.header .header_logo { display: block; margin: 0px; padding: 0px; float: left; height: 80px; width: 100%; background: url(images/logo.png) no-repeat 15px center; line-height: 80px; text-align: center; text-indent: -500%; }
.banner { margin: 0px; padding: 0px; overflow: hidden; width: 100%; }
.banner_box { width:100%; display: block; margin: 0px; padding: 0px; overflow: hidden; }
.swipe { display: block; margin: 0px; padding: 0px; width: 100%; overflow: hidden; }
.swipe #slider { -webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0; display: block; margin: 0px; padding: 0px; width: 100%; }
.swipe #slider li { display: block; margin: 0px; padding: 0px; border-style: none; }
.swipe #slider li a { display: block; margin: 0px; padding: 0px; }
.swipe #slider li img { max-width:100%; width: 100%; margin: 0px; padding: 0px; border-width: 0px; border-style: none; float: left; }
#pagenavi { color:red; height: 60px; background: url(images/banner_bg.png) repeat-x left top; text-align: center; }
/*#pagenavi { color:red; height: 60px; width: 100%; text-align: center; border-top: 1px solid #FFFFFF; background: url(images/banner_bg.png) repeat-x left top; }*/
#pagenavi span { width:25px; height:25px; background:url(images/ico_01.png) no-repeat center top; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; cursor:pointer; display:inline-block; margin: 20px 5px; }
#pagenavi span.active { background:url(images/ico_01.png) no-repeat center -37px; }
#pagenavi span a { display: none; }
#pagenavi span.active a { display: block; width: 100%; height: 50px; position: absolute; z-index: 3; left: 0px; margin-top: -71px; text-indent: -300%; overflow: hidden; }
/**/
.list_one { display: block; padding: 0px 20px 25px; }
.list_one ul { display: table; }
.list_one ul li { display: inline-table; width: 100%; background: #F9F6F4 url(images/list_bg.png) repeat-x left bottom; border: 1px solid #CDCDCD; webkit-box-shadow: 0 1px 5px rgba(61, 61, 61, 0.25); -moz-box-shadow: 0 1px 5px rgba(61, 61, 61, 0.25); box-shadow: 0 1px 5px rgba(61, 61, 61, 0.25); margin-top: 15px; }
.list_one ul li a { display: table; width: 100%; line-height: 75px; font-size: 30px; background: url(images/list_right.png) no-repeat 95% center; letter-spacing: 5px; color: #333333; padding: 0px; height: 75px; }
.list_one ul li a img { display: block; float: left; padding: 5px 0px 0px 20px; }
.list_one ul li a strong { display: block; float: left; padding: 0px 20px; font-weight: normal; text-shadow:1px 1px 1px #ffffff; }
.list_one ul li a:active { background: #ddd url(images/list_right.png) no-repeat 95% center; }
.top_tab { width: 100%; margin: 0px; padding: 0px; display: table; }
.top_tab .box { width: 100%; display: block; height: 80px; overflow: hidden; }
.top_tab .box span { display: inline-block; float: left; height: 80px; background: #DDD; line-height: 80px; }
.top_tab .box span a { display: block; float: left; height: 80px; text-align: center; width: 100%; border-right: 1px solid #868789; border-left: 1px solid #868789; margin: 0px 0px 0px -1px; color: #666666; font-size: 24px; }
.top_tab .box span.on a { background: #A8A9AD url(images/tab_bg_on.png) no-repeat center bottom; color: #FFFFFF; }
article { line-height: 50px; background: #00FF99; display: block; }
article1 { line-height: 50px; background: #00FF99; display: block; position: relative; }
/*底部版权信息*/
.Copyright { margin: 0px; padding: 10px 0px; display: block; }
.Copyright .box { margin: 0px; padding: 25px 0px; display: block; border-top: 1px solid #CCCCCC; text-align: center; line-height: 30px; font-size: 18px; color: #666; }
/*公司简介*/
.text_us { margin: 0px; padding: 20px; line-height: 35px; font-size: 20px; color: #333333; display: block; }
.text_us img { margin: 15px auto; padding: 0px; display: block; width: 90%; }
.text_us strong { font-weight: bold; color: #006699; }
.text_us_a { font-weight: bold; font-size: 30px; line-height: 50px; width: 100%; font-style: normal; color: #006699; padding: 20px 0px; }
.text_us_b { font-weight: bold; font-size: 30px; line-height: 50px; width: 100%; font-style: normal; color: #FF0000; margin: 0px; padding: 0px 0px 10px; }
.text_us_b em { letter-spacing: 0px; font-size: 16px; margin-left: 10px; }
.text_us .title_span { font-weight: bold; margin: 0px; display: inline-block; padding: 20px 0px 10px; color: #006699; }
.text_us .title_span em { font-weight: bold; margin: 0px 0px 0px 10px; font-size: 18px; color: #999999; }
.text_us .title { border-bottom: 1px solid #EBEBEB; font-size: 18px; font-weight: bold; margin: 10px 0px 20px; padding: 0px 0px 20px; float: left; width: 100%; color: #FF0000; }
/*联系我们*/
.contact { display: block; margin: 0px; padding: 20px; }
.contact .box { display: block; margin: 0px; padding: 0px; }
.contact .box .list { display: block; margin: 0px; padding: 15px 0px 0px; }
.contact .box .list li { display: block; margin: 0px; padding: 5px 0px; line-height: 35px; }
.contact .box .list li a { display: block; margin: 0px; padding: 0px; font-size: 20px; color: #333333; }
.contact .box .list li a strong { color: #000000; font-size: 24px; }
.contact .box .list li a em { color: #000000; }
.contact .box .operation { display: table; margin: 0px; padding: 25px 0px 15px; width: 100%; }
.contact .box .operation span { display: block; margin: 0px; padding: 0px; width: 47.5%; float: left; }
.contact .box .operation span a { display: block; margin: 0px; padding: 0px; width: 100%; border: 1px solid #D4D4D4; background: #F9F6F4 url(images/list_bg.png) repeat-x left bottom; webkit-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); -moz-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); font-size: 24px; line-height: 35px; letter-spacing: 3px; }
.contact .box .operation span a em { display: block; padding: 10px 10px 10px 75px; height: 35px; background: url(images/ioc_3.png) no-repeat 20px center; font-style: normal; font-weight: normal; color: #333333; }
.contact .box .operation span a strong { display: block; padding: 10px 10px 10px 75px; height: 35px; background: url(images/ioc_1.png) no-repeat 20px center; font-style: normal; font-weight: normal; color: #333333; }
.contact .box .map { display: block; margin: 5px 0px 0px; padding: 0px; border: 5px solid #FFFFFF; }
.contact .box .map a { width:100%; display: block; margin: 0px; padding: 0px; }
.contact .box a img { border-style: none; width: 100%; }
.map_two { display: block; margin: 80px 0px 0px; padding: 0px; position: absolute; height: 100%; width: 100%; z-index: 1; background: #f2f2f2; }
.download { display: block; margin: 0px; padding: 20px; }
.download .box { display: block; margin: 0px; padding: 0px; }
.download .box .list { display: block; margin: 0px; padding: 0px; }
.download .box .list ul { display: block; margin: 0px; padding: 0px; webkit-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); -moz-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); }
.download .box .list ul li { display: block; margin: 0px; padding: 0px; background: #F9F6F4 url(images/list_bg.png) repeat-x left bottom; }
.download .box .list ul li a { display: block; margin: 0px; padding: 20px; color: #000000; background: #F9F6F4 url(images/list_right.png) no-repeat 95% center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D4D4D4; }
.download .box .list ul li .one { display: block; margin: 0px; padding: 0px; font-size: 30px; line-height: 40px; font-weight: bold; color: #0066CC; }
.download .box .list ul li .two { display: block; margin: 0px; padding: 10px 0px 5px; font-size: 24px; line-height: 40px; color: #666666; }


.download .box .list_three { display: block; margin: 0px; padding: 5px 0px 15px; }
.download .box .list_three ul { display: block; margin: 0px; padding: 0px; webkit-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); -moz-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); }
.download .box .list_three ul li { display: block; margin: 0px; padding: 0px; background: #F9F6F4 url(images/list_bg.png) repeat-x left bottom; }
.download .box .list_three ul li a { display: block; margin: 0px; padding: 20px; color: #000000; background: #F9F6F4 url(images/list_right.png) no-repeat 95% center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #D4D4D4; }
.download .box .list_three ul li .one { display: block; margin: 0px; padding: 0px; font-size: 30px; line-height: 40px; font-weight: bold; color: #0066CC; }
.download .box .list_three ul li .two { display: block; margin: 0px; padding: 10px 0px 5px; font-size: 24px; line-height: 40px; color: #666666; }

.download_one { display: block; width: 100%; padding: 10px 0px 0px; }
.download_one .pic { background: url(images/ioc_logo90x90.png) no-repeat left top; margin: 0px; padding: 0px; height: 110px; width: 110px; display: inline-block; position: absolute; }
.download_one .right { margin: 0px; padding: 0px 0px 0px 130px; display: block; }
.download_one .right p { margin: 0px; padding: 5px 0px; display: table; line-height: 30px; color: #666666; }
.download_one .right p strong { font-size: 30px; color: #000000; }
.download_one .right p em { margin: 0px 20px 0px 0px; display: inline-block; }
.download_two { margin: 0px; padding: 30px 0px; width: 100%; display: block; }


.download_two .box_text { margin: 0px; padding: 0px; display: table; width: 100%; text-align: left; color: #060; line-height: 30px; font-size: 20px; }
.download_two .box_text strong { color: #333; }

.download_two .box { margin: 0px; padding: 0px; display: table; width: 100%; text-align: center; }
.download_two .box a { border: 1px solid #CDCDCD; webkit-box-shadow: 0 1px 3px rgba(61, 61, 61, 0.3); -moz-box-shadow: 0 1px 3px rgba(61, 61, 61, 0.3); box-shadow: 0 1px 3px rgba(61, 61, 61, 0.3); height: 60px; background: #9dd53a; /* Old browsers */ background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(100%, #7cbc0a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* IE10+ */ background: linear-gradient(to bottom, #9dd53a 0%, #7cbc0a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=0 ); /* IE6-9 */
margin: 0px; padding: 0px; color: #FFFFFF; }
.download_two .box .Android { float: right; width: 48%; }
.download_two .box .Android span { background: url(images/download_01.png) no-repeat 15px center; display: block; height: 60px; padding: 0px 0px 0px 75px; text-align: left; line-height: 42px; font-size: 24px; }
.download_two .box .Android em { display: block; font-size: 14px; line-height: 20px; margin-top: -10px; }
.download_two .box .iPhone { float: left; width: 48%; }
.download_two .box .iPhone span { background: url(images/download_02.png) no-repeat 15px center; display: block; height: 60px; padding: 0px 0px 0px 75px; text-align: left; line-height: 42px; font-size: 24px; }
.download_two .box .iPhone em { display: block; font-size: 14px; line-height: 20px; margin-top: -10px; }
.download_two .box .sys { width: 75%; font-size: 24px; line-height: 60px; }
.download_three { width: 100%; padding: 0px; }
.download_three .box { display: block; width: 100%; }
.download_three .box .text_three { display: table; width: 100%; padding: 20px 0px 0px; font-size: 20px; line-height: 32px; color: #333333; }
.download_three .box .text_three a { color: #0066CC; font-weight: bold; text-decoration: underline; margin: 0px 3px; font-size: 24px; }
.download_three .box .title { border-bottom: 1px solid #28A6D8; display: block; width: 100%; }
.download_three .box .title strong { border-bottom: 1px solid #28A6D8; display: inline-block; padding: 0px 5px 3px; font-size: 28px; line-height: 40px; letter-spacing: 2px; }
.sytem_table_box { margin: 0px; padding: 0px; display: block; }
.sytem_table_box h1 { margin: 0px; padding: 0px 0px 10px; font-size: 18px; color: #CC0000; line-height: 30px; width: 100%; }
.sytem_table_box .table_box { margin: 0px; padding: 0px; }
.sytem_table_box .table_box table { margin: 0px; padding: 0px; width: 100%; }
.sytem_table_box .table_box table th { margin: 0px; padding: 5px; background: #CCCCCC; font-size: 16px; line-height: 30px; font-weight: bold; }
.sytem_table_box .table_box table td { margin: 0px; padding: 5px; font-size: 14px; line-height: 30px; border: 1px solid #CCCCCC; }
.product { display: block; padding: 15px; }
.product .box { display: block; width: 100%; }
.product .box h1 { display: block; font-size: 20px; line-height: 40px; padding: 0px 0px 20px; color: #FF0000; }
.product .box h2 { display: block; font-size: 30px; line-height: 40px; color: #006699; padding: 20px 0px; }
.product .box h3 { display: block; font-size: 24px; color: #CC6600; padding: 10px 0px 15px; }
.product .box .text { display: block; font-size: 18px; line-height: 30px; padding: 0px 0px 15px; }
.product .box .pic { display: block; text-align: center; width: 100%; padding: 10px 0px; }
.product .box .pic img { display: block; width: 90%; margin: 0px auto; }
.product .box .operation { display: table; margin: 0px; padding: 10px 20% 20px; width: 100%; text-align: center; }
.product .box .operation span { display: block; margin: 0px auto; padding: 0px; width: 100%; float: left; }
.product .box .operation span a { display: block; margin: 0px auto; padding: 0px; width: 100%; border: 1px solid #D4D4D4; background: #F9F6F4 url(images/list_bg.png) repeat-x left bottom; webkit-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); -moz-box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); box-shadow: 0 1px 4px rgba(61, 61, 61, 0.2); font-size: 25px; line-height: 50px; letter-spacing: 3px; color: #000000; }
.product .box .operation span a:active { background: #CCCCCC; }
.cooperation { display: block; margin: 0px; padding: 30px 35px; }
.cooperation .pic { display: block; margin: 0px; padding: 10px 0px 15px; }
.cooperation .pic .box { display: block; margin: 0px; padding: 0px; webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 10px solid #fafafa; }
.cooperation .pic .box p { display: block; margin: 0px; padding: 0px; border: 1px solid #FFFFFF; }
.cooperation .pic .box p img { display: block; margin: 0px; padding: 0px; width: 100%; }
.cooperation .pic .box h3 { display: block; margin: 0px; padding: 10px 0px; font-size: 24px; line-height: 40px; text-align: center; background: #fafafa; }
.list_two { display: block; margin: 0px; padding: 15px 10px; }
.list_two ul { display: block; margin: 0px; padding: 0px; list-style: none; background: #E6E6E6; webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.list_two ul li { display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */ }
.list_two ul li a { display: block; line-height: 45px; padding: 15px 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCC; vertical-align: middle; font-size: 24px; color: #333333; background: url(images/ico_02.png) no-repeat 95% center; text-shadow: 1px 1px 1px #ffffff; }
/**/
.position { display: block; padding: 25px 15px; border-bottom: 1px solid #E4E4E4; color: #666666; font-size: 24px; }
.position a { color: #006699; }
.position em { font-style: normal; margin: 0px 10px; }

.product_text { display: block; margin: 0px; padding: 0px; border-top: 1px solid #FFFFFF; }
.product_text .box { display: block; margin: 0px; padding: 15px; font-size: 20px; line-height: 35px; }
.product_text .box h1 { display: block; color: #CC0000; font-size: 30px; line-height: 50px; text-align: center; padding: 0px 0px 10px; }
.product_text .box h2 { display: block; color: #CC0000; font-size: 24px; line-height: 50px; text-align: left; }
.product_text .box h3 { display: block; color: #666666; font-size: 20px; line-height: 50px; text-align: left; }
.product_text .box img { display: block; text-align: center; margin: 10px auto; width: 90%; }