﻿/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, big, code, cite, em, font, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, legend, form, label, table, tbody, tfoot, tr, th, td, button{ margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 14px; font-family: inherit; vertical-align: baseline; background: transparent;}
body { margin: auto; width: auto; text-align: center; }
table { border-collapse: collapse; border-spacing: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input { overflow:hidden; background-color: #fff; border:1px solid #d6d6d6; font-size: 12px; text-indent:4px; }
input,textarea { margin: 0; padding: 0; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font: 14px/1.8 Tahoma, Helvetica, Arial, sans-serif; }
p {font: inherit;overflow:hidden;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { text-align: center; }
h1,h2,h3 { font-weight: bold; }
h1 { font-size: 28px; line-height: 28px; }/* 题头 */
h2 { font-size: 24px; line-height: 24px; }/* 大字体标题 */
h3 { font-size: 20px; line-height: 20px; }
h4 { font-size: 16px; line-height: 16px; }
h5 { font-size: 14px; line-height: 14px; }
h6 { font-size: 12px; line-height: 12px; }
/* Text elements
-------------------------------------------------------------- */
a { outline: none; color: #333333; text-decoration: none; }
a:hover { color:#0ca406; cursor:pointer; }
ul, ol { list-style-type: none; position: relative; }
dl,dt,dd { margin: 0; }
dl dt { font-weight: bold; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }


/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */
/* Fieldsets */
fieldset { border: 1px solid #e3e3e3; }
legend { font-weight: bold; font-size: 14px; margin-left:16px; padding:0 4px; color:#a04d34;}


/* 继承字体样式 */
.infont a, .infont p, .infont span, .infont font{font:inherit;}
/* end */
.clear { clear:both; }
.vdcm {vertical-align:middle;}
.mgr_6 {margin-right:6px; display:inline;}
.mgt_10 {margin-top:10px; display:inline;}
.mgb_18 {margin-bottom:18px; display:inline;}
.mgl_10 {margin-left:10px; display:inline;}
.pgt_20 {padding-top:20px;}
.bgf3 {background-color:#f3f3f3;}
.textc {text-align:center;}
.bdnone {border:none!important;}
.bdn_w {border-color:white!important;}
.pdnone {padding:0!important;}
.bgnone {background:none;}
.fLeft {float: left;}
.fRight {float: right;}
.blk {display: block;}
.overflow {overflow:hidden;}


/* 框架样式 */
body {
	font-family: "微软雅黑";
}
table img {display: block;}
a.lower {
    color: #717073;
    text-decoration: none;
}
.wrapfull {
    margin: auto;
    text-align: left;
}
.Content_Area1 {
    height: auto;
    margin: auto;
	background-color:#fff;
	min-width:1200px;
}


.Content_Area6 {
    border-top: 3px solid #e02f2f;
    width: 1200px;
	margin: 0 auto;
	margin-top:50px;
	background-color:#ffffff;
}
.Content_Area7 {
    height: auto;
	min-width:1200px;
    margin: auto;
	border-bottom:2px solid #ff8e00;
}
.Content_Area8 {
    width: 1200px;
	height:1420px;
    margin: 0 auto;
    background: url("../Images/backgroundgrey.jpg") repeat-y scroll 0 0;;
}
.Content_Area9 {
    width: 1200px;
	height:655px;
    margin: 15px auto;
	background-color:#ffffff;
}
.Content_bg_grey {
	background-color:#F3F3F3;
}
.hidden {
	display: none;
}
.show {
	display: block;
}

/* 首页头部样式 */
.header {
	height: 141px;
	margin: auto;
	width: 100%;
}

.headerTop {
	height:30px;
	width: 100%;
	margin:0 auto;
	border-bottom: 1px solid #e2e2e2;
	background: none repeat scroll 0 0 #f5f5f5;
	color: #333333;
}
.sheader {
	width:1200px;
	height:auto;
	margin:0 auto;
	line-height: 30px;
}
.headerTopLeft {
	float:left;
	width:450px;
}
.headerTopLeft span ,.loginifo span{
	font-size:12px;
	font-family: 宋体;
	margin-right:12px;
	letter-spacing: 1Px;
	
}
.redlink {
	color:#eb2e04;
}
.headerTopRight {
	float:right;
	width:280px;
}
.headerTopRight span {font-size:12px ;
	font-family: 宋体;
	margin-right:12px;
	letter-spacing: 1Px;
}
.headerTopRight img {width: 14px;
	height: 14px;
	}
.headerfoot {
	margin: 0 auto;
	height:110px;
	width:1200px;
	clear:both;
}
.headerlogo {
	width:400px;
	height:110px;
	float:left;
}
.headerlogo img {
	width:268px;
	height:60px;
	margin-top:18px;
}

.megaMenuNav {
	min-width:800px;
	height:74px;
	text-align: center;
	float: right;
	padding-top: 36px;
}
.megaMenu {

}
.megaMenutype {
	width:180px;
	height:174px;
	float:left;
	background: none repeat scroll 0 0 #0ca406;
	font:normal bolder 14px/32px arial,sans-serif;
	color:#ffffff;
}
.megaMenubutton {
	width:640px;
	height:74px;
	float:right;
}
.megaMenubutton div {
	width: 60px;
    height: 34px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    color: #333333;  
}
.megaMenuitem :hover{
	border-bottom: #0ca406 2px solid;
}


.megaMenuitem a{
	font-family: "微软雅黑";
}
.fontred {
	color:#0ca406;
	font-weight: bold;
}


/* 首页-banner */
.banner{
	width: auto;
    height: 170px;
    margin: 0 auto;
    position: relative;
	background: url("banner.jpg") no-repeat 0 0;
	padding-top: 298px;
	background-position:center center;
}
.bannertext {
	height: 47px;
	width: 1200px;
	margin: auto;
}
.bannertext1 {
	margin-left: 200px;
	height: 47px;
	float: left;
}

.bannertext1 span {
	font-size: 12px;
	color: #ffffff;
	margin: auto;
	height: 47px;
	width: 140px;
}
.bannertestButton {
	height: 47px;
	width: 177px;
	float: left;
	margin-left: 14px;
}
#bannertestButton { color:rgb(255, 255, 255);
	line-height: 47px;
	font-size:24px;
	font-family: "微软雅黑";
	text-align: center;
	margin: auto;
	border: 1px solid #ffffff;
}
#bannertestButton:hover{
	color:#00a000;
	border-color:#c5e591;
	background-color:#ffffff;
}
.Content_2{
	margin: auto;
	width: 1200px;
	height: 272px;
	border-bottom: #d9d9d9 1px solid;
	margin-top: 40px;
}
.Content_3{
	margin: auto;
	width: 1200px;
	height: 318px;
	border-bottom: #d9d9d9 1px solid;
}
.Content_4{
	margin: auto;
	width: 1200px;
	height: 318px;
	border-bottom: #d9d9d9 1px solid;
}
.Content_5{
	margin: auto;
	width: 1200px;
	height: 318px;
}
.Content_6{
	margin: auto;
	width: auto;
	height: 290px;
	background: url("../Images/content_6.jpg") no-repeat 0 0;
	background-position:center center;
}
.Content_6box{
	width: 1200px;
	height: 290px;
	margin: auto;
}
.Content_6restore{
	width: 1200px;
	height: 115px;
	margin: auto;
	text-align: center;
	line-height: 115px;
}
.Content_6restore span {
	font-size: 36px;
	color: #ffffff;
	font-family: "微软雅黑";
}
.Content_6restore1 {
	width: 1200px;
	height: 25px;
	margin: auto;
	text-align: center;
	line-height: 25px;
}
.Content_6restore1 span {
	font-size: 16px;
	color: #ffffff;
	font-family: "微软雅黑";
}
.Content_6restore2 {
	width: 1080px;
	height: 90px;
	margin: 30px 60px;
	text-align: center;
	line-height: 25px;
	background-color: #ffffff;
}
.Content_6restore2price {
	height: 90px;
	float: left;
	width: 385px;
	text-align: center;
	line-height: 90px;
	font-size: 24px;
	color: #333333;
	font-family: "微软雅黑";
}
.Content_6restore2price span {
	
	color: #fe0000;
	font-family: "微软雅黑";
	font:italic bold 36px/20px arial,sans-serif;
}
.Content_6restore2name {
	padding: 25px 40px;
	height: 40px;
	float: left;
	width: 420px;	
}
.Content_6restore2namea {
	height: 40px;
	width: 70px;
	float: left;
	line-height: 40px;
}
.username {
    height: 38px;
    line-height: 20px;
    outline: medium none;
    width: 300px;
    float: left;
}

.username input {
    font-family: "Microsoft YaHei";
    height: 40px;
    line-height: 20px;
    outline: medium none;
    width: 300px;
    float: left;
}
.Content_6restore2name span {
	float: left;
	font-size: 16px;
	font-family: "微软雅黑";	
	line-height: 40px;
}
.Content_6restore2testButton {
	height: 90px;
	float: right;
	width: 195px;
	text-align: center;
}
#testButton { 
	color:rgb(255, 255, 255);
	font-family: "微软雅黑";
	font-size:24px;
	padding-top:32px;
	padding-bottom:33px;
	padding-left:20px;
	padding-right:20px;
	border-width:0px;border-color:rgb(197, 229, 145);
	border-style:solid;border-radius:0px;
	background-color:rgb(5, 130, 0);}
#testButton a { 
	color:rgb(255, 255, 255);
	font-family: "微软雅黑";
	font-size:24px;}
#testButton:hover{color:#ffffff;background-color:#087004;border-color:#c5e591; 
}
.Content_7 {
	width: 1200px;
	height: 350px;
	margin: auto;
}

.Content_7top {
	margin: 50px 304px 0 304px;
	width: 592px;
	height: 50px;
}
.Content_7down {
	margin: 52px 71px 0 71px;
	width: 1058px;
	height: 246px;
}

.Content_7downpic {
	margin: 0 70px 40px 70px;
	height: 246px;
	width: 123px;
	float: left;
}
.Content_7downpic0 {
	height: 123px;
	width: 123px;
	float: left;
}
.Content_7downtenxt {
	height: 123px;
	width: 123px;
	float: left;
	text-align: center;
}
.Content_7downtenxt a {
	font-size: 20px;
	font-family: "微软雅黑";
	line-height: 100px;
	width: 123px;
}
.Content_7downtenxt a：hover{
	color:#42be17;background-color:#42be17;border-color:#42be17; 
}

.Content_8 {
	width: 1200px;
	height: 502px;
	margin: auto;
}
.Content_8top {
	margin: 50px 304px 0 304px;
	width: 592px;
	height: 50px;
}
.Content_8down {
	width: 1200px;
	height: 348px;
	margin-top: 64px;
	margin-bottom: 40px;
}
.Content_8downbox {
	width: 600px;
	height: 86px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.Content_8downboxleft {
	width: 73px;
	height: 85px;
	float: left;
}
.Content_8downboxright {
	width: 487px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}
.Content_8downboxright a {
	width: 487px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333333;
	float: left;
}
.Content_8downboxright span {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
/*尾部*/
.Content_9 {
	width: 100%;
	margin: auto;
	height: 80px;
	border-top: #e3e3e3 1px solid;
}
.Content_10 {
	width: 1200px;
	margin: auto;
	height: 80px;
	text-align: center;
}
.Content_10top {
	height: 10px;
	
}
.Content_10 a {
	line-height: 50px;
	letter-spacing: 1px;
}
.Content_10down {
	height: 30px;
	
}
.Content_10down span {
	line-height: 30px;
	color: #999999;
	font-size: 12px;
	letter-spacing: 1px;
}

/* 使用教程 */
.tutorialbanner {
	width: auto;
	height: 188px;
	background-position: center center ;
	background: url("../Images/tutorialbanner.jpg") no-repeat 0 0;
    margin: 0 auto;
    position: relative;
    background-size:100%;
}

.Insidepages {
	width: 1200px;
	height: 140px;
	margin: auto;
}
.Insidepagestop {
	width: 1200px;
	font-size: 38px;
	color: #333333;
	height: 71px;
	margin-top: 39px;
	text-align: center;
	letter-spacing: 10px;
}

.Insidepagesdown {
	width: 174px;
	height: 20px;
	margin: 0 513px 70px 513px;
}
.tutorial_1 {
	width: 1200px;
	height: auto;
	margin: auto;
}
.tutorialgreen {
	color: #2d9e2a;
	font-size: 18px;
}

.tutorial_1 img {
	margin: auto;
}
.tutorial_2 {
	height: 151px;
	width: 1200px;
}
.tutorial_2left {
	width: 80px;
	height: 151px;
	float: left;
}
.tutorial_2right {
	width: 1120px;
	height: 151px;
	float: left;
}
.tutorial_2righttop {
	width: 1120px;
	height: 60px;
	float: left;
}
.tutorial_2rightdown {
	width: 1120px;
	height: auto;
	float: left;
}

.tutorial_2right span {
	font-size: 28px;
	color: #333333;
}
.tutorial_2right p {
	color: #ec1c1c;
	font-size: 18px;
	margin-top: 28px;
	font-family: "微软雅黑";
}

.tutorial_3 {
	height: 763px;
	width: 1200px;
}
.tutorial_3right {
	width: 1120px;
	height: auto;	
	float: left;
}
.tutorial_3right span {
	font-size: 28px;	
}
.tutorial_3right p {
	color: #666666;
	font-size: 18px;
	position: relative;
	margin-top: 28px;
	font-family: "微软雅黑";
}

/* About us */
.Aboutusbanner {
	width: auto;
	height: 188px;
	background-position:center center;
	background: url("../Images/aboutusbanner.jpg") no-repeat 0 0;
    margin: 0 auto;
    position: relative;
	background-size:100%;
}

.Aboutus_1 {
	height: 60px;
	width: 1200px;
	margin: auto;
	text-align: center;
	font-family: "微软雅黑";
}
.Aboutus_1 span {
	
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}
.Aboutus_2 {
	margin: auto;
	height: 90px;
	width: 1200px;
}
.Aboutus_2text {
	margin: 30px 358px;
	height: 34px;
	width: 484px;
	border-width:1px;
	border-style: solid;
	border-color:rgb(0, 178, 0);
	border-radius:50px;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	line-height: 34px;
	text-align: center;
	color: #00b200;
	font-size: 14px;
}
.Aboutus_3 {
	margin: auto;
	width: 1200px;
	margin-top: 20px;
	height: 550px;
}
.Aboutus_3left {
	margin-left: 50px;
	width: 496px;
	height: 550px;
	float: left;
}
.Aboutus_3left1 {
	height: 93px;
	width: 496px;
	margin-top: 38px;
}
.Aboutus_3left2 {
	height: 93px;
	width: 96;
	float: left;
}
.Aboutus_3left3 {
	height: 73px;
	width: 340px;
	margin: 10px 20px 10px 40px;
	float: left;
}
.Aboutus_3left4 {
	height: 34px;
	width: 340px;
	float: left;
	color: #333333;
	font-size: 20px;
	line-height: 34px;
}
.Aboutus_3left5 {
	height: 39px;
	width: 340px;
	float: left;
	color: #666666;
	font-size: 14px;
	line-height: 39px;
	
}
.Aboutus_3left img {
	float: left;
}

.Aboutus_3right {
	width: 654px;
	height: 550px;
	float: left;
}
/* 人工服务 */
.service1 {
	width: 1200px;
	margin: auto;
	height: 490px;
}
.service2 {
	height: auto;
	width: 1200px;
	margin: auto;
}

.service2consulting {
	border-radius:50px;
	height: 32px;
	width: 282px;
	margin: 0 459px;
	text-align: center;
	color: #ffffff;
	background-color: #00b200;
	line-height: 32px;
}
.service2consulting:hover {

	background-color: #008700;

}

.service2consulting img {
	height: 14px;
	width: 14px;
	margin-right: 8px;
}

/* 软件购买 */
.Buysoftware {
	width: 1200PX;
	margin: auto;
	height: 100PX;
	margin-bottom: 50px;
}
.Buysoftware_2 {
	width: 1080px;
	height: 90px;
	margin: 25px 55px;
	text-align: center;
	line-height: 25px;
	background-color: #ffffff;
	border:5PX solid #e9e9e9;
}
.Buysoftware_3 {
	min-height: 446px;
	width: 1200px;
	margin: auto;
	margin-top: 30px;
	height: auto;
}
.Buysoftware_3line {
	height: 48px;
	width: 1200px;
	display: inline-table;
	margin-bottom: 20px;
}
.Buysoftware_3line2 input {
	height: 50px;
	width: 118px;
	float: left;
	margin-left: 20px;
}
.Buysoftware_3line2 img {
	height: 50px;
	width: 118px;
	float: left;
	margin-left: 20px;
}

.Buysoftware_3line2 {
	height: 50px;
	width: 1200px;
	
	display: inline-table;
	margin-bottom: 20px;
}
.Buysoftware_3line2 span {
	line-height: 50px;	
	font-size: 16px;
	width: 126px;
	height: 50px;
	text-align: right;
	float: left;
	color: #333333;
}

.Buysoftware_3line1 {
	height: 80px;
	width: 1200px;
	
	display: inline-table;
	margin-bottom: 20px;
}
.Buysoftware_3line1 span {
	line-height: 50px;	
	font-size: 16px;
	width: 126px;
	height: 50px;
	text-align: right;
	float: left;
	color: #333333;
}
.Buysoftware_3line1 img {
	vertical-align: middle;
}

.Buysoftware_3line span {
	line-height: 50px;	
	font-size: 16px;
	width: 126px;
	height: 50px;
	text-align: right;
	float: left;
	color: #333333;
}
.Buysoftware_3line input {
	font-family: "Microsoft YaHei";
    height: 50px;
    line-height: 20px;
    outline: medium none;
    width: 330px;
    float: left;
    margin-left: 20px;
}

.pay_n{ float:left; width:755px; height:auto;}
.pay_a{ float:left; width:755px; height:80px;margin-left: 20px;}
.pay_aa{ float:left; width:181px; height:80px;margin-right: 7px;}
.pay_ab{ float:left; width:181px; height:80px;margin-right: 7px;}
.pay_ac{ float:left; width:181px; height:80px;margin-right: 7px;}

.clearfix input.submit { border:none; width:380px; height:56px; background-image:url(../Images/pay-button.png); margin:0px 0px 20px 140px; cursor:pointer;}
.clearfix input.submit:hover { background-position:left bottom;}

.pay_3{ float:left; width:1000px; height:15px;}

.pay_b{ float:left; width:573px; height:320px; background-image:url(../Images/99bill-menu-bg.png); background-repeat:no-repeat; position: relative;
	margin-left: 18px;}
.pay_bn{ float:left; width:537px; height:auto; padding:24px 18px 24px 18px;}

.pay_bn li{ float:left; width:177px; height:44px; background-image:url(../Images/gmy9.png); border:1px solid #d5d5d5; background-repeat:no-repeat; position:relative; top:0px; left:0px; list-style:none;}
.pay_bn li:hover{ border:1px solid #ff0000; background-image:url(../Images/gmy10.png); background-repeat:no-repeat;}
.pay_bn li a{ float:left; width:135px; height:30px; margin: 7px 0px 0px 38px; position: relative;}
.pay_bn li span{ float:right; width:27px; height:21px; position:absolute; bottom:3px; right:-2px; display:none;}
.pay_bn .dian {border:1px solid #ff0000; background-image:url(../Images/gmy10.png); background-repeat:no-repeat;}
.pay_bn .dian span{ float:right; /* width:27px; */ /* height:21px; */ /* bottom: 17px; */ /* right: 1px; */ display: block; position: relative; margin-top: -14px; margin-right: 3px;}

.pay_qq{ clear:both; float:left; width:800px; height:50px; padding:0px 0px 65px 0px;}
.pay_qq_n{ float:left; width:auto; height:50px; padding:0px 0px 0px 50px;}
.pay_qq_a{ float:left; width:50px; height:50px; padding:0px 15px 0px 0px;}
.pay_qq_b{ float:left; width:auto; height:50px; line-height:50px; font-size:14px;}
.pay_qq_c{ float:left; width:77px; height:22px; padding:14px 0px 0px 0px;}

.wxcode{ float:left; width:573px; height:370px; background-image:url(../Images/wxpay-menu-bg.png); background-repeat:no-repeat; position: relative;
	margin-left: 17px;}
/*.wxcode {
    float:left; 
    width:573px; 
    height:370px;
    background-image:url(../Images/wxpay-menu-bg.png); 
    background-repeat:no-repeat;
}*/
.wxcode ul span{
    float:left; 
    margin-top: 35px;
    color: #666666;
    font-size: 18px;
    width:100%; 
    text-align: center;
}
.wxcode li {
    float:left;
    width:100%; 
    text-align: center;
    position: relative;
}

#testButton1 { 
	color:rgb(255, 255, 255);
	font-size:20px;padding-top:16px;
	
	border-width:0px;border-color:rgb(197, 229, 145);
	border-style:solid;border-radius:5px;
	background-color:rgb(253, 158, 6);
	height: 48px;
	width: 292px;
	float: left;
	text-align: center;
	
}
#testButton1:hover{
	color:#ffffff;
	background-color:#fd9106;
	border-color:#fd9106;
}

.products{ height:140px; background:#f3f3f3;}
.products .pbox{width:1200px;margin:0 auto;}
.pc{float:left; margin-top:10px;}
.ios{float:left; margin-top:10px;}
.android{float:left; margin-top:10px;}

.windown{float: left;text-align: center;margin: auto;margin-left: 15px;margin-top:15px;color:#fff;visibility:hidden;}
.windown a{color:#fff; text-decoration:underline}