body {
    font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", Verdana, Aril, sans-serif;
    -webkit-font-smoothing: antialiased;
    min-width: 1200px;
}

a, dt {
    transition: color .2s;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

header .header-wrap {
    height: 60px;
    background: #11213c;
    z-index: 9999;
    position: relative;
    filter:alpha(opacity=85);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: .85;
}

header .row {
    position: relative;
    padding-right: 22px;
}

header nav {
    float: right;
    height: 50px;
    color: #FFF;
}

header .logo {
    position: absolute;
    background:url(../images/logo.png) no-repeat center center;
    display: block;
    height: 60px;
    width: 169px;
    margin-left: -48px;
    text-indent: -99999px;
}

header .nav-list {
    float: left;
    margin-right: 30px;
}

header .nav-list li {
    float: left;
    margin-left: 75px;
    font-size: 16px;
    line-height: 60px;
}

header .user-menu i {
    background:url(../images/sprite.png) -200px 0 no-repeat;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-left: 10px;
    transition: .2s;
}

header .user-menu {
    color: #FFF;
    text-align: center;
    float: left;
    font-size: 16px;
}

header .user-menu dd,
header .user-menu dt {
    padding: 0 20px;
}

header .user-menu img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 15px;
}

header dt {
    line-height: 60px;
}

header .user-menu dd {
    height: 0;
    line-height: 45px;
    background: #11213c;
    transition: height .2s;
}

header .user-menu dd a {
    visibility: hidden;
    transition: .1s;
}

header .user-menu:hover dd {
    height: 45px;
}

header .user-menu:hover dd a {
    visibility: visible;
}

header .user-menu:hover i {
    transform: rotateX(180deg);
}

header nav a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
}

header nav a:hover,
header nav a.active {
    color: #327fff;
}

header .nav-line {
    display: block;
    margin-top: -16px;
    width: 0;
    height: 1px;
    background: #327fff;
    transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275);
}

header ul a:hover .nav-line,
header ul a.active .nav-line{
    width: 100%;
}

header .qq-login {
    margin-top: 17px;
    background:url(../images/sprite.png) no-repeat -400px -150px;
    width: 86px;
    height: 27px;
    display: inline-block;
    text-indent: -9999px;
    float: left;
}

header .qq-login:hover {
    background:url(../images/sprite.png) no-repeat -400px -100px;
}


.banner {
    background: #274376;
}

.banner .row {
    height: 585px;
    padding: 0;
    width: 1200px;
    position: relative;
}

.banner .banner-wrap {
    display: block;
    height: 645px;
    margin-top: -60px;
    width: 100%;
    position: absolute;
}

.banner .banner-wrap.banner-wrap-out {
    z-index: 999;
}

.banner .banner-wrap.banner-wrap-in {
    z-index: 888;
}

.banner .banner-indicators li {
    background-image: url(../images/banner-indicator.png);
    background-position: -9px 0;
    width: 9px;
    height: 9px;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    *display:inline;
    zoom: 1;
    cursor: pointer;
}

.banner .banner-indicators {
    position: absolute;
    text-align: center;
    bottom: 20px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    z-index: 9999;
}

.banner .banner-indicators li.active {
    background-position: 0 0;
}

.banner-resource {
    margin-top: 385px;
    text-align: center;
    height: 76px;
}

.banner-resource a {
    background:url(../images/resource-plat-s.png) no-repeat;
    width: 76px;
    height: 76px;
    margin: 0 20px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: bottom;
    *display: inline;
    zoom: 1;
    cursor: pointer;
}

.banner-resource a.resource-plat-btn1 {
    background-position: 0 -76px;
}

.banner-resource a.resource-plat-btn2 {
    background-position: -76px -76px;
}

.banner-resource a.resource-plat-btn3 {
    background-position: -152px -76px;
}

.banner-resource a.resource-plat-btn4 {
    background-position: -228px -76px;
}

