@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

body {
    line-height: 1;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:link {
    color: #999;
}

a:visited {
    color: #999;
}

a {
    text-decoration: none;
}

input {
    font:normal 12px/22px Arial, Helvetica, sans-serif;
}

body {
    font:normal 12px/22px Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat {
    zoom: 1;
}

.fll {
    float: left !important;
}

.flr {
    float: right !important;
}

.text_just {
    text-align: justify;
    text-justify: distribute-all-lines;
    /*ie6-8*/
    text-align-last: justify;
    /* ie9*/
    -moz-text-align-last: justify;
    /*ff*/
    -webkit-text-align-last: justify;
    /*chrome 20+*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* chrome*/
    .text_just:after {
        content: ".";
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: 0;
    }
}

/**
*
*
*             内页
*
*
**/
.inner-bg {
    width: 100%;
    height: 145px;
    background: url(../images/inner-bg.png) center top no-repeat;
}

#inner-wrap {
    width: 1000px;
    margin: 0px auto;
    font: 12px "微软雅黑","宋体",Simsun,tahoma,verdana,sans-serif;
}

#left-menu {
    float: left;
    width: 202px;
    margin-top: -20px;
}

#left-menu li {
    margin-bottom: 1px;
    *margin-bottom: 0px;
    background: #45352d;
}

#left-menu li a {
    color: #fff;
}

#left-menu li a span {
    font-size: 18px;
    display: block;
    font-family: "微软雅黑";
    line-height: 25px;
    padding-top: 15px;
    margin-left: 18px;
    font-style: normal;
}

#left-menu li a em {
    font-size: 21px;
    display: block;
    font-family: "微软雅黑";
    line-height: 25px;
    margin-left: 18px;
    padding-bottom: 15px;
    font-style: normal;
}

#left-menu li ul {
    display: none;
}

#left-menu li.first {
    background: #1a2d40;
}

#left-menu li.first span {
    padding-top: 30px;
    font-size: 22px;
    line-height: 30px;
}

#left-menu li.first em {
    padding-bottom: 35px;
    font-size: 21.5px;
}

#left-menu li.last {
    background: #1a2d40;
}

#left-menu li.cur ul {
    background: #fff;
    display: block;
}

#left-menu li.cur ul li {
    margin-top: 0px;
    background: #dfdfdf;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
}

#left-menu li.cur ul li a {
    color: #333333;
    text-indent: 32px;
    line-height: 46px;
    display: block;
}

#left-menu li.cur ul li.cur,#left-menu li.cur ul li:hover {
    background: #bebebe;
}

#left-menu li.cur ul li.cur a,#left-menu li.cur ul li:hover a {
    color: #fff;
}

#main {
    float: right;
    width: 788px;
    min-height: 700px;
}

#site-path {
    color: #3f3f3f;
    margin-top: 10px;
    line-height: 25px;
    border-bottom: 1px solid #818181;
}

#site-path a {
    color: #3f3f3f;
}

#site-path a:hover {
    color: #999;
}

.article {
    height: auto;
    overflow: hidden;
    margin-left: 12px;
    padding-top: 32px;
    color: #727272;
}
.article-content{
    margin-top: 60px;
}
.article-content p {
    font-size: 15px;
    line-height: 2;
    text-indent: 30px;
}

.article p {
    margin: 10px 0px;
    text-indent: 25px;
}
.article a {
    color: #727272;
}
.article a:visited {
    color: #727272;
}
.article a:hover {
    text-decoration: underline;
}

.mmparagraph {
    background: url(../images/icon-dot01.png) bottom repeat-x;
    clear: both;
}

.mmparagraph.last {
    background: none;
}

.mmheader {
    line-height: 24px;
    overflow: hidden;
}

.mmindex {
    font-size: 56px;
    color: #d9d9d9;
    font-family: "微软雅黑";
    font-weight: 700;
    height: 64px;
    line-height: 64px;
    display: inline-block;
    overflow: hidden;
    letter-spacing: 0px;
    float:left;
}

.mmtitle {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin-left: 20px;
    width: 680px;
    height:64px;
    line-height:64px;
}

.mmcontent {
    padding: 10px 0px 20px;
    line-height: 24px;
    font-size: 14px;
    font-family: "宋体";
    clear: both;
}

.mmcontent a {
    color: #e40000;
}

