a {
    text-decoration: none;
    color: #686868
}

body {
    min-width: 100%
}

.youhua {
    display: none!important
}

.gy {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.gy2 {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden
}

a:hover {
    text-decoration: none;
    color: #69f
}

.top01 {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #69f;
    color: #fff;
    overflow: hidden
}

.top01 .l {
    font-size: 14px
}

.top01_center {
    text-align: left;
    float: right;
    font-size: 14px
}

.top01_center img {
    vertical-align: sub;
    display: inline-block;
    margin-right: 8px
}

.top01_center div {
    font-size: 14px;
    height: 38px;
    overflow: hidden;
    display: block;
    text-align: right
}

.top01_center div.div1 {
    transition: all .3s
}

.top01_center:hover div.div1 {
    margin-top: -38px
}

.top02 {
    height: 86px!important;
    width: 100%;
    min-width: 1300px
}

.top02 .top02_center {
    width: 1440px;
    min-width: 1200px;
    margin: 0 auto
}

.logo {
    width: 344px;
    float: left;
    padding-top: 13px!important
}

.logo img {
    float: left
}

.logo .logo-year {
    margin-top: 17px;
    height: 20px;
    line-height: 20px;
    width: 38px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #69f;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    color: #fff
}

.logo .logo-text {
    margin-top: 5px;
    height: 18px;
    color: #656565;
    line-height: 18px;
    overflow: hidden
}

.logo .logo-text span {
    font-size: 14px
}

.nav {
    float: left;
    padding-left: 40px;
    height: 86px!important
}

.nav li.m {
    width: 110px!important;
    padding-right: 0;
    padding: 0 11px;
    float: left;
    text-align: center
}

.nav li {
    position: relative
}

.nav li:after {
    content: '';
    width: 0;
    height: 2px;
    transition: all .4s;
    position: absolute;
    left: 50%;
    bottom: 0
}

.nav li.m_active a,
.nav li:hover a {
    color: #69f;
}

.nav li.m_active:after,
.nav li:hover:after {
    width: 100%;
    left: 0
}

.nav li:last-child {
    background: 0 0;
    padding-right: 0;
    margin-right: 0
}

.nav a.mmm {
    line-height: 88px;
    padding-top: inherit !important;
    display: block;
    font-size: 16px;
    color: #333
}

.nav a:hover {}

.nav .m.on a.mmm {
    color: #69f
}

.nav a#sel {}

.logo-text span {
    animation: letterWave 2s infinite linear
}

.logo-text span:nth-child(0) {
    animation-delay: 0ms
}

.logo-text span:nth-child(1) {
    animation-delay: 100ms
}

.logo-text span:nth-child(2) {
    animation-delay: 200ms
}

.logo-text span:nth-child(3) {
    animation-delay: 300ms
}

.logo-text span:nth-child(4) {
    animation-delay: 400ms
}

.logo-text span:nth-child(5) {
    animation-delay: 500ms
}

.logo-text span:nth-child(6) {
    animation-delay: 600ms
}

.logo-text span:nth-child(7) {
    animation-delay: 700ms
}

.logo-text span:nth-child(8) {
    animation-delay: 800ms
}

.logo-text span:nth-child(9) {
    animation-delay: 900ms
}

.logo-text span:nth-child(10) {
    animation-delay: 1000ms
}

@keyframes letterWave {
    0%,
    100% {
        transform: translateY(0) scale(1);
        padding: 0 0;
        opacity: .8
    }
    25% {
        transform: translateY(-50px) scale(.8);
        padding: 0 5px;
        opacity: .6
    }
    75% {
        transform: translateY(50px) scale(1.5);
        padding: 0;
        opacity: 1
    }
}

#top_bg {
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: none
}

.sub {
    border-top: solid 2px #d3242a;
}

.nav .sub {
    display: none;
    width: 100%;
    padding: 0;
    position: fixed;
    top: 86px!important;
    overflow: hidden;
    text-align: left;
    z-index: 110;
    left: 0;
    margin: 0 auto;
    background-color: #f5f5f5
}

.nav .sub .nav_xiao {
    width: 1440px;
    overflow: hidden;
    margin: 0 auto
}

.nav .sub .nav_xiao.max1100 {
    max-width: 1100px
}

.nav .sub .nav_xiao .xiao_one {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px
}

.nav .sub .nav_xiao .xiao_one ul li {
    float: left;
    display: inline;
    height: 184px;
    width: 25%;
    overflow: hidden;
    text-align: center
}

