section.websiteBanner {
    background: #2a3666;
    position: relative;
    background: url('../images/website_banner.jpg') no-repeat center bottom / cover;
    overflow: hidden;
}

section.websiteBanner .bannerBox {
    height: 797px;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

section.websiteBanner div.bannerBox div.bannerOuter {
    position: relative;
    z-index: 5;
}

section.websiteBanner div.bannerBox div.buttonArea {
    width: 180px;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: 50px;
}

section.websiteBanner div.bannerBox div.buttonArea .indexCon {
    display: none !important;
}

section.websiteBanner div.bannerBox div.buttonArea .buttonCon {
    width: 100%;
    height: 100%;
}

section.websiteBanner div.bannerBox div.buttonArea .buttonCon a.theButton {
    display: inline-block;
    font-size: 0;
    width: 30px;
    height: 2px;
    margin-left: 30px;
    background: rgba(255, 255, 255, 0.3);
}

section.websiteBanner div.bannerBox div.buttonArea .buttonCon a.active {
    background: #fff;
}

section.websiteBanner div.bannerBox .arrowButton {
    display: none !important;
}

section.websiteBanner .bannerBox ul {
    height: 607px;
    position: relative;
}

section.websiteBanner .bannerBox ul li {
    position: relative;
    overflow: hidden;
    height: 100%;
    overflow: hidden;
}

section.websiteBanner .bannerBox ul li span {
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

section.websiteBanner .bannerBox ul li span.st1, span.st2 {
    font-size: 50px;
    line-height: 80px;
    font-weight: bold;
}

section.websiteBanner .bannerBox ul li span.st1 {
    top: 212px;
}

section.websiteBanner .bannerBox ul li span.st2 {
    top: 292px;
}

section.websiteBanner .bannerBox ul li span.st3 {
    font-size: 14px;
    line-height: 80px;
    top: 392px;
}

section.websiteBanner .bannerBox ul li span.st4 {
    width: 40px;
    height: 40px;
    top: 267px;
    left: 989px;
}

section.websiteBanner .bannerBox ul li span.st4 a, span.st9 a, .st14 a {
    display: block;
    width: 40px;
    height: 40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAX0lEQVRYhe3XwQ0AIAjFUDTuvzIu4KlgwqFvgJ/Gk6zMjAavkVUd3dWBn4yjjKOMo4yjjKOMo4yjRsedeH8UO5R3R7+ccdTouBMNV1J4fQ1jHGUcZRxlHGUcZRxlHHUBu2EHTvm6TKcAAAAASUVORK5CYII=') no-repeat center / cover;
}

/*后面的两页内容未定*/

section.websiteBanner .bannerBox ul li span.st6, span.st7 {
    font-size: 50px;
    line-height: 80px;
    font-weight: bold;
}

section.websiteBanner .bannerBox ul li span.st6 {
    top: 212px;
}

section.websiteBanner .bannerBox ul li span.st7 {
    top: 292px;
}

section.websiteBanner .bannerBox ul li span.st8 {
    font-size: 14px;
    line-height: 80px;
    top: 392px;
}

section.websiteBanner .bannerBox ul li span.st9 {
    font-size: 70px;
    line-height: 70px;
    top: 267px;
    left: 989px;
}

section.websiteBanner .bannerBox ul li span.st11, span.st12 {
    font-size: 50px;
    line-height: 80px;
    font-weight: bold;
}

section.websiteBanner .bannerBox ul li span.st11 {
    top: 212px;
}

section.websiteBanner .bannerBox ul li span.st12 {
    top: 292px;
}

section.websiteBanner .bannerBox ul li span.st13 {
    font-size: 14px;
    line-height: 80px;
    top: 392px;
}

section.websiteBanner .bannerBox ul li span.st14 {
    font-size: 70px;
    line-height: 70px;
    top: 267px;
    left: 989px;
}

section.websitemain {
    background: #eaeaea;
}

section.websitemain .con_1 {
    width: 100%;
    height: 677px;
    background: #fff;
    position: relative;
}

section.websitemain .con_1 .con_left .webname {
    width: 204px;
    height: 210px;
    background: #2c92f8;
    color: #fff;
    font-size: 16px;
    line-height: 204px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    letter-spacing: 2px;
    right: 3px;
    top: -3px;
    transform: rotate(90deg);
}

section.websitemain .con_1 .con_left .webinfo {
    margin: 204px 66px 0;
}

section.websitemain .con_1 .con_left .webinfo h2 {
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
    position: relative;
}

section.websitemain .con_1 .con_left .webinfo h2:after {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #bcbcbc;
    position: absolute;
    bottom: -10px;
}

section.websitemain .con_1 .con_left .webinfo strong {
    display: block;
    margin-top: 36px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 18px;
    color: #666;
}

section.websitemain .con_1 .con_left .webinfo p {
    font-size: 12px;
    line-height: 24px;
    color: #666;
    position: relative;
}

section.websitemain .con_1 .con_left .webinfo p a {
    color: #666;
    padding: 0 10px;
    border-left: 1px solid #666;
}

section.websitemain .con_1 .con_left .webinfo p a:hover {
    color: #ddcc3c
}

section.websitemain .con_1 .con_left .webinfo p a:first-child {
    border: none;
}

section.websitemain .con_1 .con_left .webinfo p a.res_show{
    content: '';
    display: block;
    width: 24px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 8px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAQklEQVQokWOcNm0aA5XBfwYGBkYYh4napiNZQlML4JawINtGC0to6QMGBgaIDxgJqiINIIcIIy19wMjAQLtIhocKAI6zB9UxNGn/AAAAAElFTkSuQmCC') no-repeat center;
    border-left: none;
    display: none;
}
section.websitemain .con_1 .con_left .webinfo a.more {
    display: block;
    width: 138px;
    height: 34px;
    margin-top: 110px;
    border: 1px solid #d0d0d0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAMCAYAAADYrxWbAAAAl0lEQVRIid3ULQpCURRF4e/p7U7C4hSMJosTEEEwGoSbBEdgMxrMgknMDsEBmCwOwWLzJ114E3g8OCuutDecs6ucs2BMccG7iE57WRrjgT2qIiKWvOGKTRERS8IRX0yIWxK2GGOQ8Gs5TNMsk9qDBmSEYWo7RYP0scA8askedpjhE3F4ujhgjRcx13WFE+5FRDzXM5518Qe8zxQTDN2MPAAAAABJRU5ErkJggg==') no-repeat center;
}

section.websitemain .con_1 .con_right {
    position: absolute;
    top: -190px;
    right: 0;
    z-index: 10;
    background: #fff;
}

section.websitemain .con_1 .con_right h2 {
    font-size: 26px;
    line-height: 26px;
    margin-left: 40px;
    margin-top: 60px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.websitemain .con_1 .con_right p {
    font-size: 15px;
    line-height: 26px;
    color: #666;
    margin-left: 40px;
    margin-top: 24px;
}

section.websitemain .con_1 .con_right strong {
    display: block;
    margin-left: 40px;
    margin-top: 88px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
}

section.websitemain .con_1 .con_right a.qiao_talk {
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 57px;
    line-height: 57px;
    margin: 60px 40px 0;
    border-top: 1px solid #e3e3e3;
    position: relative;
}

section.websitemain .con_1 .con_right a.qiao_talk:after {
    content: '';
    display: block;
    width: 24px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAQklEQVQokWOcNm0aA5XBfwYGBkYYh4napiNZQlML4JawINtGC0to6QMGBgaIDxgJqiINIIcIIy19wMjAQLtIhocKAI6zB9UxNGn/AAAAAElFTkSuQmCC') no-repeat center;
}

section.websitemain .con_1 .con_right a.img_box {
    display: block;
    width: 100%;
}

section.websitemain .con_1 .con_right a.img_box img {
    display: block;
    width: 100%;
}

section.websitemain .con_2 {
    width: 100%;
    height: 546px;
    overflow: hidden;
    margin-top: 16px;
}

section.websitemain .con_2 .con_left {
    width: 62%;
    height: 100%;
}

section.websitemain .con_2 .con_left a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/*section.websitemain .con_2 .con_left a img {
    display: block;
    width: 100%;
    min-height: 100%;
}*/

section.websitemain .con_2 .con_right {
    width: 38%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 70px;
    background: #2c92f8;
    color: #fff;
    position: relative;
    overflow: hidden;
}

section.websitemain .con_2 .con_right h2 {
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
    position: relative;
    margin-top: 133px;
}

section.websitemain .con_2 .con_right h2:after {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #bcbcbc;
    position: absolute;
    bottom: -10px;
}

section.websitemain .con_2 .con_right strong {
    display: block;
    margin-top: 36px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.websitemain .con_2 .con_right p {
    font-size: 12px;
    line-height: 24px;
    position: relative;
}

section.websitemain .con_2 .con_right p a {
    color: #fff;
    padding: 0 10px;
    border-left: 1px solid #fff;
}

section.websitemain .con_2 .con_right p a:first-child {
    border: none;
}

section.websitemain .con_2 .con_right p a:hover {
    color: #ddcc3c;
}

section.websitemain .con_2 .con_right a.res_show{
    content: '';
    display: block;
    width: 24px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 8px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAQUlEQVQokbWRQQoAIAzDUvH/X64Hcewmgu1tMBbSyTafY0BnGL+vN0gUUJDZaQlI0gDYBrpuvaU3oqSBIPfkamUBR1EJEJblFu8AAAAASUVORK5CYII=') no-repeat center;
    border-left: none;
    display: none;
}


section.websitemain .con_2 .con_right a.more{
    display: block;
    width: 138px;
    height: 34px;
    margin-top: 110px;
    border: 1px solid #d0d0d0;
    background:
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAMCAYAAADYrxWbAAAAkElEQVRIid3UsQ1BYRiF4efn9kbQmEKpt4BIJDZQScxxE4WWVtRGMIPGCLdR+hXyiQXkJt9bnuq8xTml1ioZC1zwjGDQX5e/ccceJYKMkjdcsYsgoySc8MIcSsJNBgUt2lITWwaNn4EmZIZp03eLPzLBGqusmxzhiCW6jO86xAFbdOR81w0eOEeQUXLsI/nlDTYEI/dST8dOAAAAAElFTkSuQmCC') no-repeat center;
}

section.websitemain .con_3 {
    margin-top: 16px;
}

section.websitemain .con_3 .con_left {
    padding-right: 7px;
}

section.websitemain .con_3 .con_right {
    padding-left: 7px;
}

section.websitemain .con_3 a.img_box {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 63.63%;
    position: relative;
    overflow: hidden;
}

section.websitemain .con_3 a.img_box img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

section.websitemain .con_3 .con_box {
    padding: 46px 46px 20px;
    background: #fff;
}

section.websitemain .con_3 .con_box h2 {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #333;
}

section.websitemain .con_3 .con_box strong {
    display: block;
    margin-top: 12px;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

section.websitemain .con_3 .con_box p {
    font-size: 12px;
    line-height: 24px;
}

section.websitemain .con_3 .con_box div.link_case {
    margin-top: 23px;
    padding-top: 29px;
    border-top: 1px solid #f6f6f6;
    font-size: 12px;
    line-height: 24px;
    color: #666;
    position: relative;
}

section.websitemain .con_3 .con_box div.link_case a {
    color: #666;
    padding: 0 10px;
    border-left: 1px solid #666;
}

section.websitemain .con_3 .con_box div.link_case a:hover {
    color: #ddcc3c;
}

section.websitemain .con_3 .con_box div.link_case a.more {
    content: '';
    display: block;
    width: 24px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 36px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAQklEQVQokWOcNm0aA5XBfwYGBkYYh4napiNZQlML4JawINtGC0to6QMGBgaIDxgJqiINIIcIIy19wMjAQLtIhocKAI6zB9UxNGn/AAAAAElFTkSuQmCC') no-repeat center;
    border: none;
}

section.websitemain .con_3 .con_box div.link_case a:first-child {
    border: none;
}

section.websitemain .con_4 {
    margin-top: 84px;
    padding-bottom: 50px;
    height: 352px;
}

section.websitemain .con_4 .con_left {
    height: 100%;
    background: #2c92f8;
    color: #fff;
    font-size: 22px;
    line-height: 46px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 108px 127px;
}

section.websitemain .con_4 .con_left dl dd {
    width: 50%;
    float: left;
}

section.websitemain .con_4 .con_left dl dd:nth-child(even) {
    text-align: right;
}

section.websitemain .con_4 .con_left dl a {
    color: #fff;
}

section.websitemain .con_4 .con_left dl a:hover {
    color: #fff;
}

section.websitemain .con_4 .con_right {
    height: 100%;
    background: #363636;
    color: #fff;
    padding: 137px 152px;
    box-sizing: border-box;
}

section.websitemain .con_4 .con_right a {
    display: block;
    color: #fff;
    height: 55px;
    font-size: 15px;
    line-height: 55px;
    border-bottom: 1px solid #fff;
    position: relative;
}

section.websitemain .con_4 .con_right a:after {
    content: '';
    display: block;
    width: 24px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAQUlEQVQokbWRQQoAIAzDUvH/X64Hcewmgu1tMBbSyTafY0BnGL+vN0gUUJDZaQlI0gDYBrpuvaU3oqSBIPfkamUBR1EJEJblFu8AAAAASUVORK5CYII=') no-repeat center;
}

section.websitemain .con_4 .con_right a:hover {
    color: #ddcc3c;
}

section.form {
    display: none;
}


/*将下面的动画 放入common.css 中*/
.animate0 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 0s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate1 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate2 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate3 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate4 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate5 {
    -webkit-animation-duration: .6s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

/* ANIMATE END */