.banner-resource a.resource-plat-btn5 {
    background-position: -304px -76px;
}

.banner-resource a.resource-plat-btn1:hover {
    background-position: 0 0;
}

.banner-resource a.resource-plat-btn2:hover {
    background-position: -76px 0;
}

.banner-resource a.resource-plat-btn3:hover {
    background-position: -152px 0;
}

.banner-resource a.resource-plat-btn4:hover {
    background-position: -228px 0;
}

.banner-resource a.resource-plat-btn5:hover {
    background-position: -304px 0;
}

.resource-col-desc h2 {
    text-align: center;
    text-indent: -9999px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}

h2.text-pro-intro {
    height: 43px;
    width: 178px;
    margin: 0 auto;
    background-position: 0 0;
}

h2.text-pro-adv {
    height: 43px;
    width: 178px;
    margin: 0 auto;
    background-position: 0 -50px;
}

.row {
    width: 1034px;
    padding-right: 83px;
    padding-left: 83px;
    margin: 0 auto;
}

.quote-l {
    background-image: url(../images/sprite.png);
    background-position: -250px 0;
    height: 56px;
    width: 54px;
}

.quote-r {
    background-image: url(../images/sprite.png);
    background-position: -350px 0;
    height: 56px;
    width: 54px;
}

.pro-intro .row {
    padding: 70px 0;
}

.pro-intro p {
    position: relative;
    padding: 30px 110px 0;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #626262;
}

.pro-intro p .quote-l {
    position: absolute;
    top: 0;
    left: 55px;
}

.pro-intro p .quote-r {
    position: absolute;
    bottom: 5px;
    right: 55px;
}

.pro-adv {
    /*background: #f5f5f5;*/
}

.pro-adv p {
    height: 72px;
}

.pro-adv .row {
    padding-top: 0px;
}