.nav .sub .nav_xiao .xiao_one ul li a {
    display: block;
    height: 100%;
    border-right: 1px solid #e6e6e6;
    line-height: 56px;
    overflow: hidden;
    color: #000;
    margin-top: 13px;
    font-size: 16px;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_one ul li:last-child a {
    border-right: 0
}

.nav .sub .nav_xiao .xiao_one ul li a:hover {
    color: #69f
}

.nav .sub .nav_xiao .xiao_one ul li a i {
    display: block;
    width: 101px;
    height: 84px;
    margin: 0 auto;
    margin-bottom: 23px;
    overflow: hidden;
    background-image: url(../images/top_pic1.png);
    background-repeat: no-repeat;
    transition: all .3s;
    margin-top: 20px
}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs1 {
    background-position: -720px top
}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs2 {
    background-position: left top
}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs3 {
    background-position: -360px top
}

.nav .sub .nav_xiao .xiao_one ul li a i.bgs4 {
    background-position: -1088px top
}

.nav .sub .nav_xiao .xiao_one ul li a:hover i {
    background-image: url(../images/top_pic1.png)
}

.nav .sub .nav_xiao .xiao_two {
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden
}

.nav .sub .nav_xiao .xiao_two ul li {
    float: left;
    display: inline;
    height: 184px;
    width: 20%;
    overflow: hidden;
    text-align: center
}

.nav .sub .nav_xiao .xiao_two ul li a {
    display: block;
    height: 100%;
    border-right: 1px solid #e6e6e6;
    line-height: 56px;
    overflow: hidden;
    color: #000;
    margin-top: 13px;
    font-size: 16px;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_two ul li:last-child a {
    border-right: 0
}

.nav .sub .nav_xiao .xiao_two ul li a:hover {
    color: #69f
}

.nav .sub .nav_xiao .xiao_two img {
    float: left;
    margin-right: 25px
}

.nav .sub .nav_xiao .xiao_two .nav_div {
    float: left;
    width: 380px;
    padding-top: 30px;
    font-size: 12px;
    color: #666;
    line-height: 22px
}

.nav .sub .nav_xiao .xiao_two .nav_div h2 {
    font-size: 16px;
    color: #69f;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 36px
}

.nav .sub .nav_xiao .xiao_two ul li a i {
    display: block;
    width: 104px;
    height: 104px;
    margin: 0 auto;
    margin-bottom: 13px;
    overflow: hidden;
    background-image: url(../images/top_pic2.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    background-color: #f67524;
    border-radius: 50%;
    position: relative;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs1 {
    background-position: 30px center;
    background-color: #f67524
}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs2 {
    background-position: -379px center;
    background-color: #0bc679
}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs3 {
    background-position: -782px center;
    background-color: #238cf7
}

.nav .sub .nav_xiao .xiao_two ul li a i.bgs4 {
    background-position: -1182px center;
    background-color: #25c2f7
}

.nav .sub .nav_xiao .xiao_two ul li:nth-child(5) a i.bgs4 {
    background-position: -1581px center;
    background-color: #6f3dbf
}

.nav .sub .nav_xiao .xiao_three {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px
}

.nav .sub .nav_xiao .xiao_three ul {
    width: 102%
}

.nav .sub .nav_xiao .xiao_three ul li {
    float: left;
    display: inline;
    width: 18%;
    height: 218px;
    overflow: hidden;
    margin-right: 8%;
    text-align: center;
    position: inherit;
    line-height: 56px;
    background-color: #fff
}

.nav .sub .nav_xiao .xiao_three ul li:last-child {
    margin-right: 0
}

.nav .sub .nav_xiao .xiao_three ul li img {
    width: 100%;
    display: block;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_three ul li a {
    color: #000;
    width: 100%;
    font-size: 16px;
    height: 100%;
    display: block
}

.nav .sub .nav_xiao .xiao_three ul li a:hover {
    color: #69f
}

.nav .sub .nav_xiao .xiao_four {
    width: 50%;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 40px;
    float: left
}

.nav .sub .nav_xiao .xiao_four.l {
    border-right: 1px solid #e3e3e3
}

.nav .sub .nav_xiao .xiao_four.r {
    width: 49%
}

.nav .sub .nav_xiao .xiao_four h2 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    height: 18px;
    line-height: 18px
}

.nav .sub .nav_xiao .xiao_four .ul {
    margin-top: 23px
}

.nav .sub .nav_xiao .xiao_four .ul li {
    padding-top: 11px;
    padding-bottom: 11px;
    height: 44px;
    line-height: 22px;
    padding-left: 15px;
    margin-right: 40px;
    width: 265px;
    overflow: hidden;
    float: left;
    display: inline;
    margin-bottom: 10px;
    position: inherit
}

.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0) {
    margin-right: 0
}

.nav .sub .nav_xiao .xiao_four .ul li:hover {
    background-color: #fff
}

.nav .sub .nav_xiao .xiao_four .ul li a {
    display: block;
    text-align: left;
    color: #999;
    font-size: 14px
}

.nav .sub .nav_xiao .xiao_four .ul li a i {
    margin-right: 10px;
    margin-top: 4px;
    float: left;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1 {
    background-image: url(../images/top_pic4.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2 {
    background-image: url(../images/top_pic5.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3 {
    background-image: url(../images/top_pic6.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4 {
    background-image: url(../images/top_pic7.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5 {
    background-image: url(../images/top_pic8.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6 {
    background-image: url(../images/top_pic9.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7 {
    background-image: url(../images/top_pic10.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8 {
    background-image: url(../images/top_pic11.png)
}

.nav .sub .nav_xiao .xiao_four .ul li a b {
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: #000;
    height: 22px;
    overflow: hidden
}

.nav .sub .nav_xiao .xiao_four .ul2 {
    width: 540px;
    margin: 0 auto;
    overflow: hidden
}

.nav .sub .nav_xiao .xiao_four .ul2 h2 {
    margin-bottom: 23px
}

.nav .sub .nav_xiao .xiao_four .ul2 li {
    padding-top: 11px;
    padding-bottom: 11px;
    height: 44px;
    line-height: 22px;
    margin-right: 40px;
    width: 250px;
    overflow: hidden;
    float: left;
    display: inline;
    margin-bottom: 10px;
    position: inherit
}

.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0) {
    margin-right: 0
}

.nav .sub .nav_xiao .xiao_four .ul2 li a {
    display: block;
    text-align: left;
    color: #999;
    font-size: 14px
}

.nav .sub .nav_xiao .xiao_four .ul2 li a b {
    font-weight: 400;
    font-size: 16px;
    display: block;
    color: #000;
    height: 22px;
    overflow: hidden
}

.nav .sub .nav_xiao .xiao_four .ul2 li a b i {
    display: inline-block;
    width: 35px;
    height: 15px;
    overflow: hidden;
    background: url(../images/top_pic12.png) no-repeat;
    margin-left: 3px
}

.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b {
    color: #69f
}

.nav .sub .nav_xiao .xiao_five {
    width: 549px;
    overflow: hidden;
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;
    border-right: 1px solid #e6e6e6
}

.nav .sub .nav_xiao .xiao_five img {
    width: 391px;
    height: 259px
}

.nav .sub .nav_xiao .xiao_five a {
    width: 391px;
    height: 259px;
    padding: 0;
    margin-right: 45px;
    float: left
}

.nav .sub .nav_xiao .xiao_five2 {
    width: 487px;
    float: right;
    text-align: left;
    margin-top: 71px
}

.nav .sub .nav_xiao .xiao_five2 a {
    text-align: left;
    float: left;
    margin-right: 100px;
    height: 38px;
    line-height: 38px;
    color: #000;
    font-size: 16px;
    margin-bottom: 42px;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_five2 a i {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #999;
    background-repeat: no-repeat;
    background-image: url(../images/top_pic3.png);
    float: left;
    margin-right: 20px;
    transition: all .3s;
    margin-left: 0
}

.nav .sub .nav_xiao .xiao_five2 a:hover {
    color: #69f
}

.nav .sub .nav_xiao .xiao_five2 a:hover i {
    background-color: #69f
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs1 {
    background-position: 0 0
}

.nav .sub .nav_xiao .xiao_five2 p a:nth-child(2) i.bgs1 {
    background-position: -243px 0
}

.nav .sub .nav_xiao .xiao_five2 p:nth-child(2) a:nth-child(1) i.bgs1 {
    background-position: 0 -80px
}

.nav .sub .nav_xiao .xiao_five2 p:nth-child(2) a:nth-child(2) i.bgs1 {
    background-position: -243px -80px
}

.nav .sub .nav_xiao .xiao_five2 p:nth-child(3) a:nth-child(1) i.bgs1 {
    background-position: 0 -160px
}

.nav .sub .nav_xiao .xiao_five2 p:nth-child(3) a:nth-child(2) i.bgs1 {
    background-position: -243px -160px
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs2 {
    background-position: -233px 8px
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs3 {
    background-position: 9px -72px
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs4 {
    background-position: -233px -72px
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs5 {
    background-position: 9px -152px
}

.nav .sub .nav_xiao .xiao_five2 a i.bgs6 {
    background-position: -233px -152px
}

.nav .sub .nav_xiao .xiao_six {
    overflow: hidden;
    height: 338px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.nav .sub .nav_xiao .xiao_six ul li {
    float: left;
    display: inline;
    height: 338px;
    width: 33.2%;
    overflow: hidden;
    border-right: 1px solid #e6e6e6;
    text-align: center
}

.nav .sub .nav_xiao .xiao_six ul li.bgs1 {
    background: url(../images/yuming_bg1.png) right 168px no-repeat
}

.nav .sub .nav_xiao .xiao_six ul li.bgs2 {
    background: url(../images/yuming_bg2.png) right 168px no-repeat
}

.nav .sub .nav_xiao .xiao_six ul li.bgs3 {
    background: url(../images/yuming_bg3.png) right 168px no-repeat
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con {
    margin: 0 auto;
    width: 80%;
    max-width: 360px;
    height: 338px;
    overflow: hidden;
    text-align: left
}

.nav .sub .nav_xiao .xiao_six ul li:last-child {
    border-right: 0
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l {
    font-size: 18px;
    font-weight: 700;
    height: 62px;
    line-height: 62px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 23px
}

.nav .sub .nav_xiao .xiao_six ul li a {
    float: left;
    width: 136px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666
}

.nav .sub .nav_xiao .xiao_six ul li a:hover {
    color: #69f
}

.nav .sub .nav_xiao .xiao_six ul li .a {
    display: block;
    width: 182px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 31px;
    transition: all .3s;
    clear: both
}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs1 {
    background-color: #69f
}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs2 {
    background-color: #248cf6;
    margin-top: 61px
}

.nav .sub .nav_xiao .xiao_six ul li .a.bgs3 {
    background-color: #1ecc85;
    margin-top: 91px
}

.nav .sub .nav_xiao .xiao_six ul li .a:hover {
    opacity: .8;
    filter: Alpha(opacity=80);
    color: #fff
}

.foot {
    width: 100%;
    height: 57px;
    padding-top: 9px;
    background-color: #333;
    clear: both
}

.foot_text {
    width: 800px;
    float: left;
    line-height: 48px;
    color: #adadad
}

.foot_text p {
    font-size: 14px;
    color: #adadad
}

.foot_text p a {
    color: #adadad
}

.foot_button {
    float: right
}

.foot_button li {
    width: 48px;
    height: 38px;
    padding-top: 10px;
    text-align: center;
    float: left;
    margin: 0 5px;
    position: relative
}

.foot_button li.foot_txt {
    width: 130px;
    margin-right: 0;
    line-height: 28px
}

.foot_button li.foot_txt a {
    color: #adadad
}

.foot_button li.foot_txt a:hover {
    color: #69f
}

.foot_button li:hover {}

.foot_button li .wem1 {
    width: 203px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 215px;
    position: absolute;
    left: -78px;
    top: -205px;
    background-image: url(../images/ewm.png);
    background-repeat: no-repeat
}

.foot_button li .wem2 {
    width: 203px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 215px;
    position: absolute;
    left: -75px;
    top: -205px;
    background-image: url(../images/ewm.png);
    background-repeat: no-repeat
}

.foot_div {
    overflow: hidden;
    background-color: #fff;
    clear: both
}

.foot_div .foot_div_c {
    height: 362px;
    overflow: hidden;
    background: #f5f5f5
}

.neiye .foot_div .foot_div_c {
    background: #fff
}

.foot_div .foot_div_c h3 {
    height: 60px;
    line-height: 60px;
    color: #000;
    font-weight: 400;
    background: url(../images/i_bg8.png) right bottom no-repeat;
    color: #000;
    font-size: 18px
}

.foot_div .foot_div_c h3 a {
    color: #000;
    font-size: 18px
}

.foot_div .foot_div_c h3 a:hover {
    color: #69f;
    opacity: .6;
    filter: Alpha(opacity=60)
}

.foot_div .foot_div_c h3 em {
    float: right;
    font-style: normal;
    line-height: 60px
}

.foot_div .foot_div_c h3 em a {
    color: #69f;
    font-size: 14px
}

.foot_div .foot_div_c ul {
    color: #9b9b9b;
    height: 300px;
    margin: 0;
    padding: 39px 0 0
}

.foot_div .foot_div_c ul li {
    float: left
}

.foot_div .foot_div_c ul li.footyw {
    width: 31%;
    overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p {
    width: 100%;
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    height: 200px;
    overflow-y: scroll
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar {
    width: 4px
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.foot_div .foot_div_c ul li.footyw p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.foot_div .foot_div_c ul li.footyw p span {
    float: left;
    width: 50%;
    overflow: hidden
}

.foot_div .foot_div_c ul li.footyw p a {
    color: #666;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 22px
}

.foot_div .foot_div_c ul li.footyw p a:hover {
    color: #69f
}

.foot_div .foot_div_c ul li.footys {
    width: 31%;
    overflow: hidden;
    padding-left: 4%
}

.foot_div .foot_div_c ul li.footys p {
    width: 100%;
    margin-top: 20px;
    height: 200px;
    overflow-y: scroll
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar {
    width: 4px
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.foot_div .foot_div_c ul li.footys p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.foot_div .foot_div_c ul li.footys p span {
    float: left;
    width: 50%;
    overflow: hidden
}

.foot_div .foot_div_c ul li.footys p a {
    color: #666;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 10px
}

.foot_div .foot_div_c ul li.footys p a:hover {
    color: #69f
}

.foot_div .foot_div_c ul li.footys p span label {
    color: #666;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 10px
}

.foot_div .foot_div_c ul li.footabout {
    width: 31%;
    overflow: hidden;
    float: right
}

.foot_div .foot_div_c ul li.footabout p {
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    height: 200px;
    overflow-y: scroll
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar {
    width: 4px
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.foot_div .foot_div_c ul li.footabout p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.foot_div .foot_div_c ul li.footabout p a {
    color: #666;
    font-size: 14px
}

.foot_div .foot_div_c ul li.footabout p a:hover {
    color: #69f
}

.foot_div .foot_links {
    padding: 0;
    width: 1440px;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 38px;
    line-height: 30px;
    font-size: 14px
}

.foot_div .foot_links h3 {
    color: #000;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 20px
}

.foot_div .foot_links h3 a {
    float: right;
    width: 150px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color: #69f;
    font-size: 14px;
    text-align: center;
    border-radius: 20px
}

.foot_div .foot_links h3 a:hover {
    color: #fff;
    opacity: .8;
    filter: Alpha(opacity=80)
}

.foot_div .foot_links a {
    margin-right: 5px;
    color: #666;
    display: inline-block;
    font-size: 14px
}

.foot_div .foot_links a:hover {
    color: #69f
}

.foot_div .foot_div_c .i_jsq_scroll {
    padding-right: 5px;
    width: 100%;
    overflow: hidden;
    height: 248px;
    float: left
}

.foot_div .foot-top {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2
}

.foot_div .foot-top-box {
    margin: 0 auto;
    width: 1440;
    height: 39px;
    line-height: 39px;
    border-radius: 20px;
    box-shadow: 0 1px 3px 0 #272727;
    background-color: #131313
}

.foot_div .foot-top ul li {
    margin: 5px 30px;
    padding-left: 5px;
    display: inline-block;
    color: #9d9d9d;
    position: relative;
    overflow: hidden;
    line-height: 20px
}

.foot_div .foot-top ul li em {
    display: inline-block;
    cursor: default;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    font-style: normal
}

.foot_div .foot-top ul li i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../images/sprint.png);
    background-repeat: no-repeat;
    position: relative;
    right: 5px
}

.foot_div .foot-top ul li.tel i {
    background-position: 0 0;
    top: 5px
}

.foot_div .foot-top ul li.fax i {
    background-position: 0 -27px;
    top: 6px
}

.foot_div .foot-top ul li.mob i {
    background-position: 0 -51px;
    top: 7px
}

.foot_div .foot-top ul li.site i {
    background-position: 0 -77px;
    top: 7px
}

.foot_div .foot-top ul li.add i {
    background-position: 0 -101px;
    top: 7px
}

.ft {
    position: relative;
    margin-top: 170px
}

.waves {
    height: 470px;
    width: 100%;
    position: absolute;
    top: -280px;
    overflow: hidden
}

.background-waves {
    position: absolute;
    height: 427px;
    width: 2700px;
    background: url(../images/waves.png) center 0 no-repeat;
    left: -180px;
    top: 30px
}

.wave1 {
    background-position: 0 -854px;
    animation: wave 5s ease-in-out alternate infinite
}

.wave2 {
    background-position: 0 -427px;
    animation-delay: .6s;
    animation: wave 5s ease-in-out alternate infinite
}

@keyframes wave {
    0% {
        -ms-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
    50% {
        -ms-transform: translate(-120px, 30px);
        -webkit-transform: translate(-140px, 30px);
        transform: translate(-80px, 30px)
    }
    100% {
        -ms-transform: translate(140px, -60px);
        -webkit-transform: translate(160px, -60px);
        transform: translate(160px, -60px)
    }
}

#online_qq_layer {
    display: none
}

.online_qq_layer {
    display: block!important
}

#online_qq_layer table,
td {
    font: 12px/180% Arial, Helvetica, sans-serif, Verdana;
    color: #666
}

#online_qq_layer table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

#online_qq_layer th,
#online_qq_layer td {
    border-collapse: collapse
}

#online_qq_layer a:link {
    text-decoration: none;
    color: #666
}

#online_qq_layer a:visited {
    text-decoration: none;
    color: #666
}

#online_qq_layer a:hover {
    text-decoration: none;
    color: #db2d0c
}

#online_qq_layer img {
    border: 0
}

#online_qq_layer .overh {
    overflow: auto;
    zoom: 1;
    overflow-x: hidden;
    overflow-y: hidden
}

#online_qq_layer input[type=submit]::-moz-focus-inner {
    border: none;
    padding: 0
}

#online_qq_layer a {
    blr: expression(this.onFocus=this.blur())
}

#online_qq_layer a {
    outline: none;
    font-size: 12px
}

#online_qq_layer .h2 {
    font-family: microsoft yahei;
    font-weight: 400
}

.online_icon {
    width: 36px;
    height: 156px;
    overflow: hidden
}

.online_icon a {
    display: block;
    width: 36px;
    height: 156px;
    background: url(../images/online_bg.png) no-repeat;
    _background: url(../images/online_bg_ie6.png) no-repeat
}

.online_windows {
    width: 144px
}

.online_w_top {
    background: url(../images/online_bg.png) no-repeat -36px 0;
    height: 10px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px 0;
    _margin-bottom: -7px
}

.online_w_c {
    background: url(../images/online_bg.png) repeat-y 0 -185px;
    padding: 0 5px;
    _background: url(../images/online_bg_ie6.png) repeat-y 0 -185px
}

.online_w_bottom {
    background: url(../images/online_bg.png) repeat-y -36px -35px;
    height: 29px;
    _background: url(../images/online_bg_ie6.png) repeat-y -36px -35px
}

.online_content {
    background: url(../images/online_bg.png) no-repeat -147px -185px;
    padding-top: 11px;
    _background: url(../images/online_bg_ie6.png) no-repeat -147px -185px
}

.online_content a.qq_icon {
    background: url(../images/online_bg.png) no-repeat -37px -130px;
    width: 121px;
    height: 25px;
    display: block;
    margin: 0 auto;
    text-indent: 30px;
    line-height: 23px;
    cursor: pointer;
    _background: url(../images/online_bg_ie6.png) no-repeat -37px -130px
}

.online_content a.qq_icon:hover {
    background-position: -159px -130px;
    color: #fff
}

.online_bar .h2 {
    background: url(../images/online_bg.png) repeat-x 0 -156px;
    height: 29px;
    line-height: 27px;
    font-size: 12px;
    color: #666;
    text-align: left;
    _background: url(../images/online_bg_ie6.png) repeat-x 0 -156px
}

.online_bar .h2 a {
    display: block;
    padding-left: 14px;
    margin-left: 6px;
    cursor: pointer
}

.expand .h2 a {
    background: url(../images/online_bg.png) no-repeat -36px -69px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px -69px
}

.collapse .h2 a {
    background: url(../images/online_bg.png) no-repeat -36px -96px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px -96px
}

.expand .h2 a:hover,
.collapse h2 a:hover {
    text-decoration: none;
    color: #c81d04
}

.online_content {
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 1px
}

.online_content ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px;
    font-size: 12px
}

.online_content ul li a:hover {
    color: #c81d04
}

#online_qq_layer {
    position: fixed;
    right: 0;
    top: 152px;
    _position: absolute;
    z-index: 9999;
    color: #333
}

#online_qq_layer {
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop + 150))
}

#online_qq_tab {
    float: left;
    margin-top: 50px
}

#onlineService {
    float: left;
    margin-left: -3px;
    display: none
}

#onlineType1,
#onlineType2,
#onlineType3,
#onlineType4,
#onlineType5,
#onlineType6 {
    display: none
}

#onlineType1 {
    display: block
}

.nav_mright {
    cursor: pointer
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1531711744805);
    src: url(iconfont.eot?t=1531711744805#iefix) format('embedded-opentype'), url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url(iconfont.ttf?t=1531711744805) format('truetype'), url(iconfont.svg?t=1531711744805#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-qq:before {
    content: "\e65b"
}

.icon-yonghutouxiang:before {
    content: "\e851"
}

.icon-wechat:before {
    content: "\e66a"
}

.icon-dianhua:before {
    content: "\e627"
}

.icon-youxiang:before {
    content: "\e61f"
}

@media screen and (max-width: 1440px) {
    .top02 .top02_center {
        width: 1200px
    }
    .nav li.m {
        width: 70px!important;
        padding: 0 9px
    }
}

.hotphone {
    float: left;
    margin-top: 38px;
    display: inline-flex;
}

.hotphone img {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-bottom: 3px
}

.phone01 {
    display: inline-block;
    font-size: 16px;
    color: #797979;
    margin: 0
}

.phone02 {
    display: inline-block;
    font-size: 18px
}

@media only screen and (min-width: 1562px) and (max-width:1756px) {
    .nav {
        float: left
    }
    .nav li.m {
        padding: 0 18px;
    }
}

@media only screen and (min-width: 1348px) and (max-width:1562px) {
    .nav {
        float: left
    }
    .nav li.m {
        padding: 0 12px
    }
}

@media only screen and (min-width: 1348px) and (max-width:1562px) {
    .nav {
        float: left
    }
    .nav li.m {
        padding: 0 12px
    }
}

@media screen and (max-width: 1348px) {
    .hotphone {
        display: none
    }
}

.ftyl {
    width: 100%;
    padding: 15px 0;
    float: left;
    background: #e7e7e7
}

.ftyl .ftyl_center {
    max-width: 1440px;
    min-width: 1200px;
    margin: 0 auto
}

.ftyl p {
    float: left;
    font-size: 14px;
    color: #adadad
}

.ftyl a {
    float: left;
    font-size: 14px;
    color: #adadad;
    margin-left: 10px
}

.youhua {
    width: 100%;
    padding: 15px 0;
    float: left;
    background: #e7e7e7
}

.youhua .warp {
    width: 1440px;
    margin: auto
}

.youhua .zhanshi {
    float: left
}

.youhua .zhanshi .p1 {
    float: left;
    color: #333;
    font-size: 14px;
    margin-right: 15px
}

.youhua .zhanshi .p1:after {
    content: '';
    width: 12px;
    height: 7px;
    background: url(../images/bgs4.png) no-repeat;
    float: right;
    margin-top: 7px;
    margin-left: 10px
}

.youhua .zhanshi .p2 {
    float: left;
    color: #333;
    font-size: 14px;
    display: none;
    margin-right: 15px
}

.youhua .zhanshi .p2:after {
    content: '';
    width: 12px;
    height: 7px;
    background: url(../images/bgs4_on.png) no-repeat;
    float: right;
    margin-top: 7px;
    margin-left: 10px
}

.youhua .zBox {
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 15px;
    display: none
}

.youhua .zBox a {
    display: inline-block;
    line-height: 26px;
    color: #666;
    font-size: 14px
}

.youhua .zBox a:after {
    content: '|';
    font-size: 16px;
    color: #ddd;
    margin: 0 2px
}

.warp {
    width: 1200px;
    margin: 0 auto
}

.right-pendant {
    position: fixed;
    top: calc(50% + 45px);
    transform: translateY(-50%);
    right: 18px;
    z-index: 9999999999999999999;
}

.right-pendant ul {
    box-shadow: 0px 0px 29px 0px rgba(67, 112, 254, 0.57);
}

.right-pendant ul li:first-child {
    border-radius: 4px 4px 0 0;
}

.right-pendant ul li:last-child {
    border-radius: 0 0 4px 4px;
}

.right-pendant ul li {
    position: relative;
    width: 83px;
    height: 70px;
    background-color: #4370fe;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-pendant ul li:hover {
    background-color: #7b9afd;
}

.right-pendant ul li a {
    color: #fff;
}

.right-pendant ul li span.iconfont {
    font-size: 26px;
}

.right-pendant .inner {
    position: absolute;
    top: 50%;
    background-color: #6699ff;
    right: 103px;
    transform: translateY(-50%)translateX(103px);
    transition: all 0.6s;
    z-index: -1;
    opacity: 0;
    box-shadow: 0px 0px 29px 0px rgba(102, 153, 255, 0.57);
    /* display: none; */
}

.right-pendant .telMessage {
    border-radius: 6px 0 0 6px;
    width: 230px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
}

.right-pendant .telMessage .icon.iconfont {
    font-size: 26px;
    vertical-align: middle;
    padding-left: 18px;
}

.right-pendant .wechat {
    width: 166px;
    height: 182px;
    background-color: #6699ff;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
}

.right-pendant .wechat img {
    max-width: 100%;
    margin-bottom: 14px;
    height: 120px;
}

.right-pendant ul li:hover .inner {
    display: block;
    transform: translateX(0)translateY(-50%);
    opacity: 1;
}

.right-pendant ul li p {
    color: #fff;
}

.foot_text {
    width: 100%;
    text-align: center;
    overflow: hidden
}

.foot_text p {
    width: 1440px;
    text-align: left;
    margin: 0 auto;
    text-align: center;
}

.m-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background-color: #87bafb;
    overflow: hidden;
    z-index: 999;
    display: none
}

.m-footer li {
    width: 33.3%;
    float: left;
    text-align: center
}

.m-footer li span {
    font-size: 30px;
}

.m-footer li img {
    height: 25px
}

.m-footer li a {
    color: #fff;
    font-size: 14px
}

@media only screen and (max-width: 1630px) {
    .nav li.m {
        padding: 0 8px
    }
    .nav a.mmm {
        width: 85px
    }
}

@media only screen and (max-width: 1400px) {
    .nav li.m {
        padding: 0 8px
    }
}

@media only screen and (max-width: 1550px) {
    .gy {
        width: 90%;
        margin-left: 5%
    }
}

@media only screen and (max-width: 1440px) {
    .gy {
        width: 90%;
        margin-left: 5%
    }
    .ftyl .ftyl_center {
        width: 100%!important;
        min-width: 100%!important
    }
    .foot {
        padding-left: 5%;
        box-sizing: border-box
    }
    .gy2 {
        width: 90%!important
    }
    .foot_text p {
        width: 100%
    }
    .ftyl {
        width: 100%!important;
        padding: 15px 5%!important;
        box-sizing: border-box
    }
    .list li {
        height: 800px;
        background-size: cover
    }
    .list .li_5.text_left .left,
    .list .li_6.text_left .left,
    .list .li_7.text_right .right {
        width: 480px
    }
    .li_1.text_left .left {
        width: 400px
    }
    .list li .title {
        font-size: 54px
    }
    .list li .sub_title {
        font-size: 24px
    }
    .list li .description {
        font-size: 18px
    }
    .nav .sub .nav_xiao {
        width: 100%!important
    }
    .nav {
        float: left!important
    }
    .top02 .top02_center {
        width: 90%;
        min-width: 90%
    }
    .top02 {
        min-width: 100%
    }
    .nav li.m {
        margin-right: 0
    }
}

.m-nav-lists {
    display: none
}

.nav_mright {
    display: none
}

@media only screen and (max-width: 1230px) and (min-width:1000px) {
    .nav li.m {
        font-size: 16px;
        width: auto!important;
        padding: 0 8px
    }
    .nav a.mmm {
        width: auto;
        font-size: 14px
    }
    .promotion-service li .description {
        font-size: 12px
    }
}

@media only screen and (max-width: 1000px) and (min-width:768px) {
    .foot_text p {
        width: 100%
    }
    .nav_mright {
        display: block
    }
    .nav_mright {
        width: 30px;
        height: 30px;
        background-size: 100%;
        float: right;
        margin-top: 20px;
        position: relative;
        background: #69f;
        margin-right: .521739rem;
        border-radius: 2px
    }
    .nav_mright .img1,
    .nav_mright .img2 {
        left: 10%;
        width: 80%;
        text-align: center;
        position: absolute;
        z-index: 1;
        background: #69f;
        top: 50%;
        transform: translateY(-50%);
    }
    .nav_mright .img2 {
        display: none
    }
    .m-nav-lists {
        display: block
    }
    .nav {
        display: none
    }
    .m-nav-lists {
        top: 86px;
        width: 100%;
        position: fixed;
        z-index: 999;
        height: calc(100vh - 86px);
        background-color: #fff;
        overflow: auto;
        transform: translateX(100%);
        transition: all .4s
    }
    .m-nav-lists.active {
        transform: translateX(0)
    }
    .promotion-service li .description {
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    .right-pendant {
        display: none
    }
    footer {
        padding-bottom: 64px
    }
    .foot_text p {
        width: 100%
    }
    .logo img {
        height: 2.5rem;
        width: auto
    }
    .logo .logo-year {
        display: inline;
        font-size: 12px;
        margin-top: 6px;
        padding-left: 2px;
        padding-right: 2px
    }
    .logo .logo-text span {
        font-size: 12px
    }
    .logo .logo-text {
        margin-top: 0
    }
    .nav {
        display: none
    }
    .top02 {}
    .top02 .top02_center {
        width: 100%;
        padding: 0 .625rem;
        box-sizing: border-box
    }
    @keyframes letterWave {
        0%,
        100% {
            transform: translateY(0) scale(1);
            padding: 0 0;
            opacity: .8
        }
        25% {
            transform: translateY(-50px) scale(.8);
            padding: 0 3px;
            opacity: .6
        }
        75% {
            transform: translateY(50px) scale(1.5);
            padding: 0;
            opacity: 1
        }
    }
    .nav_mright {
        width: 30px;
        height: 30px;
        background-size: 100%;
        float: right;
        margin-top: 20px;
        position: relative;
        background: #69f;
        margin-right: .521739rem;
        border-radius: 2px
    }
    .nav_mright .img1,
    .nav_mright .img2 {
        left: 10%;
        width: 80%;
        text-align: center;
        position: absolute;
        z-index: 1;
        background: #69f;
        top: 50%;
        transform: translateY(-50%);
        color: white;
        font-size: 20px;
    }
    .nav_mright .img2 {
        display: none
    }
    .logo {
        width: 18.75rem
    }
    .m-nav-lists {
        top: 86px;
        width: 100%;
        position: fixed;
        z-index: 999;
        height: calc(100vh - 86px);
        background-color: #fff;
        overflow: auto;
        transform: translateX(100%);
        transition: all .4s
    }
    .m-nav-lists.active {
        transform: translateX(0)
    }
    .m-nav-li.hasSub>a {
        position: relative
    }
    .m-nav-li.hasSub>a:before {
        content: "";
        position: absolute;
        top: 12.5px;
        width: 15px;
        height: 15px;
        right: 10px;
        background: url(../images/nav-sub-right.png);
        background-size: cover
    }
    .m-nav-li {
        line-height: 40px;
        height: 41px;
        overflow: hidden
    }
    .m-nav-li:hover {
        height: auto
    }
    .m-nav-li>a {
        display: block;
        border-bottom: #ddd 1px solid;
        padding: 0 10px;
        box-sizing: border-box
    }
    .sub-nav {
        padding-left: 20px
    }
    .foot_div .foot_div_c ul li {
        float: none
    }
    .foot_div .foot_div_c ul li.footyw {
        width: 100%
    }
    .foot_div .foot_div_c ul li.footys {
        width: 100%;
        padding-left: 0
    }
    .foot_div .foot_div_c ul li.footabout {
        width: 100%;
        float: none
    }
    .foot_div .foot_div_c {
        height: auto
    }
    .foot_div .foot_div_c ul {
        height: auto;
        padding-bottom: 40px
    }
    .foot_text {
        width: 100%;
        line-height: 21px
    }
    .foot_text p {
        width: 100%
    }
    .foot_div .foot_div_c h3 {
        font-size: 16px
    }
    .m-nav-lists {
        display: block
    }
    .nav_mright {
        display: block
    }
    .consulting-service:hover .consulting-service-hidden {
        display: none
    }
    .online-consulting:hover .online-consulting-hidden {
        display: none
    }
    .m-footer {
        display: block
    }
}