.mmcontent p {
    margin: 5px 0px;
    text-indent: 2em;
}

.interlacedbox {
    clear: both;
    height: 285px;
}

.interlacedbox .border-top {
    height: 1px;
    background: #e8e8e8;
}

.interlacedbox .border-inner {
    float: right;
    width: 50%;
    height: 1px;
    background: #1a2d40;
}

.interlacedbox img {
    float: left;
    margin-top: 20px;
    width: 370px;
}

.interlacedbox .interlacedbox-text {
    float: right;
    width: 385px;
    margin-top: 20px;
    letter-spacing: 0.4px;
}

.interlacedbox .interlacedbox-title {
    height: 40px;
    line-height: 2;
    color: #333333;
    font-size: 20px;
    text-align: left;
    font-weight: 600;
}

.interlacedbox .interlacedbox-title i {
    width: 113px;
    height: 1px;
    background: #1a2d40;
    display: block;
}

.interlacedbox .interlacedbox-content {
    margin-top: 15px;
    line-height: 20px;
    font-size: 14px;
}

.interlacedbox:nth-child(odd) .border-inner,.interlacedbox:nth-child(odd) .interlacedbox-text {
    float: left;
}

.interlacedbox:nth-child(odd) img {
    float: right;
}

.interlacedbox:nth-child(odd) .interlacedbox-title {
    text-align: right;
}

.interlacedbox:nth-child(odd) .interlacedbox-title i {
    margin-left: 272px;
}

#inner-register-btn {
    line-height: 35px;
    width: 172px;
    text-align: center;
    background: #1a2d40;
    color: #fff;
    display: inline-block;
}

#inner-register-btn:hover {
    color: #999;
}

.table-vip-privilege {
    width: 100%;
    text-align: center;
}

.table-vip-privilege thead {
    background: #1a2d40;
    color: #fff;
    border: 1px solid #000;
}

.table-vip-privilege thead span {
    font-size: 20px;
    display: block;
}

.table-vip-privilege thead em {
    font-size: 12px;
    font-size: "Aparajita";
    font-style: normal;
}

.table-vip-privilege thead td {
    border: 1px solid #fff;
}

.table-vip-privilege td {
    height: 80px;
    line-height: 20px;
    border: 1px solid #000;
    padding: 0px 1%;
}

.contact-firmname {
    margin: 20px 0px 20px;
}

.contact-firmemail,.contact-firmtel {
    background-image: url(../images/icon-cantact.png);
    font-family: "Aparajita";
    font-size: 42px;
    color: #1a2d40;
    background-repeat: no-repeat;
    padding-left: 55px;
}

.contact-firmemail {
    background-position: left top;
    margin-top: 15px;
}

.contact-firmtel {
    background-position: left bottom;
}

.contact-firmtel .time {
    font-size: 14px;
    font-family: "宋体";
}

.technology {
    height: 940px;
    color: #1a2d40;
    line-height: 22px;
    position: relative;
}

.technology-zone1,.technology-zone2,.technology-zone3,.technology-zone4 {
    position: absolute;
}

.technology-zone1 {
    right: 0;
    top: 20px;
    width: 148px;
    height: 117px;
    padding-top: 66px;
    background: url(../images/icon-dot02.png) center top no-repeat;
    overflow: hidden;
}

.technology-zone1 img {
    width: 100%;
}

.technology-zone2 {
    left: 20px;
    top: 140px;
    width: 420px;
    height: 298px;
    padding-left: 48px;
    background: url(../images/icon-dot03.png) 15px top no-repeat;
    overflow: hidden;
}

.technology-zone2 img {
    width: 324px;
    position: absolute;
    top: 118px;
    left: 0;
}

.technology-zone3 {
    right: 0;
    top: 260px;
    width: 380px;
    height: 650px;
    padding-left: 50px;
    background: url(../images/icon-dot04.png) 25px top no-repeat;
    overflow: hidden;
    padding-top: 30px;
}

.technology-zone3 img {
    width: 390px;
}

.technology-zone3 p {
    height: 45px;
}

.technology-zone4 {
    left: 0px;
    top: 498px;
    width: 360px;
    height: 650px;
    overflow: hidden;
    text-align: right;
}

.technology-zone4 img {
    width: 322px;
}

.technology-zone4 p {
    height: 45px;
}

.introduction-firmname {
    position: absolute;
    top: -60px;
    right: 0;
}

