﻿a:hover {
    text-decoration:none!important;
}
a:active {
    outline:none;
    star:expression(this.onFocus=this.blur());
}
#dowebok {
    height:100%;
}
@media screen and (max-width: 800px) {
    #menu{
        display: none;
    }
}
#menu {
    margin:-100px 0 0 0;
    padding:0;
    position:fixed;
    right:40px;
    top:24%;
    list-style-type:none;
    z-index:70;
}
#menu li {
    margin:0 0 16px 0;
    font-size:14px;
    position:relative;
    background:url(../images/right-icon-bg.png) no-repeat;
    height:74px;
    width:92px;
}
#menu a {
    color:#fff;
    display:block;
    font:12px/20px 微软雅黑,Arial;
    float:left;
    padding:44px 0 10px;
    text-align:center;
    text-decoration:none;
    width:94px;
}
#menu .c1 a {
    color:#fff;
}
#menu .c0 a {
}#menu .menu-but1 {
     background:url(../images/menu-but1.png) no-repeat center 14px;
 }
#menu .c1 .menu-but1 {
    background:url(../images/menu-but1.png) no-repeat center 14px;
}
#menu .active {
    background:url(../images/right-icon-hv.png) no-repeat;
}
#menu .active .menu-but1 {
    background:url(../images/menu-but1-1.png) no-repeat center 14px;
}
#menu .menu-but2 {
    background:url(../images/menu-but2.png) no-repeat center 14px;
}
#menu .c1 .menu-but2 {
    background:url(../images/menu-but2.png) no-repeat center 14px;
}
#menu .active .menu-but2 {
    background:url(../images/menu-but2-1.png) no-repeat center 14px;
}
#menu .menu-but3 {
    background:url(../images/menu-but3.png) no-repeat center 14px;
}
#menu .c1 .menu-but3 {
    background:url(../images/menu-but3.png) no-repeat center 14px;
}
#menu .active .menu-but3 {
    background:url(../images/menu-but3-1.png) no-repeat center 14px;
}
#menu .menu-but4 {
    background:url(../images/menu-but4.png) no-repeat center 14px;
}
#menu .c1 .menu-but4 {
    background:url(../images/menu-but4.png) no-repeat center 14px;
}
#menu .active .menu-but4 {
    background:url(../images/menu-but4-1.png) no-repeat center 14px;
}
#menu .menu-but5 {
    background:url(../images/menu-but5.png) no-repeat center 14px;
}
#menu .c1 .menu-but5 {
    background:url(../images/menu-but5.png) no-repeat center 14px;
}
#menu .active .menu-but5 {
    background:url(../images/menu-but5-1.png) no-repeat center 14px;
}
#menu .menu-but6 {
    background:url(../images/menu-but6.png) no-repeat center 14px;
}
#menu .c1 .menu-but6 {
    background:url(../images/menu-but6.png) no-repeat center 14px;
}
#menu .active .menu-but6 {
    background:url(../images/menu-but6-1.png) no-repeat center 14px;
}
#menu a span {
    color:#fff;
    font:12px/20px 微软雅黑,Arial;
}
#menu .c1 a span {
    color:#1d73c0;
}
#menu .active a {
    color:#065da4;
}
.section {
    text-align:center;
    font:50px "Microsoft Yahei";
    color:#fff;
    height:1000px;
}
/*第一屏*/
.bg-one {
    /*background:url(../images/bg-one.jpg) no-repeat center;*/
    position:relative;
}
.logo {
    width:524px;
    height:89px;
    overflow:hidden;
    margin:0 auto 66px;
    position: relative;
}
.logo img{
    position: absolute;
    z-index: 10000;
}
.search-box {
    width:695px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.search-box .tab {
    overflow:hidden;
    height:37px;
    position:relative;
    text-align:left;
    width:695px;
    /*padding-left: 35px;*/
}
.search-box .tab label{
    font:normal 16px/16px 微软雅黑,Arial;
    color:#FFF;
    width: 120px;
    display:inline-block;
    text-align:center;
    line-height:34px;
    padding:0 12px;
    text-decoration: none;
    cursor: pointer;
}
.search-box a{
    color:#fff;
}
.search-box .tab h3 {
    font:normal 16px/16px 微软雅黑,Arial;
    color:#fff;
    margin:0 10px 0 0;
    cursor:pointer;
    float:right;
    line-height:33px;
}
.search-box .tab h3  img {
    margin-left:6px;
}
.search-box .tab .e {
    color:#fff;
    width: 120px;
    background:url(../images/one-hove-01.png) no-repeat;
    height:37px;
}
/*.search-box .tab a:nth-child(2):hover,.search-box .tab .e:nth-child(2) {
	background:url(one-hove.png) no-repeat;
}
.search-box .tab a:nth-child(6):hover,.search-box .tab .e:nth-child(6) {
	background:url(one-hove-02.png) no-repeat;
}
*/
.search-box .tab a.e1:hover,.search-box .tab .e1.e {
    background:url(../images/one-hove.png) no-repeat;
}
.search-box .tab a.e2:hover,.search-box .tab .e2.e {
    background:url(../images/one-hove-02.png) no-repeat;
}
.search-box .tab b {
    bottom:0;
    display:block;
    height:2px;
    left:48px;
    position:absolute;
    transition:all 0.4s ease-in-out 0s;
    width:92px;
}
.search-box .search_cont_box {
    height:100px;
    width:695px;
    overflow:hidden;
    position:relative;
}
.search-box .search_cont_box .search_cont {
    height:100px;
    width:695px;
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
}

.search-box .search {
    width:695px;
    height:55px;
    overflow:hidden;
    margin:16px 0 0;
}
.search-box .search .text {
    width:623px;
    height:55px;
    overflow:hidden;
    background:url(../images/search-input.png) no-repeat;
}
.search-box .search .text input {
    width:580px;
    height:41px;
    margin:7px 0 0 0;
    font:normal 14px/24px 微软雅黑,Arial;
    background:none;
    padding-left: 30px;
}
/* color:#a4a4a4;
	*/
.search-box .search .button {
    width:110px;
    height:52px;
    position:absolute;
    background:url(../images/but-bg-seach.png) no-repeat;
    right:0;
}
.search-box .search .button input {
    width:110px;
    height:52px;
    background:none;
    cursor:pointer;
}
.bg-one .screen {
    overflow:hidden;
    width:652px;
    margin:12px auto 0;
}
.bg-one .screen ul {
    overflow:hidden;
}
.bg-one .screen ul li {
    overflow:hidden;
    float:left;
    padding:0 25px 0 0;
}
.bg-one .screen ul li span {
    display:block;
    float:left;
    width:10px;
    height:10px;
    font-size:0;
    background:url(../images/screen-span.png) no-repeat;
    margin:8px 5px 0 0;
    cursor:pointer;
}
.bg-one .screen ul li .e {
    background:url(../images/screen-span-1.png) no-repeat;
}
.bg-one .screen ul li label {
    float:left;
    font:normal 12px/18px 微软雅黑,Arial;
    color:#fff;
    cursor:pointer;
}
.column {
    height:65px;
    font:normal 30px/58px 微软雅黑,Arial;
    color:#555;
    text-align:center;
    background:url(../images/two-title.png) no-repeat center;
}
.pop {
    width:100%;
    height:100%;
    background:url(../images/pop.png) repeat;
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
}
.login-box {
    width:400px;
    height:410px;
    border-radius:3px;
    margin:0px auto;
    padding-top:5%;
}
.login-box .title {
    float:left;
    width:100%;
}
.user-input,.agress-input {
    float:left;
    width:336px;
    height:38px;
    margin:30px 0 20px 4px;
}
.user-input input,.agress-input input {
    width:100%;
    border:1px solid #d2d2d2;
    height:38px;
    padding-left:15px;
    border-radius:5px;
}
.agress-input {
    margin:0 0 15px 4px;
}
.remabmm {
    float:left;
    width:100%;
    margin-bottom:6px;
}
.remabmm .left-input {
    float:left;
    padding-left:5px;
}
.remabmm .left-input input {
    float:left;
    margin-right:5px;
    height:16px;
    width:16px;
    margin-top:3px;
}
.remabmm .left-input p {
    float:left;
    color:#666666;
}
.remabmm a {
    float:right;
    color:#1787c9;
}
.log-btn button {
    width:335px;
    margin-left:5px;
    height:40px;
    font-size:18px;
    color:#fff;
    background:#065da4;
    border:0;
    border-radius:5px;
}
.login-box .title h3 {
    float:left;
    font:normal 18px/20px 微软雅黑,Arial;
    color:#303030;
    margin:0;
}
.login-box .title .colse {
    position:absolute;
    top:22px;
    right:6px;
    width:32px;
    height:32px;
    background:url(../images/colse.png) no-repeat;
    margin:0px 0 0 0;
    cursor:pointer;
}
.login-box .form {
    overflow:hidden;
    padding:35px 30px;
    position:relative;
    background:#fff;
    height:310px;
}
.login-box .form ul {
    overflow:hidden;
}
.login-box .form ul li {
    padding:10px 0 0 0;
}
.login-box .form ul li p {
    font:normal 16px/31px 微软雅黑,Arial;
    color:#363636;
}
.login-box .form ul li .bor {
    width:238px;
    height:38px;
    border:1px solid #a9a9a9;
    border-radius:3px;
}
.login-box .form ul li .bor input {
    width:190px;
    height:24px;
    margin:7px 0 0 35px;
    font:normal 16px/24px 微软雅黑,Arial;
    color:#a4a4a4;
}
.login-box .form ul li .name {
    background:url(../images/name.png) no-repeat 10px center;
}
.login-box .form ul li .password {
    background:url(../images/password.png) no-repeat 10px center;
}
.login-box .form ul li .button {
    width:238px;
    height:38px;
    border:1px solid #a06604;
    border-radius:3px;
    background:#ffc516;
    margin:30px 0 0 0;
}
.login-box .form ul li .button input {
    width:238px;
    height:38px;
    background:none;
    font:normal 20px/38px 微软雅黑,Arial;
    color:#fff;
    cursor:pointer;
}
.shadow_left {
    width:180px;
    height:184px;
    position:absolute;
    bottom:0px;
    left:0px;
}
.shadow_top {
    width:540px;
    height:20px;
    position:absolute;
    top:115px;
    left:0px;
    background-color:#e7e2dc;
}
.shadow_center1 {
    width:540px;
    height:18px;
    position:absolute;
    top:158px;
    left:0px;
    background-color:#e7e2dc;
}
.shadow_center2 {
    width:540px;
    height:18px;
    position:absolute;
    top:200px;
    left:0px;
    background-color:#e7e2dc;
}
.shadow_left .user_tab {
    text-align:right;
    font:14px/22px "微软雅黑";
    color:#363636;
    line-height:22px;
    margin-bottom:20px;
}
.shadow_right {
    width:180px;
    height:184px;
    position:absolute;
    bottom:0px;
    right:0px;
}
.shadow_right .user_tab {
    padding-left:10px;
    text-align:left;
    font:14px/22px "微软雅黑";
    color:#363636;
    line-height:22px;
    margin-bottom:20px;
}
.shadow_right .user_tab a {
    text-align:left;
    font:14px/22px "微软雅黑";
    color:#1d73c0;
    line-height:22px;
    margin-bottom:20px;
}
.shadow_right .user_tab a:hover {
    color:#900;
}
/*第二屏*/
.bg-two {
    background:url(../images/bg-two.jpg) no-repeat center;
    position:relative;
}
.news-con {
    width:1000px;
    height:390px;
    overflow:hidden;
    margin:42px 0 0 0;
}
.news-con .pic-box {
    width:398px;
    height:364px;
    box-sizing:border-box;
    padding:18px 26px 22px 22px;
    overflow:hidden;
    background:url(../images/two-ct-banbg.png) no-repeat;
    position:relative;
}
.news-con .pic-box .pic {
    width:350px;
    height:320px;
    overflow:hidden;
}
.news-con .pic-box .pic ul {
    height:320px;
}
.news-con .pic-box .pic a {
    width:350px;
    height:320px;
    overflow:hidden;
    display:block;
    text-align:center;
}
.news-con .pic-box .pic .item img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transition:transform 0.3s linear;
    -moz-transition:transform 0.3s linear;
    -o-transition:transform 0.3s linear;
    -webkit-transition:transform 0.3s linear;
    -ms-transition:transform 0.3s linear;
}
.news-con .pic-box .pic .item img:hover {
    transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
}
.news-con .pic-box .tit {
    width:381px;
    height:49px;
    background:url(../images/png.png) repeat;
    position:absolute;
    bottom:0;
    right:0;
    overflow:hidden;
    z-index:10;
}
.news-con .pic-box .tit p {
    width:222px;
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-con .pic-box .tit p a {
    font:normal 18px/49px 微软雅黑,Arial;
    color:#fff;
}
.news-con .pic-box .tit .tab {
    overflow:hidden;
    float:right;
    margin:20px 0 0 0;
    position:relative;
}
.news-con .pic-box .tit .tab span {
    display:block;
    width:8px;
    height:8px;
    background:url(../images/pic-tab-1.png) no-repeat;
    font-size:0;
    float:left;
    margin:0 5px 0 0;
}
.swiper-pagination {
    position:relative;
}
.swiper-pagination-bullet {
    display:block;
    width:8px;
    height:8px;
    background:url(../images/pic-tab-1.png) no-repeat;
    font-size:0;
    float:left;
    margin:0 5px 0 0;
}
.swiper-pagination-bullet-active {
    background:url(../images/pic-tab.png) no-repeat;
}
.news-con .pic-box .tit .tab .e {
    background:url(../images/pic-tab.png) no-repeat;
}
.news-ri {
    width:580px;
    height:390px;
    overflow:hidden;
}
.news-ri .tab {
    overflow:hidden;
    position:relative;
    z-index:6;
}
.news-ri .tab a {
    display:block;
    float:left;
    font:normal 16px/34px 微软雅黑,Arial;
    color:#303030;
    text-align:center;
    line-height:45px;
    margin:0 8px 0 0;
    background:url(../images/two-nav.png) no-repeat;
    width:108px;
    height:45px;
    text-decoration:none;
}
.news-ri .tab a:hover,.news-ri .tab .e {
    color:#fff;
    background:url(../images/two-nav-hover.png) no-repeat;
}
.news-ri .tab_box {
    width:580px;
    height:362px;
    overflow:hidden;
}
.news-ri .tab_box_con {

    height:362px;
}
.news-ri .tab_box_con .new_box {
    float:left;
    width:580px;
    height:362px;
    overflow:hidden;
}
.news-ri .top-news {
    overflow:hidden;
    margin:25px 0 0 0;
    border-bottom:1px solid #d0d0d0;
    padding:0 0 20px;
}
.news-ri .top-news .date {
    width:100px;
    height:100px;
    overflow:hidden;
}
.news-ri .top-news .date img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transition:transform 0.3s linear;
    -moz-transition:transform 0.3s linear;
    -o-transition:transform 0.3s linear;
    -webkit-transition:transform 0.3s linear;
    -ms-transition:transform 0.3s linear;
}
.news-ri .top-news .date img:hover {
    transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
}
.news-ri .top-news .date font {
    display:block;
    font:normal 48px/50px 微软雅黑,Arial;
    color:#1d73c0;
}
.news-ri .top-news .date span {
    display:block;
    font:normal 14px/21px 微软雅黑,Arial;
    color:#1d73c0;
}
.news-ri .top-news .font {
    overflow:hidden;
    text-align:left;
    width:480px;
    padding:0 0 0 15px;
}
.news-ri .top-news .font a {
    font:normal 16px/24px 微软雅黑,Arial;
    color:#1787c9;
    font-weight:700;
}
.news-ri .top-news .font a span {
    float:right;
    color:#909090;
    font-size:14px;
    font-weight:normal;
}
.news-ri .top-news .font p {
    font:normal 12px/26px 微软雅黑,Arial;
    color:#909090;
    margin:15px 0 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.news-ri .top-news .font1 {
    overflow:hidden;
    text-align:left;
    width:600px;
    padding:0 0 0 15px;
}
.news-ri .top-news .font1 a {
    font:normal 16px/24px 微软雅黑,Arial;
    color:#1787c9;
    font-weight:700;
}
.news-ri .top-news .font1 a span {
    float:right;
    color:#909090;
    font-size:14px;
    font-weight:normal;
}
.news-ri .top-news .font1 p {
    font:normal 12px/26px 微软雅黑,Arial;
    color:#909090;
    margin:15px 0 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}








.news-ri .top-news .butt {
    display:block;
    width:75px;
    height:22px;
    border:1px solid #7a7a7a;
    font:normal 14px/22px 微软雅黑,Arial;
    color:#7a7a7a;
    margin:4px 0 0 0;
}
.news-ri .top-news .butt:hover {
    color:#1d73c0;
}
.news-ri .list {
    overflow:hidden;
}
.news-ri .list ul {
    padding-top:15px;
    margin:0;
}
.news-ri .list ul li {
    overflow:hidden;
    text-align:left;
    background:url(../images/two-ct-lab.png) no-repeat left;
    padding:0 0 0 14px;
}
.news-ri .list ul li:hover {
    background-color:#eee;
}
.news-ri .list ul li a {
    font:normal 14px/30px 微软雅黑,Arial;
    color:#606060;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:392px;
    height:30px;
}
.news-ri .list ul li span {
    font:normal 14px/30px 微软雅黑,Arial;
    color:#909090;
}
.news-ri .list ul .more-lab {
    background:none;
}
.news-ri .list ul .more-lab a {
    color:#1787c9;
    text-align:right;
    width:100%;
}
.news-ri .list ul .more-lab:hover {
    background:none;
}
/*第三屏*/
.bg-three {
    background:url(../images/bg-three.jpg) no-repeat center;
    position:relative;
}
.column-white {
    background:url(../images/three-title.png) no-repeat center;
    line-height:62px;
}
.activity-con {
    width:1000px;
    height:390px;
    overflow:hidden;
    margin:42px 0 0 0;
}
.activity-con .le {
    width:704px;
    overflow:hidden;
}
.activity-con .le .pic-font {
    width:670px;
    height:278px;
    overflow:hidden;
}
.activity-con .le .pic-font .pic {
    width:399px;
    height:278px;
    overflow:hidden;
}
.activity-con .le .pic-font .pic img {
    transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
}
.activity-con .le .pic-font .pic img:hover {
    transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
}
.activity-con .le .pic-font .font {
    width:246px;
    padding:0 0 0 25px;
    text-align:left;
}
.activity-con .le .pic-font .font a {
    font:normal 18px/28px 微软雅黑,Arial;
    color:#fff;
}
.activity-con .le .pic-font .font p {
    font:normal 14px/28px 微软雅黑,Arial;
    color:#fff;
    margin:10px 0;
}
.activity-con .le .pic-font .font .butt {
    display:block;
    width:113px;
    height:28px;
    border:1px solid #fff;
    font:normal 14px/28px 微软雅黑,Arial;
    color:#fff;
    text-align:center;
}
.activity-con .le .pic-font .font .butt:hover {
    color:#1d73c0;
}
.activity-con .le .quick-butt {
    width:704px;
    overflow:hidden;
    margin:14px 0 0 0;
}
.activity-con .le .quick-butt ul {
    overflow:hidden;
    width:704px;
}
.activity-con .le .quick-butt ul li {
    float:left;
    margin:0 13px 18px 0;
    width:226px;
    height:157px;
}
.activity-con .le .quick-butt ul li a {
    display:block;
    width:226px;
    height:157px;
    color:#fff;
    background:url(../images/three-centbg.png) no-repeat;
}
.activity-con .le .quick-butt ul li a img {
    margin:35px 0 22px 0;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.activity-con .le .quick-butt ul li a img:hover {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}
.activity-con .le .quick-butt ul li a p {
    color:#fff;
    font-size:16px;
}
.activity-con .le .quick-butt ul li a:hover,.activity-con .le .quick-butt ul li .e {
    background:url(../images/three-centbg-hover.png);
}
.activity-con .ri {
    width:259px;
    height:339px;
    padding:8px 0 0 0;
    margin-left:5px;
    overflow:hidden;
    background:url(../images/three-leftbg.png) no-repeat;
}
.activity-con .ri img {
    margin-left:-5px;
}
.activity-con .ri .pic {
    width:272px;
    height:380px;
    overflow:hidden;
}
.activity-con .ri .font {
    font:normal 14px/24px 微软雅黑,Arial;
    color:#454545;
    padding:18px 10px;
    text-align:left;
}
.activity-con .ri .butt {
    display:block;
    width:218px;
    height:28px;
    border:1px solid #1d73c0;
    font:normal 14px/28px 微软雅黑,Arial;
    color:#1d73c0;
    margin:0 auto;
}
/*第四屏*/
.bg-four {
    background:url(../images/bg-four.jpg) no-repeat center;
    position:relative;
}
.res-con {
    width:1000px;
    height:390px;
    overflow:hidden;
    margin:43px 0 0 0;
}
.res-con .le {
    width:300px;
    height:390px;
    overflow:hidden;
}
.res-con .le .font {
    width:266px;
    height:344px;
    margin-left:22px;
    background:url(../images/foot-left-bg.png) no-repeat;
}
.res-con .le .font img {
    margin:0 0 0 -22px;
}
.res-con .le .font p {
    font:normal 14px/28px 微软雅黑,Arial;
    color:#5d5d5d;
    text-align:left;
    padding:10px 10px 0;
}
.res-con .le .font p a {
}.res-con .le .font p a:hover {
     font-weight:bold;
 }
.res-con .list {
    width:650px;
    height:390px;
    overflow:hidden;
}
.res-con .list ul {
    overflow:hidden;
    width:650px;
}
.res-con .list ul li {
    float:left;
    margin:0 35px 30px 0;
}
.res-con .list ul .no-margin {
    margin:0;
}
.res-con .list ul li a {
    width:135px;
    height:151px;
    overflow:hidden;
    display:table-cell;
    background:url(../images/four-ct-bg.png) no-repeat;
}
.res-con .list ul li a img {
    width: 50px;
    height: 48px;
    border-radius: 25px;
    margin:29px 0 14px 0;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.res-con .list ul li a img:hover {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}
.res-con .list ul li a p {
    color:#fff;
    font-size:16px;
    background:url(../images/four-cent-line.png) top center no-repeat;
    padding-top:12px;
}
.res-con .list ul li a:hover,.res-con .list ul li .e {
    background:url(../images/four-ct-bg-hover.png) no-repeat;
}
/*第五屏*/
.bg-five {
    background:url(../images/bg-five.jpg) no-repeat center;
    position:relative;
}
.service-con {
    width:1000px;
    height:390px;
    overflow:hidden;
    margin:42px 0 0 0;
}
.service-con .icon {
    width:700px;
    height:348px;
    overflow:hidden;
}
.service-con .icon ul {
    overflow:hidden;
    width:700px;
}
.service-con .icon ul li {
    float:left;
}
/**/
.service-con .icon ul .link {
    height:156px;
    width:224px;
    overflow:hidden;
    margin:0 14px 20px 0;
}
/*1d73c0*/
.service-con .icon ul li a {
    display:block;
    width:190px;
    height:84px;
    padding:106px 0 0 0;
    overflow:hidden;
}
.service-con .icon ul li a span {
    display:block;
    font:normal 18px/44px 微软雅黑,Arial;
    color:#fff;
}
.service-con .icon ul li a:hover span {
    color:#fff;
}
.service-con .icon ul li .pic {
    padding:0;
    height:156px;
    width:224px;
    background:url(../images/five-ct-bg.png) no-repeat;
}
.service-con .icon ul li .pic:hover {
    background:url(../images/five-ct-bghover.png) no-repeat;
}
.service-con .icon ul li .pic p {
    color:#fff;
    font-size:16px;
}
.service-con .icon ul li .pic img {
    transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    margin:36px 0 22px 0;
}
.service-con .icon ul li .pic img:hover {
    transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
}
.service-con .icon ul li .icon1 {
    background:url(../images/icon1.png) no-repeat center 51px;
}
.service-con .icon ul li .icon1:hover {
    animation:3000ms ease 0s normal none 1 running Link4_1;
}
.service-con .icon ul li .icon2 {
    background:url(../images/icon2.png) no-repeat center 51px;
}
.service-con .icon ul li .icon2:hover {
    animation:3000ms ease 0s normal none 1 running Link4_2;
}
.service-con .icon ul li .icon3 {
    background:url(../images/icon3.png) no-repeat center 51px;
}
.service-con .icon ul li .icon3:hover {
    animation:3000ms ease 0s normal none 1 running Link4_3;
}
.service-con .icon ul li .icon4 {
    background:url(../images/icon4.png) no-repeat center 51px;
}
.service-con .icon ul li .icon4:hover {
    animation:3000ms ease 0s normal none 1 running Link4_4;
}
.service-con .icon ul li .icon5 {
    background:url(icon5.png) no-repeat center 51px;
}
.service-con .icon ul li .icon5:hover {
    animation:3000ms ease 0s normal none 1 running Link4_5;
}
.service-con .icon ul li .icon6 {
    background:url(../images/icon6.png) no-repeat center 51px;
}
.service-con .icon ul li .icon6:hover {
    animation:3000ms ease 0s normal none 1 running Link4_6;
}
.service-con .ri-pic {
    width:300px;
    height:348px;
    overflow:hidden;
    position:relative;
}
.service-con .ri-pic .pic {
    width:280px;
    height:348px;
    background:url(../images/five-left-bg.png) no-repeat;
}
.service-con .ri-pic .pic img {
    padding:8px 0 0 3px;
}
.service-con .ri-pic .pic img:hover {
    transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
}

/*第六屏*/
.bg-six {
    background:url(../images/bg-six.jpg) no-repeat center;
}
.survey-con {
    width:1000px;
    height:390px;
    overflow:hidden;
    margin:42px 0 0 0;
}
.survey-con .le {
    width:476px;
    overflow:hidden;
}
.survey-con .le .profiles {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:9;
    -webkit-box-orient:vertical;
    height: 230px;
    overflow:hidden;
    font-size: 16px;
    line-height: 25px;
    text-indent: 2em;
    border-bottom:1px dashed #c0c0c0;
    padding:10px 0 20px;
    text-align: left;
}
.survey-con .le .profiles h3 {
    overflow:hidden;
    text-align:left;
}
.survey-con .le .profiles h3 span {
    display:inline-block;
    font:normal 20px/39px 微软雅黑,Arial;
    color:#6a6d70;
    border-bottom:2px solid #1d73c0;
}
.survey-con .le .profiles p {
    font:normal 14px/30px 微软雅黑,Arial;
    color:#303030;
    text-align:left;
    margin:20px 0;
    height:115px;
}
.survey-con .le .profiles .more {
    display:block;
    width:97px;
    height:28px;
    border:1px solid #1d73c0;
    font:normal 14px/28px 微软雅黑,Arial;
    color:#1d73c0;
}
.survey-con .le .icon-list {
    width:476px;
    height:140px;
    overflow:hidden;
    margin:30px 0 0 0;
}
.survey-con .le .icon-list ul {
    overflow:hidden;
    width:476px;
}
.survey-con .le .icon-list ul li {
    float:left;
    width:100px;
    height:130px;
    overflow:hidden;
    margin:0 29px;
}
.survey-con .le .icon-list ul li a {
    display:block;
    width:100px;
    height:130px;
    overflow:hidden;
}
.survey-con .le .icon-list ul li a p {
    margin-top:12px;
}
.survey-con .sur-pic {
    width:524px;
    height:380px;
    overflow:hidden;
}
.survey-con .sur-pic .pic {
    width:504px;
    height:286px;
    overflow:hidden;
    background:url(../images/six-left-bg.png) no-repeat;
}
.survey-con .sur-pic .pic img {
    padding-top:20px;
}
.linkabuot {
    margin-top:14px;
}
.linkabuot a.btn-btn{
    display: inline-block;
    width: 20%;
    height: 40px;
    background: #1A87C8;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    margin: 0 5px;
    border-radius: 8px;
}

/*.linkabuot a img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
.linkabuot a img:hover {
	transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
}
*/

.author-con .le .hiSlider-pages {
    position:absolute;
    left:50%;
    bottom:0px;
    height:32px;
    text-align:center;
    line-height:20px;
    padding-top:20px;
}
.author-con .le .hiSlider-pages a {
    background:url(../images/author_tab_bg.png) no-repeat center;
    width:16px;
    height:15px;
    border-radius:16px;
    display:block;
    margin-right:10px;
    float:left;
}
.author-con .le .hiSlider-pages a.active {
    background:url(../images/author_tab_bge.png) no-repeat center
}
.correct {
    position:relative;
    height:100px;
}
.opposite {
    position:absolute;
    display:none;
}
.correct:hover img {
    display:none;
}
.correct:hover .opposite {
    display:block;
    width: 100px;
    height: 100px;
}
.author-con .le  .tabs {
    position:absolute;
    left:0px;
    bottom:0px;
    width:384px;
    height:32px;
    text-align:center;
    line-height:20px;
    padding-top:20px;
}
.tabs_box {
    height:20px;
    margin:0px auto;
    width:20px;
}
.author-con .le .tabs a {
    background:url(../images/author_tab_bg.png) no-repeat center;
    width:16px;
    height:15px;
    border-radius:16px;
    display:block;
    margin-right:10px;
    float:left;
}
.author-con .le .tabs a.e {
    background:url(../images/author_tab_bge.png) no-repeat center
}
.author-con .le .line {
    position:absolute;
}
.author-con .le .line1 {
    width:382px;
    height:1px;
    top:0px;
    left:0px;
    background:#fff;
}
.author-con .le .line2 {
    width:1px;
    height:389px;
    top:0px;
    right:20px;
    background:#fff;
}
.author-con .le .line3 {
    width:1px;
    height:389px;
    top:0px;
    left:0px;
    background:#fff;
}
.author-con .le .line4 {
    width:382px;
    height:1px;
    bottom:20px;
    left:0px;
    background:#fff;
}
.author-con .ri {
    background:none repeat scroll 0 0;
    height:408px;
    overflow:hidden;
    padding:5px 5px 5px 6px;
    width:545px;
}
.author_profiles {
    height:298px;
    border-bottom:1px solid #fff;
    width:534px;
    margin-bottom:40px;
}
.author_profiles h3 {
    font:20px/32px '微软雅黑';
    color:#fff;
    text-align:left;
}
.author_profiles p {
    font:14px/28px '微软雅黑';
    color:#fff;
    text-align:left;
    text-indent:2em;
}
.author_profiles .author_more {
    width:97px;
    height:28px;
    display:block;
    text-align:center;
    font:14px/28px '微软雅黑';
    color:#fff;
    border:1px solid #fff;
    float:right;
}
.author-con .ri .quick-butt li {
    width:150px;
    height:65px;
    float:left;
}
.author-con .ri .quick-butt li a {
    width:150px;
    height:65px;
    display:block;
    background-color:#1d73c0;
    font:18px/65px '微软雅黑';
    color:#fff;
    text-align:center;
}
.author-con .ri .quick-butt li:nth-child(2) {
    margin:0 45px;
}
.author-con .ri .quick-butt li a:hover {
    background-color:#ffc516;
    color:#604d13
}
/*首页动画*/
.active .animate11 {
    animation:1000ms ease 0s normal none 1 running animate11;
    -moz-animation:1000ms ease 0s normal none 1 running animate11;
    -webkit-animation:1000ms ease 0s normal none 1 running animate11;
    -o-animation:1000ms ease 0s normal none 1 running animate11;
}
@keyframes animate11 {
    0% {
        transform:translateY(-400px);
        -moz-transform:translateY(-400px);
        -webkit-transform:translateY(-400px);
        -o-transform:translateY(-400px);
    }
    100% {
        transform:translateY(0px);
        -moz-transform:translateY(0px);
        -webkit-transform:translateY(0px);
        -o-transform:translateY(0px);
    }
}@keyframes animate11 {
     0% {
         transform:translateY(-400px);
         -moz-transform:translateY(-400px);
         -webkit-transform:translateY(-400px);
         -o-transform:translateY(-400px);
     }
     100% {
         -moz-transform:translateY(0px);
         -webkit-transform:translateY(0px);
         -o-transform:translateY(0px);
         transform:translateY(0px);
     }
 }.active .animate12 {
      animation:1000ms ease 0s normal none 1 running animate12;
  }
@keyframes animate12 {
    0% {
        -moz-transform:translateX(1000px);
        -webkit-transform:translateX(1000px);
        -o-transform:translateX(1000px);
        transform:translateX(1000px);
    }
    30% {
        -moz-transform:translateX(-80px);
        transform:translateX(-80px);
        -webkit-transform:translateX(-80px);
        -o-transform:translateX(-80px);
    }
    60% {
        -moz-transform:translateX(80px);
        transform:translateX(80px);
        -webkit-transform:translateX(80px);
        -o-transform:translateX(80px);
    }
    100% {
        -moz-transform:translateX(0px);
        transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -o-transform:translateX(0px);
    }
}@-webkit-keyframes animate12 {
     0% {
         -moz-transform:translateX(1000px);
         -webkit-transform:translateX(1000px);
         -o-transform:translateX(1000px);
         transform:translateX(1000px);
     }
     30% {
         -moz-transform:translateX(-80px);
         transform:translateX(-80px);
         -webkit-transform:translateX(-80px);
         -o-transform:translateX(-80px);
     }
     60% {
         -moz-transform:translateX(80px);
         transform:translateX(80px);
         -webkit-transform:translateX(80px);
         -o-transform:translateX(80px);
     }
     100% {
         -moz-transform:translateX(0px);
         -webkit-transform:translateX(0px);
         -o-transform:translateX(0px);
         transform:translateX(0px);
     }
 }@-moz-keyframes animate12 {
      0% {
          -moz-transform:translateX(1000px);
          -webkit-transform:translateX(1000px);
          -o-transform:translateX(1000px);
          transform:translateX(1000px);
      }
      30% {
          -moz-transform:translateX(-80px);
          transform:translateX(-80px);
          -webkit-transform:translateX(-80px);
          -o-transform:translateX(-80px);
      }
      60% {
          -moz-transform:translateX(80px);
          transform:translateX(80px);
          -webkit-transform:translateX(80px);
          -o-transform:translateX(80px);
      }
      100% {
          -moz-transform:translateX(0px);
          -webkit-transform:translateX(0px);
          -o-transform:translateX(0px);
          transform:translateX(0px);
      }
  }.active .animate21 {
       animation:1600ms ease 0s normal none 1 running animate21;
   }
@keyframes animate21 {
    0% {
        transform:scale(2);
        -moz-transform:scale(2);
        -webkit-transform:scale(2);
        -o-transform:scale(2);
        transform:translate(-1000px,600px);
        -moz-transform:translate(-1000px,600px);
        -webkit-transform:translate(-1000px,600px);
        -o-transform:translate(-1000px,600px);
    }
    100% {
        transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:translate(0px,0px);
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        -o-transform:translate(0px,0px);
    }
}@keyframes animate21 {
     0% {
         transform:scale(2);
         -webkit-transform:scale(2);
         -moz-transform:scale(2);
         -o-transform:scale(2);
         transform:translate(-1000px,600px);
         -moz-transform:translate(-1000px,600px);
         -o-transform:translate(-1000px,600px);
         -webkit-transform:translate(-1000px,600px);
     }
     100% {
         transform:scale(1);
         -moz-transform:scale(1);
         -webkit-transform:scale(1);
         -o-transform:scale(1);
         transform:translate(0px,0px);
         -moz-transform:translate(0px,0px);
         -webkit-transform:translate(0px,0px);
         -o-transform:translate(0px,0px);
     }
 }.active .animate22 {
      animation:1600ms ease 0s normal none 1 running animate22;
  }
@keyframes animate22 {
    0% {
        -moz-transform:translate(1000px,600px);
        -webkit-transform:translate(1000px,600px);
        -o-transform:translate(1000px,600px);
        transform:translate(1000px,600px);
    }
    100% {
        -moz-transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        -o-transform:translate(0px,0px);
        transform:translate(0px,0px);
    }
}@keyframes animate22 {
     0% {
         -moz-transform:translate(1000px,600px);
         -webkit-transform:translate(1000px,600px);
         -o-transform:translate(1000px,600px);
         transform:translate(1000px,600px);
     }
     100% {
         -moz-transform:translate(0px,0px);
         -webkit-transform:translate(0px,0px);
         -o-transform:translate(0px,0px);
         transform:translate(0px,0px);
     }
 }.active .animate22 li {
      animation:3000ms ease 0s normal none 1 running animate23;
  }
@keyframes animate23 {
    0% {
        opacity:0;
        transform:translateY(200px);
        -moz-transform:translateY(200px);
        -webkit-transform:translateY(200px);
        -o-transform:translateY(200px);
    }
    100% {
        opacity:1;
        transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
    }
}@keyframes animate23 {
     0% {
         opacity:0;
         transform:translateY(200px);
         -moz-transform:translateY(200px);
         -webkit-transform:translateY(200px);
         -o-transform:translateY(200px);
     }
     100% {
         opacity:1;
         transform:translateY(0);
         -moz-transform:translateY(0);
         -webkit-transform:translateY(0);
         -o-transform:translateY(0);
     }
 }.active .animate32 {
      animation:2000ms ease 0s normal none 1 running animate32;
  }
@keyframes animate32 {
    0% {
        -moz-transform:translateX(-1000px);
        -webkit-transform:translateX(-1000px);
        -o-transform:translateX(-1000px);
        transform:translateX(-1000px);
    }
    100% {
        -moz-transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px);
    }
}@keyframes animate32 {
     0% {
         -moz-transform:translateX(-1000px);
         -webkit-transform:translateX(-1000px);
         -o-transform:translateX(-1000px);
         transform:translateX(-1000px);
     }
     100% {
         -moz-transform:translateX(0px);
         -webkit-transform:translateX(0px);
         -o-transform:translateX(0px);
         transform:translateX(0px);
     }
 }.active .animate33 {
      animation:1600ms ease 0s normal none 1 running animate33;
  }
@keyframes animate33 {
    0% {
        -moz-transform:translateY(300px);
        -webkit-transform:translateY(300px);
        -o-transform:translateY(300px);
        transform:translateY(300px);
    }
    100% {
        -moz-transform:translateY(0px);
        -webkit-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px);
    }
}@keyframes animate33 {
     0% {
         -moz-transform:translateY(300px);
         -webkit-transform:translateY(300px);
         transform:translateY(300px);
         -o-transform:translateY(300px);
     }
     100% {
         -moz-transform:translateY(0px);
         -o-transform:translateY(0px);
         -webkit-transform:translateY(0px);
         transform:translateY(0px);
     }
 }.active .animate34 {
      animation:1600ms ease 0s normal none 1 running animate22;
  }
@keyframes animate34 {
    0% {
        -moz-transform:rotate(70deg);
        -webkit-transform:rotate(70deg);
        transform:rotate(70deg);
        -o-transform:rotate(70deg);
        transform:translateY(100px);
        -moz-transform:translateY(100px);
        -webkit-transform:translateY(100px);
        -o-transform:translateY(100px);
    }
    50% {
        -moz-transform:rotate(-60deg);
        -webkit-transform:rotate(-60deg);
        transform:rotate(-60deg);
        -o-transform:rotate(-60deg);
    }
    100% {
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        transform:translateY(0px);
        -moz-transform:translateY(0px);
        -webkit-transform:translateY(0px);
        -o-transform:translateY(0px);
    }
}@keyframes animate34 {
     0% {
         -moz-transform:rotate(70deg);
         -webkit-transform:rotate(70deg);
         transform:rotate(70deg);
         -o-transform:rotate(70deg);
         transform:translateY(100px);
         -moz-transform:translateY(100px);
         -webkit-transform:translateY(100px);
         -o-transform:translateY(100px);
     }
     50% {
         -moz-transform:rotate(-60deg);
         -webkit-transform:rotate(-60deg);
         transform:rotate(-60deg);
         -o-transform:rotate(-60deg);
     }
     100% {
         -moz-transform:rotate(0deg);
         -o-transform:rotate(0deg);
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg);
         transform:translateY(0px);
         -moz-transform:translateY(0px);
         -webkit-transform:translateY(0px);
         -o-transform:translateY(0px);
     }
 }.active .animate42 li {
      animation:1500ms ease 0s normal none 1 running animate42;
  }
