/* Theme Name:润乾软件2018 官网 Theme URI: http://www.raqsoft.com.cn/ Version: 2018 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } /* body */ body {margin:0; padding:0; background: #fff;font-family: "microsoft yahei",arial; color:#333; line-height:1.2em;} /* headings */ h1, h1 a{color:#333; font-weight:normal; font-size:1.2em; line-height:2.5em; } h2, h2 a{color:#333; font-weight:normal; font-size:1.0em; line-height:2.0em; font-weight:bold;} h3, h3 a, h4, h4 a {color:#333333; margin-bottom:0.875em; font-weight:normal;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#2DB2EA;} /* links */ a { text-decoration:none; color:#000; outline:none;} a:hover {text-decoration: none; color:#2DB2EA;} /* paragraphs */ p { line-height:2em; margin-bottom:1em;} table { margin-bottom:20px;} th,td { padding: 4px; line-height:2em;} pre {margin-bottom:20px; padding:4px; white-space:pre-wrap; white-space:-moz-pre-wrap!important; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; background: #EDF3DE; } code{ padding:0 2px; border-left:3px solid #72CC92; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#EDF3DE;} blockquote { background:#f8f8f8; margin:20px 0px 20px 20px; padding:8px;} pre p, blockquote p{margin:0;} hr{ border: 1px dashed #e6e6e6; margin: 20px 0;} .red{ color:#F00;} /* images */ img { border:none; margin:0 0 1em 0;} input{width: 150px; height: 20px; color:#666666;} .clearBoth{ clear:both; height:0; font-size:0; line-height:0;} .floatRight{ float:right; display: inline;} .displayNone{ display:none;} /* container */ #container { padding:0; margin:0 auto; width:100%; } #wrapper{ width:1000px; margin:0 auto; text-align:center;} .wrapper{ width:1000px; margin:0 auto; text-align:center;} /*--存档页面--*/ #archive{ float:right;display:inline; text-align:left; width:84%; margin:0; padding: 0 0 1em 0; font-size:1em;border-left:1px #EBEBEB solid; } #archive h1{font-size:2em; line-height:3em; text-align:center; margin:10px 0 0 0; color:#333; } #lead{ line-height:3em; text-align:center; font-size:1.2em; } .section{ clear:both; margin:0 0 0 0em ; padding:1em; border-bottom:1px #EBEBEB solid; } .section .posted-date{ text-align: left; margin:0; line-height:2em; height:30px; overflow:hidden;} .ta-pageimg-right{ float:left; display:inline; padding:0; border: none; max-height:120px; max-width:240px; margin:1em 2em 0 0 ;} .ta-pageimg-right img{ float:left; display:inline; padding:0; border: none; max-height:120px; max-width:240px;height:120px;width:240px;} .section h2 a {font-size:20px; font-weight:100; color:#000; line-height:36px; height:36px; overflow:hidden; text-align:left;} .excerpt{ margin:0 10px 30px 10px; line-height:20px; color:#888; font-size:0.875em;text-align:left;} .excerpt .ta-pageimg-right{ display:none;} .read-more a{ font-size:13px; color:#2DB2EA;} /*--searchform--*/ #searchform{ width:100%; background:#f8f8f8; border-bottom:1px solid #EBEBEB; padding:2em 0;} #searchform div{ width:60%;margin:0em auto;} #searchform #s{ width:75%; background:#fff; border:1px solid #CCC; color:#333; height:38px; line-height:38px;font-size:1em;font-family: "microsoft yahei",arial; padding:0 0 0 5px;} #searchsubmit{ width:20%;background:#386BC8; color:#fff;height:40px; line-height:40px; border:0px solid #386BC8;font-size:1em;font-family: "microsoft yahei",arial; } #header #searchform{ float:right; width:200px; background:none; border-bottom:none; padding:0;} #header #searchform div{ width:100%;margin: 20px 0 0 0;} #header #searchform #s{ width:70%; background:#fff; border:1px solid #CCC; color:#333; height:28px; line-height:28px;font-size:1em;font-family: "microsoft yahei",arial; padding:0 0 0 5px;} #header #searchsubmit{ width:20%;background:#386BC8; color:#fff;height:30px; line-height:30px; border:0px solid #386BC8;font-size:0.875em;font-family: "microsoft yahei",arial; } /*--content--*/ #content { float:right;display:inline; text-align:left; width:84%; margin:0; padding: 0 0 1em 0; font-size:1em;border-left:1px #EBEBEB solid;} #content h1{font-size:2em; line-height:3em; text-align:center; margin:10px 0 0 0; color:#333; } .post{margin:0px 0 0em 0; padding:1em; text-align: left;} .post h1{ font-size:1.5em; text-align: center; line-height:3em; margin:0; padding:0;} .posted-date { font-size:12px; color:#999;text-align: center; line-height:2em; margin: 0 0 2em 0;} .posted-date a{ color:#999;} .posted-date a:hover{ color:#3B6DCC;} .posted-date span{margin: 0 1em 0 0 ;} .entry{ line-height:2em; font-size:1.1em;margin:0 0 40px 0; padding:0; } .entry img{ max-width:100%; -moz-box-shadow:2px 2px 5px #A8A8A8; -webkit-box-shadow:2px 2px 5px #A8A8A8; box-shadow:2px 2px 5px #A8A8A8;} .entry h2{font-size:1em; font-weight:100; color:#000; background:#F5F9FC; line-height:2.5em; border-left:5px solid #3B6DCC; padding:0 0 0 1em; margin: 1em 0; text-align:left;} .entry h3{font-size:1em; font-weight: bold; color:#000; line-height:2.5em;padding:0 0 0 0em; margin: 1em 0; } .entry p{ margin:0px 0px 15px 0px; color:#333; } .entry a { text-decoration:none; color: #4b86e3; } .entry a:hover {text-decoration: none;} .entry ul{ margin:10px 0 20px 20px; list-style:outside circle;} .entry ol{ margin:10px 0 20px 20px;list-style-type:demical;} .entry ul li,.entry ol li{ margin:0 0 0 10px;} ol li{ list-style-position:outside;} .entry .button { width: 300px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto ; font-size: 24px; border-radius: 4px;padding:0px; margin: 30px 0; background:#E55B09; color:#fff!important; display: block;} .entry .button a{ color:#fff!important;} .aligncenter{text-align: center!important; margin: 0 auto!important; } .imgRight{ float:right; margin:0 0 10px 10px;} .postNav{ clear: both; margin:0px auto 10px auto; text-align:center; } .alignLeft{position:fixed; left:0px; top:200px; border:1px solid #BAD8FC; border-left:none;} .alignRight{position:fixed; right:0px; top:200px; border:1px solid #BAD8FC; border-right:none;} .postNav a{ padding:0.5em;width:1em; height: auto; line-height:1.2em;font-size:1em;text-align:center; background:none;color: #BAD8FC; display: inline-block;} .postNav a:hover{background:#386BC8; color:#fff;} .post404{ padding:0px 10px 10px 10px; margin:10px auto; text-align:center; border:1px #EBEBEB solid; background:#FFF;} .post table{ margin:0 0 20px 0; line-height:22px;font-size:14px; font-weight: normal;border-right:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;} .post table tr td{padding: 0 5px 0 5px; valign="middle"; } .post table thead{ background:#2E7BB5;} .post table thead tr td{ border-left:1px solid #F1F1F1; border-top:1px solid #F1F1F1;background:#0E7AC3; font-weight: bold; color:#FFFFFF; text-align:center;} .post table tbody{ background:#FFFFFF;} .post table tbody tr td{ border-left:1px solid #F1F1F1; border-top:1px solid #F1F1F1;color:#000000; font-size:14px; valign="middle"; } .post table .likeThead{background:#3B89C0; padding: 0 5px 0 5px; font-weight: bold; color:#FFFFFF;text-align:center;} .post table .clearTable{background:#fff; padding: 10px 5px 0 5px; font-family:"Times New Roman"; color:#999999;font-weight:normal} .post table .ct{background:#FFF; padding: 10px 5px 0 5px;font-family:"Times New Roman";font-weight:normal;border:0;} .post table .common{ font-weight:normal} .post table tbody tr .col1{ background:#f8f8f8;} /*--sidebar--*/ #sidebar{ float:left;display:inline;margin:0; padding:1em 0 1em 2%; width:13%; text-align: left; font-size:13px;} #sidebar ul{ padding:10px 0;} #sidebar ul li { list-style:none; line-height:2em; padding:0px 0 0 0 ;margin: 0;} #sidebar ul li a{ width:100%;color:#333;} #sidebar ul ul li { margin:0 0 0 1em;} #sidebar h3 { line-height:4em; margin: 0; padding:0; color:#000; border-bottom:1px solid #EBEBEB;} /*--pagenavi--*/ .pageNav{ clear: both; margin:1em auto 1em auto; text-align:center; } .pageNav a{ margin: 0; width:100px; height:2.5em; line-height:2.5em;font-size:1em;text-align:center; background:#CCC;color:#fff; display: inline-block;} .pageNav a:hover{background:#333;} .wp-pagenavi{ clear:both; margin:10px 0px; padding:0px; background: url(images/demobar.png) #F6F6F6; line-height:32px;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding:3px 5px;margin:0 2px;} .wp-pagenavi a:hover {background: #333;} .wp-pagenavi span.pages {padding:3px 5px;margin:0 0px;} .wp-pagenavi span.current {padding:3px 5px;margin:0 2px;} .wp-pagenavi span.extend {padding:3px 5px;margin:0 2px;} /*--page--*/ #cultureLeft{ float: left; display:inline; width:50%; font-size:0.875em;} #cultureLeft h1{ font-size:2em; text-align:left; line-height:3em; margin:0;} #cultureRight{ float: right; display:inline; width:50%; font-size:0.8em;} #cultureRight span{ font-size:1.5em; line-height:2em; margin:0 0 2em 0;} #founderLeft{ float: left; display:inline; width:25%; margin:1em 0 0 0;} #founderRight{ float: right; display:inline; width:70%; font-size:1em;} #founderRight h1{ font-size:2em; text-align:left; line-height:3em; margin:0;} #founderRight h1 span{font-size:1em; color:#666; } #founderRight ul{ margin:0 0 2em 0; padding:0;} #founderRight ul li{ line-height:30px;} #history{ font-size:0.875em;} .contactLeft{ float: left; display:inline; width:50%; margin:1em 0 0 0;} .contactRight{ float: right; display:inline; width:50%; font-size:1em; line-height:0.875em;} .contactRight p { margin:0;} #partner li { margin:0 1em 1em 0; padding:0px; float:left; display:inline; width:145px; height:50px; background:#f8f8f8;} #download h1{ text-align:center; line-height:2em; margin-bottom: 20px; font-size:2em;} #download h2{ text-align:center; line-height:64px; font-size:32px; border:0;background:#F8f8f8; color:#999; margin:0;} #download .oldVersion{text-align:center;background:#F8f8f8; margin:20px auto 0px auto; padding:20px;} #download .red{text-align:left; padding: 0 10px 10px 10px;color: #f00;} #download .time{ width:auto;color:#333; font-size: 13px; margin: 0 auto; text-align: center;} #download #ClickMe{text-align:center; } #download ul { clear:both; margin:0 20px ; padding:1.5em 0; border-bottom:1px solid #F2F2F2; display:block; } #download ul li{ float:left; display:inline; margin:0 20px 0 0;font-size: 1em } #download ul li span{ font-size:0.725em; color:#999;} #download ul .label{ width:200px;color:#333; font-size: 1.1em} #download ul .button{ width:140px; height:50px; color:#fff; background:#0E7AC3 ; line-height:50px; padding:0 0 0 80px; margin: 0 auto 20px; -moz-border-radius: 10px;-webkit-border-radius:10px;border-radius:10px;text-align: left; font-size:1em;} #download ul.report.lic .button{ width:260px; } #download ul.esproc.lic .button{ width:200px; } #download ul.ymodel.lic .button{ width:260px; } #download ul .button-dl{ background: url(images/download-dl.png) no-repeat 15px center #0E7AC3;} #download ul .button-dl:hover{ background: url(images/download-dl.png) no-repeat 15px center #0667AA;} #download ul .button-lic{ background: url(images/download-lic.png) no-repeat 15px center #0E7AC3; } #download ul .button-lic:hover{ background: url(images/download-lic.png) no-repeat 15px center #0667AA;} #download ul.v2018 .button-lic{ height:50px; line-height: 50px; } #download ul.v2018 .button-lic div { font-size: 16px; padding: 0px 0 0px 0px; margin: 0; } #download ul.v2018 .button-lic span { font-size: 12px; color: #f8f8f8; opacity: 0.5;line-height: 20px; margin:10px 0 0 0; padding: 10px 0 5px 0; display: inherit; } #download ul.v2018,#download ul.report,#download ul.esproc,#download ul.ymodel { margin: 0 auto 0px; padding: 15px 40px;} #download ul.ymodel { padding: 15px calc( 50% - 240px );} #download ul .download-hdq{ margin-top: 30px; padding: 0 10px;} #download ul .button-baidu{ background: url(images/download-baidu.png) no-repeat 15px center #0E7AC3;} #download ul .button-baidu:hover{ background: url(images/download-baidu.png) no-repeat 15px center #0667AA;} #download ul .button-360{ background: url(images/download-360.png) no-repeat 15px center #0E7AC3;} #download ul .button-360{ background: url(images/download-360.png) no-repeat 15px center #0E7AC3;} #download ul .doc{background: url(images/download-doc.png) no-repeat 0px center; padding:0 0 0 26px;line-height: 32px;} .oemList{width:540px} #download ul .button.button-lic.recommend{background: #CC5B4B ; width: 150px; padding: 5px 10px; line-height: 2em;height: 2em; margin-bottom: 0; text-align: center;} #download ul .button.button-lic.recommend:hover{background: #AA3F30 ; } #download ul .button-lic .recommendIcon{background: url(images/recommend.png) no-repeat top right; background-size: 45px auto; } #download table{ width: 100%; margin: 0 0 20px 0;} #download table thead tr td{padding:10px 0; background: #f2f2f2; color: #000; font-weight:bold;border-bottom: 2px solid #ccc;} #download table thead a{ font-size:13px; color:#fff; line-height:18px; display:block;} #download table thead a span{font-size:18px!important; color:#fff!important; margin:10px 0;} #download table tbody tr td{ clear: both; margin: 0px 0 ; padding:5px 5px!important; font-size: 13px;} #download table tbody tr td:nth-child(1){ text-align:center; width: 16%; font-weight:bold; border-right: 2px solid #ccc;} #download table tbody tr td:nth-child(2){ font-weight:normal; width: 28% } #download table tbody tr td:nth-child(3){ font-weight:normal; width: 28% } #download table tbody tr td:nth-child(4){ font-weight:normal; width: 28%} #download table tbody tr:nth-child(even) { background: #f8f8f8; } #download table tbody tr:nth-child(odd) { background: #fff; } #thtd1{font-weight: lighter; text-align: left; padding: 5px!important; width: 130px;} #download .more{ clear: both; background: rgba(234,147,3,1.00) url(images/more.png) no-repeat 5px center/24px auto; padding: 5px 10px 5px 40px; border-radius: 5px; color: #fff; display: table; margin: 0px 0;} #download .more:hover{ background: rgba(214,146,0,1.00) url(images/more.png) no-repeat 5px center/24px auto; } #download .more a{ color: #fff; } .tableDl1{ border-top: 3px solid #eee;} .tableDl3{ border-bottom: 3px solid #eee;} .tableDl td{ text-align: center;} #download .contact{ border: 1px dashed rgba(242,175,0,1); border-radius: 5px; padding: 10px; margin: 20px 0em ; font-size: 15px; line-height: 1.5em; background: rgba(242,175,0,0.1); color:#000;} #download .contact a{ color: #3276e1; } /*--product--*/ .full{width:90%; margin: 0 auto;} #product{ padding:1em 0 0 0;} #product section h2{ font-size:2em; line-height:4em; text-align:center; margin:0; padding:0; font-weight:100;} #product .part2,#product .part4{ background:#f8f8f8; padding:0em 0em 0em 0em;} .product-2,.product-4{ padding:0 2em 3em 6em;} #product img{ margin-bottom:3em;} #product ul{ float:left; display: inline-block; width:25%; text-align:left; } #product ul h4{ color:#333; line-height:3em; margin:0 } #product ul h4 span{font-size:0.875em;} #product ul li{ list-style: inside; color:#999; font-weight:100; font-size:0.875em; line-height:1.75em;} #product-jsbb #sidebar { margin:0em 0 0 1em; } #product-jsbb #sidebar ul li { font-weight: normal; list-style:inside circle;} #product-jsbb #sidebar ul ul li{ font-weight:normal; font-size:1em; line-height:2em; } #product-jsbb #sidebar ul ul li a{ } #product-jsbb #content{ width:83%;} .fix-div{ position:fixed; top:0; left:0;} #product-jsbb .sidebar .fix-div{top:40px;} .sqlvsreckoner1-word{margin:30px 0 0 0; font-size:12px; color:#999999;width:699px; } .ta-pageimg-left{ margin :20px 20px 0 0; float: left; } .ta-pageimg-left img{ } /*下载页弹出层*/ #ClickMe {line-height: 40px;color: #0E7AC3;margin:10px 0 0 0; } #goodcover {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 166%;background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50;filter: alpha(opacity=80);} #code { width: 800px; background-color: #fff; padding: 10px; display: none; margin:20px auto; z-index: 1002;opacity: inherit!important;} .close1 {width: 600px; height: 40px;} #closebt { float: right;} #closebt img {width: 20px;} .goodtxt {text-align: center;height: 100%;overflow-y: auto;} .goodtxt p {line-height: 24px;font-size: 14px;color: #000;font-weight: 100;} .pupup-ps{font-size: 13px!important;font-weight:normal!important; margin:20px 0!important; text-align:left!important;} /*下载页弹出层2222*/ #ClickMe2 {line-height: 40px;color: #0E7AC3;margin:10px 0 0 0; } #goodcover2 {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 166%;background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50;filter: alpha(opacity=80);} #code2 { width: 800px; background-color: #fff; padding: 20px; display: none; margin:20px auto; z-index: 1002; opacity: inherit!important;} .close2 {width: 600px; height: 40px;} #closebt2 { float: right;} #closebt2 img {width: 20px;} .goodtxt2 {text-align: center;height: 100%;overflow-y: auto;} .goodtxt2 p {line-height: 24px;font-size: 14px;color: #000;font-weight: 100;} /*润乾报表5版本*/ #r-version{ padding:20px 0 0 0;} #r-version table{ border:none; border-right:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; margin: 0 0 20px 0; width: 100%;} #r-version table td{ padding:0 5px;width:7%;text-align: center; height:36px;} #r-version tbody tr:hover,#r-version tbody tr:hover .col1{ background-color: rgba(0,0,0,0.02);} #r-version .col1{ width:15%; border-right:2px solid #F1F1F1 ;background:#fff;text-align: left;} #r-version .col2{ width:7%; text-align:center;background:#f8f8f8;} #r-version .col3{ width:7%;text-align:center;} #r-version .col4{ width:10%; text-align:center;background:#f8f8f8;} #r-version .col5{ width:40%; color:#999; font-size:14px; text-align: left; border-right: 1px solid #F1F1F1;} #r-version .thead td{ height:60px; text-align:center; font-weight: normal; } #r-version .thead3 td:nth-of-type(2) { } #r-version .thead2 td{height:40px; background:#FFA63F; color:#FFF!important;} #r-version .thead3 td{ height:40px;background:#535965; color:#FFF!important;} #r-version .thead3 td a{ color:#fff; text-decoration:underline;} .buttons {width: 100%; margin: 0 auto;} .buttons a{width: 150px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; padding: 0px; margin: 30px 20px ; color: #fff; border-radius: 4px; } .edition-ps{ border: 1px solid #2860b7; background: #4b86e3;float: left;} #onlineSale-rVersion{ border: 1px solid #b88500; background: #f2af00;float: left; } #r-version .thead4{font-weight:bolder; height: 40px; background: rgba(240,240,240,0.2); } #r-version tr:nth-last-of-type(2) td,#r-version tr:nth-last-of-type(1) td{text-align: center; color:#ff0000; font-weight: bold; height: 40px;} #r-version tr:nth-last-of-type(2) td{ border-top: 3px solid #ccc;} #r-version table{ border-bottom: 3px solid #ccc;} #r-version tr:nth-of-type(3) td:nth-of-type(2){background: none!important;} #r-version tr:nth-of-type(2) td:nth-of-type(1),#r-version tr:nth-of-type(3) td:nth-of-type(1) {text-align: left; color:#000; } #r-version td:nth-of-type(2) a{ color: rgba(75,119,204,1) ; } #r-version tr:nth-of-type(4) td:nth-of-type(1) a{ color:#000; text-decoration: underline;} #r-version tr:nth-of-type(4) td:last-of-type{ font-weight: normal; } #r-version .buttons {width: 576px; margin: 0 auto;} /*集算器版本*/ #p-version{ padding:20px 0 0 0;} #p-version table{ border:none; border-right:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1;margin:0 0 20px; width: 100%;} #p-version table td{ padding:0 5px;width:7%; text-align: center;} #p-version .col1{ width:15%;border-right:2px solid #F1F1F1 ;background:#fff; text-align: left;} #p-version .col2{ width:7%; text-align:center;background:#f8f8f8;} #p-version .col3{ width:7%;text-align:center;} #p-version .col5{ width:40%; color:#999; font-size:12px; text-align: left;} #p-version .thead td{ height:40px; text-align:center; font-weight: normal; background:#4b77cc!important; color:#fff!important;} #p-version .thead td:nth-of-type(2) { background: rgba(75,119,204,0.7)!important; width: 8%; } #p-version td:nth-of-type(2) a{ color: rgba(75,119,204,1) ; } #p-version td:nth-of-type(2) { background: rgba(0,0,0,0.03)!important; } #p-version .thead2 td{height:40px; background:#FFA63F; color:#FFF!important;} #p-version .thead3 td{ height:40px;background:#535965; color:#FFF!important;} #p-version .editionPS{ border: 1px solid #F1F1F1; background: #f8f8f8; padding: 20px 20px; font-size: 13px; margin: 0px 0; } #p-version .editionPS li strong{margin-right: 10px;} #p-version .thead4{font-weight:normal; height: 40px; background: rgba(240,240,240,0.2); } #p-version tr:nth-of-type(2) td,#p-version tr:nth-of-type(3) td {text-align: center; color:#ff0000; font-weight: bold; height: 40px;} #p-version tr:nth-of-type(3) td:nth-of-type(2){background: none!important;} #p-version tr:nth-of-type(2) td:nth-of-type(1),#p-version tr:nth-of-type(3) td:nth-of-type(1) {text-align: left; color:#000; padding: 0 5px; } #p-version tr:nth-of-type(4) td {text-align: right; color:#ff0000; height: 40px;} #p-version tr:nth-of-type(4) td:nth-of-type(1) {text-align: center; color:#000; } #p-version .buttons {width: 524px; margin: 0 auto;} /*集算器版本*/ #y-version{ padding:20px 0 0 0;} #y-version table{ border:none; border-right:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1;margin:0 0 20px; width: 100%;} #y-version table td{ padding:0 5px;width:7%; text-align: center;} #y-version .col1{ width:15%;border-right:2px solid #F1F1F1 ;background:#fff; text-align: left;} #y-version .col2{ width:7%; text-align:center; background:#f8f8f8; } #y-version .col3{ width:7%; text-align:center; } #y-version .col5{ width:40%; color:#999; font-size:12px; text-align: left; } #y-version .thead td{ height:40px; text-align:center; font-weight: normal; background:#4b77cc!important; color:#fff!important;} #y-version .thead td:nth-of-type(2) { background: rgba(75,119,204,0.7)!important; } #y-version td:nth-of-type(2) a{ color: rgba(75,119,204,1) ; } #y-version td:nth-of-type(2) { background: rgba(0,0,0,0.03)!important; } #y-version .thead2 td{height:40px; background:#FFA63F; color:#FFF!important;} #y-version .thead3 td{ height:40px;background:#535965; color:#FFF!important;} .editionPS{ border: 1px solid #F1F1F1; background: #f8f8f8; padding: 10px 20px; font-size: 13px; } .editionPS li strong{margin-right: 10px;} #y-version .thead4{font-weight:normal; height: 40px; background: rgba(240,240,240,0.2); } #y-version tr:nth-of-type(2) td {text-align: center; color:#ff0000; font-weight: bold; height: 40px;} #y-version tr:nth-of-type(2) td {margin: 0; padding: 0;} #y-version tr:nth-of-type(2) td:nth-of-type(1) {text-align: left; color:#000; padding: 0 5px; } #y-version tr:nth-of-type(3) td {text-align: right; color:#ff0000; height: 40px;} #y-version tr:nth-of-type(3) td:nth-of-type(1) {text-align: center; color:#000; } #y-version .buttons {width: 524px; margin: 0 auto;} /*计算表版本*/ #c-version{ padding:20px 0 0 0;} #c-version table{ border:none; border-right:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; margin:0 auto;} #c-version table td{ padding:0 5px;} #c-version .col1{ width:20%;} #c-version .col2{ width:10%; text-align:center;background:#f8f8f8;} #c-version .col3{ width:10%;text-align:center;} #c-version .col5{ width:50%; color:#999; font-size:12px; } #c-version .thead td{ height:60px; text-align:center; font-weight: normal; background:#4b77cc!important; color:#fff!important;} #c-version .thead2 td{height:40px; background:#FFA63F; color:#FFF!important;} #c-version .thead3 td{ height:40px;background:#535965; color:#FFF!important;} /*集算器应用场景*/ #p-application .section { border-top:1px solid #f2f2f2; padding:30px 100px ;} #p-application .section0 img{display: block; text-align:center; margin:30px auto;} #p-application .section1,#p-application .section3{ background:#fff;} #p-application h2{ color:#558BD5; font-size:24px; font-weight:bold; background:none; border:none; margin:0; padding:0 ;} #p-application h3{ display:inline-block; color:#fff; font-size:16px; background:#71C333; padding:0 20px;border-radius:10px;} #p-application .section img{ width:300px; margin:20px 0 0 50px;} #p-application .section ul li{ line-height:30px;} /*dengfan*/ body{padding-top: 110px;} .nav{height:50px; padding: 10px 30px; background:#f8f8f8; font-size:15px; text-align: right; position: fixed; top: 0; left: 0; right: 0; z-index: 50; box-shadow: 0px 1px 2px #dddddd ;} .nav > .nav_container img.logo{float: left; height: 50px;} .nav > .nav_container img.iconNav{display: none;} .nav > .nav_container > ul{height: 50px;} .nav > .nav_container > ul li{display: inline-block; width: auto; margin: 0 12px; padding: 10px 0; text-align: center; vertical-align: top; overflow: visible;} .nav > .nav_container > ul li a{line-height: 30px; display: block;} .nav > .nav_container > ul li a.button{background: #3276e1; border: 1px solid #386bc8; color: #FFF; border-radius: 4px; padding: 0 15px;} .nav > .nav_container > ul li a.button:hover{background: #4b86e3;color: #FFF;} .nav > .nav_container > ul li a:hover{color: #3276e1;} .nav.min{height: 40px; padding: 5px 30px;} .nav.min img.logo{height: 40px;} .nav.min > .nav_container > ul{height: 40px;} .nav.min > .nav_container > ul li{padding: 5px 0;} .subNav{height: 40px; line-height: 40px; position: fixed; top: 70px; left: 0; right: 0; z-index: 40; color: #FFF; padding: 0 0 0 20px; text-align: right; box-shadow: 0 1px 3px rgba(0,0,0,.1);} .subNav.min{top: 50px;} .subNav.jsq{background: #4b77cc;} .subNav.rqbb5{background: #535965;} .subNav.jsb{background: #669966;} .subNav span{float: left;} .subNav ul li{display: inline-block;} .subNav a{color: #FFF; padding: 0 10px;} .heightLight{background: #f2af00; display: inline-block; height: 40px; padding: 0 10px;} li.heightLight a{display: inherit;} li.heightLight a:hover ,li.heightLight a:focus,li.heightLight a:visited{background:rgba(0,0,0,.05); color: #fff;opacity:1;} .row{margin-bottom: 0px;} .focus{text-align: left;} .focus .half{width: 50%; height: 440px; float: left; overflow: hidden; position: relative;} .focus .half:first-child{background: #100f0c;} .focus.jsb .half:first-child{background: #000;} .focus .half > h2{height: 90px; padding: 0 40px; line-height: 90px; background: rgba(0,0,0,.7); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)"; color: #FFF; display: block; position: absolute; right: 75px; bottom: 100px;} .focus .half > img{position: absolute; right: 0; top: 0;} .focus .half > div{margin-top: 10px;} .focus .half > div:first-child{margin-left: 40px;} .focus .half > div:first-child + div{margin-left: 20px;} .focus .half > div:first-child + div + div{margin-left: 0px;} .focus .half > div .icon{float: left; padding: 0 20px 80px 0;} .focus .half > div h3{margin: 0 auto; line-height: 48px; font-size: 18px; font-weight: normal;} .focus.jsb .half > div{padding: 60px 0 0 40px;} .focus.jsb .half > div h3{font-size: 28px} .focus.jsb .half > div span{font-size: 18px;} .focus .half > div span{display: block; line-height: 2;} .focus .full{height: 500px; margin: auto; overflow: hidden; background: #39414b url(images/focus-r.png) no-repeat center; background-size: auto 100%;width:100%;} .focus .full .full_container{margin: auto; height: 100%; position: relative;} .focus .full img{width: 100px; position: absolute; left: 100px; top: 50px;} .focus .full .text{color: #9b9fa4; font-size: 18px; text-align:left; position: absolute; left: 100px; top: 120px; line-height:40px;} .focus .full .text .rq5{color: #fff; font-size: 48px; font-weight: bold; margin-right:20px;line-height:90px;} .focus .full .text .light{color: #f2af00; font-size: 60px;line-height:90px;} .focus.aboutme {overflow: hidden; background: #b8efff url(images/aboutme1.png) no-repeat center; height: 440px; position: relative;} .focus.aboutme h2{top: 1em; left: 6em; bottom: auto; position: absolute;} .focus.aboutme div{ position: absolute; right: 4em; top: 2em; width: 45%;} .focus.aboutme p{max-width: 560px; font-size: 1.2em; line-height: 1.2; text-indent: 2em;} .row.index{margin-top: -40px; height: 440px;} .row.index .swiper-container{ height: 100%;} .swiper-slide{text-align: center;} .swiper-slide img{margin: auto;} .swiper-slide.item1{background: #3c414c;} .swiper-slide.item2{background: #3b68be;} .swiper-slide.item3{background: #bf4434;} .swiper-slide.item4{background: #6589c7;} .swiper-slide.item5{background: #b02d2d;} .row.banner{min-height: 120px; background: #4b77cc; color: #FFF; font-size: 28px; line-height: 120px; text-align: center; clear: both; margin-bottom: 0;} .row.banner.jsb{background: #669966;} .row.banner span{font-size: 1.2em;} .row.full.steps{ padding: 30px 0 60px 0; background:#f2f2f2; max-width: 100%; width: 100%;} .row.full.steps h2{line-height: 2em; color:#333;} .row.full.steps p{ text-align: center;color:#999; margin-bottom:30px;} #purchase_steps{ width: auto; height:300px; background: url(images/Purchase-steps.jpg) center center no-repeat;text-align:center; margin:0 auto;margin: auto; overflow: hidden; background-size: auto 100%;} .row.full.report-business-process{ padding: 30px 0 60px 0; background:#fff; max-width: 100%; width: 100%;} .row.full.report-business-process p{ text-align: center;color:#333; margin-bottom:10px; font-size:16px;} #report-business-process{ width: auto; height:360px; background: url(images/report-business-process.png) center center no-repeat; text-align:center; margin:0 auto;margin: auto; overflow: hidden; background-size: auto 100%;} .row.banner.dark{background: #393b4e; line-height: 2.5; padding: 30px 0;} .row.banner.dark .button{border: 1px solid #FFF; color: #FFF; border-radius: 4px; font-size: 14px; width: 120px; line-height: 2.5; text-align: center; display: inline-block;} .onlineSale{ height: 50px; line-height: 50px; text-align: center;font-size: 24px;border: 1px solid #535965;border-radius: 4px;padding:0 20px;display:inline-block;margin: 20px 20px 20px 0; background:#f2af00; color:#fff;} .onlineSale:hover{ background: #FD9902; color:#fff;} .youNeedRaqreport{ height: 50px; line-height: 50px; text-align: center;font-size: 24px;border: 1px solid #C00;border-radius: 4px;padding:0 20px;display: inline-block;margin: 20px 20px 20px 0; background:#E55B09; color:#fff;} .youNeedRaqreport:hover{ background: #E22B05; color:#fff;} .button1111{ width: 300px; height: 60px; line-height: 60px; text-align: center;font-size: 24px;border: 1px solid #C00;border-radius: 4px;padding:0px;display: inline-block;margin: 20px 0; background:#E55B09; color:#fff;} .button1111:hover{ background: #E22B05; color:#fff;} .row.text{background: #f9f9f9; font-size: 18px; line-height: 40px; margin: 0 auto;} .row.text .text_container{box-sizing: border-box; padding: 50px 120px;} .row.text .text_container span{color: #e89b00;} .row.text.wide{margin-top: 0px; background:#f2f2f2;} .row.text.wide .text_container{padding: 50px 0; overflow: hidden;} .row.text .imglist{text-align: center; width: 20%; float: left; padding-top: 40px;} .row.text .imglist h5{line-height: 2; text-align: center; background: #74757e; color: #FFF;} .row.text .imglist img,.row.text .imglist h5{display: block; width: 90%; margin: auto;} .icon-java{width:48px; height:48px; background: url(images/icon-java.png) no-repeat left top;} .icon-python{width:48px; height:48px; background: url(images/icon-python.png) no-repeat left top;} .icon-sql{width:48px; height:48px; background: url(images/icon-sql.png) no-repeat left top;} .row.backgroundCover{background: #0c0c0c;} .row.backgroundCover.jsb{background: #403d3c;} .row.backgroundCover .backgroundCover_container{height: 570px; text-align: center; background: url(images/pic1.png) no-repeat center; background-size: cover; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic1.png', sizingMethod='scale')"; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic1.png', sizingMethod='scale')";} .row.backgroundCover.jsb .backgroundCover_container{ background: url(images/pic4.png) no-repeat center; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic4.png', sizingMethod='scale')"; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic4.png', sizingMethod='scale')";} .row.backgroundCover h2{color: #FFF; line-height: 130px;} .row.backgroundCover .t{display: inline-block; width: 220px;} .row.backgroundCover.jsb .t{padding-top: 40px;} .row.backgroundCover .t img{width: 90%;} .row.backgroundCover .t h3{font-size: 28px;line-height:50px; color: #f2af00; font-weight: normal; margin: 10px auto;} .row.backgroundCover .t span{font-size: 18px; color: #FFF;} .row.backgroundCover .button{width: 190px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #FFF; color: #FFF; margin: 60px auto 0; border-radius: 3px; display: block;} .row.list{text-align: center; border: 10px solid #95a8d0;} .row.list.jsb{border-color: #679971;} .row.list .list_container{margin: 0 50px; text-align: left;} .row.list h2{color: #3f81c1; line-height: 140px;} .row.list.jsb h2{color: #679971;} .row.list .t{display: inline-block; width: 33%; margin-bottom: 60px; text-align: left; white-space: nowrap;} .row.list .t img{float: left; margin-right: 10px; width: 64px;} .row.list .t h3{font-size: 18px; color: #000; font-weight: normal; margin: 5px auto 10px;} .row.list .t span{font-size: 14px; color: #666;} .row.chart{text-align: center; padding:50px 0;} .row.chart h2{color: #4b77cc;} .row.chart img{margin: 60px auto; max-width: 90%;} .row.chart .button{width: 190px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #547cc9; color: #547cc9; margin: 0 auto; border-radius: 3px; display: block;} .row.knowmore{background: #557dc9 url(images/pic3.png) center no-repeat; color: #FFF; text-align: center; margin-bottom: 0;} .row.knowmore.jsb{background: #679871;} .row.knowmore h2{line-height: 110px; color:#FFF;} .row.knowmore .button{width: 190px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #fff; color: #fff; margin: 30px 20px 50px; border-radius: 3px; display: inline-block; text-align: center;} .row.cooperative{ margin-bottom: 0; background:#fff;} .row.cooperative .row_container{overflow: hidden; padding-top: 60px;} .row.cooperative h2{margin-bottom: 50px;} .row.cooperative .logolink{float: left; width: 20%; height: 80px; text-align: center;} .row.cooperative .logolink img{max-width: 100%; max-height: 100%;} .row.slidebox{background: #f8f8f8; margin-bottom: 0;} .row.slidebox .row_container{padding: 60px 0;} .row.slidebox h2{margin-bottom: 50px;} .row.slidebox .button{text-align:center; font-size:16px; border: 1px solid #535965;border-radius: 4px; padding: 0 15px; width:200PX; line-height:40px; display:block; margin:20px auto;} .slide{text-align: center; height:auto!important;} .slide .slide_item{display: inline-block; max-width: 33%; text-align: center;} .slide .slide_item img{max-width: 90%;} #footer{clear:both; color:#AEAEAE; margin:0;background:rgb(233, 233, 233); font-size:0.75em; line-height:1.5em; padding:0;} #footerNav{background: #f8f8f8; text-align: right; padding:30px 60px; margin-bottom: 0;} #footerNav ul{float: left; text-align: left; margin:0 50px 0 0; line-height: 2.2;} #footerNav ul li{ list-style: none; clear:both;color: #666;font-size: 13px; } #footerNav ul li a{float: left; display:inline; display: block;height: 30px;line-height: 30px;color: #666; margin:0 1em 0 0; } #footerNav ul li a:hover { } #datatalk{ color:#FFF!important; background:#1f2533; line-height:13px!important;height:14px!important;margin:8px 1em 0 0!important;} #datatalk-jiang{ color:#fed000;} .link1-PN{ width:60px;} #footerNav h4{font-size: 13px; color: #000; font-weight: normal; margin: 5px auto 20px; text-align:left;} #footerNav a{font-size: 13px; color: #666; display: block;} #footerNav .wechart{ width:100px; float: right;} #footerNav .wechart img{width: 100%;} .footer{ clear:both;color: #777; line-height: 2; padding: 30px; text-align: center;} /*--about--*/ .row.aboutme { background: #fff; height: 440px; margin-bottom: 0;} .row.aboutme .aboutme_container{margin: auto; height: 440px; overflow: hidden; display: table;} .row.aboutme .aboutme_container > div{height: 440px; display: table-cell; vertical-align: middle; max-width: 530px;} .row.aboutme .aboutme_container > div:first-child{width: 600px;} .row.aboutme .aboutme_container div h2{color: #4b77cc; text-align: left; line-height:2;margin-bottom:10px;} .row.aboutme .aboutme_container div p{line-height: 1.6;} .row.founder{background: #1f0d03; color: #FFF; margin-bottom: 0;} .row.founder .founder_container{height: 480px; display: table; width: 100%; position: relative;} .row.founder .founder_container > img{display: table-cell; position: absolute; right: 0; top: 0; height: 100%;} .row.founder .founder_container > div{display: table-cell; vertical-align: middle; padding-left: 5em; position: relative; z-index: 10;} .row.founder .founder_container h2{text-align: left; color:#f8f8f8;} .row.founder .founder_container p{ display: block; line-height: 1.5; width: 490px;} .row.founder .founder_container p a{ color:#fff;} .row.founder .founder_container p.light{color: #ffcc00; margin: .5em 0 2.5em;} .blue{color: #4b77cc;} .row.development{overflow: auto; padding:0 0 50px 0; background:#f8f8f8;} .row.development h2{margin: 1em auto;} .row.development p{margin: 0 auto; line-height: 3; width: 990px;} .row.development p.even{background: #f2f2f2;} .row.development p i{font-style: normal;} .row.development p span{color: #4b77cc; margin: 0 2em;} .row.blue{background: #4b77cc; text-align: center; padding: .0 0 3em;} .row.blue h2{line-height: 4;color: #FFF;} .row.blue img{margin: auto 3em;} .row.honor{text-align: center; padding: .0 0 3em;} .row.honor h2{margin: 1em auto 0 auto;} .row.honor table{width: 100%; max-width: 1000px; margin: auto;} .row.honor table td{padding: 10px 0;} .row.map{margin-bottom: 0;} .row.map .row_container{position: relative; background: url(images/map.png) center no-repeat; height: 595px;} .row.map .addr{background: rgba(0,0,0,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); position: absolute; top: 50px; right: 80px; color: #FFF; padding: 2em 3em; line-height: 1.6} .row.map .addr h3{color: #fcc964; margin:20px 0 10px 0;} .row.map .addr p{margin: 0 auto;} .row.map .addr a{color: #FFF; } .nav_container, .subNav_container, .text_container, .backgroundCover_container, .list, .link_container, .full_container, .row_container{max-width: 1440px; margin-left: auto; margin-right: auto;} h2{ font-size: 32px; margin: 0 auto; padding: 0; text-align: center; font-weight: normal;} h5{font-size: 14px; font-weight: normal; margin: 0 auto; padding: 0;} .nav > .nav_container #mainNav li.sub{text-align: center;} .nav > .nav_container #mainNav li.sub > a:after{content:"﹀"; font-size: 12px; color: #444; line-height: 30px; width: 16px; padding-left: 2px; display: inline-block;} .nav > .nav_container #mainNav li.sub > div{display: none;} .nav > .nav_container #mainNav li.sub:hover > div{display: block;} .nav > .nav_container #mainNav li.sub:hover > a:after{color: #3276e1;} .nav > .nav_container #mainNav li.sub > div.jsq{margin-left: 0px;} .nav > .nav_container #mainNav li.sub > div.rqbb5{margin-left: 0px;} .nav > .nav_container #mainNav li.sub > div.jsb{margin-left: -120px;} .nav > .nav_container #mainNav li.sub > div.gywm{margin-left: -215px;} .section h2{ text-align:left;} #JDTbg{ clear:both; background:url(images/Jiangs-DataTalk-bg.png) 0 0 repeat-x; margin: -40px 0 0 0; padding:0;} #JDTbg img{ margin:0 auto; text-align:center; mix-width:900px;} #JDT p{ text-align:left; padding:20px; background:#f8f8f8; line-height:2em;} #more-JDT{width:100%; color:#fff; background:#0E7AC3 ; font-size:2em; line-height:3em; text-align:center; margin:2em auto; -moz-border-radius: 10px;-webkit-border-radius:10px;border-radius:10px;display: block;} #JDT-MD{ display: inline-block; padding:20px 0; margin:0 auto;} #JDT-MD h2{ font-size:24px; margin:20px 0;} #JDT-MD img{ float:left; margin:20px ; height:45px; width:auto;} #JDT-post{ border-top:1px solid #CCC;} #JDT-post h2{ font-size:24px; line-height:40px; margin:30px 0 30px 0;} #JDTsidebar{ float:right; width:300px;} /* marketing2017 */ #marketing2017{ text-align:left;} #marketing2017 h1{ font-size:3em; color:#4B77CC; font-weight: bold; text-align:center;} #marketing2017 .section{ display:block; clear:both; border-bottom:1px #EBEBEB solid; margin:0 ; padding:40px 20px;} #marketing2017 .exp { text-align:center; } #marketing2017 .exp span{ margin:5px; text-align:center; padding:5px 10px; line-height:30px;} #marketing2017 .Singular{} #marketing2017 .even{ } #marketing2017 .month{ float:left;font-size:5em; line-height:1em; color:#E4E4E4; font-weight: bold; padding: 0 20px; margin:0; border-right: 5px solid #E4E4E4; width:180px; } #marketing2017 .monthImage{float:right; } #marketing2017 .monthImage img{ max-width:300px; width:300px; } #marketing2017 ul { float: left; margin: 0 20px;} #marketing2017 ul li{ margin:0; list-style:none outside; line-height:30px; font-size:16px;clear:both; } #marketing2017 ul ul{ margin:5px 0 10px 20px; } #marketing2017 ul ul li{ font-size:14px; padding: 0 10px; } #marketing2017 ul ul li a{color:#fff; display:block; } #marketing2017 .speech a:hover{ background: #36C; color:#FFF; } #marketing2017 .speech{ background:#4B77CC; color:#FFF; } #marketing2017 .prize{ background: #F60; color:#FFF; } /* weDocs */ #docs-Home{ width:1000px; margin:0 auto;} #docs-Home h1{ text-align:center;} .wedocs-search-widget{ color:#333;float: right;} .wedocs-search-widget .screen-reader-text {float: left;} .wedocs-search-widget .swedocs-search-in {float: left;} .wedocs-search-widget .search-submit {float: left;} /* sharebutton */ .bdsharebuttonbox{ padding:10px 20px; background:#f8f8f8;} /*--RelatedPosts--*/ #RelatedPosts{ padding:0 0 20px 0; margin:10px; text-align:left;font-size:14px; display: none; } #RelatedPosts h3{ line-height:32px;} #RelatedPosts ul{ list-style:outside decimal; padding:0 20px;} #RelatedPosts ul li{ list-style:outside circle; width:50%; float:left; line-height:2em;} /* postBottomAD */ #postBottomAD{ clear:both; margin:0px;} .pcDisplayNone{ display: none !important;} /* esProc2018 */ #esProc{ margin:0; padding:0;} #esProc-define{background: #3b68be url(images/indexfocus2.png) top center no-repeat; background-size: auto 100%; height:400px;} #esProc-define h1{ text-align:right; line-height:60px;height:60px; font-size:60px; color:#fff; margin: 0 0 30px 0; padding:50px 0 0 0; font-weight:bold;} #esProc-define .esProc-define{ float:right; background:#35548F; border-left:5px solid #F2AF00; color:#fff; padding:20px; width:660px;} .esProc-define p{ margin:0px; padding:0px; text-align:left;} #esProc-define .esProc-business-logic { clear:both;line-height:40px; padding:5px 0 0 0; text-align:right;} #esProc-define .esProc-business-logic a{color:#fff; } #esProc-define #slide2 .text { left: 50px!important;} #esProc-architecture{ background:#f8f8f8; padding: 0 0 30px 0;} #esProc-architecture h2{ color:#558BD5; font-size:36px; padding:30px 0; font-weight:bold;} .esProc-architecture-img img{ max-width:100%; } #esProc-ide { background:url(images/p-IDE.png) no-repeat left top #3d69be;background-size: auto 100%;height:160px;} #esProc-ide h2{color:#fff; font-size:36px; padding:30px 0 0px 0; font-weight:bold;} #esProc-ide p{color:#f2f2f2; margin:0px; padding:0px; text-align: center; } .esProc-ide-more{ } .esProc-ide-more .wrapper{padding:50px 0; border-bottom:1px dashed #ccc;} .esProc-ide-more h3 .h3blueBg{background:#558BD5; color:#fff; font-size:14px; margin:0px 0 0 0; padding:3px 10px; display:inline; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } .esProc-ide-more h3 .h3OrangeBg{background:#F2AF00; color:#fff; font-size:14px; margin:0px 20px 0 0; padding:3px 10px; display:inline; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;} .esProc-ide-more h3 .h3title {font-weight:bold; font-size:20px; padding:3px 0 20px 0; display:inline} .esProc-ide1{ display:block;} .esProc-ide1 h3 {width:400px;text-align:left;} .esProc-ide1-text{float:left; text-align:left; width:400px;} .esProc-ide1-img{ float:right; } .esProc-ide1-img img{ width:520px; margin-top:-30px;} .esProc-ide1 .blueBg{float:left; background:#558BD5; padding:10px;border-left:5px solid #F2AF00; color:#fff; text-align:left; width:400px; margin:50px 0 0 0; } .esProc-ide2-img img{ max-width:90%; margin:20px 0 0 0;} .esProc-ide-more .esProc-ide3{ border:none !important;} .esProc-ide3 p{ width:90%; margin:0 auto;} .esProc-ide3-img img{ max-width:90%; margin:20px 0 0 0;} #esProc-server { background:url(images/p-server.png) no-repeat left top #3d69be;background-size: auto 100%;height:160px;} #esProc-server h2{color:#fff; font-size:36px; padding:30px 0 0px 0; font-weight:bold;} #esProc-server p{color:#f2f2f2; margin:0px; padding:0px; text-align: center; } .esProc-server-more .wrapper{padding:50px 0; border-bottom:1px dashed #ccc;} .esProc-server-more h3 .h3blueBg{ background:#558BD5; color:#fff; font-size:14px; margin:0px 0 0 0; padding:3px 10px; display:inline;border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } .esProc-server-more h3 .h3OrangeBg{ background:#F2AF00; color:#fff; font-size:14px; margin:0px 20px 0 0; padding:3px 10px;display:inline;border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;} .esProc-server-more h3 .h3title{font-weight:bold; font-size:20px; padding:3px 0 20px 0; display:inline;} .esProc-server1{ display:block; width:1100px;} .esProc-server1 ul{ margin:20px 0 0 0; padding:0; } .esProc-server1 ul li{ margin:20px 0 0 0; padding:2%; list-style:none; text-align:left; display:block; float:left; width:44%;} .esProc-server1 ul li:hover{ background:#f8f8f8;} .esProc-server1-text{ float:right; margin: 0 0px 0px 10px; width:365px;} .esProc-server1 ul li h4 {font-weight:bold; font-size:16px;} .esProc-server1 ul li .esProc-server-icon{ width:96px; height:96px; border-radius:50%; float:left; margin:00px 10px 30px 0; } .esProc-server1 ul li .esProc-server-icon1{ background:url(images/P-server-icon1.png) no-repeat center center #558BD5; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li .esProc-server-icon2{ background:url(images/P-server-icon2.png) no-repeat center center #558BD5; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li .esProc-server-icon3{ background:url(images/P-server-icon3.png) no-repeat center center #558BD5; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li .esProc-server-icon4{ background:url(images/P-server-icon4.png) no-repeat center center #558BD5; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li:hover>.esProc-server-icon1{ background:url(images/P-server-icon1.png) no-repeat center center #F2AF00; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li:hover> .esProc-server-icon2{ background:url(images/P-server-icon2.png) no-repeat center center #F2AF00; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li:hover> .esProc-server-icon3{ background:url(images/P-server-icon3.png) no-repeat center center #F2AF00; background-size:64px; width:96px; height:96px;} .esProc-server1 ul li:hover> .esProc-server-icon4{ background:url(images/P-server-icon4.png) no-repeat center center #F2AF00; background-size:64px; width:96px; height:96px;} .esProc-server1-img img{ width:80%; margin:20px auto;} .esProc-server2 h3 { text-align:left;} .esProc-server2-text{float:left; text-align:left; width:409px;} .esProc-server2-img{ float:right; } .esProc-server2-img img{ width:530px; margin-top:-80px;} .esProc-server3 h3 { text-align:left;} .esProc-server3-text{float:right; text-align:left; width:500px;} .esProc-server3-img{ float:left; } .esProc-server3-img img{ width:440px; margin-top:0px;} .esProc-server-more .esProc-server3{ border:none !important;} #esProc-more{background: #557dc9 url(images/pic3.png) center no-repeat; color: #FFF; text-align: center; margin-bottom: 0;} #esProc-more h2{line-height: 110px; color:#FFF;} #esProc-more .button{ padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #fff; color: #fff; margin:10px 20px 30px; border-radius: 3px; display: inline-block; text-align: center;} #esProc-testimonial{background:#f8f8f8;} #esProc-testimonial h2{ padding:40px 0;line-height: 40px; color:#333;} .email-border{ padding:60px 0 ; background:url(images/email-border.png) repeat-x top left;} #esProc-testimonial .testimonial-pic{ float:left; width:300px; margin:0 20px 0 0;} #esProc-testimonial .testimonial-pic img{ width:300px; margin:0 0 40px 0; } #esProc-testimonial .testimonial-email{ float:right; text-align:left; width:650px; padding:0 0 40px 0;} #esProc-testimonial .testimonial-email p{ margin:0 0 0px 0 ;} .text-align-right{ text-align:right;} /* home2018 */ #slide1{ background:#3c414c url(images/indexfocus1.png) top center no-repeat; background-size:100% auto ; width:1210px; height:100%;position: relative;margin: 0 auto; } #slide1 img{width: 100px; position: absolute; left: 100px; top: 50px;} #slide1 .text{color: #9b9fa4;text-align:left; position: absolute; left: 110px; top: 280px;} #slide1 .text .rq5{color: #fff; font-size: 48px; margin-right:20px;line-height:90px;} #slide1 .text .light{color: #f2af00; font-size: 60px;line-height:90px;} #slide2{ background:#3b68be url(images/indexfocus2.png) top center no-repeat; background-size: 100% 100%; width:1210px; height:100%;position: relative;margin: 0 auto; } #slide2 .text{margin:0; position: absolute; left: 110px; top: 270px ;} #slide2 .text .light{ color: #fff; font-size: 60px;text-align:left; line-height:90px; background:#f2af00; display: block; width: 180px;padding:0 20px; margin:0px 0 0 0;} #slide2 .text div{ color: #f8f8f8; font-size: 28px; text-align:left; line-height:64px; transform: skewX(-10deg); margin:10px 0;} #slide2 .button{ background:none; border:1px solid #92ADE0; width: auto; padding: 0 10px; height:50px; line-height:50px; font-size:20px; color:#fff; display:inline-block; text-align:center;border-radius: 5px; margin:30px 10px 0 0 ; font-weight:100;} #slide2 .button:hover{ background:#4b77cc;} #slide3{ background:#bf4434 url(images/indexfocus-hdq.png) top center no-repeat; background-size: 100% 100%; width:1210px; height:100%;position: relative;margin: 0 auto; } #slide4{ background:#6589c7 url(images/indexfocus-zc.png) top center no-repeat; background-size: 100% 100%; width:1210px; height:100%;position: relative;margin: 0 auto; } #slide4 .text{margin:0; position: absolute; left: 110px; top: 220px ;} #slide4 a{ background:#6589c7; border:2px solid #92ADE0; width: auto; padding: 0 20px; height:50px; line-height:50px; font-size:20px; color:#fff; display:inline-block; text-align:center;border-radius: 5px; margin:30px 10px 0 0 ; font-weight:inherit;} #slide4 a:hover{ background:#4b77cc;} #slide5{ background: url(images/indexfocus-s11.png) top center no-repeat; background-size: 100% 100%; width:1210px; height:100%;position: relative;margin: 0 auto; } .youNeedEsproc{ height: 50px; line-height: 50px; text-align: center;font-size: 24px;border: 1px solid #C00;border-radius: 4px;padding:0 20px;display: inline-block;margin: 20px 20px 20px 0; background:#E55B09; color:#fff;} .youNeedEsproc:hover{ background: #E22B05; color:#fff;} .row.productShow{background: #f3f3f3; padding:1em 0; text-align: center;} .productItem{width: 300px; background: #FFF; margin: 20px 1%; text-align: left; padding: 0em; display: inline-block; box-sizing: border-box; box-shadow: 0 2px 3px rgba(0,0,0,.2); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)"; border-radius: 3px;} .productItem:hover{box-shadow: 0 2px 8px rgba(0,0,0,.4); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)";} .productItem img{margin-bottom: 0; max-width: 100%; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;} .productItem-content{ padding:20px 15px;} .productItem img.icon{width: 48px; float: left; margin: 0 1.5em 6.5em 0;} .productItem h3{font-size: 1.8em;line-height: 1.2;margin: 0 auto 0.8em;} .productItem p{color: #999; line-height: 1.1; padding:0;} .productItem-button{ margin:0; padding:0; border: none;} .productItem-button a{ display:inline-block;width:147.5px; height:40px; line-height:40px; text-align:center; background:#F2F2F2; margin:0; padding:0;} .productItem-button a:hover{ background:#557dc9; color:#fff; } /* p-business-logic */ #esProc-business-banner{ background:#0F0F0F; margin:0; padding:0;} #esProc-business-banner .wrapper{ background: url(images/p-business-banner.png) left center no-repeat; height:250px; width:1100px; margin: 0 auto;} #esProc-business-banner h1{ text-align:right; font-size:60px; line-height:90px; margin:0; padding:50px 0 10px 0; color:#fff;text-shadow: 0 2px #333, 2px 0 #333, -2px 0 #333, 0 -2px #333;} #esProc-business-banner p{ text-align:right; color:#D7DCE0; font-size:16px;text-shadow: 0 1px #333, 1px 0 #333, -1px 0 #333, 0 -1px #333;} #esProc-question .wrapper{ width:1100px; margin: 0 auto 20px; } .esProc-question{ float:left; display:inline; width:313px; padding:20px; margin:20px 20px 0 0; text-align:left; background:#f8f8f8; height:120px; border-radius: 3px;} .esProc-question3,.esProc-question6,.esProc-question9{ margin:20px 0px 0 0;} .esProc-question-pic{ float:left; display:inline; width:75px; height:75px; margin:0 25px 0 0; background:#4B77CC;border-radius:50%;border:2px solid #4B77CC;} .esProc-question-text{ float:left; display:inline; width:205px; color:#999;} .esProc-question-text h3{ color:#333; font-weight:bold;} .esProc-question-pic1{ background:#4B77CC url(images/business-1w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic2{ background:#4B77CC url(images/business-2w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic3{ background:#4B77CC url(images/business-3w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic4{ background:#4B77CC url(images/business-4w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic5{ background:#4B77CC url(images/business-5w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic6{ background:#4B77CC url(images/business-6w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic7{ background:#4B77CC url(images/business-7w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic8{ background:#4B77CC url(images/business-8w.png) center center no-repeat; background-size:48px 48px;} .esProc-question-pic9{ background:#4B77CC url(images/business-9w.png) center center no-repeat; background-size:48px 48px;} .esProc-question:hover{box-shadow: 0 2px 8px rgba(0,0,0,.4); background:#4B77CC; color:#fff;} .esProc-question:hover>.esProc-question-pic{ border:2px solid #DCE4F5;} .esProc-question:hover>.esProc-question-text h3{color:#fff;} .esProc-question:hover>.esProc-question-text{ color:#DCE4F5;} #esProc-business-logic-n{ width:1100px;} #esProc-business-logic-n #sidebar{ width:200px; padding:20px 0;} #esProc-business-logic-n #content{ width:859px; padding:20px;} #esProc-business-logic-n #content h1{ line-height:60px; color:#000; border-bottom:1px solid #CCC; text-align:left; margin:0 0 20px 0; padding:0 0 10px 0;} #esProc-business-logic-n .bdsharebuttonbox{ float:right; background:none;padding:20px 0 0 0; } /* r-business-logic */ #report-business-banner{ background:#0F0F0F; margin:0; padding:0;} #report-business-banner .wrapper{ background: url(images/p-business-banner.png) left center no-repeat; height:250px; width:1100px; margin: 0 auto;} #report-business-banner h1{ text-align:right; font-size:60px; line-height:90px; margin:0; padding:50px 0 10px 0; color:#fff;text-shadow: 0 2px #333, 2px 0 #333, -2px 0 #333, 0 -2px #333;} #report-business-banner p{ text-align:right; color:#D7DCE0; font-size:16px;text-shadow: 0 1px #333, 1px 0 #333, -1px 0 #333, 0 -1px #333;} #report-question .wrapper{ width:1100px; margin: 0 auto 20px; } .report-question{ float:left; display:inline; width:313px; padding:20px; margin:20px 20px 0 0; text-align:left; background:#f8f8f8; height:120px; border-radius: 3px;} .report-question3,.report-question6,.report-question9{ margin:20px 0px 0 0;} .report-question-pic{ float:left; display:inline; width:75px; height:75px; margin:0 25px 0 0; background:#4B77CC;border-radius:50%;border:2px solid #4B77CC;} .report-question-text{ float:left; display:inline; width:205px; color:#999;} .report-question-text h3{ color:#333; font-weight:bold;} .report-question-pic1{ background:#4B77CC url(images/report-business-1w.png) center center no-repeat; background-size:48px 48px;} .report-question-pic2{ background:#4B77CC url(images/report-business-2w.png) center center no-repeat; background-size:48px 48px;} .report-question-pic3{ background:#4B77CC url(images/report-business-3w.png) center center no-repeat; background-size:48px 48px;} .report-question-pic4{ background:#4B77CC url(images/report-business-4w.png) center center no-repeat; background-size:48px 48px;} .report-question-pic5{ background:#4B77CC url(images/report-business-5w.png) center center no-repeat; background-size:48px 48px;} .report-question-pic6{ background:#4B77CC url(images/report-business-6w.png) center center no-repeat; background-size:48px 48px;} .report-question:hover{box-shadow: 0 2px 8px rgba(0,0,0,.4); background:#4B77CC; color:#fff;} .report-question:hover>.report-question-pic{ border:2px solid #DCE4F5;} .report-question:hover>.report-question-text h3{color:#fff;} .report-question:hover>.report-question-text{ color:#DCE4F5;} #report-business-logic-n{ width:1100px;} #report-business-logic-n #sidebar{ width:200px; padding:20px 0;} #report-business-logic-n #content{ width:859px; padding:20px;} #report-business-logic-n #content h1{ line-height:60px; color:#000; border-bottom:1px solid #CCC; text-align:left; margin:0 0 20px 0; padding:0 0 10px 0;} #report-business-logic-n .bdsharebuttonbox{ float:right; background:none;padding:20px 0 0 0; } /* knowledgeItem */ .knowledgeItem{ clear: both; text-align: left; margin: 30px 0;} .knowledgeItem a{ text-decoration: none;} .knowledgeItem h2{ font-size: 14px; border-bottom: 2px solid #dedede; width: 100%; margin-bottom: 20px;text-align: left; line-height: 36px; } .knowledgeItem h2 a{ line-height: 40px;color: #333;font-weight:normal!important; } .knowledgeItem h2 .title{ border-bottom: 2px solid #4b77cc;display: inline-block; margin-bottom:-2px; font-size: 16px; color: #4b77cc; } .knowledgeItem h2 .more{ float: right; color: #999; text-align: right!important; font-size: 12px;} .knowledgeItem h2 a:hover{ color: #333;} .knowledgeItem ul{margin: 0 0 30px 0;padding: 0;} .knowledgeItem ul li{ list-style: inside square; color: #e9e9e9; font-size: 14px; line-height: 36px; height: 36px; overflow: hidden;text-overflow: ellipsis;white-space:nowrap; margin: 0 30px 0 0;float:left; width: 300px;} .knowledgeItem ul li:hover{color: #4b77cc!important;} /*.knowledgeItem ul li:before{ content: ""; margin: 0 0px 0 0;}*/ .knowledgeItem ul li a { width: 100%; margin-left: -5px; } @media only screen and (max-width: 900px){ html{font-size: 13.3vw;} body{font-size: 0.3rem;padding-top: 1.6rem;} h2{font-size: .4rem !important;} .t h3{font-size: .4rem !important;} .t h2{font-size: .3rem !important;} .button{font-size: .3rem !important;} .nav{padding: 0; height: 1rem; font-size: .3rem;} .nav_container{ } .nav > .nav_container ul{float:right; } .nav > .nav_container ul li{ float:left; line-height:1.5rem; padding:0 0; margin: 0 5px;} .nav > .nav_container img.logo{height: .8rem; margin:0.1rem; } .nav > .nav_container ul li a{line-height:3.2em;} .nav.min > .nav_container ul li a{line-height:2em;} .mobileDisplayNone{ display:none !important;} .pcDisplayNone{ display: inherit !important;} .nav.min{padding: 0; height: .6rem;} .nav_container img.logo{height: .6rem; margin:0.1rem 0; } .nav.min > .nav_container img.logo{height: .4rem; margin:0.1rem; } .nav.min > .nav_container ul li{ float:left; line-height:0.4rem; padding:0; } .subNav{padding-left: .2rem; height: .6rem; line-height: .6rem; top: 1rem;} .subNav a {padding: 0 5px;} .heightLight{ height:auto;} .subNav.min{top: .6rem;} .subNav ul{ font-size:13px; margin:0 10px 0 0 ; padding:0;} .focus{overflow: hidden;} .focus .half{width: 100%; height: auto; overflow: hidden} .focus .half > img{position: relative; right: auto; left: auto; width: 110%;} .focus .half > h2{right: .3rem; bottom: .3rem; line-height: 2.5; padding: 0 .3rem; height: auto;} .focus .half > div{margin-left: .2rem !important;} .focus.jsb .half > div{padding: 0;} .focus.jsb .half > div h3{font-size: 1.2em;} .focus.jsb .half > div span{font-size: .3rem;} .focus .half > div .icon{margin: 0; padding: 0; width: .9rem; height: .9rem; background-size: contain;} .focus .half > div h3,.focus .half > div span{margin-left: 1rem; padding-right: .2rem;} .focus .half > div h3{font-size: 1.2em; line-height: 2;} .focus .full{height: 3rem; overflow: hidden; position: relative; background: #39414b url(images/focus-r.png) no-repeat center; background-size: auto 100%;} .focus .full img{display: none;} .focus .full .text{font-size: .2rem; left: .2rem; top: .3rem; color: #FFF; line-height:.4rem; width: 100%;} .focus .full .text .rq5{ font-size: .35rem; line-height:.6rem} .focus .full .text .light{font-size: .4rem; line-height:.6rem;margin-bottom:10px;} .row.index{margin-top: -0.6rem; height: 4rem; margin-bottom: 0;} .swiper-slide img{margin: auto; height: 100%;} .row.banner{height: auto; line-height: 1.5; padding: .5rem 0 0 0; font-size: .35rem;} .banner span{display: block;} .banner.jsb{min-height: 0;} .row.full.steps{margin: auto;height: 100%;position: relative;} #purchase_steps{ background: url(images/Purchase-steps-min.jpg) top center no-repeat; background-size:90% auto ; height:650px; margin-top: 30px; } .row.banner.dark{padding: .3rem 0;} .row.banner.dark .button{margin: .25rem .15rem;} .row.banner.dark .button.oim{display: block; margin: .25rem auto;} .row.text{line-height: .6rem;} .row.text .text_container{padding: .8rem .5rem; font-size: .35rem;} .row.text .imglist{width: 80%; margin: auto; padding-top: .3rem; float: none;} .row.text .imglist h5{font-size: .35rem;} .row.text .imglist img{display: none;} .row.backgroundCover h2{line-height: 1rem;} .row.backgroundCover .backgroundCover_container{height: auto; padding: .5rem 0;} .row.backgroundCover .t{width: 40%; margin-top: 0;} .row.backgroundCover .t h3{margin: -0.5rem auto .2rem; font-size: .4rem;} .row.backgroundCover .t span{font-size: .3rem;} .row.backgroundCover .button{margin: .5rem auto;} .row.backgroundCover.jsb .t{padding-top: 0;} .row.backgroundCover.jsb h3{margin-top: 0;} .row.list .list_container{margin: .5rem;} .row.list .t{width: auto; white-space: normal;} .row.list .t img{width: 1rem;} .row.list .t > div{margin-left: 1.2rem;} .row.list .t h3{margin: 0 auto .2rem; font-size: .35rem !important; line-height: 1;} .row.list .t span{font-size: .3rem; line-height: 1.2;} .row.knowmore{padding-bottom: .5rem;} .row.knowmore .button{width: 2.5rem; height: .8rem; line-height: .8rem; margin: .3rem;} .row.cooperative{background: #fff; padding: .4rem;} .row.cooperative .row_container{padding-top: .4rem; padding-bottom: .4rem;} .row.cooperative h2{margin-bottom: .4rem; color: #333;} .row.cooperative h2 span{display: block;} .row.cooperative .logolink{width: 33%; height: .6rem; padding: .2rem 0;} .row.slidebox .row_container{padding: .5rem 0;} .row.slidebox h2{margin-bottom: .5rem;} .slide{overflow: scroll;} .slide .slide_content{width: 18.5rem; white-space: nowrap;} .slide .slide_item{width: 5.5rem; float: left;} .slide .slide_item:first-child{padding-left: 1rem;} .slide .slide_item:last-child{padding-right: 1rem;} .slide .slide_item img{width: 90%;} #footerNav ul{display:none; } #footerNav{padding: 1rem 0; height: auto;} #footer .wrapper{ width:100%;} #footerNav .wechart{ width: 100%;text-align: center; display:table;} #footerNav .wechart img{width: 60%; margin:0 auto; text-align: center;} #footerNav h4{font-size: .4rem; text-align: center;} .footer a{ display:none;} #sidebar{ display:none;} #product-jsbb #content{width:100%;} /*--about--*/ .row.aboutme {height: auto;} .row.aboutme .aboutme_container{height: auto; padding: .5rem;} .row.aboutme .aboutme_container > div{height: auto; max-width: none;} .row.aboutme .aboutme_container > div:first-child{display: none;} .row.aboutme .aboutme_container div h2{text-align: center; } .row.founder .founder_container{height: 4.5rem; background-size: contain; background-position: center; position: relative;} .row.founder .founder_container > img{height: auto; width: 100%;} .row.founder .founder_container > div{padding: 0; width: 100%;} .row.founder .founder_container > div > .title{background: rgba(0,0,0,.7); padding: .3rem; position: absolute; left: .4rem; top: 2.67rem;} .row.founder .founder_container > div > .content{margin-top:4.5rem; padding: .1rem .3rem; background: #FFF; color: #111;} .row.founder .founder_container h2{text-align: left;} .row.founder .founder_container p{width: auto;} .row.founder .founder_container p.light{margin: 0 auto;} .row.founder .founder_container p a{ color:#09F;} .row.development p{width: 100%; display: table; padding: 0 .3rem; box-sizing: border-box;} .row.development p.even{background: #f2f2f2;} .row.development p i,.row.development p span{display: table-cell;} .row.development p i{font-style: normal; line-height: 1.5; padding: .2rem 0;} .row.development p span{width: 1.5rem; vertical-align: middle;} .row.blue img{margin: auto .1rem; width: 2rem;} .row.honor table{max-width: 7rem;} .row.honor table td{padding: .1rem 0;} .row.honor table img{max-width: 90%;} .row.map .row_container{background-size: auto 4rem; background-position: top; height: auto; padding-top: 4rem;} .row.map .row_container .addr{width: 100%; box-sizing: border-box; position: static;} .button{ } .nav_container, .subNav_container, .focus, .text_container, .backgroundCover_container, .list, .link_container{max-width: 900px; margin-left: auto; margin-right: auto;} #founderLeft{ width:100%; margin:1em 0 0 0;} #founderRight{ width:100%; font-size:1em;} #r-version .col1{ width:40%;} #r-version .col2{ text-align:center;background:#f8f8f8;} #r-version .col3{ text-align:center;} #r-version .col4{ text-align:center;background:#f8f8f8;} #r-version .col5{ display:none;} .buttons{width: 100%!important;} .edition-ps{ float: none;} #onlineSale-rVersion{ float: none; } .buttons a{margin: 20px 10%; width: 80%; height: 50px;line-height: 50px; display: block;} #p-version .col1{ width:28%;} #p-version .col2{ width:10%; text-align:center;background:#f8f8f8;} #p-version .col3{ width:10%;text-align:center;} #p-version .col4{ width:10%; text-align:center;background:#f8f8f8;} #p-version .col5{ display:none;} #y-version .col1{ width:10%;} #y-version .col5{ display:none;} #c-version .col1{ width:40%;} #c-version .col2{ width:20%; text-align:center;background:#f8f8f8;} #c-version .col3{ width:20%;text-align:center;} #c-version .col4{ width:20%; text-align:center;background:#f8f8f8;} #c-version .col5{ display:none;} #wrapper {width: 95%; margin: 0 auto;text-align: center;} .section .ta-pageimg-left {overflow: hidden; width:100%;padding: 2px 8px 2px 2px;} .section h2 a{ font-size: 16px; line-height:28px; text-align:left;} .excerpt{ margin:0 10px 10px 0px;} .entry h2 { font-size: 14px!important; line-height:32px; text-align:left;} #p-application .section img {width: 100%;margin: .8rem 0;} #p-application .floatRight{ float:none;} #p-application .section{padding:.5rem .5rem} #JDTbg{ margin: -0.8rem 0 0 0;} #JDTbg img{ width: 100%; text-align:center; mix-width:900px;} #JDT-MD img{ float:left; margin:5%; height: auto; max-width:40%;} /* marketing2017 */ #marketing2017{ text-align:left;} #marketing2017 h1{ font-size:2em; color:#4B77CC; font-weight: bold; text-align:center;} #marketing2017 .section{ display:block; clear:both; border-bottom:1px #EBEBEB solid; margin:0 ; padding:20px 20px;} #marketing2017 .month{ float: none; border-right: 0px solid #E4E4E4; text-align:center; padding:10px; width:100%;} #marketing2017 .monthImage{float:none; } #marketing2017 .monthImage img{ max-width:100%; width:100%; } #marketing2017 ul { float: none; margin: 0 0px;} /*--RelatedPosts--*/ #RelatedPosts ul li{ width:100%; float: none; } /*--download--*/ #content {width: 100%; border-left:0px;} #download ul{padding: 0;} #download ul .label{ width:100%;} #download .oldVersion{margin:30px 0 0; } .oemList{width: auto; margin:20px 0 0 0;} #download ul li {margin:20px 0 0 0; width:100%; padding: 0;} #download ul .button{ margin: 0 auto 0px; width: calc( 100% - 60px);padding: 0 0 0 60px; } #download ul.v2018,#download ul.report,#download ul.esproc,#download ul.ymodel { width:100%; padding: 10px 0px 40px;} #download ul.report.lic .button,#download ul.esproc.lic .button,#download ul.ymodel.lic .button{ margin: 0 auto 0px; width: calc( 100% - 60px);padding: 0 0 0 60px;} #download ul .button.button-lic.recommend{ margin: 0 auto 0px; width: calc( 100% - 10px ) ;padding: 0 5px; height: auto;font-size: 11px!important;} #download table {padding: 30px 0 30px ; width: 100%;} #download h2 {font-size:16px; } #download table thead tr td { font-size: 11px;} #download table tbody tr td { font-size: 11px;} #thtd1{ width:auto;} #download ul.v2018.lic .button{width: calc( 100% - 80px); } #code { width: 90%!important; height: 60%!important; left: 0%!important; top:30px!important;} #code2 { width: 80%!important; height: 60%!important; left: 0%!important; top:30px!important;opacity: inherit!important;} /* esProc2018 */ #esProc .wrapper{ width:84%; margin:0 8%;} #esProc-define{ background:url(images/indexfocus2-m-1.png) no-repeat center top #4B77CC; background-size: auto 100% ; padding:20px 0; height:160px;} #esProc-define h1{ font-size:48px; } #esProc-define .esProc-define{ float:none; border-left:none; color:#fff; padding:5%;width:90%; } .esProc-define p{ margin:0px; padding:0px;line-height:24px; text-align:left; padding-bottom:5px;} #esProc-define #slide2 .text { left: -10px!important; top: 110px;} #esProc-ide { background:url(images/p-IDE-m.png) no-repeat left top #3d69be;background-size: 100% auto; padding:30px 0; height:auto;} #esProc-ide h2{font-size:32px; padding:0px 0 0px 0; } .esProc-ide-more .wrapper{padding:30px 0; } .esProc-ide1 h3 {width: auto;text-align:left;} .esProc-ide1-text{float: none; width:auto;} .esProc-ide1-img{ float: none; } .esProc-ide1-img img{ width:100%; margin-top:-0;} .esProc-ide1 .blueBg{float: none; padding:10px; color:#fff; text-align:left; width:auto; margin:10px 0; } .esProc-ide2 h3 {text-align:left;} .esProc-ide2-img img{ max-width:100%; } .esProc-ide3 h3 {text-align:left;} .esProc-ide3 p{ width: auto; text-align:left;} .esProc-ide3-img img{ max-width:100%; margin:20px 0 0 0;} #esProc-server { background:url(images/p-server-m.png) no-repeat left top #3d69be;background-size: 100% auto; padding:30px 0; height:auto;} #esProc-server h2{ font-size:32px; padding:10px 0; text-align:center;} .esProc-server1{ width: auto;} .esProc-server1 ul{ padding:0px 0;} .esProc-server1 ul li{ float: none; width: auto; margin:10px 0; padding: 2% 0;} .esProc-server1-text{ float: none; width: auto; margin: 0 0px 0px 0px;} .esProc-server1 h3 { text-align: left;} .esProc-server1 ul li h4 {font-weight:bold; font-size:16px;} .esProc-server1 ul li .esProc-server-icon{ display:none;margin: 0;} .esProc-server1-img img{ width:100%; margin:0 0 0 0% ;} .esProc-server2 h3 { text-align: left;} .esProc-server2-text{float: none; width: auto;} .esProc-server2-img{ float: none; } .esProc-server2-img img{ width: 100%; margin-top:0;} .esProc-server3 h3 { text-align: left;} .esProc-server3-text{float:none; width:auto;} .esProc-server3-img{ float:none;margin: 20px 0 0 0;} .esProc-server3-img img{ width: 100%; } #esProc-more{background: #557dc9 url(images/pic3.png) top no-repeat; padding-bottom: .5rem;} #esProc-more .button{ height: .8rem; line-height: .8rem; margin: .3rem; width: calc(100% - .6rem - 40px);} .email-border{ padding:60px 0 0 0 ;} #esProc-testimonial .testimonial-pic{ float:none; width:100%; margin:0 0px 0 0;} #esProc-testimonial .testimonial-pic img{ width:100%; margin:0 0 20px 0; } #esProc-testimonial .testimonial-email{ float:none; width:100%; padding:0 0 40px 0;} /* home2018 */ .row.index{ height: 480px; } #slide1{ background:#3c414c url(images/indexfocus1-m.png) top left no-repeat; background-size:auto 100% ; width:100%; height:100%;position: relative;margin: 0 auto; } #slide1 img{width: 100px; position: absolute; left: 20px; top: 10px;} #slide1 .text{ left: 15%; top: 35%; width: 80%; } #slide1 .text .rq5{color: #fff; font-size: 28px; margin-right:20px;line-height:56px;} #slide1 .text .light{color: #f2af00; font-size:28px;line-height:36px;} #slide1 .onlineSale{ margin:0px 0 0 0;} #slide2{ background:#4b77cc url(images/indexfocus2-m.png) top left no-repeat; background-size: auto 100% ; width:100%; height:100%;position: relative;margin: 0 auto; } #slide2 .text{ left: 15%; top: 40%;} #slide2 .text .light{ font-size: 24px; line-height:36px; width:72px; margin:20px 0 0 0;} #slide2 .text div{ font-size: 16px; line-height:28px; margin:10px 0;} #slide2 .button{ height:28px!important; line-height:28px!important; font-size:14px!important; color:#fff;margin:15px 10px 0 0 ; padding:0 10px;} #slide2 .button:hover{ background:#4b77cc;} #slide4 { background:#4b77cc url(images/indexfocus-zc-m.png) top left no-repeat; background-size: auto 100% ;width: auto;margin: 0 auto;} #slide4 .text{ left: 15%; top: 25%;} #slide4 a{ height:2em!important; line-height:2em!important; font-size:16px!important; color:#fff;margin:0px 10px 10px 0 ; padding:10px 20px; background:#4b77cc; display: block;} #slide5{ background: url(images/indexfocus-s11.png) top center no-repeat; background-size: auto 100%; width:100%; } #slide3{ background:#bf4434 url(images/indexfocus-hdq-m.png) center center no-repeat; background-size: 120% auto;width: auto;margin: 0 auto; } .onlineSale{ height:.55rem; line-height: .55rem; text-align: center;font-size:.2rem; padding:0 10px; margin:0.2rem auto; } .youNeedRaqreport{ height: .55rem; line-height: .55rem; text-align: center;font-size: .2rem;border: 1px solid #C00;border-radius: 4px;padding:0 10px; margin:10px 10px 10px 0px; background:#E55B09; color:#fff;} .youNeedEsproc{height: .55rem; line-height: .55rem; text-align: center;font-size: 14px;border: 1px solid #C00;border-radius: 4px;padding:0 10px; margin:10px 10px 10px 0px; background:#E55B09; color:#fff; } .swiper-wrapper .item1 .youNeedRaqreport{font-size: 14px;} .swiper-wrapper .item1 .onlineSale{font-size: 14px;} .button1111{ height:.55rem; line-height: .55rem; text-align: center;font-size:.2rem;} .productItem{width: 80%; margin: 20px 10%; display:block;} .productItem img{width:100%;} .productItem img.icon{width: 48px; float: left; margin: 0 1.5em 6.5em 0;} .productItem-button a{ width:49.2%; } /* p-business-logic */ #esProc-business-banner .wrapper{ background: url(images/p-business-banner.png) -30px center no-repeat; background-size: auto 150px; height:150px; width:100%; } #esProc-business-banner h1{ font-size:32px; line-height:50px; margin:0 20px 0 0; padding:30px 0 10px 0;} #esProc-business-banner p{ font-size:14px; margin:0 20px 0 0; color:#FFF;} #esProc-question .wrapper{ width:100%; margin:0px; } .esProc-question{ float:none; display: block; width:90%; padding:10% 5% 5% 5%; margin:0px 0px 0 0; background:#fff; height: auto; border-bottom: 1px dashed #c2c2c2;} .esProc-question-pic{ } .esProc-question-text{width: 70%; } #esProc-business-logic-n{ width:100%;} #esProc-business-logic-n #sidebar{ width:90%;float:none; display:inline-table; margin:0; padding:5%; background:#f8f8f8;} #esProc-business-logic-n #sidebar h3{ margin:0 0 10px 0; padding:0 0 10px 0; line-height:24px;} #esProc-business-logic-n #sidebar ul{ float:left; } #esProc-business-logic-n #sidebar ul li{ float:left; margin:0 30px 0 0; padding:0;} #esProc-business-logic-n #sidebar ul li span{ display:none;} #esProc-business-logic-n #content{ width:90%; padding:5%;} #esProc-business-logic-n #content .post{ padding:0;} #esProc-business-logic-n .bdsharebuttonbox{ display: none; } /* r-business-logic */ #report-business-banner .wrapper{ background: url(images/p-business-banner.png) -30px center no-repeat; background-size: auto 150px; height:150px; width:100%; } #report-business-banner h1{ font-size:32px; line-height:50px; margin:0 20px 0 0; padding:30px 0 10px 0;} #report-business-banner p{ font-size:14px; margin:0 20px 0 0; color:#FFF;} #report-question .wrapper{ width:100%; margin:0px; } .report-question{ float:none; display: block; width:90%; padding:10% 5% 5% 5%; margin:0px 0px 0 0; background:#fff; height: auto; border-bottom: 1px dashed #c2c2c2;} .report-question-pic{ } .report-question-text{width: 70%; } #report-business-logic-n{ width:100%;} #report-business-logic-n #sidebar{ width:90%;float:none; display:inline-table; margin:0; padding:5%; background:#f8f8f8;} #report-business-logic-n #sidebar h3{ margin:0 0 10px 0; padding:0 0 10px 0; line-height:24px;} #report-business-logic-n #sidebar ul{ float:left; } #report-business-logic-n #sidebar ul li{ float:left; margin:0 30px 0 0; padding:0;} #report-business-logic-n #sidebar ul li span{ display:none;} #report-business-logic-n #content{ width:90%; padding:5%;} #report-business-logic-n #content .post{ padding:0;} #report-business-logic-n .bdsharebuttonbox{ display: none; } #download ul{ margin:0;} /* knowledgeItem */ .wrapper{ width:90%; margin:0 auto;} .knowledgeItem{ float:none!important ; width:100%; margin: 0px 0%; } #code{width:100%;height:400px; } }