.introduction-firmname img {
    width: 244px;
}

.introduction {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

.introduction-content {
    color: #1a2d40;
}

.introduction-content img {
    float: left;
    width: 280px;
    margin: 5px 10px;
}

.introduction-content p {
    line-height: 20px;
}

.line-title {
    color: #1a2d40;
    font-size: 20px;
    font-weight: 600;
    border-top: 2px solid #5b5b5b;
    height: 20px;
    overflow: visible;
}

.line-title span {
    background: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: -11px;
    *margin-top: -30px;
    padding: 0px 10px;
}

.dilemma-list {
    padding: 35px 0px 60px;
}

.dilemma-box {
    height: 165px;
    border-left: 1px solid #999;
    color: #1a2d40;
    position: relative;
    margin-left: 16px;
}

.dilemma-box i {
    border: 1px solid #999;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 0px;
    left: -16px;
    font-family: "微软雅黑";
    font-style: normal;
}

.dilemma-box .dilemma-text {
    float: left;
    margin: 0px 15px 0px 35px;
    line-height: 22px;
    width: 356px;
}

.dilemma-box .dilemma-title {
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}

.dilemma-box img {
    float: left;
    width: 353px;
    margin-top: 20px;
}

#webonor {
    background: url(../images/icon-rule.png) 360px top no-repeat;
    color: #1a2d40;
    line-height: 24px;
    padding-top: 50px;
    padding-bottom: 160px;
}

#webonor .webonor-year {
    width: 353px;
    position: relative;
    padding-top: 60px;
}

#webonor .webonor-year i {
    color: #fff;
    background: #1a2d40;
    padding: 5px 10px;
    font-size: 28px;
    margin: 20px 0px;
    position: absolute;
    top: 0;
}

#webonor .webonor-year img {
    width: 338px;
    margin: 20px 0px;
}

#webonor .year-left {
    float: left;
}

#webonor .year-left i {
    right: 0;
}

#webonor .year-right {
    float: left;
    margin-top: 80px;
    margin-left: 70px;
}

#webonor .year-right i {
    left: 0;
}

.certificate-title {
    color: #1a2d40;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
    clear: both;
}

.certificate-view {
    position: relative;
    overflow: hidden;
    height: 220px;
    margin-bottom: 100px;
}

.certificate-view .btn-left,.certificate-view .btn-right {
    position: absolute;
    background-image: url(../images/icon-r02.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 98px;
    top: 50%;
    margin-top: -49px;
    cursor: pointer;
}

.certificate-view .btn-left {
    background-position: left center;
    left: 0;
}

.certificate-view .btn-right {
    background-position: right center;
    right: 0;
}

.certificate-view .certificate-box {
    width: 258px;
    height: 220px;
    float: left;
    background: url(../images/icon-certificate-bottom.png) center bottom no-repeat;
    position: relative;
}

.certificate-view .certificate-box .certificate {
    bottom: 32px;
    left: 0px;
    width: 100%;
    text-align: center;
    position: absolute;
}

.certificate-view .certificate-box img {
    border: 2px solid #c5c5c5;
    max-width: 155px;
    max-height: 170px;
}

#certificate-slider {
    position: relative;
    z-index: 1;
    height: 472px;
    background: #f4f4f4;
    padding: 0px 90px;
    margin: 25px 0px 60px;
}

#certificate-slider .btn-left,#certificate-slider .btn-right {
    position: absolute;
    background-image: url(../images/icon-r03.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
}

#certificate-slider .btn-left {
    background-position: left center;
    left: 0;
}

#certificate-slider .btn-right {
    background-position: right center;
    right: 0;
}

#certificate-slider .certificate-slider-view {
    width: 600px;
    overflow: hidden;
    height: 472px;
    position: relative;
}

#certificate-slider .certificate-list {
    width: 30000px;
}

#certificate-slider .certificate-box {
    float: left;
    width: 180px;
    height: 270px;
    z-index: 1;
    position: relative;
    margin-top: 130px;
    margin-right: 20px;
}

#certificate-slider .certificate-box img {
    border: 7px solid #e5e5e5;
    width: 100%;
}

#certificate-slider .certificate-box.cur {
    z-index: 99;
}

#certificate-slider .certificate-box.cur img {
    width: 150%;
    margin-left: -44px;
    margin-top: -100px;
}