.pro-adv ul li {
    float: left;
    height: 200px;
    background-image: url(../images/cir-btn.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    transition: transform ease-out 0.5s, background 0.5s;
    cursor: pointer;
}

.resource-plat ul li {
    float: left;
    height: 154px;
    background-image: url(../images/resource-cir.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    transition: transform ease-out 0.5s, background 0.5s;
    cursor: pointer;
}

.resource-plat {
    /*background: #f6f6f6;*/
    padding: 0px 0;
}

.resource-plat ul li {
    width: 154px;
    /*border-right: 25px solid #f6f6f6;
    border-left: 25px solid #f6f6f6;
    border-top: 20px solid #f6f6f6;
    border-bottom: 20px solid #f6f6f6;*/
	border-right: 25px solid #ffffff;
    border-left: 25px solid #ffffff;
    border-top: 20px solid #ffffff;
    border-bottom: 20px solid #ffffff;
}

.resource-plat-btn1 {
    background-position: 0 0;
}

.resource-plat-btn1:hover {
    background-position: 0 -154px;
}

.resource-plat-btn2 {
    background-position: -154px 0;
}

.resource-plat-btn2:hover {
    background-position: -154px -154px;
}

.resource-plat-btn3 {
    background-position: -308px 0;
}

.resource-plat-btn3:hover {
    background-position: -308px -154px;
}

.resource-plat-btn4 {
    background-position: -462px 0;
}

.resource-plat-btn4:hover {
    background-position: -462px -154px;
}

.resource-plat-btn5 {
    background-position: -616px 0;
}

.resource-plat-btn5:hover {
    background-position: -616px -154px;
}

.pro-adv ul li {
    width: 20%;
    margin-top: 0px;
    margin-bottom: 40px;
}

.pro-adv-btn1 {
    background-position: 0 0;
}

.pro-adv-btn1.active,
.pro-adv-btn1:hover {
    background-position: 0 -200px;
}

.pro-adv-btn2 {
    background-position: -200px 0;
}

.pro-adv-btn2.active,
.pro-adv-btn2:hover {
    background-position: -200px -200px;
}

.pro-adv-btn3 {
    background-position: -400px 0;
}

.pro-adv-btn3.active,
.pro-adv-btn3:hover {
    background-position: -400px -200px;
}

.pro-adv-btn4 {
    background-position: -600px 0;
}

.pro-adv-btn4.active,
.pro-adv-btn4:hover {
    background-position: -600px -200px;
}

.pro-adv-btn5 {
    background-position: -800px 0;
}

.pro-adv-btn5.active,
.pro-adv-btn5:hover {
    background-position: -800px -200px;
}

.pro-adv-desc {
    /*background: #f6f7f9;*/
}

.pro-adv-desc .row {
    padding-top: 0;
}

.pro-adv-desc p {
    margin: 0 auto;
    text-align: center;
    padding: 10px 10px 83px;
    font-size: 18px;
    line-height: 36px;
    color: #626262;
}

.pro-menu {
    background: #274376;
    font-size: 16px;
    color: #c2c2c3;
}

.pro-menu .row {
    padding: 70px 83px;
}

.pro-menu dl {
    float: left;
}

.pro-menu-aside {
    width: 303px;
    position: relative;
}

.pro-menu-center {
    width: 320px;
    border-left: 1px solid #2e497b;
    border-right: 1px solid #2e497b;
    margin-left: 50px;
    margin-right: 50px;
    height: 278px;
}

.pro-menu dt {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    height: 25px;
    margin-bottom: 30px;
    text-indent: -9999px;
}

.pro-menu-agency dt {
    background-position: 0 -100px;
}

.pro-menu-price dt {
    width: 94px;
    margin: 0 auto;
    background-position: 0 -125px;
}

.pro-menu-help dt {
    background-position: 0 -150px;
}

.pro-menu-agency {
    line-height: 36px;
}

.pro-menu-agency strong {
    font-weight: bold;
}

.pro-menu-agency dd {
    margin-bottom: 10px;
}

.icon-download {
    background:url(../images/sprite.png) no-repeat -400px -200px;
    width: 88px;
    height: 83px;
    display: block;
    margin: 0 auto;
}

.pro-menu-price .icon-download {
    border-top: 45px solid #274376;
    border-bottom: 35px solid #274376;
}

.pro-menu-price {
    text-align: center;
}

.pro-menu a {
    color: #c2c2c3;
    text-decoration: none;
}

.pro-menu-price a {
    text-decoration: underline;
}

.pro-menu a:hover {
    color: #327fff;
}

.pro-menu-help dd {
    line-height: 47px;
}


footer {
    padding-top: 30px;
    font-size: 16px;
    height: 75px;
    background: #EBEBEB;
    color: #575757;
    text-align: center;
    line-height: 30px;
}

.resource-text .row {
    padding-top: 50px;
    padding-bottom: 50px;
}

.resource-text p {
    position: relative;
    color: #626262;
    padding: 30px 100px 0;
    font-size: 18px;
    line-height: 36px;
    text-align: left;
}

.resource-text p .quote-l {
    position: absolute;
    top: 0;
    left: 35px;
}

.resource-text p .quote-r {
    position: absolute;
    bottom: 5px;
    right: 55px;
}

.resource-qqlive,
.resource-tqq,
.resource-qqcom,
.resource-aio,
.resource-news {
    color: #262626;
    padding: 40px 0;
}

.resource-tqq,
.resource-qqlive,
.resource-news{
    /*background: #274376;*/
    color: #262626;
}

.resource-qqcom,
.resource-aio {
    color: #262626;
}

.resource-qqlive h2 {
    background-position: 0 -400px;
    height: 50px;
    width: 177px;
}

.resource-col-img {
    width: 620px;
    float: left;
}

.resource-col-desc {
    width: 310px;
    float: left;
    margin: 60px 0 0 75px;
}

.resource-aio .resource-col-desc,
.resource-qqcom .resource-col-desc {
    margin: 60px 75px 0 0;
}

.resource-col-desc h2 {
    margin-bottom: 60px;
}

.resource-col-desc p {
    font-size: 16px;
    line-height: 30px;
}

.resource-qqcom h2 {
    background-position: 0 -450px;
    height: 50px;
    width: 130px;
}

.resource-tqq h2 {
    background-position: -200px -400px;
    height: 50px;
    width: 177px;
}

.resource-aio h2 {
    background-position: -150px -450px;
    height: 50px;
    width: 311px;
}

.resource-news h2 {
    background-position: -100px -350px;
    height: 50px;
    width: 311px;
	color: #262626;
}

.help {
    margin-top: 78px;
}

.help-nav {
    float: left;
}

.help-nav li{
    background: #f9f9f9;
    height: 90px;
    width: 218px;
    line-height: 90px;
    padding-left: 20px;
    border-left: 12px solid #FFF;
    font-size: 18px;
    color: #474747;
    cursor: pointer;
    transition: background .2s;
}

.help-nav li.active {
    font-size: 20px;
    font-weight: bolder;
    border-left: 12px solid #327fff;
}

.help-nav li:hover {
    border-left: 12px solid #b2cfff;
    background: #e5edfa;
    color: #3577ea;
}

.help-list {
    width: 750px;
    margin-left: 30px;
    font-size: 18px;
    line-height: 24px;
    color: #474747;
    float: left;
}

.help-list dl {
    border-bottom: 1px dashed #d9d9d9;
    margin-bottom: 27px;
}

.help-list dt {
    cursor: pointer;
    padding-bottom: 27px;
}

.help-list dd {
    transition:  0.25s ;
    overflow: hidden;
    height: 0;
}

.help-list dd.active {
    padding-bottom: 27px;
    height: auto;
}

.pro-menu-help .pro-menu-more {
    position: absolute;
    line-height: 25px;
    right: 0;
}

.help-list dt.active {
    color: #000;
}

.help-list dt:hover {
    color: #3577ea;
}

.agency-header {
    background: #274376;
    color: #e0e1e1;
    padding-top: 60px;
    padding-bottom: 80px;
}

.agency-header h2 {
    margin: 0 auto;
    background-position: 0 -200px;
    height: 43px;
    width: 357px;
    margin-bottom: 110px;
}

.agency-header dl {
    float: left;
    width: 203px;
    padding: 0 70px;
}

.agency-header dt i {
    display: block;
    margin: 0 auto 30px auto;
    background-image: url(../images/sprite.png);
    width: 77px;
    height: 37px;
    text-indent: -9999px;
}

.agency-header dd {
    font-size: 16px;
    line-height: 36px;
}

.agency-header a {
    color: #e0e1e1;
    text-decoration: none;
}

.agency-header a:hover {
    color: #327fff;
}

.agency-header .agency-dl-center {
    border-left: 1px solid #2e497b;
    border-right: 1px solid #2e497b;
}

.agency-header .agency-area-1 i {
    background-position: 0 -250px;
}

.agency-header .agency-area-2 i {
    background-position: 0 -300px;
}

.agency-header .agency-area-3 i {
    background-position: 0 -350px;
}

.agency-list {
    padding: 90px 0;
}

.agency-list th,
.agency-list td {
    padding-left: 10px;
    text-align: left;
}

.agency-list th {
    background: #f9f9f9;
    height: 90px;
    vertical-align: middle;
}

.agency-list td {
    vertical-align:middle;
    height: 90px;
}

.agency-list table tr.interval {
    background: #f9f9f9;
}

.agency-list tr.active {
    border-left: 12px solid  #327fff;
}

.to-top {
    background-image: url(../images/sprite.png);
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 54px;
    height: 54px;
    text-indent: -99999px;
    background-position: -300px -250px;
    cursor: pointer;
}

.cp {
    cursor: pointer;
}