@keyframes animate42 {
    0% {
        opacity:0;
        transform:translateX(300px);
        -moz-transform:translateX(300px);
        -webkit-transform:translateX(300px);
        -o-transform:translateX(300px);
    }
    25% {
        opacity:0.25;
    }
    50% {
        opacity:0.5;
    }
    75% {
        opacity:0.75;
    }
    100% {
        opacity:1;
        transform:translateX(0px);
        -moz-transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -o-transform:translateX(0px);
    }
}@keyframes animate42 {
     0% {
         opacity:0;
         transform:translateX(300px);
         -moz-transform:translateX(300px);
         -webkit-transform:translateX(300px);
         -o-transform:translateX(300px);
     }
     25% {
         opacity:0.25;
     }
     50% {
         opacity:0.5;
     }
     75% {
         opacity:0.75;
     }
     100% {
         opacity:1;
         transform:translateX(0px);
         -moz-transform:translateX(0px);
         -webkit-transform:translateX(0px);
         -o-transform:translateX(0px);
     }
 }.active .animate42 .font {
      animation:1500ms ease 0s normal none 1 running animate64;
  }
@keyframes animate42_1 {
    0% {
        opacity:0;
        transform:scale(-5);
        -moz-transform:scale(-5);
        -webkit-transform:scale(-5);
        -o-transform:scale(-5);
    }
    25% {
        opacity:0.25;
    }
    50% {
        opacity:0.5;
    }
    75% {
        opacity:0.75;
    }
    100% {
        opacity:1;
        transform:scale(0px);
        -moz-transform:scale(0px);
        -webkit-transform:scale(0px);
        -o-transform:scale(0px);
    }
}@keyframes animate42_1 {
     0% {
         opacity:0;
         transform:scale(-5);
         -moz-transform:scale(-5);
         -webkit-transform:scale(-5);
         -o-transform:scale(-5);
     }
     25% {
         opacity:0.25;
     }
     50% {
         opacity:0.5;
     }
     75% {
         opacity:0.75;
     }
     100% {
         opacity:1;
         transform:scale(0px);
         -moz-transform:scale(0px);
         -webkit-transform:scale(0px);
         -o-transform:scale(0px);
     }
 }.active .animate52 li:nth-child(2n+1) {
      animation:1500ms ease 0s normal none 1 running animate64;
  }
