@charset "UTF-8";
table , table td{ border-collapse:collapse;  vertical-align:top;}
*{list-style:none;  margin:0; padding:0;}
body{line-height:24px;color:#333;background-color:#fff;font-size:12px;background-image: url(images/bg.jpg);background-repeat: no-repeat;background-position:center top;}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration: underline; color:#fff;}
img{ border:none;}
h1 {float: left;}
h2,h3{ font-weight:normal;}
h4{display:block;font-size: 24px;text-align: center;margin: 30px 0;color: #025298;}
.clear{ font-size:0; line-height:0; height:0; clear:both;}
.padding_10{padding:10px;}
.warp {width: 960px;margin:auto;}
.banner {height: 326px;}
.banner h1 a {width: 140px;height: 75px;text-indent: -9999px;display: block;}
.banner span {color: #FFFFFF;display: block;float: right;margin-top: 30px;}
.banner span a {margin:0 10px;}
.nav {height: 40px; color: #025298;}
.nav ul li {float: left;height: 40px;}
.nav ul li.nav1 {width: 135px;}
.nav ul li.nav2 {width: 170px;}
.nav ul li.nav3 {width: 155px;}
.nav ul li.nav4 {width: 155px;}
.nav ul li.nav5 {width: 190px;}
.nav ul li a {text-indent: -9999px;display: block;height: 40px;}
.content {padding-top: 20px;}
.about {padding: 15px;}
.about h2 {background-image: url(images/about.png);background-repeat: no-repeat;text-indent: -9999px;height: 51px;}
.about .aboutleft {width: 670px;float: left;}
.about .aboutright {float: right; }
.about .aboutright p { text-align:left; line-height:30px; margin-top:-5px; margin-bottom:-10px;}



.bar {background-image: url(images/top.png);background-repeat: no-repeat;height: 35px;background-color: #ff9000;padding:0 15px;}/*----*/
.bar span{font-size: 14px;line-height: 35px;font-weight: bold;color: #FFFFFF;}
.bar  .barleft  {display: block;float: left;}
.bar  .barright  {display: block;float: right;font-size: 12px;font-weight: normal;color: #fff2c5;background-image: url(images/barbg.png);background-repeat: no-repeat;padding-left: 45px;}
.box {background-color: #FFFFFF;padding:15px 0;border-right: solid 1px #ffdec2; border-left: solid 1px #ffdec2; }/*----*/
.box ul li {display:inline;background-image: url(images/function.png);background-repeat: no-repeat;width: 220px;float: left;padding-top: 40px;padding-left: 5px;margin:7px;}
.box ul li.function1 {background-position: 0px 0px;}
.box ul li.function2 {background-position: -225px 0px;}
.box ul li.function3 {background-position: -450px 0px;}
.box ul li.function4 {background-position: -675px 0px;}
.box ul li.function5 {background-position: -900px 0px;}
.box ul li.function6 {background-position: -1125px 0px;}
.box ul li.function7 {background-position: -1350px 0px;}
.box ul li.function8 {background-position: -1575px 0px;}
.box .voicebox1 , .box .voicebox2 , .box .voicebox3 , .box .voicebox4 , .box .voicebox5 , .box .voicebox6 {display:inline;float: left;width: 240px;margin: 0 39px 0 40px;
background-image: url(images/6voicebg.png);background-repeat: no-repeat;text-align: center;}
.box .voicebox1 , .box .voicebox2 , .box .voicebox3 {height: 130px;padding-top: 20px;}
.box .voicebox4 , .box .voicebox5 , .box .voicebox6 {height: 95px;padding-top: 55px;}
.box .voicebox2 {background-position: -321px 0px;}
.box .voicebox3 {background-position: right 0px;}
.box .voicemiddle {background-image: url(images/6voicebg.png);background-repeat: no-repeat;background-position: center center;height: 40px;width: 880px;margin-right: auto;margin-left: auto;
margin-top: 10px;margin-bottom: 10px;}
.box .voicebox4 {background-position: left bottom;}
.box .voicebox5 {background-position: center bottom;}
.box .voicebox6 {background-position: right bottom;}
.needbox {background-color: #FFFFFF;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #b1d2f4;border-left-color: #b1d2f4;}
.needbox .need4 {background-color: #f6f6f6;text-align: center;padding-top: 20px;padding-bottom: 20px;}
.needbox .need4box1 , .needbox .need4box2 , .needbox .need4box3 {width: 190px;background-image: url(images/4needbg.png);background-repeat: no-repeat;background-position: right;float: left;
padding: 20px 20px 20px 30px;}
.needbox .need4box4 {width: 188px;float: left;padding: 20px 20px 20px 30px;}
.needbox .need4box1 span , .needbox .need4box2 span , .needbox .need4box3 span , .needbox .need4box4 span {background-image: url(images/4needico.png);background-repeat: no-repeat;
display: block;padding-left: 35px;color: #025298;padding-bottom: 10px;line-height: 27px;}
.needbox .need4box2 span {background-position: 0px -37px;}
.needbox .need4box3 span {background-position: 0px -74px;}
.needbox .need4box4 span {background-position: 0px -111px;}
.boxbottom {background-image: url(images/bottom.png);background-repeat: no-repeat;height: 8px;margin-bottom: 20px;}
.footer {text-align: center;margin-top: 10px;}
.footer a {color: #004b8f;}
.footer p span {font-weight: bold;color: #004b8f;}
.vaule {background-color: #FFFFFF;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #b1d2f4;border-left-color: #b1d2f4;padding: 0 20px;text-align: center;}
.vaule span {font-size: 14px;color: #ff6600;font-weight: bold;line-height: 40px;padding-top: 10px;display: block;text-align: left;}/*----*/
.vaule p {text-indent: 2em;text-align: left;}
.vaule img {margin: 20px 0;}
.vaule .vaulebox {padding: 21px;}
.vaule .vaulebox .vaulebox1 , .vaule .vaulebox .vaulebox2 , .vaule .vaulebox .vaulebox3 {height: 220px;width: 180px;background-image: url(images/vaulebg.png);background-repeat: no-repeat;float: left;padding-top: 10px;margin: 0 41px;}
.vaule .vaulebox .vaulebox2 {background-position: -210px 0px;height: 180px;padding-top: 50px;}
.vaule .vaulebox .vaulebox3 {background-position: -420px 0px;}
.left {float: left;width: 205px;}
.left .help1 , .left .help2 , .left .help3 {background-image: url(images/helpbg.png);background-repeat: no-repeat;height: 38px;}
.left .help1middle {border-right-width: 8px;border-left-width: 8px;border-right-style: solid;border-left-style: solid;border-right-color: #b1d2f4;border-left-color: #b1d2f4;padding: 15px 10px;background-color: #FFFFFF;}
.help1middle a {color: #069;background-image: url(images/arrow.png);background-repeat: no-repeat;display: block;padding-left: 15px;}
.help1middle p.opening a {background-position: -214px 0px;}
.help1bottom {background-image: url(images/helpbottom.png);background-repeat: no-repeat;height: 8px;margin-bottom: 20px;}
.left .help2 {background-position: center;}
.left .help2middle {border-right-width: 8px;border-left-width: 8px;border-right-style: solid;border-left-style: solid;border-right-color: #fc9;border-left-color: #fc9;padding: 15px 10px;background-color: #FFFFFF;}
.help2middle a {color: #069;background-image: url(images/arrow.png);background-repeat: no-repeat;display: block;padding-left: 15px;}
.help2middle p.closeing a {background-position: 0px -19px;}
.help2middle p.opening a {background-position: -214px -19px;}
.help2middle .opening_list a {background-image: none;color: #c0854b;text-indent: 1em;}
.help2middle .opening_list a:hover {background-color: #fc9;color: #FFFFFF;text-decoration: none;}
.help2bottom {background-image: url(images/helpbottom.png);background-repeat: no-repeat;background-position: center;height: 8px;margin-bottom: 20px;}
.left .help3 {background-position: right;}
.left .help3middle {border-right-width: 8px;border-left-width: 8px;border-right-style: solid;border-left-style: solid;border-right-color: #96e3f3;border-left-color: #96e3f3;padding: 15px 10px;background-color: #FFFFFF;}
.help3middle  a    {color: #069;background-image: url(images/arrow.png);background-repeat: no-repeat;display: block;padding-left: 15px;}
.help3middle p.closeing a {background-position: 0px -37px;}
.help3middle p.opening a {background-position: -214px -37px;}
.help3middle .opening_list a {background-image: none;color: #4bacc0;text-indent: 1em;}
.help3middle .opening_list a:hover {background-color: #96e3f3;color: #FFFFFF;text-decoration: none;}
.help3bottom {background-image: url(images/helpbottom.png);background-repeat: no-repeat;background-position: right;height: 8px;}
.right {float: right;width: 715px;background-image: url(images/detailbg.png);background-repeat: no-repeat;padding: 10px;text-align: center;}
.right p {text-indent: 2em;text-align: left;padding:0 10px;font-size: 14px;}
.right p a {color: #069;text-decoration: underline;}
.right span {display: block;}
.right .rightbottom {background-image: url(images/welcombg.jpg);background-repeat: no-repeat;height: 283px;margin-top: 50px;}

.download1, .download2{ background:url(images/downbtn.png) no-repeat; width:197px; height:55px; display:block; color:#333;}
.download2{background-position: right top;}
.download1:hover, .download2:hover{ color:#333;}
.download1:hover{background-position: left bottom;}
.download2:hover{background-position: right bottom;}
.download{ background:url(images/download.png) no-repeat; width:241px; height:78px; display:block;}
.download:hover{ background-position:left bottom;}