@keyframes animate52_1 {
    0% {
        opacity:0;
        transform:rotate(60deg);
        -moz-transform:rotate(60deg);
        -webkit-transform:rotate(60deg);
        -o-transform:rotate(60deg);
    }
    25% {
        opacity:0.25;
    }
    50% {
        opacity:0.5;
        transform:rotate(-60deg);
        -moz-transform:rotate(-60deg);
        -webkit-transform:rotate(-60deg);
        -o-transform:rotate(-60deg);
    }
    75% {
        opacity:0.75;
    }
    100% {
        opacity:1;
        transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
}@keyframes animate52_1 {
     0% {
         opacity:0;
         transform:rotate(60deg);
         -moz-transform:rotate(60deg);
         -webkit-transform:rotate(60deg);
         -o-transform:rotate(60deg);
     }
     25% {
         opacity:0.25;
     }
     50% {
         opacity:0.5;
         transform:rotate(-60deg);
         -moz-transform:rotate(-60deg);
         -webkit-transform:rotate(-60deg);
         -o-transform:rotate(-60deg);
     }
     75% {
         opacity:0.75;
     }
     100% {
         opacity:1;
         transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -webkit-transform:rotate(0deg);
         -o-transform:rotate(0deg);
     }
 }.active .animate52 li:nth-child(2n) {
      animation:1500ms ease 0s normal none 1 running animate64;
  }
@keyframes animate52_2 {
    0% {
        opacity:0;
        transform:rotate(-60deg);
        -moz-transform:rotate(-60deg);
        -webkit-transform:rotate(-60deg);
        -o-transform:rotate(-60deg);
    }
    25% {
        opacity:0.25;
    }
    50% {
        opacity:0.5;
        transform:rotate(60deg);
        -moz-transform:rotate(60deg);
        -webkit-transform:rotate(60deg);
        -o-transform:rotate(60deg);
    }
    75% {
        opacity:0.75;
    }
    100% {
        opacity:1;
        transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
}@keyframes animate52_2 {
     0% {
         opacity:0;
         transform:rotate(-60deg);
         -moz-transform:rotate(-60deg);
         -webkit-transform:rotate(-60deg);
         -o-transform:rotate(-60deg);
     }
     25% {
         opacity:0.25;
     }
     50% {
         opacity:0.5;
         transform:rotate(60deg);
         -moz-transform:rotate(60deg);
         -webkit-transform:rotate(60deg);
         -o-transform:rotate(60deg);
     }
     75% {
         opacity:0.75;
     }
     100% {
         opacity:1;
         transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         -webkit-transform:rotate(0deg);
         -o-transform:rotate(0deg);
     }
 }.active .animate52 .ri-pic {
      animation:1500ms ease 0s normal none 1 running animate33;
  }
.active .animate62 {
    animation:1000ms ease 0s normal none 1 running animate62;
}
@keyframes animate62 {
    0% {
        transform:scale(3,3);
        -moz-transform:scale(3,3);
        -webkit-transform:scale(3,3);
        -o-transform:scale(3,3);
    }
    100% {
        transform:scale(1,1);
        -moz-transform:scale(1,1);
        -webkit-transform:scale(1,1);
        -o-transform:scale(1,1);
    }
}@keyframes animate62 {
     0% {
         transform:scale(3,3);
         -moz-transform:scale(3,3);
         -o-transform:scale(3,3);
         -webkit-transform:scale(3,3);
     }
     100% {
         transform:scale(1,1);
         -moz-transform:scale(1,1);
         -webkit-transform:scale(1,1);
         -o-transform:scale(1,1);
     }
 }.active .animate63 li:nth-child(2n+1) {
      animation:4000ms ease 0s normal none 1 running animate63_1;
  }
@keyframes animate63_1 {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}@keyframes animate63_1 {
     0% {
         opacity:0;
     }
     100% {
         opacity:1;
     }
 }.active .animate63 li:nth-child(2n) {
      animation:4000ms ease 0s normal none 1 running animate63_2;
  }
@keyframes animate63_2 {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}@keyframes animate63_1 {
     0% {
         opacity:0;
     }
     100% {
         opacity:1;
     }
 }@keyframes animate63_2 {
      0% {
          opacity:0;
      }
      100% {
          opacity:1;
      }
  }@keyframes animate63_1 {
       0% {
           opacity:0;
       }
       100% {
           opacity:1;
       }
   }.active .animate64 {
        animation:3000ms ease 0s normal none 1 running animate64;
    }
@keyframes animate64 {
    0% {
        -moz-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        -o-transform:scale(0.5);
    }
    100% {
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}@keyframes animate64 {
     0% {
         -moz-transform:scale(0.5);
         -webkit-transform:scale(0.5);
         transform:scale(0.5);
         -o-transform:scale(0.5);
     }
     100% {
         -moz-transform:scale(1);
         -webkit-transform:scale(1);
         -o-transform:scale(1);
         transform:scale(1);
     }
 }.light {
      cursor:pointer;
      position:absolute;
      left:-300px;
      top:0;
      width:190px;
      height:190px;
      transform:skewx(-35deg);
      -o-transform:skewx(-35deg);
      -moz-transform:skewx(-35deg);
      -webkit-transform:skewx(-35deg);
      -ms-transform:skewx(-35deg);
  }
.two {
    /*background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
    background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
    background-image:-o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
    background-image:-ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
    ffc516*/ background-image:-moz-linear-gradient(0deg,rgba(255,197,22,0),rgba(255,197,22,0.2),rgba(255,197,22,0));
    background-image:-webkit-linear-gradient(0deg,rgba(255,197,22,0),rgba(255,197,22,0.2),rgba(255,197,22,0));
    background-image:-o-linear-gradient(0deg,rgba(255,197,22,0),rgba(255,197,22,0.2),rgba(255,197,22,0));
    background-image:-ms-linear-gradient(0deg,rgba(255,197,22,0),rgba(255,197,22,0.2),rgba(255,197,22,0));
}
.animate52 li a:hover .light {
    left:350px;
    -moz-transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    -ms-transition:1s;
    transition:1s;
}
@keyframes Link4_2 {
    0% {
    }100% {
         background:url(icon2-1.png) no-repeat center 51px #ffc516;
     }
}@keyframes Link4_1 {
     0% {
     }100% {
          background:url(icon1-1.png) no-repeat center 51px #ffc516;
      }
 }@keyframes Link4_3 {
      0% {
      }100% {
           background:url(icon3-1.png) no-repeat center 51px #ffc516;
       }
  }@keyframes   Link4_4 {
       0% {
       }100% {
            background:url(icon4-1.png) no-repeat center 51px #ffc516;
        }
   }@keyframes Link4_5 {
        0% {
        }100% {
             background:url(icon5-1.png) no-repeat center 51px #ffc516;
         }
    }@keyframes Link4_6 {
         0% {
         }100% {
              background:url(icon6-1.png) no-repeat center 51px #ffc516;
          }
     }.login-box .form ul li .Error {
          border:1px solid red;
      }
div.denglu {
    position:absolute;
    right:10%;
    top:30px;
    line-height:30px;
    z-index: 500;
}
div.dengluafter{
    position:absolute;
    right:10%;
    top:30px;
    line-height:30px;
    z-index: 500;
    width: 30%;
}
@media screen and (max-width: 800px) {
    div.denglu{
        top:16%;
    }
    div.dengluafter{
        top:16%;
    }

}
div.denglu a {
    /*background:url(../images/one-top.png) no-repeat;*/
    width:100px;
    background: #43A2EA;
    border-radius: 15px;
    height:30px;
    float:left;
    margin-left:15px;
    color:#fff;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    /*border: 1px solid #fff;*/
}
div.dengluafter a {
    /*background:url(../images/one-top.png) no-repeat;*/
    width:100px;
    background: #43A2EA;
    border-radius: 15px;
    height:30px;
    float:left;
    margin-left:15px;
    color:#fff;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    /*border: 1px solid #fff;*/
}
div.dengluafter a.fr {
    /*background:url(../images/one-top.png) no-repeat;*/
    width:100px;
    background: #43A2EA;
    border-radius: 15px;
    height:30px;
    float:right!important;
    margin-left:15px;
    color:#fff;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    /*border: 1px solid #fff;*/
}
div.dengluafter span,.dengluafter{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.item .carousel-caption {
    right:0;
    background:url(../images/two-banbg.png) repeat-x;
    left:0;
    padding:0px;
    bottom:0;
}
h5.text-left {
    text-shadow:none;
    font-family:'微软雅黑';
    padding-left:16px;
}
ol.carousel-indicators {
    bottom:0;
    right:0;
    width:20%;
    margin-left:0;
    left:inherit;
}
ol.carousel-indicators li {
    width:6px;
    height:6px;
    background:#c0c0c0;
    border:0;
    border-radius:0;
}
ol.carousel-indicators .active {
    background:#1787c9;
    width:6px;
    height:6px;
    margin:1px;
}
#NewsList3,#NewsList6,#Link4_2,#Link4_5 {
    margin:0;
}


.sky {
    height: 100%;
    background: #007fd5;
    position: relative;
    overflow: hidden;
    -webkit-animation: sky_background 150s ease-out infinite;
    -moz-animation: sky_background 150s ease-out infinite;
    -o-animation: sky_background 150s ease-out infinite;
    animation: sky_background 150s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_one {
    background: url("../images/cloud_one.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 70s linear infinite;
    -moz-animation: cloud_one 70s linear infinite;
    -o-animation: cloud_one 70s linear infinite;
    animation: cloud_one 70s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_two {
    background: url("../images/cloud_two.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_two 85s linear infinite;
    -moz-animation: cloud_two 85s linear infinite;
    -o-animation: cloud_two 85s linear infinite;
    animation: cloud_two 85s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_three {
    background: url("../images/cloud_three.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}
@-moz-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}
@keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}



.sky {
    height: 100%;
    background: #007fd5;
    position: relative;
    overflow: hidden;
    -webkit-animation: sky_background 150s ease-out infinite;
    -moz-animation: sky_background 150s ease-out infinite;
    -o-animation: sky_background 150s ease-out infinite;
    animation: sky_background 150s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_one {
    background: url("../images/cloud_one.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 70s linear infinite;
    -moz-animation: cloud_one 70s linear infinite;
    -o-animation: cloud_one 70s linear infinite;
    animation: cloud_one 70s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clouds_two {
    background: url("../images/cloud_two.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_two 85s linear infinite;
    -moz-animation: cloud_two 85s linear infinite;
    -o-animation: cloud_two 85s linear infinite;
    animation: cloud_two 85s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.quanjing{
    background: url(../images/quanjing-2.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 38%;
    width: 100%;
}
.clouds_three {
    background: url("../images/cloud_three.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}
@-moz-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}
@keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }
    50% {
        background: #48a5f4;
        color: #a3d9ff
    }
    100% {
        background: #007fd5;
        color: #007fd5
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_one {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_two {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@-moz-keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
@keyframes cloud_three {
    0% {
        left: 0
    }
    100% {
        left: -200%
    }
}
