@charset "utf-8";
html {
    height: 100%;
    padding: 0;
    margin: 0;
    /*overflow-x:hidden;*/
}

body {
    width: 100%;
    font: 12px;
    font-family: "Microsoft Yahei";
}

.clr {
    line-height: 0;
    height: 0;
    clear: both;
    font-size: 0;
    overflow: hidden
}

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

.w1420 {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto
}

a,
b,
button,
em,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
input,
li,
p,
select,
strong,
textarea,
ul {
    font-family: "Microsoft Yahei"
}

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

.hide {
    display: none
}

li,
ul {
    list-style: none
}

.header div.w_left {
    height: auto;
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.header_top {
    background: #00337d;
    height: 38px;
    color: #b8bfd1;
}

header .logo {
    float: left;
    width: 211px;
    z-index: 1;
    font-size: 18px;
    color: #73b2f3;
    margin-top: 24px;
    margin-right: 40px;
}

#navbar {
    position: fixed;
    width: 266px;
    left: 0;
    top: 0
}

header .logo,
nav {
    -webkit-transition: all .6s ease-in-out
}

.more_ner {
    text-align: center;
    color: #fff;
    width: 150px;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: url(../images/btn1.png) no-repeat 108px center;
    display: block;
    margin: 60px 0;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    transition: all .6s;
    -webkit-transition: all .6s;
}

.more_ner:hover {
    background: #2d68d4 url(../images/btn1.png) no-repeat 128px center;
    border: 1px solid #2d68d4;
    color: #fff;
    -webkit-transition: all .6s;
    transition: all .6s
}

.home_cicle li .top_cic .cic {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    background: url(../images/cic.png) no-repeat;
}

.tit_box h1.news_tit {
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
}

.top_nav a {
    color: #c3c9d8;
    float: left;
    line-height: 38px;
    height: 38px;
}

.top_nav a:hover {
    color: #fff
}

.top_nav span {
    float: left;
    background: #335c97;
    height: 8px;
    width: 1px;
    margin: 16px 18px;
    line-height: 14px
}

.others_icon {
    float: right;
}

.others_icon span {
    float: left;
    background: #335c97;
    height: 8px;
    width: 1px;
    margin: 16px 8px;
    line-height: 14px
}

.others_icon a.chinese_lan {
    color: #dde0e9;
    line-height: 38px;
    height: 38px;
    display: block;
    float: left
}

.others_icon a.chinese_lan:hover {
    color: #fff
}

.others_icon a.en_lan {
    font-size: 11px;
    color: #dde0e9;
    line-height: 38px;
    height: 38px;
    display: block;
    float: left;
    font-family: "Arial"
}

.others_icon a.en_lan:hover {
    color: #fff
}

.bj272727 {
    background: #272727
}

.header .form {
    position: relative;
    z-index: 12
}

.tel_com {
    color: #999;
    font-size: 13px;
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 28px;
    float: left;
    line-height: 18px
}

nav {
    text-align: center;
    width: 676px;
    height: 54px;
    line-height: 54px;
    float: right;
    margin-top: 20px;
}

nav ul li.last {
    margin-right: 0
}

.tabs,
nav ul {
    list-style: none;
    text-align: center;
    margin: 0 auto;
}

nav ul,
nav ul li ul li {
    text-align: center
}

nav ul li {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 30px
}

nav ul li {
    position: relative
}

footer .pd,
footer ul li,
nav ul li {
    vertical-align: middle
}

nav ul li {
    line-height: 56px;
    height: 56px;
}

nav ul li a {
    color: #a4a4a5;
}

nav ul li.on a {
    font-size: 16px;
    color: #f3c286;
}

header {
    max-width: 1920px;
    width: 100%;
    z-index: 100;
}

nav ul li {
    float: left
}

header.fixed nav ul li ul,
nav ul li a {
    font-size: 16px;
}

nav ul li:hover a {
    color: #f3c286;
}

#navbar {
    -webkit-transition: all .6s ease-in-out
}

.btn_menu {
    width: 32px;
    height: 22px;
    position: absolute;
    left: 38px;
    top: 29px;
    cursor: pointer
}

.right_links .fl {
    color: #e0c089;
    font-size: 13px;
    margin-top: 33px;
}

.right_links .fl p {
    float: left;
    line-height: 22px;
    margin-right: 24px
}

.right_links .fl a {
    width: 22px;
    height: 17px;
    margin-right: 24px;
    float: left;
    display: inline-block;
    margin-bottom: 0
}

.right_links .jiathis_style_24x24 {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: none;
    padding: 0;
}

nav ul li span {
    height: 12px;
    width: 1px;
    background: #3f3325;
    position: absolute;
    top: 21px;
    right: 0;
}

nav ul li.last span {
    background: none
}

.right_links .search {
    padding: 28px 38px;
    border-left: 1px solid #323131
}

/*导航1end*/

.device {
    width: 100%;
    position: relative;
}

.device .btn_box {
    position: absolute;
    right: 157px;
    bottom: 48px;
    z-index: 123;
}

.device .btn_box a:hover {
    color: #e30613
}

.device .arrow-left {
    float: left;
    background: url(../images/left.png) no-repeat center center;
    width: 34px;
    height: 34px;
    margin-right: 20px;
    border: 1px solid #cfcfd1;
    border-radius: 360px;
    -webkit-transition: all .6s;
    transition: all .6s
}

.device .arrow-left:hover {
    background: #fff url(../images/lefth.png) no-repeat 10px center;
    border-radius: 360px;
    border: 1px solid #cfcfd1;
    -webkit-transition: all .6s;
    transition: all .6s
}

.wrap_1 .more a {
    position: relative;
    width: 120px;
    margin: 0 auto;
    padding: 0
}

.wrap_1 a:hover i {
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-right: -5px;
}

.device .arrow-right {
    float: left;
    background: url(../images/right.png) no-repeat center center;
    width: 34px;
    height: 34px;
    border: 1px solid #cfcfd1;
    border-radius: 360px;
    -webkit-transition: all .6s;
    transition: all .6s;
    /* margin-top: 48px; */
}

.device .arrow-right:hover {
    background: #fff url(../images/righth.png) no-repeat 18px center;
    border-radius: 360px;
    border: 1px solid #cfcfd1;
    -webkit-transition: all .6s;
    transition: all .6s
    /* margin-top: 48px; */
}

.bannertxt {
    position: relative;
    margin-top: 225px;
    width: 1200px;
    margin: 255px auto 0 auto;
    color: #f3c286;
    text-align: center
}

.bannertxt div {
    line-height: 28px;
}

.bannertxt p {
    margin-bottom: 30px;
    position: relative;
    top: -10px
}

.bannertxt .txt1 {
    font-size: 64px;
    line-height: 70px;
}

.bannertxt .txt2 {
    font-size: 33px;
    line-height: 34px;
}

.bannertxt .txt3 {
    font-size: 16px
}

.bannertxt a.go {
    border: 1px solid #554538;
    font-size: 13px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #f3c286;
    margin: 0 auto;
    position: relative
}

.bannertxt a.go span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #d09854;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.bannertxt a.go b {
    position: relative;
    z-index: 22;
    height: 100%;
    font-weight: normal
}

.bannertxt a.go:hover b {
    color: #fff
}

.bannertxt a.go:hover span {
    height: 100%;
}

span.on {
    background: none;
    padding-right: 0
}

.more_link {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.swiper-container .bannertxt {
    width: 810px;
    margin: 0 auto 0 auto;
    position: absolute;
    margin-left: -555px;
    left: 50%;
}

.swiper-container {
    height: 710px;
}

.banner_top {
    height: 845px;
    background: #040404;
}

.wrap_con_in {
    padding-top: 60px;
    padding-bottom: 100px
}

/*footer{ position:relative; background:#292828 url(../images/bbj.png) left bottom no-repeat; padding-top:60px; z-index:51; box-shadow:0 0 50px #f4f4f4}*/

.bj_f5 {
    width: 142px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 12
}

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

div.footer {
    background: #040404;
    padding: 20px 0;
}

footer .menu {
    width: 100%;
    position: relative;
    z-index: 1;
}

footer .menu li {
    width: 84px;
    margin-right: 28px;
    margin-bottom: 20px;
    float: left;
}

footer .foot_fix_r {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

footer .foot_fix_r p {
    color: #8c8c8c;
    font-size: 14px
}

footer .foot_fix_r .sec-list {
    margin-bottom: 13px;
}

.bot-cont {
    position: relative;
}

.bot-cont div {
    padding-top: 30px;
    padding-bottom: 10px;
}

.bot-cont .blogo {
    width: 270px;
    background: #292828;
    position: absolute;
    left: 50%;
    margin-left: -135px;
    margin-top: -50px
}

footer .foot_fix_r p.tit {
    color: #f8f8f8;
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 20px;
}

footer .foot_fix_r .share_bottom {
    font-size: 16px;
    color: #929191;
}

footer .menu .tit {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 20px;
}

footer .menu .tit a {
    color: #f8f8f8;
    display: inline-block;
}

footer .menu .sec-list {
    margin-bottom: 22px;
    line-height: 22px;
    margin-top: 5px;
}

footer .menu .sec-list a {
    display: inline-block;
    color: #a6a6a6;
}

footer .menu .sec-list p {
    margin-bottom: 10px;
    font-size: 13px;
}

footer .menu .sec-list a:hover {
    color: #db2e15
}

.main-cont {
    position: relative
}

.ewm-box {
    text-align: center;
    font-size: 16px;
    color: #929191;
    line-height: 40px;
    background: #fff;
}

.ewm-box .up-cont {
    width: 120px;
    height: 120px;
    text-align: center;
    font-size: 16px;
    color: #929191;
    line-height: 40px;
    background: #fff;
}

.ewm-box img {
    margin-bottom: 18px
}

.f5_bj {
    width: 6%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 12
}

footer .main-link {
    padding: 14px 0;
    border-top: 1px solid #f2f2f2;
    position: relative;
}

footer .main-link .tit {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

footer .main-link .box {
    width: 92%;
    color: #999;
}

footer .main-link a {
    padding: 0 0.9%;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    transition: color 0.3s;
}

footer .bot-cont {
    line-height: 40px;
    border-top: 1px solid #3f3e3e;
    color: #585757;
    text-align: left;
    font-size: 13px
}

footer .menu li.ewm_li {
    width: 120px;
    margin-left: 30px;
    margin-right: 78px
}

footer .menu .sec-list p {
    color: #8c8c8c;
    font-size: 14px
}

footer .bot-cont a {
    color: #585757
}

footer .main-link a:hover,
footer .bot-cont a:hover {
    color: #da251c
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
}

.pagination {
    text-align: center;
    width: auto;
}

.pagination a {
    display: block;
}

.swiper-pagination-switch {
    font-size: 20px;
    display: inline-block;
    width: ;
    height: ;
    margin: 0 13px;
    cursor: pointer;
    color: #333;
    font-weight: 700;
}

.swiper-active-switch {
    color: #e30613;
}

.anime-1 .wrap-2 .more {
    -webkit-animation: shu1 0.5s linear 1.2s 1 backwards;
    animation: shu1 0.5s linear 1.2s 1 backwards;
    opacity: 1;
}

.wrap-3 .img_bj {
    opacity: 0
}

.anime-1 .wrap-3 .img_bj {
    opacity: 1;
}

.wrap-3 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1;
}

.wrap-3 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.index-main {
    width: 100%;
    max-width: 1920px;
    height: 722px;
    margin: -4px auto 0;
    position: relative
}

.down_home {
    position: absolute;
    bottom: 0;
    right: 271px;
    width: 20px;
    height: 62px;
}

b,
i {
    font-style: normal;
    font-weight: normal
}

.home_cicle {
    overflow: hidden;
    margin-top: 46px;
}

.logo1_left {
    position: absolute;
    left: -200px;
    top: -182px;
    width: 614px;
    height: 614px
}

.line_box {
    position: relative;
    background: #ffffea
}

.line_bottom {
    position: absolute;
    background: #717071;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    z-index: 12
}

.line_box .wrap-2 .w1200 {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 50px;
    height: 100%
}

.line_box .wrap-3 .w1200 {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 76px;
    height: 100%
}

.wrap_3 .wrap-3 .right .con {
    position: absolute;
    right: 0;
    top: 58px;
    width: 600px;
    color: #fff;
}

.wrap_3 .wrap-3 .right .con h1 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 44px;
    margin-bottom: 8px;
}

.wrap_3 .wrap-3 .right .con p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 42px;
}

.wrap_3 .wrap-3 .right .con .others a {
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding-left: 16px;
    background: url(../images/doit.png) no-repeat left center;
    display: block;
    line-height: 20px;
    margin-bottom: 26px;
}

.wrap_3 .wrap-3 .right .con .others a:hover {
    text-decoration: underline
}

.book {
    position: absolute;
    width: 89px;
    height: 68px;
    top: -40px;
    right: 453px;
}

.book {
    -webkit-animation: book 1.5s linear 1 backwards;
    animation: book 1.5s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

h1.t1 {
    font-size: 48px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.tit_ch {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 32px;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/bl.png) no-repeat center center
}

.wrap-2 .w1200 {
    position: relative;
    z-index: 2
}

.links_bottom a {
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding-left: 16px;
    background: url(../images/doit.png) no-repeat left center;
    display: block;
    line-height: 20px;
    margin-bottom: 26px;
}

.links_bottom a:hover {
    text-decoration: underline
}

.cic_right {
    position: absolute;
    right: 0;
    top: 8px;
    width: 726px;
    height: 479px;
}

.cic_right span {
    position: relative;
    z-index: 1
}

.con_1 {
    position: absolute;
    right: 17px;
    top: 26px;
    width: 432px;
    height: 432px;
    border-radius: 360px;
    border: 5px solid #fff;
}

.con_1 img {
    border-radius: 360px;
    width: 100%;
    height: 100%
}

.con_2 {
    position: absolute;
    right: 460px;
    top: 74px;
    width: 128px;
    height: 128px;
    border-radius: 360px;
    border: 5px solid #fff;
}

.con_2 img {
    border-radius: 360px;
    width: 100%;
    height: 100%
}

.con_3 {
    position: absolute;
    right: 464px;
    top: 215px;
    width: 258px;
    height: 258px;
    border-radius: 360px;
    border: 5px solid #fff;
}

.con_3 img {
    border-radius: 360px;
    width: 100%;
    height: 100%
}

.edu_919 {
    width: 980px;
    background: url(../images/left.png) no-repeat;
    height: 499px;
}

.con_1 {}

.edu_919 .box {
    padding: 66px;
    color: #fff;
}

.edu_919 .box .h1 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 44px;
    margin-bottom: 8px;
}

.edu_919 .box p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 42px;
}

.anime_1 {
    position: relative;
    height: 62px;
    margin-bottom: 50px;
}

.anime_1 b {
    width: 188px;
    height: 2px;
    background: url(../images/tit.png) no-repeat;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -94px;
}

.line_box .line1 {
    position: absolute;
    top: -292px;
    width: 71px;
    height: 1898px;
    left: -34px;
}

.line_box .line2 {
    position: absolute;
    top: -292px;
    width: 72px;
    height: 1898px;
    right: -34px;
}

.line_box .line3 {
    position: absolute;
    top: -292px;
    width: 71px;
    height: 1600px;
    left: -34px;
}

.line_box .line4 {
    position: absolute;
    top: -292px;
    width: 72px;
    height: 1600px;
    right: -20px;
}

.line_box .line4 img,
.line_box .line3 img {
    height: 100%
}

.line_box .about_img {
    position: absolute;
    top: 216px;
    width: 516px;
    height: 120px;
    left: -296px;
}

.left_bar_bj {
    background: url(../images/rightbj.png) repeat-y;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    left: -48px;
    z-index: 1
}

.wrap_2 .icon_left {
    width: 416px;
    height: 432px;
    position: absolute;
    left: 0;
    bottom: 0
}

.wrap_2 .icon_right {
    width: 592px;
    height: 438px;
    position: absolute;
    right: 0;
    bottom: 20px
}

.wrap_2 {
    overflow: hidden;
    padding-bottom: 140px;
    background: #040404;
}

.wrap_1 {
    width: 100%;
    position: relative;
    padding-top: 116px;
    padding-bottom: 155px;
    z-index: 11;
    background: url(../images/yy1.png) no-repeat center center
}

.bjtop {
    background: url(../images/bj1.png) no-repeat left top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.wrap_1 .w100 {
    position: absolute;
    width: 1200px;
    margin-left: -600px;
    top: 0%;
    left: 50%;
    height: 687px;
}

.wrap_in_box h1 {
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    color: #333333;
}

.wrap-1_in .bottom_con {
    color: #bf9665;
    text-align: left;
    width: 700px;
}

.wrap-1_in .bottom_con h1 {
    color: #bf9665;
    font-size: 38px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 24px;
}

.wrap-1_in .bottom_con span {
    font-size: 20px;
    line-height: 20px;
    padding-left: 54px;
    margin-bottom: 24px;
}

.wrap-1_in .bottom_con p {
    font-size: 36px;
    line-height: 36px;
}

.yuan4 {
    -webkit-animation: shu 3s linear 1 backwards;
    animation: shu 3s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan5 {
    -webkit-animation: shu1 2s linear 1 backwards;
    animation: shu1 2s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan6 {
    -webkit-animation: shu 1s linear 1 backwards;
    animation: shu 1s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan7 div:first-child {
    -webkit-animation: fadeIn 1.5s linear 1 backwards;
    animation: fadeIn 1.5s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan7 div:last-child {
    -webkit-animation: fadeIn 1.5s linear 0.5s 1 backwards;
    animation: fadeIn 1.5s linear 0.5s 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan8 {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.yuan4 {
    position: absolute;
    width: 63px;
    height: 63px;
    left: 481px;
    top: 199px;
    z-index: 11;
}

.yuan5 {
    position: absolute;
    width: 73px;
    height: 73px;
    left: 650px;
    top: 19px;
    z-index: 11;
}

.yuan6 {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 400px;
    bottom: 84px;
    z-index: 11;
}

.yuan7 {
    position: absolute;
    width: 123px;
    height: 123px;
    left: -178px;
    top: 228px;
    z-index: 11;
}

.yuan7 div {
    position: absolute;
    width: 123px;
    height: 123px;
    left: 0;
    top: 0;
    z-index: 11;
}

.yuan8 {
    position: absolute;
    width: 27px;
    height: 27px;
    right: 156px;
    top: 12px;
    z-index: 11;
}

.wrap-1 {
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 111;
    padding-bottom: 50px;
}

/*.mw_slide{width:558px; height:80px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative;}
.mw_slide_inner{width:2000px; margin:0; padding:0; position:absolute; list-style-type:none;}
.mw_slide_list{width:140px; float:left;}
*/

.wrap_22 {
    background: url(../images/bj2.jpg) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}

.wrap-3 {
    background: #070402
}

.mg_43 {
    margin-top: 506px;
}

.wrap-2 {
    background: #070402 url(../images/bj1.jpg) no-repeat center center;
    background-size: 100% auto;
}

.img3 {
    width: 91px;
    height: 419px;
    margin: 0 auto 88px auto;
    opacity: 0
}

.ani_2 .img3 {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.wrap_2_con .first,
.wrap_2_con .two,
.wrap_2_con .three {
    opacity: 0
}

.ani_2 .con_left .first {
    -webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;
}

.ani_2 .con_left .two {
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}

.ani_2 .con_left .three {
    -webkit-animation: shu1 0.5s linear 1s 1 backwards;
    animation: shu1 0.5s linear 1s 1 backwards;
    opacity: 1;
}

.ani_2 .con_left a {
    -webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards;
    opacity: 1;
}

.ani_2 .con_right .first {
    -webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;
}

.ani_2 .con_right .two {
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}

.ani_2 .con_right .three {
    -webkit-animation: shu1 0.5s linear 1s 1 backwards;
    animation: shu1 0.5s linear 1s 1 backwards;
    opacity: 1;
}

.ani_2 .con_right a {
    -webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards;
    opacity: 1;
}

.wu {
    width: 100%
}

.marg_img {
    margin-bottom: 28px;
    text-align: center
}

.wrap-1 .img_box .left .left1 {
    text-align: left
}

.wrap-1 .img_box .left .left2 {
    padding-left: 42px;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #a39485
}

.wrap-1 .img_box .right {}

.wrap_1 {
    overflow: hidden;
    background: #040404;
}

@-moz-document url-prefix(http: //),url-prefix(https://) {   
/* 滚动条颜色 */

scrollbar {
    -moz-appearance: none !important;
    background: rgb(0, 255, 0) !important;
}

/* 滚动条按钮颜色 */

thumb, scrollbarbutton {
    -moz-appearance: none !important;
    background-color: rgb(0, 0, 255) !important;
}

/* 鼠标悬停时按钮颜色 */

thumb:hover, scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: rgb(255, 0, 0) !important;
}

/* 隐藏上下箭头 */

scrollbarbutton {
    display: none !important;
}

/* 纵向滚动条宽度 */

scrollbar[orient="vertical"] {
    min-width: 15px !important;
}

}

.wu {
    scrollbar-face-color: #fcfcfc;
    scrollbar-highlight-color: #6c6c90;
    scrollbar-shadow-color: #fcfcfc;
    scrollbar-3dlight-color: #fcfcfc;
    scrollbar-arrow-color: #240024;
    scrollbar-track-color: #fcfcfc;
    scrollbar-darkshadow-color: #48486c;
    scrollbar-base-color: #fcfcfc
}

.wrap_2_con a, .con_wrp3 h1, .con_wrp3 p, .blogo {}

.ani {
    position: relative;
    top: -10px
}

.wrap-5 .tit_1 {
    margin-bottom: 130px
}

.wrap_2_con {
    width: 940px;
    text-align: left
}

.wrap_2_con .first {
    color: #6a5846;
    font-size: 55px;
    line-height: 55px;
}

.wrap_2_con .two {
    color: #dfbc9b;
    font-size: 48px;
    line-height: 48px;
}

.wrap_2_con .three {
    color: #eed9c4;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 66px;
}

.wrap_2_con a {
    color: #f5ece3;
    font-size: 14px;
    border: 1px solid #cdab8a;
    line-height: 40px;
    height: 40px;
    width: 140px;
    border-right: none;
    border-left: none;
    display: inline-block;
    text-align: center
}

.wrap-1 .anime_2 {
    width: 322px;
    margin-right: 38px;
    float: left;
    text-align: left;
}

.wrap-1 .anime_2 h1 {
    margin-bottom: 20px;
}

.wrap-1 .anime_2 p {
    margin-bottom: 30px;
    color: #333;
    line-height: 30px;
    font-size: 14px;
    opacity: 0.8;
    margin-bottom: 116px
}

.wrap-1 .anime_3 {
    width: 402px;
    margin-right: 0;
    float: left;
    text-align: left;
    height: 393px;
    overflow: hidden
}

.wrap-1 .anime_3 div {
    position: relative;
    overflow: hidden;
    height: 393px;
}

.wrap-1 .anime_3 div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.wrap-1 .left {
    width: 420px;
    float: left;
}

.wrap-1 .lineb {
    background: url(../images/line1.png) no-repeat;
    width: 803px;
    height: 78px;
    text-align: center;
}

.wrap-1 .lineb p {
    color: #d1beab;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 16px 22px
}

.wrap-1 .lineb b {
    background: url(../images/ju.png) no-repeat center center;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
}

.wrap-1 .ty1 {
    width: 731px;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 33px;
}

.wrap-1 .ty2 {
    width: 403px;
    height: 92px;
    position: absolute;
    bottom: 0;
    right: 33px;
}

.right_video {
    background: #fff
}

.wrap_left_bottom .left_l {
    width: 194px;
    height: 133px;
    float: left;
    margin-right: 22px;
    overflow: hidden;
    border-radius: 10px;
}

.right_video p {
    line-height: 50px;
    height: 50px;
    color: #666;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-top: none
}

.wrap_left_bottom .left_l img {
    margin: 0 auto;
    display: block;
    width: 194px;
    height: 133px;
    border-radius: 10px;
    transition: transform 0.6s;
}

.wrap_left_bottom .left_l img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.yuan11 {
    position: absolute;
    width: 604px;
    height: 604px;
    left: -350px;
    top: -297px;
    z-index: 11;
}

.yuan22 {
    position: absolute;
    width: 341px;
    height: 388px;
    right: -122px;
    top: -130px;
    z-index: 1;
}

.yuan33 {
    position: absolute;
    width: 609px;
    height: 609px;
    right: -302px;
    bottom: 0
}

.yuan44 {
    position: absolute;
    width: 480px;
    height: 480px;
    left: -302px;
    bottom: 0
}

.bar_nav {
    text-align: left;
    color: #fff;
    float: left;
    width: 250px;
    border-radius: 20px;
    box-shadow: 0 0 20px #aaa
}

.bar_nav li.last {
    border-radius: 0 0 20px 20px
}

.bar_nav li.last:hover, .bar_nav li.last.on {
    border-radius: 0 0 20px 20px
}

.bar_nav h1 {
    font-size: 28px;
    color: #fff;
    padding-left: 30px;
    height: 80px;
    line-height: 80px;
    background: url(../images/menutop.png) no-repeat left center;
    border-radius: 20px 20px 0 0;
    font-weight: 700;
    position: relative
}

.bar_nav h1 em {
    background: url(../images/book.png) no-repeat;
    width: 60px;
    height: 47px;
    position: absolute;
    top: 18px;
    right: -20px
}

.bar_nav li {
    background: #fffffe;
    line-height: 60px;
    height: 60px;
    float: left;
    width: 100%
}

.bar_nav li a {
    display: block;
    height: 100%
}

.bar_nav li a em {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/li.png) no-repeat center center;
    right: 30px;
    top: 20px;
}

.bar_nav li.on a em, .bar_nav li:hover a em, .bar_nav li a:hover em {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/hd.png) no-repeat center center;
    right: 30px;
    top: 20px;
}

.bar_nav li a {
    position: relative;
    color: #666;
    font-size: 14px;
    padding-left: 30px;
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
}

.bar_nav li:hover a, .bar_nav li a:hover, .bar_nav li.on a {
    color: #fff;
    background: url(../images/menutop.png) no-repeat left center;
}

.bar_nav li.last:hover a, .bar_nav li.last a:hover, .bar_nav li.last.on a {
    color: #fff;
    background: url(../images/menutop.png) no-repeat left center;
    border-radius: 0 0 20px 20px
}

.box_in_page {
    position: relative
}

.right_con {
    box-shadow: 0 0 20px #ccc;
    background: url(../images/bj.png) repeat;
    border-radius: 30px;
    float: left;
    width: 910px;
    margin-left: 40px;
}

.top_right_nav a, .top_right_nav {
    font-size: 14px;
    color: #666;
}

.top_right_nav a.on, .top_right_nav a:hover {
    color: #da251c
}

.top_title {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 34px;
}

.top_right_nav {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/loc.png) no-repeat left center;
    padding-left: 30px
}

.top_title h1 {
    font-size: 18px;
    color: #da251c;
    font-weight: 700;
}

.cic_about p {
    float: left;
    width: 223px;
    height: 223px;
    margin-right: 50px;
    position: relative
}

.cic_about p i {
    position: absolute;
    bottom: 56px;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.cic_about p:hover img {
    box-shadow: 0 0 10px #ccc;
    border-radius: 360px
}

.cic_about {
    clear: both;
    height: 223px;
    margin: 20px 0;
}

.box_in_page .cic_about img {
    margin: 0 auto
}

.wrap-in {
    position: relative;
    z-index: 12;
}

.wrap_con_in {}

.online_list ul {
    width: 870px;
}

.online_list li {
    width: 415px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.online_list li:hover {
    background: #fafafa;
    box-shadow: 0 0 20px #fafafa
}

.online_list li:hover .home_bottom_bg div h1 {
    color: #da251c
}

.online_list li .home_top_img {
    overflow: hidden;
    width: 415px;
    height: 240px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
}

.online_list li .home_bottom_bg {
    width: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.online_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px;
}

.online_list li .home_bottom_bg div h1 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 14px;
}

.online_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.online_list .home_top_img img {
    transition: transform 1s;
}

.online_list .home_top_img img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.cols_list ul {
    width: 888px;
}

.cols_list li {
    width: 266px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.cols_list li:hover {
    background: #fafafa;
    box-shadow: 0 0 20px #aaa
}

.cols_list li:hover .home_bottom_bg div h1 {
    color: #da251c
}

.cols_list li .home_top_img {
    width: 266px;
    height: 282px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cols_list li .home_bottom_bg {
    width: 100%;
    font-size: 14px;
    color: #fff;
}

.cols_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background: #fafafa
}

.cols_list li .home_bottom_bg div h1 {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    margin-bottom: 14px;
}

.cols_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.cols_list .home_top_img img {
    transition: transform 1s;
}

.cols_list .home_top_img img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.xianfeng_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 111
}

.xianfeng_fixed .img {
    margin: 0 0 0 20px;
    width: 277px;
    height: 295px;
}

.xianfeng_box ul {
    width: 1242px
}

.xianfeng_box li {
    width: 276px;
    background: #fafafa;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    font-size: 12px;
    color: #999
}

.xianfeng_box li a {
    color: #999;
    display: block;
}

.xianfeng_box li a p {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}

.xianfeng_box li a span {
    line-height: 24px;
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    height: 48px;
    overflow: hidden
}

.xianfeng_box li .top img, .xianfeng_box li .top div.top {}

.xianfeng_box li .top {
    width: 277px;
    height: 295px;
    overflow: hidden
}

.xianfeng_box li .top img {
    transition: transform 0.6s;
}

.xianfeng_box li:hover {
    box-shadow: 0 0 10px #ccc
}

.xianfeng_box li:hover a p {
    color: #da1b39
}

.xianfeng_box li:hover .top img {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.xianfeng_box li .bottom {
    padding: 20px 12px 20px 18px;
    overflow: hidden;
    background: #fafafa;
    position: relative;
}

.box_in_fix .hd {
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.box_in_fix .slideBox .hd ul {
    overflow: hidden;
    width: 60px;
    text-align: center;
    margin: 11px auto;
    zoom: 1;
    height: 20px;
}

.box_in_fix .slideBox {
    position: relative;
}

.box_in_fix .slideBox .hd ul li {
    float: left;
    margin: 0 2px;
    border-radius: 360px;
    background: #f5f5f5;
    width: 8px;
    height: 8px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
}

.box_in_fix .slideBox .hd li.on {
    background: #dc2542;
    zoom: 1;
}

.xianfeng_fixed .box {
    width: 702px;
    height: 540px;
    margin: 10% auto;
    background: #fff;
    padding: 30px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    position: relative
}

.xianfeng_fixed .box h1 {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px
}

.box #scrollObj {
    width: 96%;
    position: relative;
}

.box #scrollBar {
    width: 1px;
    height: 500px;
    background: #d9d9d9;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0px;
}

.box #scrollBtn {
    width: 2px;
    height: 80px;
    background: #dc2542;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -1px
}

.box #scrollBox {
    height: 460px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.xianfeng_fixed .box .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 17px;
    height: 17px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
}

.row_list {
    padding-bottom: 20px
}

.row_list li {
    margin-bottom: 20px;
    height: 166px;
    background: #fafafa;
    border-radius: 5px 5px 5px 5px;
}

.row_list li:hover {
    background: #dc3510;
    box-shadow: 0 0 20px #fafafa;
}

.row_list li:hover .home_bottom_bg div h1, .row_list li:hover .home_bottom_bg div p, .row_list li:hover .home_bottom_bg div span {
    color: #fff
}

.row_list li .home_top_img {
    overflow: hidden;
    width: 250px;
    height: 166px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}

.row_list li .home_bottom_bg {
    width: 600px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;
    float: left
}

.row_list li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 30px;
    line-height: 40px;
    font-size: 14px;
}

.row_list li .home_bottom_bg div h1 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 8px;
}

.row_list li .home_bottom_bg div span {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
}

.row_list li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.row_list .home_top_img img {
    transition: transform 1s;
}

.row_list .home_top_img img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.row_list li:hover .home_top_img img {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.bar_nav h1.single {
    border-radius: 20px;
}

.page {
    width: 100%;
    text-align: center;
    background: #fafafa;
    padding: 10px 0;
    border-radius: 15px;
}

.page a.act {
    display: inline-block;
    padding: 12px 14px;
    font-size: 14px;
    color: #999;
    line-height: 14px;
    margin: 0 5px;
    transition: color 0.3s
}

.page a.act.active, .page a.act:hover {
    background: #db2e15;
    color: #fff;
    border-radius: 8px
}

.page .prev {
    background: url(../images/left.png) no-repeat 30px center;
}

.page .next {
    background: url(../images/right.png) no-repeat 50px center;
}

.page .prev:hover {
    background: url(../images/lefth.png) no-repeat 30px center;
    color: #dc3f08
}

.page .next:hover {
    background: url(../images/righth.png) no-repeat 50px center;
    color: #dc3f08
}

.page .btn {
    color: #686868;
    font-size: 14px;
    line-height: 38px;
    padding: 0;
}

.page .btn span {
    font-size: 18px;
    font-family: '宋体';
}

.page .btn.fl {
    padding-left: 53px;
}

.page .btn.fl span {
    padding-right: 53px;
}

.page .btn.fr {
    padding-right: 53px;
}

.page .btn.fr span {
    padding-left: 53px;
}

.right_con .detail_b h2 {}

.detail_b span {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    display: block;
    text-align: center;
}

.info-page .back {
    float: right;
    display: inline-block;
    margin-top: 4px;
    color: #666;
    font-size: 14px;
    text-align: center;
    width: 148px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}

.info-page .back:hover {
    background: #d8262c;
    color: #fff;
}

.info-page p a:hover {
    color: #da1b39
}

.box_in_page img {
    margin: 0 auto;
    display: block
}

.lunbo {
    padding: 60px 0
}

.lunbo .scroll {
    height: 406px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.lunh {
    position: relative
}

.tips {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 100%;
    font-size: 14px;
    color: #dc3e09;
    z-index: 11;
    background: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    width: 571px;
    margin-left: -281px;
}

.lunbo {
    position: relative;
}

.lunbo .lunh .scroll li {
    position: absolute;
    float: left;
    opacity: 0;
    transform: scale(0);
}

.lunbo .lunh .scroll li div img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.lunbo .btns.next {
    right: 0;
    background: url(../images/bj.png) repeat;
}

.lunbo .btns.prev {
    left: 0;
    background: url(../images/bj.png) repeat;
}

.lunbo .btns.next:hover {
    background: #dc3027;
    color: #fbe5e4
}

.lunbo .btns.prev:hover {
    background: #dc3027;
    color: #fbe5e4
}

.lunbo .btns {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 40px;
    line-height: 40px;
    color: #787877;
    cursor: pointer;
    font-family: '宋体';
    font-size: 28px;
    transition: all 0.5s;
    text-align: center;
    margin-top: -20px;
    z-index: 11
}

.video_detail {
    width: 450px;
    height: 300px;
    margin: 0 auto
}

.lunbo .lunh .scroll li.on div img {
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc
}

.box_in_page span.img_box {
    float: right;
    width: 342px;
    height: 374px;
    border: 1px solid #e2e2e2;
    margin: 0 0 30px 30px
}

.notice_list_box ul {
    width: 864px;
}

.notice_list_box li {
    width: 270px;
    float: left;
    margin-right: 18px;
    margin-bottom: 18px;
}

.notice_list_box li:hover {
    background: #fafafa;
    box-shadow: 0 0 20px #fafafa
}

.notice_list_box li:hover .home_bottom_bg div h1 {
    color: #da251c
}

.notice_list_box li .home_top_img {
    overflow: hidden;
    width: 270px;
    height: 202px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
}

.notice_list_box li .home_bottom_bg {
    width: 100%;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.notice_list_box li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 20px 16px;
    line-height: 40px;
    font-size: 14px;
}

.notice_list_box li .home_bottom_bg div h1 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
}

.notice_list_box li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.notice_list_box .home_top_img img {
    transition: transform 1s;
}

.notice_list_box .home_top_img img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.box_in_page .name {
    float: right;
    margin: 50px 0 30px 0
}

.box_in_page, .info-page p, .info-page p a {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

.info-page p, .info-page p a {
    font-size: 14px;
    line-height: 30px;
    color: #999;
}

.info-page p:hover {
    color: #e14c43
}

.right_con .box {
    padding: 30px;
}

.wrap_left_bottom .right_r {
    float: left;
    width: 540px;
    margin-top: 28px
}

.wrap-1 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 auto 37px auto;
    position: relative
}

.wrap-1 .line span {
    width: 0;
    height: 1px;
    background: #fdf4f4;
    position: absolute;
    left: -378px;
    bottom: -1px;
    opacity: 0
}

.wrap-1 .left p {
    color: #a39485
}

.wrap-1 .more:hover {
    color: #da251c
}

.more {
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.more a {
    color: #0099d0;
    padding: 0 18px;
    display: block
}

.right .anime_1 {
    background: url(../images/bl.png) repeat-x left bottom;
    padding-bottom: 24px;
    position: relative;
    height: 24px;
    margin-bottom: 32px
}

.wrap-1 .right .right_video div {
    text-transform: uppercase;
    height: 246px;
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.wrap-1 .right .right_video {
    position: relative
}

.wrap-1 .right .right_video span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat top center;
    cursor: pointer
}

.wrap-1 .right .right_video div:hover img {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.wrap-1 .right .right_video div img {
    transition: transform 0.6s;
}

.wrap-1 .right {
    text-align: left;
    width: 780px;
    float: left;
    position: relative;
    right: -185px;
}

.wrap_1 h3 {
    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.video_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 123
}

.video_box_fixed {
    background: #fff;
    opacity: 0.98;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

a {
    outline: none
}

.video-main {
    border-radius: 5px;
    background: #000;
    left: 50%;
    width: 720px;
    height: 480px;
    margin-left: -360px;
    position: absolute;
    top: 18%;
}

.video-main .video {
    width: 720px;
    height: 480px;
}

.video-main embed {
    width: 720px;
    height: 480px;
}

.video_box_fixed .close {
    right: 20px;
    top: 20px;
    width: 45px;
    height: 45px;
}

.video_box_fixed .close {
    background: url(../images/close01.png) no-repeat 0 -45px transparent;
    cursor: pointer;
}

.more:hover a.cic i:first-child {
    margin-left: 60px;
    transition: all 0.8s;
}

.wrap-2 .left {
    width: 400px;
    float: left;
    position: relative
}

.wrap-2 .left .img {
    margin-bottom: 24px
}

.wrap-2 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 0 37px 0;
    position: relative
}

.wrap-2 .line span {
    width: 880px;
    height: 1px;
    background: #fdf4f4;
    position: absolute;
    right: -520px;
    bottom: -1px
}

.wrap-2 p {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin-bottom: 74px
}

.wrap-3 .anime_1 {
    margin-bottom: 20px;
}

.wrap-2 .lineb {
    background: url(../images/line2.png) no-repeat;
    width: 803px;
    height: 78px;
    text-align: center;
}

.wrap-2 .lineb p {
    color: #d1beab;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 16px 22px;
}

.wrap-2 .lineb b {
    background: url(../images/ju.png) no-repeat center center;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
}

.wrap-3 .img_box .left .left1 {
    text-align: left
}

.wrap-3 .img_box .left .left2 {
    padding-left: 42px;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #a39485
}

.wrap-3 .img_box .left .left2 h1 {
    font-size: 24px;
    line-height: 34px;
    color: #ffe1ad;
    margin-bottom: 12px;
}

.wrap-3 .left span {
    color: #524736;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 20px;
    display: block;
    width: 225px;
    margin-bottom: 24px;
    font-family: "AngsanaNew";
}

.wrap-3 .img_box .left .left2 i {
    background: #695847;
    width: 20px;
    height: 2px;
    display: block;
    margin-bottom: 48px
}

.wrap-3 .left {
    width: 400px;
    float: left;
    position: relative
}

.wrap-3 .left .img {
    margin-bottom: 24px
}

.wrap-3 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 0 37px 0;
    position: relative
}

.wrap-3 .line span {
    width: 880px;
    height: 1px;
    background: #fdf4f4;
    position: absolute;
    right: -520px;
    bottom: -1px
}

.wrap-3 p {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin-bottom: 74px
}

.wrap-3 .lineb {
    background: url(../images/line3.png) no-repeat;
    width: 803px;
    height: 78px;
    text-align: center;
}

.wrap-3 .lineb p {
    color: #d1beab;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 16px 22px;
}

.wrap-3 .lineb b {
    background: url(../images/ju.png) no-repeat center center;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
}

.news_list li {
    width: 380px;
    opacity: 0;
    border: 1px solid #f5f5f5
}

.news_list li .top_news {
    height: 210px;
    overflow: hidden
}

.wrap-2 .bd li .left_img {
    overflow: hidden
}

/*.wrap-2 .bd li .left_img img{transition: all 0.8s;-webkit-transition: all 0.8s}
.wrap-2 .bd li:hover .left_img img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0}
.news_list li .top_news img{transition: all 0.8s;-webkit-transition: all 0.8s
}
.news_list li:hover .top_news img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0
}
*/

/* loading 开始 */

.loading {
    width: 100%;
    height: 100%;
    background: #040404 url(../images/foot.png) no-repeat bottom right;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12345;
    overflow: hidden
}

.loading .load {
    margin-top: 20%;
    margin-bottom: 20px
}

.loading .load img {
    -webkit-animation: cicle_r 2s linear 1 backwards;
    animation: cicle_r 2s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
}

.loaded {
    display: none;
}

.loading p {
    color: #eed9c4;
    text-align: center;
    font-size: 18px;
}

.spinner {
    margin: 0 auto;
    width: 150px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.anime .run {
    -webkit-animation: yy 5s linear 1 backwards;
    animation: yy 5s linear 1 backwards;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* loading 结束 */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes deg {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-90deg);
    }
}

keyframes deg {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-90deg);
    }
}

@keyframes deg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.news_list ul {
    padding-bottom: 10px
}

.news_list li:hover {
    box-shadow: 0 0 10px #ccc;
    transition: all 0.8s;
    -webkit-transition: all 0.8s
}

.bottom_news {
    padding: 27px 30px;
    background: #fff;
}

.wrap-2 .left_list ul li.one {
    background: url(../images/icon1.png) no-repeat left top;
}

.wrap-2 .left_list ul li.two {
    background: url(../images/icon2.png) no-repeat left top;
}

.wrap-2 .left_list ul li h1 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    margin-bottom: 16px
}

.wrap-2 .left_list ul li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 0
}

.wrap-2 .right {
    text-align: left;
    width: 780px;
    float: left;
    position: relative;
    left: -185px;
}

.wrap-2 .img_box .left .left2 h1 {
    font-size: 24px;
    line-height: 34px;
    color: #ffe1ad;
    margin-bottom: 12px;
}

.wrap-2 .left span {
    color: #524736;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 20px;
    display: block;
    width: 225px;
    margin-bottom: 24px;
    font-family: "AngsanaNew";
}

.wrap-2 .img_box .left .left2 i {
    background: #695847;
    width: 20px;
    height: 2px;
    display: block;
    margin-bottom: 48px
}

.wrap-2 .img_box .left .left2 {
    padding-left: 42px;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #a39485;
}

.wrap-2 .img_box .left a.more {
    color: #f6e5d3;
    font-size: 12px;
    text-align: center;
    border: 1px solid #75603a;
    border-left: none;
    border-right: none;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 140px;
}

.wrap-2 .img_box .left a.more span {
    background: #ffe1ad;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 42px;
    -webkit-transition: all .6s;
    transition: all .6s
}

.wrap-2 .img_box .left a.more:hover span {
    width: 100%;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.wrap-2 .img_box .left a.more p {
    margin-bottom: 0;
    line-height: 40px
}

.wrap-2 .img_box .left a.more:hover p {
    position: relative;
    z-index: 1;
    color: #a1762a;
}

/*.wrap-3 .right .bj_up{ background:#040404; position:absolute;right:-580px; top:0; width:1212px; height:580px;-webkit-transition:all 5.6s;transition:all 5.6s;}
.anime .wrap-3 .right .bj_up{    -webkit-animation: width_a 3.5s linear 1s 1 forwards;
    animation: width_a 3.5s linear 1s 1 forwards;
    opacity: 0;}
*/

.wrap-2 .img_bj {
    position: absolute;
    top: 0;
    right: -362px;
    width: 1040px;
    overflow: hidden;
    height: 589px;
}

.img_bj img.img_move {
    position: relative;
    left: -15px;
}

.wrap-2 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-2 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-4 .right .top img {
    -webkit-transition: all .6s;
    transition: all .6s
}

.wrap-4 .right .top img:hover {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0;
}

.wrap-4 .left .top img {
    -webkit-transition: all .6s;
    transition: all .6s
}

.wrap-4 .left .top img:hover {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0;
}

.logo_bottom {
    opacity: 0
}

.anime-1 .wrap-2 .right {
    opacity: 1;
}

.anime-1 .img_bj .bj_l {
    opacity: 1
}

.anime-1 .wrap-in-2 .img_bj .bj_l {
    -webkit-animation: width 0.3s linear 1.2s 1 forwards;
    animation: width 0.3s linear 1.2s 1 forwards;
}

.anime-1 .wrap-in-2 .img_bj .bj_r {
    -webkit-animation: width 0.3s linear 1.5s 1 forwards;
    animation: width 0.3s linear 1.5s 1 forwards;
}

.anime-1 .img_bj .bj_l {
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}

.anime-1 .img_bj .bj_r {
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s 1 forwards;
}

.anime-1 .img_bj img.img_move {
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    left: 0;
}

.anime-1 .logo_bottom {
    -webkit-animation: up 0.5s linear 2s 1 backwards;
    animation: up 0.5s linear 2s 1 backwards;
    opacity: 1
}

.anime-1 .wrap-2 .logo_bottom {
    -webkit-animation: shu 1s linear 2s 1 backwards;
    animation: shu 1s linear 2s 1 backwards;
    opacity: 1
}

.wrap-2 .left .img {
    opacity: 0
}

.anime-1 .wrap-2 .left .img {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1
}

.wrap-2 .line {
    opacity: 0
}

.wrap-1 .left .anime_1 h1 {
    font-size: 24px;
    color: #da251c;
    line-height: 22px;
    text-align: left;
    float: left;
    display: inline
}

.left .anime_1 {
    background: url(../images/bl.png) repeat-x left bottom;
    padding-bottom: 24px;
    position: relative;
    height: 22px;
    margin-bottom: 20px
}

.wrap-1 .right_r h1 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    text-align: left;
    font-weight: 700;
}

.wrap-1 .right_r h1 b {
    float: right;
    color: #999;
    font-weight: normal
}

.wrap-1 .img_box .left .left2 h1 {
    font-size: 24px;
    line-height: 34px;
    color: #ffe1ad;
    margin-bottom: 12px;
}

.wrap-1 .left span {
    color: #524736;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 20px;
    display: block;
    width: 225px;
    margin-bottom: 24px;
    font-family: "AngsanaNew"
}

.wrap-1 .img_box .left .left2 i {
    background: #695847;
    width: 20px;
    height: 2px;
    display: block;
    margin-bottom: 48px
}

.wrap-2 .left_list ul li, .wrap-2 .left_list ul li {
    opacity: 0
}

.wrap-1 .right h1 {
    font-size: 20px;
    color: #da251c;
    line-height: 22px;
    text-align: left;
    float: left;
    display: inline;
}

.right_news ul li {
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    color: #da251c;
    font-size: 15px;
    background: url(../images/doit.png) no-repeat left center;
    padding-left: 15px;
    float: none;
    display: block
}

.right_news ul li.last {
    background: none
}

.wrap-1 .m50 p {
    width: 764px;
    margin: 0 auto 20px auto;
    text-align: left;
    height: 56px;
    overflow: hidden
}

.wrap-1 .m50 p.t2 {
    margin-bottom: 10px
}

.width_100 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 123
}

.about .home_cicle li .top_cic span {
    color: #0099d0
}

.about .home_cicle li .top_cic i, .about .home_cicle li .top_cic b {
    color: #0099d0
}

.home_cicle ul {
    width: 1174px;
    overflow: hidden
}

.home_cicle li {
    float: left;
    margin: 0 83px;
    opacity: 0;
    text-align: center;
    display: inline-block;
    width: 126px;
}

.anime-0 .home_cicle li {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1
}

.wrap-2 .logo_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 140px;
    background: #fff;
}

.wrap-2 .logo_bottom em.em_t {
    background: #e5e5e5;
    width: 1px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -0.5px;
}

.wrap-2 .logo_bottom em.em_b {
    background: #e5e5e5;
    width: 1px;
    height: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -0.5px;
}

.anime-1 .logo_bottom em.em_t {
    -webkit-animation: up 0.5s linear 3s 1 backwards;
    animation: up 0.5s linear 3s 1 backwards;
}

.anime-1 .logo_bottom em.em_b {
    -webkit-animation: up1 0.5s linear 3s 1 backwards;
    animation: up1 0.5s linear 3s 1 backwards;
}

.anime-1 .logo_bottom img {
    -webkit-animation: cicle_r 0.5s linear 2s 1 backwards;
    animation: cicle_r 0.5s linear 2s 1 backwards
}

.anime-1 .wrap-in-2 .logo_bottom em.em_t, .anime-1 .wrap-in-2 .logo_bottom em.em_b {
    -webkit-animation: cicle_r 0.5s linear 2.5s 1 backwards;
    animation: cicle_r 0.5s linear 2.5s 1 backwards
}

.wrap_3 .w1200 {
    position: relative
}

.wrap_3 .icon_left {
    width: 58px;
    height: 41px;
    position: absolute;
    right: 374px;
    top: -16px;
}

.wrap_2 .icon_left {
    -webkit-animation: shu 1.5s linear 1 backwards;
    animation: shu 1.5s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.wrap_2 .icon_right {
    -webkit-animation: up1 1.2s linear 1 backwards;
    animation: up1 1.2s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.wrap_3 .icon_left {
    -webkit-animation: gun 1.5s linear 1 backwards;
    animation: gun 1.5s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.wrap_3 .icon_left img {
    -webkit-animation: qiu 1s linear 1.5s 1 backwards;
    animation: qiu 1s linear 1.5s 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.edu_685 .box {
    overflow: hidden;
    border-radius: 20px
}

.edu_685 .box img {
    transition: transform 0.6s;
}

.edu_685 .box img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.wrap_3 {
    padding-bottom: 190px;
    overflow: hidden;
    background: #040404;
}

.wrap_4 {
    padding-bottom: 200px;
    background: url(../images/jx.png) no-repeat top center
}

.wrap_4 .icon_left {
    width: 202px;
    height: 172px;
    position: absolute;
    left: 48px;
    top: -128px;
}

.wrap_4 .icon_left {
    -webkit-animation: hand 1.5s linear 1 backwards;
    animation: hand 1.5s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.wrap-4 .right .bottom {
    width: 506px;
}

@-webkit-keyframes hand {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

@keyframes hand {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

@-webkit-keyframes gun {
    0% {
        -webkit-transform: rotate(-2deg) translate(0, 0);
        transform: rotate(-2deg) translate(0, 0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        -webkit-transform: rotate(-2deg) translate(10px, 40px);
        transform: rotate(-2deg) translate(10px, 40px);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

@keyframes gun {
    0% {
        -webkit-transform: rotate(-2deg) translate(0, 0);
        transform: rotate(-2deg) translate(0, 0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        -webkit-transform: rotate(-2deg) translate(10px, 40px);
        transform: rotate(-2deg) translate(10px, 40px);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

.wrap_3 .line_box .w1200 {
    top: 76px
}

.wrap_3 .right .bottom_con {
    width: 370px;
    margin-bottom: 60px
}

.wrap_3 .right .bottom_con p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 35px
}

.wrap_3 .right .bottom_con i {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    display: block
}

.con_wrp3 {
    text-align: center;
}

.con_wrp3 h1 {
    font-size: 24px;
    color: #efd9a1;
    line-height: 40px;
    margin-bottom: 30px;
}

.wrap_5 {
    padding-bottom: 190px
}

.con_wrp3 p {
    font-size: 15px;
    color: #d3c387;
    line-height: 24px;
    width: 734px;
    margin: 0 auto 34px auto
}

.blogo {
    margin: 0 auto;
    text-align: center;
    color: #e1d1b0;
    font-size: 12px;
    position: relative;
    line-height: 30px;
    height: 30px;
    width: 52px;
    cursor: pointer
}

.blogo span {
    position: absolute;
    width: 10px;
    height: 1px;
    background: #967851;
    left: 50%;
    margin-left: -5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.right_links .search {
    cursor: pointer
}

.foot_left a:hover {
    opacity: 0.8
}

.menu_box .nav ul li a:hover {
    opacity: 0.8
}

.anime .blogo span.top {
    -webkit-animation: cicle_l 0.5s linear 1s 1 backwards;
    animation: cicle_l 0.5s linear 1s 1 backwards;
    opacity: 1;
}

.anime .blogo span.bottom {
    -webkit-animation: cicle_l 0.5s linear 1s 1 backwards;
    animation: cicle_l 0.5s linear 1s 1 backwards;
    opacity: 1;
}

.blogo:hover span {
    width: 52px;
    margin-left: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blogo span.top {
    top: 0
}

.blogo span.bottom {
    bottom: 0
}

.wrap_5 {
    background: url(../images/bj4.png) no-repeat -20px center
}

.foot_left a, .foot_left span, .foot_left p {
    float: left;
    color: #eed9c4;
    font-size: 12px;
    line-height: 18px;
}

.foot_left p {
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 27px;
    line-height: 18px
}

.foot_left span {
    float: left;
    background: #34302c;
    width: 1px;
    height: 12px;
    display: inline-block;
    margin: 5px 30px
}

.corp {
    text-align: center;
    font-size: 12px;
    color: #9e846e;
    opacity: 0.5
}

.corp a {
    color: #9e846e;
}

.bottom_news h2 {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    overflow: hidden;
    height: 20px;
    margin-bottom: 16px;
}

.bottom_news span {
    color: #838383;
    font-size: 14px;
    display: block;
    line-height: 14px;
    margin-bottom: 12px;
}

.bottom_news p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 24px;
}

.bottom_news b {
    background: #e1e1e1 url(../images/icon1.png) no-repeat center center;
    width: 31px;
    height: 31px;
    border-radius: 360px;
    display: block
}

.news_list li:hover .bottom_news b {
    background: #fff url(../images/icon1.png) no-repeat center center;
}

.news_list li:hover .bottom_news {
    background: #0b4c8f
}

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

.news_list ul {
    width: 1230px;
    overflow: hidden
}

.news_list li {
    float: left;
    margin-right: 28px;
}

.news_list li:hover .bottom_news h2, .news_list li:hover .bottom_news p {
    color: #fff
}

.news_list li:hover .bottom_news span {
    color: #9db7d2
}

.wrap-3 .img_bj {
    position: absolute;
    top: 0;
    right: 0;
    width: 426px;
    height: 547px;
    z-index: 1;
    overflow: hidden
}

.wrap-3 .img_bj_left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 426px;
    height: 547px;
    background: #da292f;
    opacity: 0
}

.anime-1 .wrap-3 .img_bj_left {
    -webkit-animation: fadeInUp 1.3s linear 1 forwards;
    animation: fadeInUp 1.3s linear 1 forwards;
}

.wrap-3 .right {
    text-align: left;
    width: 780px;
    float: left;
    position: relative;
    right: 0;
}

.wrap-1 .right .right1 {
    position: relative
}

.wrap-1 .lineb {
    position: absolute;
    left: -30px;
    bottom: -66px;
}

.wrap-2 .right .right1 {
    position: relative
}

.wrap-2 .lineb {
    position: absolute;
    left: 65px;
    bottom: -10px;
}

.wrap-3 .right .right1 {
    position: relative
}

.wrap-3 .lineb {
    position: absolute;
    left: 256px;
    bottom: 53px;
}

.wrap-3 .img_box .left a.more {
    color: #f6e5d3;
    font-size: 12px;
    text-align: center;
    border: 1px solid #75603a;
    border-left: none;
    border-right: none;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 140px;
}

.wrap-2 .left p {
    color: #a39485;
}

.wrap-3 .left p {
    color: #a39485;
}

.tit_1 {
    text-align: center
}

.wrap-4 .wu {
    margin-bottom: 108px
}

.wrap-4 .left {
    width: 568px;
    float: left
}

.wrap-4 .right {
    width: 568px;
    float: right
}

.wrap-4 .left .top {
    margin-bottom: 60px;
    height: 270px;
    overflow: hidden
}

.wrap-4 .left .bottom h1 {
    color: #ffe1ac;
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 24px;
}

.wrap-4 .left .bottom span {
    color: #5a4f3c;
    display: block;
    font-size: 20px;
    margin-bottom: 28px;
    line-height: 26px;
    font-family: "AngsanaNew";
    text-transform: uppercase
}

.wrap-4 .left .bottom p {
    color: #a49586;
    display: block;
    font-size: 15px;
    line-height: 24px
}

.wrap-4 .right .top {
    margin-bottom: 60px;
    height: 270px;
    overflow: hidden
}

.wrap-4 .right .bottom h1 {
    color: #ffe1ac;
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 24px;
}

.wrap-4 .right .bottom span {
    color: #5a4f3c;
    display: block;
    font-size: 20px;
    margin-bottom: 28px;
    line-height: 26px;
    font-family: "AngsanaNew";
    text-transform: uppercase
}

.wrap-4 .right .bottom p {
    color: #a49586;
    display: block;
    font-size: 15px;
    line-height: 24px
}

.sorry_up {
    font-size: 60px;
    text-align: center;
    font-family: "微软雅黑";
    width: 1200px;
    position: fixed;
    left: 50%;
    top: 43%;
    margin-left: -600px;
    height: 36px;
    z-index: 1111;
    display: none;
    color: #e0c089;
    display: none;
}

.wrap_4 .wrap-4 {}

.anime-1 .wrap-3 .right .img {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1
}

.anime-1 .wrap-3 h1 {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-3 .line {
    opacity: 1;
    -webkit-animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.8s 1 backwards;
}

.anime-1 .wrap-3 .right .bottom_con p {
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}

.anime-1 .wrap-3 .right .bottom_con i {
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.8s 1 backwards;
    animation: up 0.5s linear 0.8s 1 backwards;
}

.anime-1 .wrap-3 .more {
    -webkit-animation: shu1 0.5s linear 0.8s 1 backwards;
    animation: shu1 0.5s linear 0.8s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-4 h1.tit {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-4 .line {
    -webkit-animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    animation: fadeInDown 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-4 .picScroll-left {
    opacity: 1;
}

.anime-1 .wrap-4 .picScroll-left li:nth-child(1) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
}

.anime-1 .wrap-4 .picScroll-left li:nth-child(2) {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
}

.anime-1 .wrap-4 .picScroll-left li:nth-child(3) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
}

.anime-1 .wrap-4 .picScroll-left li:nth-child(4) {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
}

.wrap-right-img1 {
    position: absolute;
    right: 0;
    width: 400px;
    background: #fff;
    height: 614px;
    top: -451px;
}

.wrap_4 .home_top_img {
    position: relative;
    height: 110px;
}

.wrap_4 .home_top_img b {
    width: 152px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 62px;
    left: 54px;
}

.wrap_4 {
    position: relative;
    background: #040404;
}

.more_b {
    width: 45px;
    height: 45px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: -22px;
    box-shadow: 0 0 3px #f5f5f5;
    margin-left: -22px;
    display: none
}

.wrap_4 .icon_1 {
    position: absolute;
    right: -20px;
    width: 261px;
    height: 261px;
    bottom: -120px
}

.wrap_4 .icon_2 {
    position: absolute;
    left: 320px;
    width: 512px;
    height: 512px;
    bottom: -260px
}

.wrap_4 .icon_3 {
    position: absolute;
    left: 0;
    width: 304px;
    height: 304px;
    top: 37px
}

.wrap_4 .icon_3 {
    -webkit-animation: san 1.5s linear 1 backwards;
    animation: san 1.5s linear 1 backwards;
}

.wrap_4 .icon_1 {
    -webkit-animation: up 1.5s linear 1 backwards;
    animation: up 1.5s linear 1 backwards;
}

.wrap_4 .icon_2 {
    -webkit-animation: shu1 1.5s linear 1 backwards;
    animation: shu1 1.5s linear 1 backwards;
}

.wrap-in-3 .news_home li .home_bottom_bg {
    padding: 30px;
    text-align: left
}

.wrap_4 .more_b em:first-child {}

.wrap_4 .more_b em {
    position: absolute;
    top: 20px;
    display: block;
    background: #d8262c;
    width: 6px;
    height: 6px;
    border-radius: 360px;
    transition: all 15s;
    *display: none
}

.wrap_4 .more_b em.mid {
    position: absolute;
    left: 50%;
    margin-left: -3px;
    *display: block
}

.wrap_4 .more_b em:nth-child(1) {
    transition: all 0.8s;
    left: 11px;
}

.wrap_4 .more_b em:nth-child(3) {
    transition: all 0.8s;
    left: auto;
    right: 11px;
}

.wrap_4 .picScroll-left .bd ul li:hover .more_b {
    display: block
}

.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(1) {
    left: 19px;
    position: absolute;
    transition: all 1s;
}

.wrap_4 .picScroll-left .bd ul li.add_more .more_b em:nth-child(3) {
    right: 20px;
    position: absolute;
    transition: all 1s;
}

.wrap_4 .picScroll-left .bd ul li.add_more .more_b em {
    -webkit-animation: man 2s linear 0.5s 1 forwards;
    animation: man 2s linear 0.5s 1 forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bj1 {
    0% {
        width: 0;
        opacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        width: 1;
        pacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

@keyframes bj1 {
    0% {
        width: 0;
        opacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    100% {
        width: 1;
        pacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
    }
}

@-webkit-keyframes man {
    0% {
        transform: rotate(360deg) scale(1, 1);
        -webkit-transform: rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    20% {
        transform: rotate(0) scale(2, 2);
        -webkit-transform: rotate(0) scale(2, 2);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        transform: rotate(360deg) scale(1, 1);
        -webkit-transform: rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes man {
    0% {
        transform: rotate(360deg) scale(1, 1);
        -webkit-transform: rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    20% {
        transform: rotate(0) scale(2, 2);
        -webkit-transform: rotate(0) scale(2, 2);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        transform: rotate(360deg) scale(1, 1);
        -webkit-transform: rotate(360deg) scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes cicle_r {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    25% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    40% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes cicle_r {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    25% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    40% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1;
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@-webkit-keyframes cicle_l {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes cicle_l {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes shu {
    0% {
        transform: translate(-25px, 0);
        -webkit-transform: translate(-25px, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes shu {
    0% {
        transform: translate(-25px, 0);
        -webkit-transform: translate(-25px, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes shu1 {
    0% {
        transform: translate(25px, -20px);
        -webkit-transform: translate(25px, -20px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes shu1 {
    0% {
        transform: translate(25px, -20px);
        -webkit-transform: translate(25px, -20px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes book {
    0% {
        transform: translate(40px, -15px);
        -webkit-transform: translate(40px, -15px);
        opacity: 1;
    }
    85% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes book {
    0% {
        transform: translate(40px, -15px);
        -webkit-transform: translate(40px, -15px);
        opacity: 1;
    }
    85% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes san {
    0% {
        transform: translate(-60px, -25px);
        -webkit-transform: translate(-60px, -25px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes san {
    0% {
        transform: translate(-60px, -25px);
        -webkit-transform: translate(-60px, -25px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes img1 {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
    80% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
}

@keyframes img1 {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
    80% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
}

@-webkit-keyframes form {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    95% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
}

@keyframes form {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    95% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
}

@-webkit-keyframes form1 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes form1 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes da {
    0% {
        transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes da {
    0% {
        transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes form11 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
    }
    70% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes form11 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
    }
    70% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn1 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn1 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes yan {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    50% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    100% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
}

@keyframes yan {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    50% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    100% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 0;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
}

@-webkit-keyframes up {
    0% {
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes up {
    0% {
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes up1 {
    0% {
        transform: translate(0, 25px);
        -webkit-transform: translate(0, 25px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes up1 {
    0% {
        transform: translate(0, 25px);
        -webkit-transform: translate(0, 25px);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes qiu {
    0% {
        transform: translate(10px, 25px);
        -webkit-transform: translate(10px, 25px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        opacity: 1;
    }
}

@keyframes qiu {
    0% {
        transform: translate(10px, 25px);
        -webkit-transform: translate(10px, 25px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes width {
    0% {
        width: 100%
    }
    100% {
        width: 0;
        opacity: 1
    }
}

@-webkit-keyframes width {
    0% {
        width: 100%
    }
    100% {
        width: 0;
        opacity: 1
    }
}

@keyframes width_b {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    100% {
        width: 0;
        opacity: 0;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
}

@-webkit-keyframes width_b {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    100% {
        width: 0;
        opacity: 0;
        -webkit-transform-origin: right top;
        transform-origin: left top;
    }
}

@keyframes width_a {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    100% {
        width: 0;
        opacity: 0;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
}

@-webkit-keyframes width_a {
    0% {
        width: 100%;
        opacity: 1;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    100% {
        width: 0;
        opacity: 0;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
}

@keyframes height {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@-webkit-keyframes height {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes form1 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes form1 {
    0% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes form {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
    100% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1
    }
}

@keyframes form {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
    100% {
        transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes bounceIn {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

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

nav ul li {
    position: relative;
    z-index: 2
}

.top_others {
    position: absolute;
    top: 32px;
    right: 0;
    height: 24px
}

.top_others div a {
    color: #666;
    display: block;
    line-height: 24px;
    height: 24px;
    font-size: 13px;
    background: url(../images/down.png) no-repeat right center;
    padding-right: 16px
}

.top_others div a:hover {
    color: #eb6112;
    background: url(../images/down1.png) no-repeat right center
}

.top_others div a img {
    margin-right: 4px
}

.top_others div {
    height: 24px;
    background: url(../images/li.png) no-repeat left center;
    padding-left: 38px
}

.jd_links img {
    width: 18px;
    height: 14px
}

.tm_links img {
    width: 15px;
    height: 14px
}

.footer {
    display: block;
    position: relative;
}

footer table tr td:first-child {
    background: #fff;
    width: 6%;
    height: 100%;
}

.footer .z_index {
    z-index: 1;
    position: relative
}

.footer .top {
    width: 1200px;
    padding: 46px 0 80px 0;
    margin: 0 auto;
}

.footer .top .list {
    padding: 0 46px;
    position: relative;
}

.footer .top .first {
    padding-left: 0
}

.footer .top .list.list-last {
    color: #c1c1c1;
    font-size: 14px;
    line-height: 30px;
    width: 170px;
    text-align: left;
    position: relative;
    padding-left: 46px;
    padding-right: 0;
    margin-left: 0;
}

.footer .top .list .line {
    background: url(../images/line.png) no-repeat;
    height: 159px;
    width: 3px;
    left: 0;
    position: absolute;
    top: 0;
}

.footer .top .list-last h1 {
    color: #fff;
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 22px;
}

.footer .top .list.list-last ul {
    margin-bottom: 28px
}

.guanzhu_us span {
    float: left;
    font-size: 18px;
    color: #fff
}

.guanzhu_us a.weixin {
    background: url(../images/weixin.png) no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    float: left;
    margin-left: 18px;
}

.guanzhu_us a.weibo {
    background: url(../images/sina.png) no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    float: left;
    margin-left: 18px
}

.footer .top .list-last li {
    margin-bottom: 10px
}

.footer .top .list-last li strong {
    color: #c4c4c4;
    display: block;
    line-height: 24px;
}

.footer .top .list-last li p {
    color: #fff;
    line-height: 36px;
    font-size: 36px
}

.bannertxt .marg_215 {
    margin-top: 215px;
}

.copy_link a {
    color: #c1c1c1;
    font-size: 12px;
}

.copy_link span {
    width: 1px;
    height: 10px;
    background: #4e4e4e;
    margin: 0 18px;
    display: inline-block
}

.footer .ewm_left_box {
    width: 202px;
}

.footer .top .list-last li.one {
    background: url(../images/loc.png) no-repeat left 10px
}

.footer .top .list-last li.two {}

.footer .top .list-last li.three {
    background: url(../images/email.png) no-repeat left 10px
}

.footer .top .list.list-last .ewm {
    width: 168px;
    height: 168px;
    background: #858585;
    margin: -7px auto 0 auto
}

.footer .top .list h2 {
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 28px;
}

.footer .top .list.list-first h2 {
    padding-right: 0
}

.footer .top .list p {
    display: block;
    line-height: 30px;
    color: #da251c;
    font-size: 15px;
    float: left;
    margin: 0 16px;
}

.footer .top .two {
    width: 184px;
    padding: 18px 34px
}

.footer .top .two p {
    width: 60px;
    text-align: center;
}

.footer .top .list p a {
    display: inline-block;
    line-height: 40px;
    color: #da251c;
    font-size: 15px
}

.footer .top .list p a:hover {
    color: #fff
}

.footer .top .share a {
    display: block;
    cursor: pointer
}

.footer .top .share a span {
    display: inline-block;
    width: 35px;
    height: 35px !important;
    padding-left: 0 !important
}

.footer .top .share a.sina span {
    background-position: 0 0;
    margin-top: 30px
}

.footer .top .share a.wx span {
    background-position: 0 -87px;
    margin-top: 50px
}

.copy_link {
    display: inline;
}

.footer .copyright {
    padding: 24px 0 21px 0;
    width: 100%;
    margin: 0 auto;
    background: url(../images/copybj.png) repeat-x
}

.footer .copyright div {
    width: 1200px;
    margin: 0 auto
}

.footer .copyright div.mr {
    padding: 13px 30px 27px 30px;
}

.copyright .bshare-custom a {
    margin-right: 22px
}

.footer .copyright .logo {
    margin-top: 25px
}

.footer .copyright p {}

.footer .copyright p.mr {
    margin-right: 0
}

.footer .copyright p, .footer .copyright p a {
    color: #616161;
    line-height: 16px
}

.footer .copyright p a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.link_other {
    position: relative
}

.link_other dt {
    background: #333 url(../images/down.png) no-repeat right center;
    width: 216px;
    height: 32px;
    line-height: 32px;
    color: #818181;
    cursor: pointer;
    padding-left: 38px
}

.link_other dd {
    width: 235px;
    color: #818181;
    z-index: 9999;
    background: #fff;
    position: absolute;
    bottom: 32px;
    left: 0;
    display: none
}

.link_other dd div {
    width: 221px;
    border: 1px solid #e1e1e1;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    background: #fff
}

.link_other a {
    color: #818181;
    float: left;
    display: block;
    width: 221px
}

.bjf5f5f5 {
    background: #f5f5f5
}

.i-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.home_cicle li .top_cic {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.home_cicle li .top_cic i {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    line-height: 120px;
    color: #49616b;
    font-size: 40px;
    text-align: center;
    font-style: normal;
}

.home_cicle li .top_cic span {
    position: absolute;
    top: 9px;
    right: 8px;
    color: #49616b;
    font-size: 14px;
    line-height: 16px;
    display: block;
    width: 16px;
}

.home_cicle li .top_cic b {
    position: absolute;
    top: 60px;
    right: 8px;
    color: #49616b;
    font-size: 20px;
    line-height: 16px;
    display: block;
    width: 16px;
    font-weight: 700;
}

.about-link {
    width: 166px;
    position: absolute;
    right: 0;
    top: 18px;
}

footer .copyright .about-link .link-tit {
    color: #666;
    display: block;
    line-height: 24px;
    cursor: pointer;
    padding: 0 8px;
    width: 148px;
    background: url(../images/down.png) no-repeat 130px center;
    position: relative;
    z-index: 2;
    margin: 0;
    height: 24px;
    border: 1px solid #313131
}

footer .copyright .about-link .sub-box {
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 99%;
    border: 1px solid #434343;
    display: none;
    border-radius: 6px;
    background-color: #2f2f2f;
    padding-top: 8px;
    font-size: 14px;
    text-align: center;
}

.home_cicle li h3 {
    font-size: 18px;
    color: #49616b;
    line-height: 20px;
    padding-top: 16px
}

.wrap_2 .picScroll-left {
    position: relative;
    width: 100%;
}

.show_bj .padding30 {
    padding: 32px 30px 30px 30px;
}

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

.more_link h1.font-size48 {
    font-size: 48px;
    line-height: 48px
}

.top_links {
    position: absolute;
    right: 0;
    top: 32px;
    width: 28px;
    height: 28px;
    border-top: none;
    border-bottom: none;
}

.top_links .line {
    background: #eee;
    width: 1px;
    height: 10px;
    margin: 3px 15px;
    float: left
}

.i-wrap1 .product_top_banner .slideBox .bd .tempWrap, .i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul, .i-wrap1 .product_top_banner .slideBox .bd .tempWrap ul li {
    height: 100%
}

.right_links {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0
}

.header .search-box {
    position: absolute;
    right: 27px;
    top: 72px;
    height: 28px;
    background: #fff;
    transition: all 1.5s;
    display: none;
    border: solid #fff 1px;
}

.header .search-box b {
    background: url(../images/jiao.png) no-repeat;
    width: 14px;
    height: 3px;
    left: 50%;
    margin-left: -7px;
    display: block;
    position: absolute;
    top: -4px;
}

.w100 .search-box {
    width: 165px;
    transition: all 1.5s;
    display: block;
    border: solid #fff 1px;
    border-radius: 10px
}

.header .search-box input[type=text] {
    float: left;
    display: inline-block;
    width: 122px;
    height: 28px;
    line-height: 28px;
    color: #999;
    font-size: 14px;
    border: 0 none;
    padding: 0 5px;
    background: none
}

.header .search-box input[type=submit] {
    float: left;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0;
    cursor: pointer;
    margin-top: 6px;
    border: none;
    position: absolute;
    top: 5px;
    right: 2px;
    filter: alpha(opacity=0)
}

.header .search-box i {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/search.png) no-repeat;
    cursor: pointer;
    margin-top: 4px;
    border: none
}

@keyframes down_up {
    0% {
        transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px)
    }
    50% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: .5
    }
    100% {
        transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px)
    }
}

@-webkit-keyframes down_up {
    0% {
        transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px)
    }
    50% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        opacity: .5
    }
    100% {
        transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px)
    }
}

#i-navli {
    width: 15px;
    position: fixed;
    top: 50%;
    right: 36px;
    margin-top: -144px;
    z-index: 22
}

#i-navli li {
    width: 15px;
    cursor: pointer;
    height: 15px;
    padding-bottom: 18px;
    background: url(../images/hli.png) no-repeat;
    color: #fff
}

#i-navli li.current {
    background: url(../images/on.png) no-repeat;
    color: #eb6112
}

.foot_1 {
    width: 100%;
    background: #fff;
    height: 150px;
    left: 0;
    opacity: 0;
    position: relative
}

.foot_1 span {
    background: #e5e5e5;
    width: 1px;
    height: 60px;
    left: 50%;
    margin-left: -1px;
    top: 13%;
    margin-top: -30px;
    display: block;
    position: absolute
}

.foot_fix {
    left: 0;
    position: fixed;
    bottom: 0
}

foot_1 ul li.shili_kelei:hover {
    background: url(../images/righth.png) no-repeat right center;
    right-left: 150px;
    color: #eb6112
}

.hotline .slide {
    position: absolute;
    top: 367px;
    right: 40px;
    height: 340px;
    width: 28px;
    z-index: 9999999;
    margin-top: -170px
}

.hotline .slide li {
    position: relative;
    width: 25px;
    cursor: pointer;
    text-align: center;
    height: 25px;
    margin-bottom: 22px;
    cursor: pointer
}

.hotline .slide li.hot {}

.hotline .slide li a {
    cursor: pointer
}

.hotline .slide li.top {
    height: 25px;
    line-height: 25px;
}

.hotline .slide li.top a img {
    float: left;
    width: 25px;
    height: 25px
}

.hotline .slide li a {
    display: block;
    width: 100%;
    height: 100%
}

.hotline .slide li .box {
    float: left;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-align: center
}

.hotline .slide li i {
    width: 25px;
    height: 25px;
    display: block
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: "."
}

.hotline .slide li.hot i {
    background: url(../images/wel20.png) no-repeat center bottom
}

.hotline .slide li.qq i {
    background: url(../images/wel22.png) no-repeat center bottom
}

.hotline .slide li.kd i {
    background: url(../images/w121.png) no-repeat center bottom
}

.hotline .slide li.hot:hover i {
    background: url(../images/wel20h.png) no-repeat center bottom
}

.hotline .slide li.qq:hover i {
    background: url(../images/wel22h.png) no-repeat center bottom
}

.hotline .slide li.kd:hover i {
    background: url(../images/w121h.png) no-repeat center bottom
}

.hotline .slide li:first-child {
    width: 25px;
    text-align: center;
    height: 62px;
    text-transform: capitalize;
    font-size: 16px;
    writing-mode: vertical-lr;
}

.hotline .slide li.share i {
    background: url(../images/wel23.png) no-repeat center bottom
}

.hotline .slide li.share .box {
    border-right: 1px solid #3d3d3d
}

.hotline .slide li.share {
    width: 355px;
    position: relative;
    left: 0
}

.hotline .slide li .box p {
    font-size: 12px;
    color: #fafafa;
    line-height: 22px
}

.hotline .slide li.hot .box {
    float: left
}

/*.hotline .slide li.hot{width:265px}
*/

.hotline .slide li.hot span {
    float: left;
    color: #fafafa;
    font-size: 20px;
    line-height: 22px;
    padding: 14px 10px
}

.hotline .slide li.qq .ewm {
    position: absolute;
    top: -128px;
    display: none;
    right: 70px
}

.hotline .slide li.share .bdshare-button-style0-32 a {
    width: 70px;
    height: 70px;
    margin: 0;
    border-right: 1px solid #3d3d3d
}

.hotline .slide li.share .bdshare-button-style0-32 a.bds_weixin {
    background: url(../images/wel26.png) no-repeat center;
    background-size: cover
}

.hotline .slide li.share .bdshare-button-style0-32 a.bds_tsina {
    background: url(../images/wel27.png) no-repeat center;
    background-size: cover
}

.hotline .slide li.share .bdshare-button-style0-32 a.bds_qzone {
    background: url(../images/wel28.png) no-repeat center;
    background-size: cover
}

.hotline .slide li.share .bdshare-button-style0-32 a.bds_tqq {
    background: url(../images/wel29.png) no-repeat center;
    background-size: cover
}

.head_m {
    background: #f3f3f3;
    width: 100%;
    height: 108px;
    position: absolute;
    top: 90px;
    left: 0;
    display: none;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    z-index: 1
}

.head_m div.w1200 {
    height: 57px;
    width: 446px;
    margin: 26px auto
}

.head_m div input[type=text] {
    float: left;
    width: 353px;
    text-align: left;
    border: 1px solid #ededed;
    background: #fff;
    font-size: 14px;
    color: #999;
    line-height: 55px;
    height: 55px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 20px
}

.head_m div input[type=submit] {
    float: left;
    border: none;
    background: #ff7818;
    width: 70px;
    height: 55px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 55px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 1px
}

.tel_box {
    position: fixed;
    background: #fff;
    border-radius: 3px;
    width: 420px;
    height: 254px;
    top: 50%;
    /* display: none; */
    right: 50%;
    font-size: 16px;
    color: #ccc;
    text-align: center;
    color: #666;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #ccc;
    z-index: 11111;
    margin-right: -210px;
}

.tel_box .close {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.tel_box h1 {
    color: #666;
    font-size: 20px;
    line-height: 70px;
    border-bottom: 1px solid #ccc
}

.tel_list {
    padding: 10px 0
}

.tel_list li {
    width: 160px;
    margin: 0 auto;
    text-align: center;
}

.tel_list li.teach_1 {
    background: url(../images/male.png) no-repeat left center;
    padding-left: 30px
}

.tel_list li.teach_2 {
    background: url(../images/female.png) no-repeat left center;
    padding-left: 30px
}

/*about*/

.bj272727 {
    height: 40px
}

.bjfafafa {
    background: #fafafa
}

.about_fixed .wrap_home {
    padding-top: 74px
}

.mar_r10 {
    margin-right: 10px
}

.marg_10 {
    margin-bottom: 10px;
}

.wrap_1 .about_in {
    height: 292px;
    background: #1153b6;
    text-align: center;
    color: #fff;
}

.wrap_1 .about_in a {
    color: #fff;
    display: block;
    height: 100%
}

.wrap_1 .about_in a h1 {
    padding-top: 98px;
    font-size: 36px;
    line-height: 29px;
    font-family: "Times New Roman"
}

.wrap_1 .about_in a span {
    font-size: 16px;
    line-height: 29px;
    font-family: "Times New Roman";
    display: block
}

.wrap_1 .about_in a b {
    font-weight: normal;
    width: 152px;
    height: 39px;
    line-height: 39px;
    display: block;
    margin: 16px auto;
    font-family: "Microsoft Yahei";
    font-size: 16px
}

.padding30 {
    padding: 32px 30px;
}

.about_1 .left {
    position: relative
}

.about_1 .left .img {
    position: absolute;
    top: 0;
    right: 0;
    width: 466px;
    opacity: 0
}

.anime-1 .about_1 .left .img {
    -webkit-animation: shu1 0.5s linear 1 backwards;
    animation: shu1 0.5s linear 1 backwards;
    opacity: 1;
}

.about_1 .left .w596 {
    width: 596px;
}

.wrap_1 a.more {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: url(../images/more.png) no-repeat;
    text-align: left;
    padding-left: 40px;
    width: 48px;
}

.wrap_1 a.more:hover {
    color: #fff;
    background: url(../images/moreh.png) no-repeat;
}

#two a .zhici_con p {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: 0.8s;
}

#two:hover a .zhici_con p {
    top: 100px;
}

input:focus {
    outline: none;
}

.tel {
    position: absolute;
    right: 50px;
    background: #fff;
    height: 46px;
    width: 150px;
    top: 0;
    line-height: 46px
}

.tel {
    font-size: 16px;
    color: #333
}

.posit_rel {
    position: relative
}

.daohangtiao {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    color: #fff;
    background: url(../images/li.png) repeat-x;
    line-height: 50px;
    height: 50px
}

.daohangtiao p {
    margin-left: 38px;
    font-size: 16px
}

.left_bar {
    width: 240px;
    float: left;
    position: relative;
    margin-top: -80px;
}

.left_tit {
    background: #00337d;
    width: 240px;
    height: 150px;
    text-align: center;
    color: #fff;
    font-size: 20px
}

.left_tit h1 {
    font-size: 36px;
    line-height: 12px;
    color: #dde0e9;
    font-family: "Times New Roman";
    margin-bottom: 14px;
    padding-top: 46px
}

.left_bar ul {
    text-align: center;
    background: #fff;
    margin-bottom: 20px
}

.left_bar ul li {
    border-bottom: 1px solid #fafafa;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}

.left_bar ul li:hover, .left_bar ul li.on {
    background: #0049b4 url(../images/leftli.png) no-repeat 206px center;
}

.left_bar ul li:hover a, .left_bar ul li.on a {
    color: #fff
}

.left_bar ul li a {
    color: #333;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    display: block
}

.b_logo {
    background: #5c5c5c;
    margin-bottom: 20px;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}

.b_logo a {
    display: block;
}

.b_logo a:hover {
    background: #0049b4
}

.wrap_right {
    position: relative;
    width: 898px;
    float: right;
    margin-top: 40px;
    margin-bottom: 80px
}

.wrap_right_tit {
    background: #fff
}

.wrap_right_tit {
    font-size: 16px;
    color: #0049b4;
    text-align: left;
    padding-top: 28px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e3e3e3;
    position: relative
}

.wrap_right_tit h1 {
    margin: 0 60px 0 60px;
    line-height: 20px;
    background: url(../images/li_1.png) no-repeat left center;
    padding-left: 12px
}

.tit_r {
    font-size: 12px;
    color: #999999;
    position: absolute;
    right: 20px;
    top: 24px
}

.tit_r a {
    background: url(../images/right.png) no-repeat right center;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 12px;
    color: #999999
}

.tit_r a.active {
    color: #333;
    background: none;
    padding-right: 0
}

.tit_r a.home {
    margin-left: 0
}

.about_file {
    color: #333;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px
}

.profile_con {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    margin-bottom: 38px
}

.img_profile {
    position: relative;
    height: 280px;
    margin-bottom: 40px
}

.img_profile img {
    position: relative;
    z-index: 1
}

.vip_file {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #ccc;
    width: 700px;
    height: 197px;
}

.vip_file span {
    position: absolute;
    bottom: 16px;
    right: 24px;
    font-size: 14px;
    line-height: 28px;
    color: #777
}

.vip_file span b {
    height: 1px;
    width: 24px;
    background: #999;
    display: block;
    margin-bottom: 14px
}

.about_cultrue {
    color: #333;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}

.about_zhici {
    color: #444;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 10px;
}

.marg_10 {
    margin-bottom: 10px
}

.jiagou_img_tit h1 {
    margin: 0 0 20px 0;
    line-height: 20px;
    color: #0049b4;
    font-size: 20px
}

.img_box_jiagou ul li {
    border: 1px solid #ccc;
    width: 229px;
    float: left;
    margin-right: 42px;
    margin-bottom: 40px;
    cursor: pointer;
}

.img_box_jiagou ul li.last {
    margin-right: 0
}

.img_box_jiagou ul li .img_top {
    height: 284px;
    overflow: hidden
}

.img_box_jiagou ul li .img_top img {
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    -moz-transition: transform 1s;
}

.img_box_jiagou ul li:hover .img_top img {
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.2, 1.2);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.2, 1.2);
    -o-transition: transform 1.5s linear 0
}

.img_box_jiagou ul li .con_bot {
    text-align: left;
    padding: 16px 18px
}

.img_box_jiagou ul li h1 {
    font-size: 16px;
    color: #333;
    line-height: 24px
}

.img_box_jiagou ul li p {
    color: #666;
    line-height: 28px;
    font-size: 14px
}

.img_box_jiagou ul li:hover h1 {
    color: #0049b4
}

.img_box_jiagou ul li:hover p {
    color: #333
}

.right_con {
    overflow: hidden
}

.hornor_box li {
    width: 247px;
    float: left;
    margin-right: 18px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s;
    height: 240px;
    background: #fff;
    margin-bottom: 30px;
    text-align: left;
}

.hornor_box li div.home_top_img {
    overflow: hidden;
    width: 247px;
    height: 160px;
    position: relative;
    z-index: 1;
}

.hornor_box li div.home_top_img img {
    transition: transform 1s;
}

.hornor_box li:hover div.home_top_img img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

.marg_24 {
    margin-bottom: 24px
}

.w_100 {
    width: 100%
}

.marg_img {
    opacity: 0
}

.anime .marg_img {
    opacity: 1;
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
}

.tit_1 span {
    opacity: 0
}

.anime .tit_1 span.yi {
    opacity: 1;
    -webkit-animation: fadeIn 0.5s linear 1 backwards;
    animation: fadeIn 0.5s linear 1 backwards;
}

.anime .tit_1 span.shu {
    opacity: 1;
    -webkit-animation: fadeIn 0.5s linear 0.3s 1 backwards;
    animation: fadeIn 0.5s linear 0.3s 1 backwards;
}

.anime .tit_1 span.sheng {
    opacity: 1;
    -webkit-animation: fadeIn 0.5s linear 0.6s 1 backwards;
    animation: fadeIn 0.5s linear 0.6s 1 backwards;
}

.anime .tit_1 span.huo {
    opacity: 1;
    -webkit-animation: fadeIn 0.5s linear 0.9s 1 backwards;
    animation: fadeIn 0.5s linear 0.9s 1 backwards;
}

.tit_1 .t5 {
    opacity: 0
}

.izl-rmenu {
    margin-right: 0;
    width: 50px;
    position: fixed;
    right: 0;
    top: 48%;
    z-index: 999;
}

.izl-rmenu .consult {
    background: #fff url(../images/w120.png) no-repeat center center;
    display: block;
    height: 65px;
    width: 65px;
    box-shadow: 0 0 10px #ccc;
}

.izl-rmenu .consult .phone {
    background-color: rgb(247, 247, 255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 26px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}

.izl-rmenu a.consult:hover .phone {
    display: inline !important;
}

.izl-rmenu .cart {
    background: #fff url(../images/share.png) no-repeat center center;
    display: block;
    height: 65px;
    width: 65px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    box-shadow: 0 0 10px #ccc;
}

.izl-rmenu a.cart:hover .pic {
    display: block;
}

.izl-rmenu .btn_top {
    background: #fff url(../images/top.png) no-repeat center center;
    display: block;
    height: 65px;
    width: 65px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    box-shadow: 0 0 10px #ccc;
}

.izl-rmenu .btn_top:hover {}

.izl-rmenu .cart .pic {
    display: none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
}

#udesk-feedback-tab {
    z-index: 10000;
    cursor: pointer;
    background: #fff url(../images/w121.png) no-repeat center center;
    display: block;
    height: 65px;
    width: 65px;
    z-index: 999;
    box-shadow: 0 0 10px #ccc;
}

#udesk-feedback-tab:hover div {
    display: inline !important;
}

.device .bj {
    background: url(../images/bannerb.png) no-repeat bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 139px;
}

.tit_box {
    margin-top: 30px;
}

.tit_box h1 {
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #e7e7e8;
    padding-bottom: 13px;
    line-height: 18px;
    font-weight: 700;
    font-family: "微软雅黑";
    margin-bottom: 13px
}

.tit_box p {
    line-height: 28px;
    color: #666;
    font-size: 14px;
    height: 84px;
    overflow: hidden
}

.yuan9 {
    width: 276px;
    height: 178px;
    position: absolute;
    left: -230px;
    top: -60px;
}

.i-ban .btn {
    position: absolute;
    bottom: 30px;
    right: 10%;
    width: 81px;
    z-index: 1;
    margin-left: -115px;
}

.header img {
    width: 100%
}

.tit_1 {
    position: relative;
    height: 50px;
}

.tit_1 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.tit_1 .t5 {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 31px;
    height: 31px;
    margin-left: -15px;
}

.anime .tit_1 .t5 {
    opacity: 1;
    -webkit-animation: fadeIn 0.5s linear 0.9s 1 backwards;
    animation: fadeIn 0.5s linear 0.9s 1 backwards;
}

.anime .tit_1 .t5 img {
    -webkit-animation: cicle_l 1s linear 1.4s 1 backwards;
    animation: cicle_l 1s linear 1.4s 1 backwards;
    opacity: 1;
    /*-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;*/
}

.wrap-1 .img_box .left .left1 {
    opacity: 0
}

.anime .wrap-1 .img_box .left .left1 {
    -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards;
    opacity: 1
}

.wrap-1 .img_box .left .left2 h1, .wrap-1 .left span, .wrap-1 .img_box .left .left2 i, .wrap-1 .left p {
    opacity: 0
}

.anime .wrap-1 .img_box .left .left2 h1 {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1
}

.anime .wrap-1 .left span {
    -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-1 .img_box .left .left2 i {
    -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards;
    opacity: 1
}

.anime .wrap-1 .left p {
    -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards;
    opacity: 1
}

.wrap-1 .right .right1 img {
    opacity: 0
}

.anime .wrap-1 .right .right1 img {
    -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-1 .linebj {
    -webkit-animation: width_a 1.5s linear 1 backwards;
    animation: width_a 1.5s linear 1 backwards;
    opacity: 0
}

.wrap-1 .linebj {
    opacity: 1;
    position: absolute;
    left: -30px;
    bottom: -66px;
    width: 803px;
    height: 78px;
    background: #040404;
    z-index: 11
}

.wrap-3 .linebj {
    opacity: 1;
    position: absolute;
    left: 256px;
    bottom: 40px;
    width: 803px;
    height: 78px;
    background: #040404;
    z-index: 11
}

.wrap-2 .linebj {
    opacity: 1;
    position: absolute;
    right: -65px;
    bottom: -10px;
    width: 751px;
    height: 73px;
    background: #040404;
    z-index: 11
}

.wrap-2 .right .right1 img {
    opacity: 0
}

.anime .wrap-2 .right .right1 img {
    -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-2 .linebj {
    -webkit-animation: width_b 1.5s linear 1 backwards;
    animation: width_b 1.5s linear 1 backwards;
    opacity: 0
}

.wrap-3 .img_box .left a.more span {
    background: #ffe1ad;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 42px;
    -webkit-transition: all .6s;
    transition: all .6s
}

.wrap-3 .img_box .left a.more:hover span {
    width: 100%;
    -webkit-transition: all .6s;
    transition: all .6s;
}

a.more {
    position: relative;
}

a.more p {
    top: 0
}

.wrap-3 .img_box .left a.more p {
    margin-bottom: 0;
    line-height: 40px;
}

.wrap-3 .img_box .left a.more:hover p {
    position: relative;
    z-index: 1;
    color: #a1762a;
}

.wrap-2 .left a {
    opacity: 0
}

.anime .wrap-2 .left a {
    -webkit-animation: fadeIn 0.5s linear 1.3s 1 backwards;
    animation: fadeIn 0.5s linear 1.3s 1 backwards;
    opacity: 1
}

.anime .wrap-3 .left a {
    -webkit-animation: fadeIn 0.5s linear 1.3s 1 backwards;
    animation: fadeIn 0.5s linear 1.3s 1 backwards;
    opacity: 1
}

.wrap-4 .left, .wrap-4 .right {
    opacity: 0
}

.anime .wrap-4 .left {
    -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards;
    opacity: 1
}

.anime .wrap-4 .right {
    -webkit-animation: up1 0.5s linear 1.5s 1 backwards;
    animation: up1 0.5s linear 1.5s 1 backwards;
    opacity: 1
}

.wrap_2_con a, .con_wrp3 h1, .con_wrp3 p, .blogo {
    opacity: 0
}

.anime .con_wrp3 h1 {
    -webkit-animation: up 0.5s linear 1.2s 1 backwards;
    animation: up 0.5s linear 1.2s 1 backwards;
    opacity: 1
}

.anime .con_wrp3 p {
    -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards;
    opacity: 1
}

.anime .blogo {
    -webkit-animation: up 0.5s linear 1.8s 1 backwards;
    animation: up 0.5s linear 1.8s 1 backwards;
    opacity: 1
}

.wrap-3 .left a {
    opacity: 0
}

/*menu*/

.menu_box .padding_box .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12%;
    right: 6%;
    cursor: pointer;
}

.menu_box {
    background: #040404 url(../images/foot.png) no-repeat bottom right;
    color: #b8bfd1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1234;
}

.menu_box .nav ul li {
    float: left;
    width: 96px;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    margin-right: 124px;
    margin-bottom: 74px;
}

.menu_box .nav ul li h1 {
    font-size: 24px;
    line-height: 28px;
    color: #e0c089;
    margin-bottom: 22px;
    margin-top: 0;
}

.menu_box .nav ul li a {
    color: #ac9d8e;
    display: block;
    line-height: 24px;
    font-family: "微软雅黑";
    font-size: 14px
}

.menu_box .nav ul li .menu_in_con {
    margin-bottom: 70px;
    min-height: 120px;
    height: 120px
}

.menu_box .nav ul li.last {
    margin-right: 0;
}

.bottom_rel {
    position: relative;
    margin: 0 85px;
}

.bottom_rel p {
    font-size: 12px;
    color: #9e8f80
}

.bottom_rel .right_links .fl {
    margin: 0
}

.menu_box .padding_box .nav {
    width: 1200px;
    margin: 12% auto 0 auto;
    overflow: hidden
}

.menu_box .padding_box .close {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.menu_box .padding_box .close span {
    position: relative;
    display: block;
    width: 30px;
    height: 5px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu_box .padding_box .close span:nth-of-type(1) {
    margin-top: 0px;
    -webkit-transform: translateY(8.5px) rotate(-45deg);
    -ms-transform: translateY(8.5px) rotate(-45deg);
    transform: translateY(8.5px) rotate(-45deg);
}

.menu_box .padding_box .close span:nth-of-type(2) {
    margin-bottom: 0px;
    -webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
}

.menu_box .padding_box .close:hover span:nth-of-type(1) {
    -webkit-transform: translateY(1.5px) rotate(-1.4deg);
    -ms-transform: translateY(1.5px) rotate(-1.4deg);
    transform: translateY(1.5px) rotate(-1.4deg);
}

.menu_box .padding_box .close:hover span:nth-of-type(2) {
    -webkit-transform: translateY(-4.5px) rotate(-1.4deg);
    -ms-transform: translateY(-4.5px) rotate(-1.4deg);
    transform: translateY(-4.5px) rotate(-1.4deg);
}

.pc_nav .menu_box {
    display: none
}

.menu_box .padding_box .close:hover {
    -webkit-animation: pulse 1s linear 1 backwards;
    animation: pulse 1s linear 1 backwards;
    opacity: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.wrap-3 .right .right1 img {
    opacity: 0
}

.anime .wrap-3 .right .right1 img {
    -webkit-animation: shu 1s linear 0.3s 1 backwards;
    animation: shu 1s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-3 .linebj {
    -webkit-animation: width_a 1.5s linear 1 backwards;
    animation: width_a 1.5s linear 1 backwards;
    opacity: 0
}

.load {
    margin: 0 auto;
    width: 52px;
    height: 52px;
    text-align: center
}

.wrap-2 .img_box .left .left1 {
    opacity: 0
}

.anime .wrap-2 .img_box .left .left1 {
    -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards;
    opacity: 1
}

.wrap-2 .img_box .left .left2 h1, .wrap-2 .left span, .wrap-2 .img_box .left .left2 i, .wrap-2 .left p {
    opacity: 0
}

.anime .wrap-2 .img_box .left .left2 h1 {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1
}

.anime .wrap-2 .left span {
    -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-2 .img_box .left .left2 i {
    -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards;
    opacity: 1
}

.anime .wrap-2 .left p {
    -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards;
    opacity: 1
}

.wrap-3 .img_box .left .left1 {
    opacity: 0
}

.anime .wrap-3 .img_box .left .left1 {
    -webkit-animation: shu 0.5s linear 1 backwards;
    animation: shu 0.5s linear 1 backwards;
    opacity: 1
}

.wrap-3 .img_box .left .left2 h1, .wrap-3 .left span, .wrap-3 .img_box .left .left2 i, .wrap-3 .left p {
    opacity: 0
}

.anime .wrap-3 .img_box .left .left2 h1 {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1
}

.anime .wrap-3 .left span {
    -webkit-animation: up1 0.5s linear 0.3s 1 backwards;
    animation: up1 0.5s linear 0.3s 1 backwards;
    opacity: 1
}

.anime .wrap-3 .img_box .left .left2 i {
    -webkit-animation: up1 0.5s linear 0.6s 1 backwards;
    animation: up1 0.5s linear 0.6s 1 backwards;
    opacity: 1
}

.anime .wrap-3 .left p {
    -webkit-animation: up1 0.5s linear 0.9s 1 backwards;
    animation: up1 0.5s linear 0.9s 1 backwards;
    opacity: 1
}

.i-ban .btn span {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    float: left;
    display: inline;
    border-radius: 360px;
    background: url(../images/img2.png) no-repeat
}

.i-ban .btn span.on {
    background: url(../images/img1.png) no-repeat
}

.banner_box {
    position: relative;
    height: 845px;
}

.banner {
    width: 100%;
    height: 845px;
    position: relative;
    overflow: hidden;
}

.f-cb {
    zoom: 1;
}

.banner {
    width: 100%;
    height: 845px;
    position: relative;
    overflow: hidden;
}

.banner li {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 845px;
}

.bannertxt {
    position: relative;
}

.i-ban li a {
    display: block;
    transition: all 0.3s;
}

#scrollObj {
    width: 430px;
    position: relative;
}

#scrollBar {
    width: 2px;
    height: 270px;
    background: #d9d9d9;
    cursor: pointer;
    position: relative;
    right: 1px
}

#scrollBtn {
    width: 4px;
    height: 80px;
    background: #0049b4;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -1px
}

#scrollBox {
    height: 270px;
    width: 500px;
    overflow: hidden;
    position: relative;
}

.wrap_news .w_1200 {
    background: #fff
}

.wrap_news .w_1200 .news_list {
    padding: 33px 30px;
    width: auto;
    margin: 0 auto;
}

.wrap_news .news_list ul {
    width: 11545x;
    overflow: hidden
}

.wrap_news .news_list li {
    float: left;
    margin-right: 16px;
    width: 370px;
    height: 362px;
    margin-right: 13px;
    border: 1px solid #f5f5f5;
    margin-bottom: 13px
}

.wrap_news .news_list li .bottom_news {
    padding: 19px 30px
}

.wrap_news .news_list li .top_news {
    height: 221px;
}

.anime .wrap_news .news_list li:nth-child(1) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.anime .wrap_news .news_list li:nth-child(2) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.anime .wrap_news .news_list li:nth-child(3) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.anime .wrap_news .news_list li {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.wrap_news .w_1200 {
    box-shadow: 0 0 10px #f5f5f5
}

.news_nav li {
    cursor: pointer;
    float: left;
    width: 400px;
    height: 63px;
    line-height: 63px;
    color: #999999;
    font-size: 20px;
    text-align: center
}

.news_nav li.on, .news_nav li:hover {
    background: #0099d0;
    color: #fff;
}

.news_nav {
    position: relative;
    height: 63px;
    background: #fff
}

.news_nav span {
    background: #e8e8e8;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

/*
-----------
** 招聘模板4 **
-----------
*/

.job-list-tpl4 {
    width: 100%;
}

.job-list-tpl4 dt {
    color: #666;
    cursor: pointer;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

.job-list-tpl4 dt i {
    background: url(../images/add.png) no-repeat;
    color: #444;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 0;
    right: 20px;
}

.job-list-tpl4 dd {
    display: none;
    overflow: hidden;
    padding: 25px 0 38px 0;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #fafafa;
    background: #fafafa
}

.right_con table th:first-child {
    padding-left: 20px
}

.right_con table th {
    line-height: 70px;
    height: 70px;
    text-align: left;
    font-size: 18px;
    color: #fff
}

.right_con_shadow {
    box-shadow: 0 0 20px #ccc
}

.table_box_bj {
    background: #cd1e3a url(../images/bj.png) no-repeat;
    position: relative;
    height: 70px;
}

.table_bj {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/right.png) no-repeat right center;
}

.job-list-tpl4 dd tr.p_30 td {
    padding-left: 30px
}

.job-list-tpl4 dd td {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    width: 33.333%;
    box-sizing: border-box;
}

.job-list-tpl4 dd td span {
    color: #666;
    font-size: 15px;
    font-weight: 700;
    padding-right: 5px;
}

.more_link {
    margin-top: 285px;
    margin-left: 0;
    width: 810px;
}

.more_link span {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin-bottom: 22px;
    display: block;
    margin-left: 4px
}

.more_link p {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
    text-transform: capitalize
}

.more_link h1 {
    color: #fff;
    font-size: 60px;
    line-height: 62px;
    text-transform: uppercase;
}

.swiper-slide .bg {
    position: absolute;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.img_banner {
    height: 100%
}

.swiper-container {
    overflow: hidden;
}

.swiper-slide .bgt-1 {
    top: 0;
    left: 0;
    width: 1700px;
    opacity: 0
}

.swiper-slide .bgt-2 {
    top: 0;
    left: 0;
    width: 1700px;
    opacity: 0
}

.swiper-slide .bgt-3 {
    top: 0;
    left: 0;
    width: 1700px;
    opacity: 0
}

.swiper-slide .bgt-4 {
    top: 0;
    left: 0;
    width: 1700px;
    opacity: 0
}

.swiper-slide .bgt-5 {
    top: 0;
    left: 0;
    width: 1700px;
    opacity: 0
}

.swiper-slide .bgt-1 span {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    display: block;
    -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards;
}

.swiper-slide .bgt-2 span {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    display: block;
    -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards;
}

.swiper-slide .bgt-3 span {
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    display: block;
    -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards;
}

.swiper-slide .bgt-4 span {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    display: block;
    -webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards;
}

.swiper-slide .bgt-5 span {
    background: rgba(255, 255, 255, 0.5);
    height: 100%;
    display: block;
    -webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards;
}

.swiper-slide .bgt-1 {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards;
}

.swiper-slide .bgt-2 {
    -webkit-animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
}

.swiper-slide .bgt-3 {
    -webkit-animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
}

.swiper-slide .bgt-4 {
    -webkit-animation: fadeInLeft 0.35s linear 0.9s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards;
}

.swiper-slide .bgt-5 {
    -webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
}

.swiper-slide {
    position: relative
}

.job-list-tpl4 dd td span.tit {
    font-size: 15px
}

.job-list-tpl4 .btn {
    margin-top: 30px;
    height: 36px;
    background: #da1b39 url(../images/jl.png) 32px center no-repeat;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 132px;
    padding-left: 10px;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
}

.job-list-tpl4 .btn:hover {
    color: #fff;
    background: #000 url(../images/jl.png) 32px center no-repeat;
}

.job-list-tpl4 dt.open {
    color: #666;
}

.job-list-tpl4 dt.open i {
    background: url(../images/pul.png) no-repeat;
}

.job_file {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
}

.lilian_con {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    margin-bottom: 32px;
}

.jiazhi ul li {
    padding-left: 48px
}

.jiazhi ul li h1 {
    color: #333;
    font-size: 18px;
    line-height: 22px;
}

.jiazhi ul li p {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    margin-bottom: 22px;
}

.lilian_con {
    position: relative
}

.lilian_con .rc {
    position: absolute;
    top: -50px;
    right: 0;
}

.lilian_con .w526 {
    width: 526px;
}

.video_fixed {
    position: fixed;
    background: url(../images/png.png) repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1111
}

.sp {
    width: 825px;
    height: 450px;
    margin: 14% auto;
    position: relative
}

.video_fixed .close {
    width: 13px;
    height: 13px;
    top: -30px;
    right: 0;
    position: absolute;
    cursor: pointer;
    background: url(../images/close.png) no-repeat
}

.video_fixed .video {
    width: 450px;
    height: 300px;
    margin: 14% auto;
    position: relative
}

.other_banner {
    height: 750px;
    display: block;
    position: relative
}

.other_banner .banner_in {
    height: 750px;
    position: relative
}

.show_box {
    overflow: hidden;
    padding-bottom: 62px;
    padding-top: 58px;
}

.wrap_left_bottom {
    height: 133px;
    width: 100%;
    margin-bottom: 10px
}

.wrap_left_bottom a {
    display: block;
    color: #999
}

.wrap_left_bottom a:hover {
    color: #333
}

.wrap_left_bottom a:hover h1 {
    color: #e13d43
}

.wrap-1 .right .anime_1 span {
    color: #666;
    text-transform: uppercase;
    line-height: 22px;
    display: inline;
    float: left;
    margin-left: 7px;
    font-size: 14px;
}

.text_box {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    color: #f3c286;
    position: relative
}

.text_box div {
    padding-top: 225px
}

.text_box p {
    margin-bottom: 20px
}

.text_box p.p1 {
    margin-bottom: 16px;
    font-size: 49px;
    line-height: 50px;
}

.text_box p.p2 {
    margin-bottom: 48px;
    font-size: 26px;
    line-height: 26px;
    margin-left: 15px
}

.text_box p.p3 {
    font-size: 16px;
    line-height: 24px;
}

.down_btn {
    position: absolute;
    bottom: 58px;
    width: 21px;
    left: 50%;
    margin-left: -10px;
    cursor: pointer
}

.down_btn img {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 23px;
}

.down_btn img.img_up {
    -webkit-animation: down_up 1.5s linear 0.5s 1 backwards;
    animation: down_up 2s linear 0.5s 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.down_btn img.img_down {
    -webkit-animation: down_up 1.5s linear 1 backwards;
    animation: down_up 2s linear 1 backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.wrap-1 .left .home_top_list_left dl dt p {
    display: inline;
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 50px
}

.home_top_list_left dl dt {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #d1d1c5
}

.home_top_list_left dl dt a {
    display: block;
    height: 100%;
}

.wrap-1 .left .home_top_list_left dl dt span {
    display: inline;
    float: right;
    color: #999;
    font-size: 14px;
    line-height: 50px
}

.wrap-1 .left .home_top_list_left dl dt a:hover p, .wrap-1 .left .home_top_list_left dl dt a:hover span {
    color: #e13d43
}

.bar_box {
    width: 294px;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2
}

.wrap_in {
    background: #edece8 url(../images/left_bj.png) no-repeat left top;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.video_list {
    padding-bottom: 18px;
    overflow: hidden
}

.video_list ul {
    width: 872px;
}

.video_list li {
    float: left;
    width: 414px;
    margin-right: 22px;
    margin-bottom: 22px;
}

.video_list li div {
    text-transform: uppercase;
    height: 246px;
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    position: relative
}

.video_list li div img {
    transition: transform 0.6s;
}

.video_list li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat center center;
    cursor: pointer;
}

.video_list li:hover span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/playh.png) no-repeat center center;
    cursor: pointer;
}

.video_list li div:hover img {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.video_list li p {
    line-height: 50px;
    height: 50px;
    color: #666;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.bar_box h1 {
    color: #da251c;
    font-size: 26px;
    line-height: 24px;
    font-weight: normal;
    padding: 28px 0 15px 0;
}

.bar_box h1 span {
    display: block;
    text-transform: uppercase;
    /*font-size:16px; color:#808080;  */
    line-height: 30px;
}

.bar_box ul {
    margin-left: 17px
}

.bar_box li {
    line-height: 62px;
    height: 62px;
    font-size: 16px;
    color: #da251c;
    position: relative;
    text-align: left
}

.bar_box li a {
    display: block;
    padding-left: 94px
}

.bar_box li.on, .bar_box li:hover {
    background: url(../images/barh.png) no-repeat;
}

.bar_box li.on a, .bar_box li:hover a {
    color: #da251c
}

.bar_box li span {
    background: url(../images/barl.png) no-repeat;
    width: 205px;
    height: 22px;
    position: absolute;
    bottom: -20px;
    left: 0
}

.wrap_in_right_products {
    background: url(../images/showbj.png) repeat-y;
    float: left;
    width: 906px;
    position: relative;
}

.wrap_in_right_products h1 {
    position: relative;
    padding: 38px 0 38px 80px;
    height: 24px;
    line-height: 24px;
    background: url(../images/titbj.png) no-repeat;
    margin-bottom: 70px;
    font-size: 24px;
    color: #da251c
}

.wrap_in_right_products h1.about_marg {
    margin-bottom: 2px;
}

.wrap_in_right_products h1 b.line {
    position: absolute;
    bottom: 1px;
    left: 1px;
    height: 1px;
    background: #b5b5b5;
    border-top: 1px solid #636163;
    border-bottom: 1px solid #fefefe;
    display: block;
    width: 100%;
}

.wrap_in_right_products h1 span {
    position: absolute;
    top: 38px;
    right: 72px;
    font-size: 12px;
    color: #808080
}

.wrap_in_right_products h1 span a {
    color: #808080;
}

.wrap_in_right_products h1 span a:hover {
    color: #da251c
}

.product_list {
    padding: 24px 80px;
    overflow: hidden;
    position: relative;
    min-height: 1000px;
}

.product_list li {
    margin-bottom: 70px;
}

.product_list li div {
    background: url(../images/bj.png) no-repeat;
    width: 767px;
    height: 483px;
    overflow: hidden;
    margin-bottom: 40px;
}

.product_list li div img {
    width: 745px;
    height: 462px;
    border: 5px solid #fff;
    margin: 5px
}

.product_list li p {
    font-size: 16px;
    color: #da251c;
    text-align: center;
    line-height: 34px;
}

.wrap_in_right_products h3 {
    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 35px;
    padding-bottom: 32px;
    margin-bottom: 10px;
    position: relative;
    z-index: 12;
}

.case_list_m li {
    margin-bottom: 50px
}

.news_content {
    line-height: 36px;
    position: relative;
    z-index: 1;
    margin: 0 40px;
    min-height: 660px;
    min-height: 1000px
}

.news_content li {
    line-height: 36px;
    border-bottom: 1px dashed #969696;
    padding-left: 10px;
    background: url(../images/doit.png) no-repeat 2px center
}

.contact_content {
    position: relative;
    z-index: 1;
    margin: 0 40px 190px 40px;
    min-height: 660px;
    padding-top: 30px;
    line-height: 30px;
    font-size: 14px
}

#map {
    height: 387px;
    border-radius: 5px;
}

.map {
    margin-bottom: 38px;
}

.contact_content h2 {
    font-size: 30px
}

.contact_content img {
    margin: 0 auto;
    display: block
}

.news_content h2 {
    color: #da251c;
    font-size: 22px;
    text-align: center;
    line-height: 24px;
    margin-top: 34px;
    border-bottom: 1px dashed #919191;
    padding-bottom: 26px;
    margin-bottom: 26px;
}

.news_content h2 span {
    display: block;
    color: #666464;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px
}

.news_content .news_detail_con {
    line-height: 32px;
    color: #4c4948
}

.contact_list div {
    background: #f6f6f6;
    height: 123px;
    width: 277px;
    border-radius: 5px;
    text-align: center;
    float: left;
    margin-right: 9px
}

.contact_list div:hover {
    background: #da2b18
}

.contact_list div p {
    color: #666;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 8px
}

.contact_list div p.tit {
    font-weight: 700
}

.contact_list {
    width: 858px;
    overflow: hidden;
    margin-bottom: 94px;
}

.contact_list div em {
    margin: 24px auto 8px auto;
    width: 30px;
    height: 30px;
    display: block
}

.contact_list .first em {
    background: url(../images/5.png) no-repeat center center;
}

.contact_list .two em {
    background: url(../images/6.png) no-repeat center center;
}

.contact_list .three em {
    background: url(../images/7.png) no-repeat center center;
}

.contact_list .first:hover em {
    background: url(../images/5h.png) no-repeat center center;
}

.contact_list .two:hover em {
    background: url(../images/6h.png) no-repeat center center;
}

.contact_list .three:hover em {
    background: url(../images/7h.png) no-repeat center center;
}

.history_list {
    padding-bottom: 30px;
    overflow: hidden
}

.history_list .line {
    position: absolute;
    top: 0;
    left: -56px;
    width: 51px;
    background: url(../images/doit.png) repeat-y center;
    height: 97%
}

.history_list .line img {
    margin: 0 auto
}

.history_list ul {
    width: 794px;
    float: right;
    background: url(../images/hua.png) right bottom no-repeat;
    padding-bottom: 30px;
    padding-top: 80px;
    position: relative
}

.contact_list div:hover p {
    color: #fff;
}

.history_list li {
    position: relative
}

.history_list li div.con {
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 8px;
    float: none;
    min-height: 140px;
    margin-bottom: 30px;
    overflow: hidden
}

.history_list li .left {
    font-size: 34px;
    font-weight: 700;
    color: #999999;
    width: 118px;
    float: left;
    position: relative
}

.history_list li em {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/cic.png) no-repeat;
    left: -10px;
    top: 34px
}

.history_list li .right {
    width: 614px;
    float: left
}

.history_list li .right div {
    margin-left: 30px;
}

.history_list li .right div h1 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-bottom: 10px
}

.history_list li .right div p {
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.row_list_two {
    padding-bottom: 20px
}

.row_list_two li {
    margin-bottom: 20px;
    height: 280px;
    background: #fafafa;
    border-radius: 5px 5px 5px 5px;
}

.row_list_two li:hover {
    background: #dc3510;
    box-shadow: 0 0 20px #fafafa;
}

.row_list_two li:hover .home_bottom_bg div h1, .row_list_two li:hover .home_bottom_bg div p, .row_list_two li:hover .home_bottom_bg div span {
    color: #fff
}

.row_list_two li .home_top_img {
    overflow: hidden;
    width: 415px;
    height: 280px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}

.row_list_two li .home_bottom_bg {
    width: 435px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px;
    float: left
}

.row_list_two li .home_bottom_bg div {
    position: relative;
    z-index: 1;
    padding: 30px;
    line-height: 40px;
    font-size: 14px;
}

.row_list_two li .home_bottom_bg div h1 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}

.row_list_two li .home_bottom_bg div span {
    font-size: 12px;
    color: #666;
    line-height: 38px;
    height: 38px;
    display: block;
    margin-bottom: 10px;
    width: 118px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.row_list_two li .home_bottom_bg div p {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 30px;
}

.row_list_two .home_top_img img {
    transition: transform 1s;
}

.row_list_two .home_top_img img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

.row_list_two li:hover .home_top_img img {
    transform: scale(1.2, 1.2);
    transition: transform 1.5s linear 0
}

/*foot*/

.right_con .copyright {
    display: inline;
    position: absolute;
    top: 20px;
    right: 0
}

.right_con .copyright a {
    margin-left: 10px;
    margin-right: 0;
    padding: 0;
    text-align: center;
    width: 17px;
    height: 17px;
    cursor: pointer;
    display: inline-block;
    float: none;
}

.copyright a.news_qq {
    background: url(../images/qq.png) no-repeat;
    height: 17px;
    display: inline-block;
}

.copyright a.news_wx {
    background: url(../images/weixin.png) no-repeat;
    height: 17px;
    display: inline-block;
}

.copyright a.news_sina {
    background: url(../images/sina.png) no-repeat;
    height: 17px;
}

.copyright a.news_qzeo:hover {
    background: url(../images/kj.png) no-repeat;
}

.copyright a.news_qq:hover {
    background: url(../images/qq.png) no-repeat;
}

.copyright a.news_wx:hover {
    background: url(../images/weixin.png) no-repeat
}

.copyright a.news_sina:hover {
    background: url(../images/sina.png) no-repeat
}

.pagebox {
    width: 52%;
    margin: 20px auto 0 auto;
    margin-bottom: 46px;
    overflow: hidden;
}

.pagebox a.up_p {
    line-height: 60px;
    height: 60px;
    background: url(../images/l1.png) no-repeat left center;
    padding-left: 40px;
    color: #666;
    position: absolute;
    top: 0;
    left: 47px
}

.pagebox a.down_p {
    line-height: 60px;
    height: 60px;
    background: url(../images/r1.png) no-repeat right center;
    padding-right: 40px;
    color: #666;
    position: absolute;
    top: 0;
    right: 47px
}

.pagebox {
    position: relative
}

.news_bj {
    background: url(../images/bj.png) no-repeat bottom center;
    padding-bottom: 80px;
}

.about_in {
    overflow: hidden;
    height: 292px;
}

.other_banner .top_banner {
    position: relative;
    height: 486px;
}

.top_banner .bg {
    position: absolute;
    height: 100%;
    opacity: 0;
    right: 0
}

.top_banner .bg span {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 0
}

.top_banner .bgt-1 {
    top: 0;
    right: 0;
    width: 100%;
}

.top_banner .bgt-2 {
    top: 0;
    right: 0;
    width: 100%;
}

.top_banner .bgt-3 {
    top: 0;
    right: 0%;
    width: 100%;
}

.top_banner .bgt-4 {
    top: 0;
    right: 0;
    width: 100%;
}

.top_banner .bgt-5 {
    top: 0;
    right: 0;
    width: 100%;
}

.anime_t1 .top_banner .bg {
    opacity: 1
}

.anime_t1 .top_banner .bgt-1 {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards
}

.anime_t1 .top_banner .bgt-2 {
    -webkit-animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards
}

.anime_t1 .top_banner .bgt-3 {
    -webkit-animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards
}

.anime_t1 .top_banner .bgt-4 {
    -webkit-animation: fadeInLeft 0.5s linear 0.9s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards
}

.anime_t1 .top_banner .bgt-5 {
    -webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards
}

.anime_t1 .top_banner .bgt-1 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}

.anime_t1 .top_banner .bgt-2 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}

.anime_t1 .top_banner .bgt-3 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards
}

.anime_t1 .top_banner .bgt-4 span {
    opacity: 0;
    width: 0;
    -webkit-animation: width_b 0.5s linear 0.9s 1 backwards;
    animation: width_b 0.5s linear 0.9s 1 backwards
}

.anime_t1 .top_banner .bgt-5 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 1.2s 1 backwards;
    animation: width_b 0.5s linear 1.2s 1 backwards
}

.device .more_link {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1
}

.wrap_nav {
    width: 1200px;
    margin-bottom: 102px;
    z-index: 1;
    position: relative;
    line-height: 22px;
    height: 22px;
}

.wrap_nav ul li {
    float: left;
    font-weight: 700;
    font-size: 20px;
    margin-right: 22px;
    line-height: 22px;
}

.wrap_nav ul li, .wrap_nav ul li a {
    color: #555
}

.wrap_nav ul li.on, .wrap_nav ul li.on a, .wrap_nav ul li:hover a, .wrap_nav ul li:hover {
    color: #d8262c;
}

.center_service {
    box-shadow: 0 0 10px #ccc;
    height: 70px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e3e2e3
}

.center_service li {
    float: left;
    width: 398px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    cursor: pointer;
    border-left: 1px solid #f1f1f1;
}

.center_service li:hover, .center_service li.on {
    background: #d8262c;
    color: #fff;
    border-right: 1px solid #d8262c
}

.center_service li:first-child {
    border-left: none
}

.tab_list dl {
    padding: 0 38px;
    display: block;
    background: #fff;
}

.tab_list dl dt {
    line-height: 62px;
    height: 62px;
    border-bottom: 1px solid #f5f5f5
}

.tab_list dl dt p {
    color: #666;
    font-size: 14px;
    text-align: left
}

.tab_list dl dt i {
    color: #999;
    font-size: 12px;
    text-align: right
}

.tab_list dl dt:hover p, .tab_list dl dt:hover i {
    color: #d8262c;
}

.wrap-in-1 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 29px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../images/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1;
}

.wrap-in-1 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 auto 37px auto;
    position: relative;
}

.wrap-in-1 .line span {
    width: 1210px;
    height: 1px;
    background: #fdf4f4;
    position: absolute;
    left: -378px;
    bottom: -1px;
    opacity: 0
}

.wrap_2_a .padding30 {
    padding: 2px 40px 32px 30px
}

.wrap-in-1 p {
    margin: 0 auto 50px auto;
    font-size: 14px;
    line-height: 28px;
    color: #444;
    padding-top: 12px;
}

.wrap_3_a .padding30 {
    padding: 32px 30px 32px 30px
}

.wrap-in-1 p.p2 {
    padding-top: 0
}

.about_bj {
    background: url(../images/db.png) no-repeat top center;
}

.wrap-in-1 .w596 span {
    margin: 0 auto 8px auto;
    font-size: 14px;
    line-height: 28px;
    color: #444;
    display: block;
    opacity: 0
}

.anime-1 .wrap-in-1 .w596 span {
    -webkit-animation: shu1 0.5s linear 0.7s 1 backwards;
    animation: shu1 0.5s linear 0.7s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-1 p.p2 {
    -webkit-animation: shu1 0.5s linear 0.9s 1 backwards;
    animation: shu1 0.5s linear 0.9s 1 backwards;
    opacity: 1;
}

.wrap-in-1 h2 {
    margin-bottom: 6px;
    color: #0099d0;
    text-align: left;
    opacity: 0;
    font-size: 30px;
    line-height: 30px;
}

.wrap-in-1 h1, .wrap-in-1 .line, .wrap-in-1 p {
    opacity: 0
}

.anime-1 .wrap-in-1 h1 {
    -webkit-animation: fadeInDown 0.5s linear 1 backwards;
    animation: fadeInDown 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-1 .line {
    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-1 .line span {
    width: 1210px;
    opacity: 1;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
}

.anime-1 .wrap-in-1 p {
    -webkit-animation: shu1 0.5s linear 0.3s 1 backwards;
    animation: shu1 0.5s linear 0.3s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-1 h2 {
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}

.about_in a b i {
    position: absolute;
    -webkit-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, top .2s ease-in-out;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.location-box {
    line-height: 22px;
    color: #666;
    font-size: 14px;
    background: url(../images/loc.png) no-repeat left center;
    padding-left: 15px
}

.img_bj_wrap1 {
    position: absolute;
    top: 114px;
    left: -202px;
    width: 855px;
    height: 441px;
    overflow: hidden
}

.wrap-in-2 .left {
    width: 353px;
    float: left;
    position: relative;
}

.wrap-in-2 .left .img {
    margin-bottom: 24px
}

.wrap-in-2 .img_bj_wrap1 .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-2 .img_bj_wrap1 .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-3 .img_bj_wrap1 .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-3 .img_bj_wrap1 .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-4 .img_bj_wrap1 .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-4 .img_bj_wrap1 .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-2 .img_bj_wrap1 img {
    left: -15px;
    position: relative;
}

.anime-1 .img_bj_wrap1 .bj_l {
    -webkit-animation: width 0.3s linear 1 forwards;
    animation: width 0.3s linear 1 forwards;
}

.anime-1 .img_bj_wrap1 .bj_r {
    -webkit-animation: width 0.3s linear 0.3s 1 forwards;
    animation: width 0.3s linear 0.3s 1 forwards;
}

.anime-1 .img_bj_wrap1 img.img_move {
    -webkit-transition: all 1.3s ease-in;
    -o-transition: all 1.3s ease-in;
    -moz-transition: all 1.3s ease-in;
    left: 0;
}

.anime-1 .wrap-in-2 .left .img {
    -webkit-animation: shu1 0.5s linear 0.5s 1 backwards;
    animation: shu1 0.5s linear 0.5s 1 backwards;
    opacity: 1;
}

.anime-0 .wrap-in-2 h1 {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-2 .line {
    -webkit-animation: fadeInDown 0.5s linear 0.9s 1 backwards;
    animation: fadeInDown 0.5s linear 0.9s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-2 h2 {
    -webkit-animation: fadeInDown 0.5s linear 1.3s 1 backwards;
    animation: fadeInDown 0.5s linear 1.3s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-2 p {
    -webkit-animation: up 0.5s linear 1.2s 1 backwards;
    animation: up 0.5s linear 1.2s 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-2 .more {
    -webkit-animation: up 0.5s linear 1.5s 1 backwards;
    animation: up 0.5s linear 1.5s 1 backwards;
    opacity: 1;
}

.wrap-in-3 .news_home ul {
    width: 1158px;
    overflow: hidden;
    padding-bottom: 10px;
}

.wrap-in-3 .news_home li {
    float: left;
    opacity: 0;
    margin-right: 18px
}

.wrap-in-3 .news_home li:hover {
    box-shadow: 0 0 10px #ccc;
}

.wrap-in-3 .news_home li:hover .home_bottom_bg h2 {
    color: #0099d0
}

.wrap-in-3 .news_home li img {
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
}

.wrap-in-3 .news_home li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

.anime-1 .wrap-in-3 .news_home li:nth-child(1) {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-3 .news_home li:nth-child(2) {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.anime-1 .wrap-in-3 .news_home li:nth-child(3) {
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
    opacity: 1;
}

.wrap-in-2 .right {
    opacity: 0
}

.anime-1 .wrap-in-2 .right {
    -webkit-animation: fadeIn 0.3s linear 1.2s 1 backwards;
    animation: fadeIn 0.3s linear 1.2s 1 backwards;
    opacity: 1;
}

.wrap-in-2 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-2 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-3 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-3 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-4 .img_bj .bj_l {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(149, 149, 149, 1);
    z-index: 1
}

.wrap-in-4 .img_bj .bj_r {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    background: rgba(51, 51, 51, 1);
}

.wrap-in-2 .left .img, .wrap-in-2 h1, .wrap-in-2 .line, .wrap-in-2 p, .wrap-in-2 .right, .wrap-in-2 .more {
    opacity: 0
}

.wrap-in-2 .img_bj_wrap1 {
    opacity: 0
}

.anime-1 .wrap-in-2 .img_bj_wrap1 {
    opacity: 1;
}

.wrap-in-2 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 29px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../images/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1;
}

.wrap-in-2 .line {
    width: 20px;
    height: 2px;
    background: #d8262c;
    margin: 0 0 37px 0;
    position: relative
}

.wrap-in-2 .line span {
    width: 880px;
    height: 1px;
    position: absolute;
    right: -520px;
    bottom: -1px
}

.wrap-in-2 p {
    font-size: 14px;
    line-height: 28px;
    color: #444;
    margin-bottom: 76px
}

.wrap-in-2 .right {
    position: relative;
    width: 845px;
    float: right;
    height: 589px;
}

.anime-1 .wrap-in-3 h1 {
    -webkit-animation: up 0.5s linear 1 backwards;
    animation: up 0.5s linear 1 backwards;
    opacity: 1;
}

.wrap-in-3 h1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 36px;
    height: 46px;
    text-align: left;
    padding-left: 34px;
    background: url(../images/cicle.png) no-repeat left center;
    line-height: 46px;
    border-bottom: 1px solid #b2e0f1;
    opacity: 0
}

.wrap-in-2 .img_bj {
    position: absolute;
    width: 906px;
    height: 538px;
    overflow: hidden;
    top: 0;
    right: -358px;
}

.wrap-in-2 .logo_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 244px;
    height: 88px;
    color: #fff;
    background: #d8262c;
    line-height: 88px;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.wrap-in-2 .logo_bottom span {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.wrap-in-2 .logo_bottom span {
    -webkit-animation: fadeInDown 0.8s linear 1 backwards;
    animation: fadeInDown 0.8s linear 1 backwards;
    opacity: 1
}

.wrap-in-2 .zhuan .logo_bottom em.em_t {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards;
}

.wrap-in-2 .logo_bottom em.em_t {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    left: 0
}

.wrap-in-2 .zhuan .logo_bottom em.em_b {
    -webkit-animation: fadeInRight 0.5s linear 1 backwards;
    animation: fadeInRight 0.5s linear 1 backwards;
}

.wrap-in-2 .logo_bottom em.em_b {
    background: #ec9396;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 44px;
    right: 0;
}

.anime-1 .logo_bottom em {
    -webkit-animation: cicle_r 0.5s linear 1 backwards;
    animation: cicle_r 0.5s linear 1 backwards;
}

.wrap-in-3 .news_home li {
    text-align: center;
    width: 366px;
    border: 1px solid #eeeeee;
    height: 411px;
    background: #fff
}

.wrap-in-3 .news_home li .home_top_img {
    position: relative;
    width: 367px;
    height: 207px;
    overflow: hidden;
    margin: 0 auto 0 auto
}

.wrap-in-3 .news_home li .home_top_img div {
    width: 366px;
    height: 207px;
}

.wrap-in-3 .news_home li:hover .home_top_img span.biankuang {
    display: block
}

.wrap-in-3 .news_home li .home_bottom_bg h2 {
    font-size: 20px;
    color: #2c424b;
    line-height: 28px;
    margin-bottom: 18px;
    text-align: center;
    margin-top: 7px;
}

.wrap-in-3 .news_home li .home_bottom_bg p {
    color: #444;
    font-size: 12px;
    line-height: 24px;
}

.wrap-in-3 .news_home li .home_bottom_bg div {
    height: 72px;
    overflow: hidden
}

.wrap-in-3 .news_home li .home_bottom_bg span {
    background: #d8262c;
    width: 20px;
    height: 2px;
    margin: 0 auto 22px;
    display: block
}

.wrap-in-3 .picScroll-left {
    overflow: hidden;
    position: relative
}

.wrap-in-3 .picScroll-left .hd {
    overflow: hidden;
    height: 30px;
    margin: 20px auto;
    overflow: hidden;
    zoom: 1;
    zoom: 1;
    text-align: center;
    width: 100%;
    *width: 160px
}

.wrap-in-3 .picScroll-left .hd ul {
    margin: 10px auto;
    overflow: hidden;
    zoom: 1;
    zoom: 1;
    text-align: center
}

.wrap-in-3 .picScroll-left .hd ul li {
    display: inline-block;
    overflow: hidden;
    margin: 0 9px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/c1.png) no-repeat;
    width: 14px;
    height: 14px;
    border-radius: 360px;
    border: none;
    *display: block;
    *float: left
}

.wrap-in-3 .picScroll-left .hd ul li.on {
    background: url(../images/c2.png) no-repeat
}

.wrap-in-3 .home_imgs {
    margin-bottom: 23px
}

.wrap-in-4 .left {
    width: 100%;
    height: 590px;
}

.wrap-in-4 .img_bj {
    width: 1585px;
    overflow: hidden;
    height: 590px;
    display: block;
    position: relative;
}

.contact_bj {
    background: url(../images/cbj.jpg) no-repeat top center;
    padding: 55px 0
}

.wrap_contact .w_1200 {
    position: relative;
    background: #fff;
    height: 490px
}

.map_padding {
    padding: 136px 0 0 75px;
    width: 366px;
}

.map_padding h1 {
    border-bottom: 2px solid #e5e5e5;
    color: #000;
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 14px;
    margin-bottom: 15px
}

.wrap_contact .map {
    position: absolute;
    top: 0;
    right: 0;
    width: 845px;
    height: 481px;
    cursor: pointer;
}

.map_padding li {
    line-height: 28px;
    font-size: 14px;
    color: #444;
    padding-left: 26px
}

.map_padding li.l_800 {
    padding-left: 0
}

.map_padding li.one {
    background: url(../images/t.png) no-repeat left center
}

.map_padding li.two {
    background: url(../images/l.png) no-repeat left center
}

.map_padding li.three {
    background: url(../images/e.png) no-repeat left center
}

.map_padding li strong {
    font-weight: normal;
    font-size: 30px;
    color: #0099d0;
    display: block;
    margin: 14px 0
}

.wrap-in-4 .other_banner .top_banner {
    position: relative;
    height: 590px;
}

.wrap-in-4 .more_link h1 {
    color: #fff;
    font-size: 40px;
    font-family: "Noto Sans S Chinese Regular";
    line-height: 38px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.wrap-in-4 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1585px;
    height: 590px;
    overflow: hidden
}

.wrap-in-4 .bannertxt {
    width: 1200px;
    margin: 0 auto;
    z-index: 1
}

.wrap-in-4 .bannertxt .marg_215 {
    opacity: 0
}

.anime-1 .wrap-in-4 .bannertxt .marg_215 {
    -webkit-animation: fadeInDown 0.5s linear 1.2s 1 backwards;
    animation: fadeInDown 0.5s linear 1.2s 1 backwards;
    opacity: 1
}

.wrap-in-5 .right {
    opacity: 0
}

.wrap-in-5 .right span {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    position: absolute;
}

.anime-1 .wrap-in-5 .right {
    opacity: 1;
    -webkit-animation: up1 0.5s linear 1 backwards;
    animation: up1 0.5s linear 1 backwards;
}

.anime-1 .wrap-in-5 .right .img {
    opacity: 1;
    -webkit-animation: up 0.5s linear 0.5s 1 backwards;
    animation: up 0.5s linear 0.5s 1 backwards;
}

.anime-1 .wrap-in-5 .right h1 {
    opacity: 1;
    -webkit-animation: up1 0.5s linear 0.5s 1 backwards;
    animation: up1 0.5s linear 0.5s 1 backwards;
}

.anime-1 .wrap-in-5 .jiagou_img {
    -webkit-animation: up1 1.5s linear 1s 1 backwards;
    animation: up1 1.5s linear 1s 1 backwards;
    opacity: 1
}

.wrap-in-5 .jiagou_img {
    opacity: 0
}

.wrap-in-5, .wrap_5 {
    position: relative;
    background: #040404;
}

.wrap-right-img {
    position: absolute;
    right: 0;
    width: 1920px;
    background: #fff;
    height: 591px;
    top: 0
}

.wrap-in-5 .right {
    position: absolute;
    top: -202px;
    right: 36px;
    width: 493px;
    height: 325px;
    background: #fff;
    padding: 50px
}

.wrap-in-5 .right .img {
    margin-bottom: 44px;
}

.wrap-in-5 .jiagou_img {
    margin-bottom: 120px
}

.wrap-in-5 .right h1 {
    font-size: 28px;
    color: #333;
    line-height: 30px
}

.anime-1 .top_banner .bg {
    opacity: 1
}

.anime-1 .top_banner .bgt-1 {
    -webkit-animation: fadeInLeft 0.5s linear 1 backwards;
    animation: fadeInLeft 0.5s linear 1 backwards
}

.anime-1 .top_banner .bgt-2 {
    -webkit-animation: fadeInLeft 0.5s linear 0.3s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.3s 1 backwards
}

.anime-1 .top_banner .bgt-3 {
    -webkit-animation: fadeInLeft 0.5s linear 0.6s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.6s 1 backwards
}

.anime-1 .top_banner .bgt-4 {
    -webkit-animation: fadeInLeft 0.5s linear 0.9s 1 backwards;
    animation: fadeInLeft 0.5s linear 0.9s 1 backwards
}

.anime-1 .top_banner .bgt-5 {
    -webkit-animation: fadeInLeft 0.5s linear 1.2s 1 backwards;
    animation: fadeInLeft 0.5s linear 1.2s 1 backwards
}

.anime-1 .top_banner .bgt-1 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 1 backwards;
    animation: width_b 0.5s linear 1 backwards
}

.anime-1 .top_banner .bgt-2 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 0.3s 1 backwards;
    animation: width_b 0.5s linear 0.3s 1 backwards
}

.anime-1 .top_banner .bgt-3 span {
    opacity: 0;
    -webkit-animation: width_b 0.5s linear 0.6s 1 backwards;
    animation: width_b 0.5s linear 0.6s 1 backwards
}

.zijin_list table th, .zijin_list table td {
    text-align: center;
    font-weight: normal;
    line-height: 70px;
    padding: 0 10px
}

.zijin_list table th {
    border: 1px solid rgba(242, 242, 242, 0.2);
    border-bottom: 1px solid #fbfbfb;
    border-right: none
}

.zijin_list table td {
    font-size: 16px;
    border: 1px solid #f2f2f2;
    border-bottom: none;
    border-right: none
}

.zijin_list table th:first-child {
    padding-left: 46px;
    text-align: left
}

.m54 {
    margin-bottom: 54px
}

#four img {
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
}

#four:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

#five img {
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
}

#five:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

#six img {
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
}

#six:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

#seven img {
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
}

#seven:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 1.5s linear 0;
    -moz-transform: scale(1.1, 1.1);
    -moz-transition: transform 1.5s linear 0;
    -o-transform: scale(1.1, 1.1);
    -o-transition: transform 1.5s linear 0
}

.fd {
    z-index: 12
}

#weixin_share {
    position: fixed;
    z-index: 2147483647;
}

#jiathis_modal_header {
    border-bottom: 1px solid #EEEEEE;
    padding: 9px 15px;
}

#jiathis_weixin_close {
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.ewm_box {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #999;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -180px 0 0 -180px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 360px;
    height: 360px;
    overflow: hidden;
}

#jiathis_weixin_h3 {
    line-height: 30px;
    margin: 0;
    font-weight: normal;
    font-family: " 微软雅黑";
}

#jiathis_modal_body {
    text-align: center;
    height: 251px;
}

#jiathis_modal_footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    height: 100%;
    padding: 0 10px;
    padding-top: 11px;
    text-align: right;
    font-size: 12px;
}

#jiathis_weixin_tip {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.wrap-in-con {
    position: relative;
    z-index: 1
}

.case_list .picScroll-left {
    overflow: hidden;
    position: relative;
}

.case_list .picScroll-left .hd {
    overflow: hidden;
    height: 51px;
    position: absolute;
    top: 58px;
    width: 100%;
    left: 0
}

.case_list .picScroll-left .hd .prev {
    display: block;
    width: 42px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/left.png) no-repeat;
    float: left
}

.case_list .picScroll-left .hd .next {
    display: block;
    width: 42px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/right.png) no-repeat;
    float: right
}

.case_list .picScroll-left .hd .next {}

.case_list .picScroll-left .hd .prevStop {}

.case_list .picScroll-left .hd .nextStop {}

.case_list .picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.case_list .picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

.case_list .picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.case_list .picScroll-left .bd {
    width: 1048px;
    margin: 0 auto
}

.case_list .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.case_list .picScroll-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 244px;
    height: 217px;
}

.case_list .picScroll-left .bd ul li .pic {
    text-align: center;
    margin: 2px auto 12px auto;
    background: #fff;
    width: 239px;
}

.case_list .picScroll-left .bd ul li .pic img {
    width: 231px;
    height: 155px;
    display: block;
    padding: 2px;
    border: 2px solid #d4d4d5;
}

.case_list .picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.case_list .picScroll-left .bd ul li .title {
    line-height: 18px;
}

.case_list .picScroll-left .bd ul li .title a {
    color: #da251c;
    font-size: 16px;
    text-align: center;
}

.case_list .picScroll-left .bd ul li:hover {
    background: #da251c;
    color: #fff
}

.case_list .picScroll-left .bd ul li:hover a {
    color: #fff
}

.wrap_3 h3 {
    text-align: center;
    font-size: 12px;
    word-spacing: 20px;
    letter-spacing: 14px;
    line-height: 24px;
    height: 24px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 12
}

.product_ty_box {
    position: relative;
}

.product_ty_box .ty3 {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 864px;
    height: 119px;
}

.pro_list {
    width: 1200px;
    height: 270px;
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.product_home_nav {
    float: left;
    margin-left: 36px;
    width: 157px
}

.product_home_nav li {
    display: block;
    text-align: center;
    color: #da251c;
    font-size: 16px;
    margin-bottom: 6px;
    height: 41px;
    line-height: 41px;
    background: url(../images/li.png) no-repeat;
    cursor: pointer;
    text-shadow: white;
    text-shadow: white 0 1px 0;
    filter: shadow(Color=#fff, Direction=255, Strength=255)
}

.product_home_nav li.on, .product_home_nav li:hover {
    background: url(../images/lidq.png) no-repeat
}

.pro_list .picScroll-left {
    overflow: hidden;
    position: relative;
}

.pro_list .picScroll-left .hd {
    overflow: hidden;
    height: 51px;
    position: absolute;
    top: 58px;
    width: 100%;
}

.pro_list .picScroll-left .hd .prev {
    display: block;
    width: 42px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/left.png) no-repeat;
    float: left
}

.pro_list .picScroll-left .hd .next {
    display: block;
    width: 42px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/right.png) no-repeat;
    float: right
}

.pro_list .picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.pro_list .picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

.pro_list .picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.pro_list .picScroll-left .bd {
    width: 1048px;
    margin: 0 auto
}

.pro_list .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.pro_list .picScroll-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 324px;
    height: 270px;
}

.pro_list .picScroll-left .bd ul li img:hover {
    transform: scale(1.2, 1.2);
    transition: transform 0.6s linear 0
}

.pro_list .picScroll-left .bd ul li img {
    transition: transform 0.6s;
}

.pro_list .picScroll-left .bd ul li .pic {
    text-align: center;
    margin: 2px auto 12px auto;
    overflow: hidden
}

.pro_list .picScroll-left .bd ul li .pic img {
    width: 324px;
    height: 210px;
    display: block;
    border-radius: 10px
}

.pro_list .picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.pro_list .picScroll-left .bd ul li .title {
    line-height: 18px;
}

.pro_list .picScroll-left .bd ul li .title a {
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.pro_list .picScroll-left .bd ul li:hover a {
    color: #fff
}

.jiathis_style_24x24 {
    position: absolute;
    left: -47px;
    top: 0;
    width: 30px;
    height: 152px;
    background: url(../images/share.png) no-repeat left top;
    padding: 6px 8px 0 9px;
}

.jiathis_style_24x24 a {
    margin-bottom: 8px;
    height: 23px;
    display: block;
    width: 23px;
}

.izl-rmenu .jiathis_style_24x24 .jtico_weixin {
    background: url(../images/weixin.png) no-repeat
}

.izl-rmenu .jiathis_style_24x24 .jtico_qzone {
    background: url(../images/qq.png) no-repeat
}

.izl-rmenu .jiathis_style_24x24 .jtico_tsina {
    background: url(../images/sina.png) no-repeat
}

.izl-rmenu .jiathis_style_24x24 .jtico_tqq {
    background: url(../images/weibo.png) no-repeat
}

.izl-rmenu .jiathis_style_24x24 .jtico_tieba {
    background: url(../images/tie.png) no-repeat
}

.i-ban a.next {
    width: 41px;
    height: 77px;
    background-size: cover;
    position: absolute;
    top: 300px;
    right: 160px;
}

.i-ban a.prev {
    width: 41px;
    height: 77px;
    background-size: cover;
    position: absolute;
    top: 300px;
    left: 160px;
}

.search-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
    background: url(../images/foot.png) no-repeat bottom right;
    opacity: 0.95;
    filter: Alpha(opacity=95);
    display: none;
}

.m-close-search {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat;
    background-size: 100% auto;
    position: fixed;
    right: 68px;
    top: 68px;
    cursor: pointer;
    z-index: 1111;
    display: none;
}

.m-search-box {
    width: 1200px;
    /* border: 1px solid #ccc; border-radius:30px;*/
    border-bottom: 1px solid #908477;
    position: fixed;
    left: 50%;
    top: 23%;
    margin-left: -600px;
    height: 36px;
    z-index: 1111;
    display: none;
}

.m-search-box input.tex {
    border: none;
    background: none;
    font-size: 21px;
    font-family: "Arial";
    color: #bfae9e;
    height: 26px;
    line-height: 24px;
    padding: 4px 0;
    font-size: 14px;
    width: 80%;
}

.m-search-box input.search-btn {
    border: none;
    width: 32px;
    height: 32px;
    background: url(../images/ser.png) no-repeat center;
    background-size: 60% auto;
}

.search-btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/ser.png) no-repeat left center;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
}

/*preface*/

div.wrap-preface {
    margin-top: 81px;
}

div.pre-banner {
    width: 100%;
}

div.pre-banner img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.pre-nav {
    background: #fff;
}

ul.pre-navleft {
    width: 590px;
    height: 71px;
}

ul.pre-navleft li {
    cursor: pointer;
    text-align: center;
    width: 78px;
    height: 69px;
    float: left;
    line-height: 69px;
    margin-right: 40px;
}

ul.pre-navleft li a {
    font-size: 14px;
    color: #333;
    display: block;
}

ul.pre-navright li {
    cursor: pointer;
    float: left;
    width: 126px;
    height: 126px;
}

ul.pre-navleft li.hover {
    border-bottom: 2px solid #d32833;
}

ul.pre-navleft li.hover a {
    color: #d32833;
}

ul.pre-navleft li:hover {
    border-bottom: 2px solid #d32833;
}

ul.pre-navleft li:hover a {
    color: #d32833;
}

div.pre-nav {
    border-bottom: 1px solid #eeeeee;
}

div.pre-navx {
    position: relative;
}

ul.pre-navright {
    position: absolute;
    top: -55px;
    right: 0;
}

ul.pre-navright li.pre-door01 {
    background: #d32833;
}

ul.pre-navright li.pre-door02 {
    background: #2c303c;
}

div.pre-inicon {
    width: 35%;
    margin: 0 auto;
}

div.pre-inicon img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

li.pre-door01 a, li.pre-door02 a {
    display: block;
    padding: 25px 0 10px 0;
}

li.pre-door01 a, li.pre-door02 a {
    text-align: center;
    font-size: ;
    color: #fff;
}

li.pre-door01 a h3, li.pre-door02 a h3 {
    line-height: 20px;
    padding-top: 10px;
}

div.preface-content {
    margin-top: 2px;
}

div.preface-contentintro h1 {
    font-size: 26px;
    color: #333;
    text-align: center;
}

div.preface-contentintro {
    padding: 93px 0 30px 0;
}

span.title-icon {
    display: block;
    width: 6%;
    margin: 0 auto;
}

span.title-icon img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.pre-img {
    overflow: hidden;
    width: 336px;
}

div.pre-img img {
    transition: all 0.6s;
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.pre-img img:hover {
    transform: scale(1.2);
}

ul.preface-font {
    padding-bottom: 70px;
}

div.pre-content {
    width: 800px;
}

div.pre-content p {
    font-size: 14px;
}

div.pre-content p.d-mingyan {
    color: #333;
}

div.pre-content p.d-content {
    color: #666;
}

li.qianming {
    position: relative;
}

li.qianming p.dingwei {
    position: absolute;
    top: 0;
    right: 0;
}

li.qianming p {
    color: #7d7d7d;
    font-size: 14px;
}

li.qianming p span {
    display: block;
    float: left;
}

li.qianming p span img {
    vertical-align: middle;
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

/*保亿产业*/

p.titleicon-bottom {
    padding-top: 35px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    font-size: 14px;
    color: #666;
}

ul.picandcont li div {}

div.pciandcont-right {
    position: relative;
    width: 600px;
}

div.pciandcont-left {
    width: 600px;
}

div.img-big {
    width: 600px;
    height: 318px;
    overflow: hidden;
}

div.pciandcont-left img {
    transition: all 0.6s;
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.pciandcont-left img:hover {
    transform: scale(1.2);
}

div.genghuan-icon {
    position: relative;
    width: 60px;
}

div.genghuan-icon img.indest-icon {
    width: 50%;
    height: auto !important;
    max-width: 500%;
}

div.genghuan-icon img.indest-icon {
    position: absolute;
    top: 15px;
    left: 15px;
}

div.genghuan-icon img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.indest-intro {
    padding: 55px 0 20px 0;
    width: 300px;
    margin: 0 auto;
}

div.genghuan-icon01 {
    margin-left: 20px;
}

div.genghuan-icon01 h2 {
    font-size: 20px;
    color: #cf000d;
}

div.genghuan-icon01 p {
    font-size: 12px;
    color: #999999;
}

p.pciandcont-content {
    padding: 10px 150px 10px 150px;
    font-size: 12px;
    color: #888888;
}

p.dingwei-icon {
    position: absolute;
    top: 140px;
    left: -17px;
}

ul.picandcont li {
    margin-bottom: 40px;
}

p.dingwei-icon01 {
    position: absolute;
    top: 140px;
    right: -17px;
}

ul.pinpai-nav li {
    border-right: 1px solid #fff;
    background: #f7f7f7;
    text-align: center;
    float: left;
    width: 399px;
    height: 70px;
    line-height: 70px;
}

ul.pinpai-nav li a {
    display: block;
    color: #666666;
    font-size: 16px;
}

ul.pinpai-nav li:hover {
    background: #d32833;
}

ul.pinpai-nav li:hover a {
    color: #fff;
}

ul.pinpai-nav li.hover {
    background: #d32833;
}

ul.pinpai-nav li.hover a {
    color: #fff;
}

div.pinpai-mingyan div.mingyan {
    padding: 67px 125px 0 125px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

div.pinpai-mingyan p.mingyan {
    padding: 67px 125px 0 125px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

div.pinpai-mingyan p.shuming {
    padding: 10px 125px 0 125px;
    font-size: 14px;
    text-align: right;
}

div.pinpai-mingyan p.shuming span.shuming01 {
    color: #000;
}

div.pinpai-mingyan p.shuming span.shuming02 {
    color: #484848;
}

ul.pinpai-linian {
    padding-top: 40px;
}

ul.pinpai-linian li {
    width: 367px;
    float: left;
    margin-right: 49px;
}

div.tobigpic {
    overflow: hidden;
}

ul.pinpai-linian li.last-li {
    margin-right: 0;
}

ul.pinpai-linian li img {
    transition: all 0.6s;
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

ul.pinpai-linian li img:hover {
    transform: scale(1.2);
}

p.pinpai-henggang {
    padding: 46px 0 37px 0;
}

p.second-title {
    padding: 40px 0;
    font-size: 20px;
    color: #000;
    text-align: center;
}

ul.linian-intro li {
    margin-right: 20px;
    float: left;
    width: 283px;
    height: 317px;
    background: #fefefe;
    border: 1px solid #eeeeee;
}

ul.linian-intro li.last-li01 {
    margin-right: 0;
}

div.linian-icon {
    width: 20%;
    margin: 0 auto;
}

div.linian-icon img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.linian-msg {
    padding: 90px 10px;
    text-align: center;
}

div.linian-msg h2 {
    position: relative;
    padding-top: 10px;
    font-size: 20px;
    color: #333;
}

div.linian-msg h2:before {
    content: "";
    width: 10px;
    margin: 0 auto;
    border-bottom: 1px solid #d32833;
    position: absolute;
    bottom: -6%;
    left: 0;
    right: 0;
}

div.linian-msg p {
    padding-top: 20px;
    font-size: 14px;
    color: #888;
}

ul.linian-intro {
    padding-top: 32px;
}

ul.linian-intro li:hover {
    background: #fff;
    box-shadow: 0px 10px 40px 0px #eeeeee;
}

div.all-moudle {
    padding-bottom: 65px;
}

.pinpai-linian li.propinpai h3 {
    position: relative;
}

.pinpai-linian li.propinpai h3 {
    font-size: 16px;
    color: #000;
    padding: 28px 0 10px 0;
}

li.propinpai h3:before {
    content: "";
    width: 15px;
    border-bottom: 1px solid #d32833;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
}

li.propinpai p {
    font-size: 14px;
    color: #666666;
}

.pinpaishow div.showppimg {
    width: 600px;
    float: left;
    overflow: hidden;
}

.pinpaishow div.showppimg img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
    transition: all 0.6s;
}

.pinpaishow div.showppimg img:hover {
    transform: scale(1.1);
}

li.pinpaishow div.showppfont {
    float: left;
    width: 600px;
    position: relative;
}

ul.ppshow-intro {
    padding-top: 55px;
}

ul.ppshow-intro li {
    width: 1200px;
    height: 319px;
    margin-bottom: 40px;
}

div.showppfont {
    width: 600px;
}

div.showppfont-msg {
    padding: 96px 90px 55px 115px;
}

div.showppfont h1 {
    font-size: 20px;
    color: #cf000d;
}

div.showppfont h1 span {
    color: #999999;
}

div.showppfont-msg p {
    padding-top: 10px;
}

ul.licheng {
    padding: 20px 80px 0 80px;
    height: 120px;
}

ul.licheng li {
    cursor: pointer;
    margin-right: 100px;
    text-align: center;
    width: 90px;
    height: 105px;
    float: left;
}

ul.licheng li:hover p {
    color: #d32833;
}

ul.licheng li.hover p {
    color: #d32833;
}

ul.licheng li.hover .img-hoverafter, ul.licheng li:hover .img-hoverafter {
    display: block;
}

/*ul.licheng li:hover div.icon-huan{
    background:url("../images/pengyouquan1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan{
    background:url("../images/pengyouquan1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan{
   background:url("../images/pengyouquan.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

/*ul.licheng li:hover div.icon-huan01{
    background:url("../images/cishan1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan01{
    background:url("../images/cishan1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan01{
   background:url("../images/cishan.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

/*ul.licheng li:hover div.icon-huan02{
    background:url("../images/jiaoyin1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan02{
    background:url("../images/jiaoyin1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan02{
   background:url("../images/jiaoyin.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

div.img-zoom {
    width: 55px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}

div.img-zoom img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.img-zoom img.img-hoverafter {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
}

/*ul.licheng li:hover div.icon-huan03{
    background:url("../images/yehua1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan03{
    background:url("../images/yehua1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan03{
   background:url("../images/yehua.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

/*ul.licheng li:hover div.icon-huan04{
    background:url("../images/fengye1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan04{
    background:url("../images/fengye1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan04{
   background:url("../images/fengye.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

/*ul.licheng li:hover div.icon-huan05{
    background:url("../images/haixing1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan05{
    background:url("../images/haixing1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan05{
   background:url("../images/haixing.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

/*ul.licheng li:hover div.icon-huan06{
    background:url("../images/haixing1.png") no-repeat center center;
}
ul.licheng li.hover div.icon-huan06{
    background:url("../images/haixing1.png") no-repeat center center;
}*/

/*ul.licheng li div.icon-huan06{
   background:url("../images/haixing.png") no-repeat center center;
    margin:0 auto;
    width:55px;
    height:55px;
}*/

div.icon-huan {
    width: 90px;
    height: 55px;
}

ul.licheng li p {
    padding-top: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
}

ul.licheng li div.icon-huan img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

ul.licheng li.last-icon {
    margin-right: 0;
}

div.pinpai-huodong {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #f7f7f7;
    box-shadow: -29px 51px 213px 51px #f7f7f7;
}

div.huodong-padding {
    position: relative;
    padding: 75px 10px 75px 75px;
}

div.huodong-padding p.active-title {
    font-size: 14px;
    color: #333;
    padding-bottom: 25px;
}

div.huodong-padding p.active-content {
    font-size: 12px;
    color: #999;
}

span.top-content {
    position: absolute;
    top: -48px;
    left: 37%;
}

div.third-module {
    margin-bottom: 30px;
}

div.pinpai-huodong {
    display: none;
}

ul.shuju {
    width: 70%;
    margin: 0 auto;
    margin-top: 65px;
}

ul.shuju li {
    text-align: center;
    width: 210px;
    float: left;
}

div.juti-shuju h1 {
    font-family: 'AngsanaNew';
    font-size: 40px;
    line-height: 40px;
    color: #d32833;
}

div.juti-shuju h1 span {
    font-size: 60px;
}

div.juti-shuju p {
    font-size: 12px;
    color: #666666;
}

div.baoyi-chuzhong {
    padding: 0px 125px 0 125px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

div.download {
    cursor: pointer;
    padding: 38px 0;
    width: 10%;
    margin: 0 auto;
}

p.download-PDF {
    vertical-align: middle;
    margin-right: 10px;
    width: 20px;
    height: 27px;
}

p.download-PDF img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

p.download-font {
    height: 27px;
    line-height: 27px;
}

ul.example-img li {
    overflow: hidden;
    float: left;
    margin-right: 49px;
}

ul.example-img li img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
    transition: all 0.6s;
}

ul.example-img li img:hover {
    transform: scale(1.2);
}

ul.example-img li.example-pic {
    margin-right: 0;
}

p.download-PDF a {
    display: block;
}

p.download-font a {
    color: #666;
}

ul.shangjia-list li {
    cursor: pointer;
    border: 1px solid #f0f0f0;
    float: left;
    width: 220px;
    height: 157px;
    margin-right: 25px;
}

ul.shangjia-list li img {
    vertical-align: middle;
    height: auto !important;
    max-width: 72px;
}

div.shangjia-icon {
    text-align: center;
    width: 220px;
    height: 118px;
    line-height: 118px;
}

ul.shangjia-list li.last-shangjia {
    margin-right: 0;
}

ul.licheng li.last-shangjia {
    margin-right: 0;
}

ul.shangjia-list li p {
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
    color: #555;
    background: #f7f7f7;
}

ul.shangjia-list li {}

ul.shangjia-list li:hover {
    background: #fff;
    box-shadow: 0px 0px 16px -1px #f0f0f0;
}

ul.shangjia-list li:hover p {
    color: #fff;
    background: #d32833;
}

ul.shangjia-list {
    width: 103%;
    overflow: hidden;
    margin-bottom: 25px;
}

div.shangjia {
    padding-top: 65px;
}

div.shangjia-icon {
    position: relative;
}

div.shangjia-icon img.img-bottom {
    position: absolute;
    top: 46px;
    left: 74px;
    display: none;
}

ul.shangjia-list li:hover div.shangjia-icon img.img-bottom {
    display: block;
}

div.vip {
    margin-top: 42px;
    border: 1px solid #f5f5f5;
}

div.vip ul.vip-list li {
    cursor: pointer;
    font-size: 14px;
    color: #484848;
    float: left;
    text-align: center;
    width: 559px;
    height: 70px;
    line-height: 70px;
}

div.vip ul.vip-list li.border1 {
    border-right: 1px solid #f5f5f5;
}

ul.vip-content li {
    background: #fff;
}

div.vip-knows {
    width: 1200px;
    border-bottom: 1px solid #f5f5f5;
}

div.vip-knows p {
    padding: 25px 40px 25px 40px;
}

div.vip-knows p.news-left a {
    color: #666;
}

div.vip-knows p.news-right {
    width: 100px;
    text-align: center;
}

ul.vip-content li {
    display: none;
}

div.vip ul.vip-list {
    border-bottom: 1px solid #f5f5f5;
}

div.vip-knows p span.news-right {}

ul.vip-list li.border1 {
    position: relative;
}

ul.vip-list li.border2 {
    position: relative;
}

span.xiangshang01 img {
    display: block;
    position: absolute;
    top: 63px;
    left: 270px;
    width: 17px;
    height: 7px;
}

span.xiangshang02 img {
    display: block;
    position: absolute;
    top: 63px;
    left: 270px;
    width: 17px;
    height: 7px;
}

ul.vip-list li.border2:hover {
    color: #d32833;
}

ul.vip-list li.border1:hover {
    color: #d32833;
}

ul.vip-list li.border1.hover {
    color: #d32833;
}

ul.vip-list li.border2.hover {
    color: #d32833;
}

ul.vip-list li span img {
    display: none;
}

ul.vip-list li:hover span img {
    display: block;
}

ul.vip-list li.hover span img {
    display: block;
}

div .pinpai-mingyan p.mingyan01 {
    text-align: center;
    padding: 0 300px;
}

ul.fengcai-intro {
    margin-top: 60px;
}

ul.fengcai-intro li {
    cursor: pointer;
    background: #fff;
    margin-right: 29px;
    width: 380px;
    float: left;
}

ul.fengcai-intro li.last-fengcai {
    margin-right: 0;
}

div.fengcai-module {
    width: 380px;
}

div.fengcai-module img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.fengcai-module h2 {
    font-size: 20px;
    color: #000;
}

div.fengcai-module h3 {
    color: #838383;
    font-size: 14px;
}

div.fengcai-module p {
    font-size: 14px;
    color: #999;
}

div.fencai-to {
    padding: 29px 0 20px 18px;
}

div.fencai-to span {
    padding-top: 20px;
    background: url("../images/btn1.png") no-repeat center center;
    width: 31px;
    height: 31px;
    display: block;
}

ul.fengcai-intro li:hover {
    box-shadow: 0px 0px 50px -1px #f0f0f0;
}

ul.fengcai-intro li:hover div.fencai-to span {
    background: url("../images/btn.png") no-repeat center center;
}

/*company*/

div.preface-contentintro p.company-stitle {
    text-align: center;
    color: #333;
    font-size: 16px;
    font-family: ;
}

div.pinpai-mingyan p.stopmingyan {
    font-size: 14px;
    text-align: center;
    padding: 0 97px;
    color: #666666;
}

div.company-detail ul {
    margin-top: 30px;
}

div.company-detail ul li {
    float: left;
    width: 572px;
    margin-right: 55px;
}

div.company-detail ul li.company-right {
    margin-right: 0;
}

div.company-intro {
    padding-top: 30px;
}

div.company-intro p {
    font-size: 14px;
    color: #7d7d7d;
}

div.company-img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.company-phone {
    border: 1px solid #f1f1f1;
}

div.company-phone ul li div.rexian-right {
    float: left;
}

div.company-phone ul li div.rexian-left {
    float: left;
}

div.rexian-dingwei span.dingwei-icon {
    float: left;
}

div.rexian-dingwei div.dingwei-city {
    float: left;
}

div.rexian-dingwei {
    float: left;
}

div.rexian-msg {
    float: left;
}

div.company-phone ul li {
    width: 1200px;
}

div.company-phone ul li.rexian-first {
    height: 275px;
}

div.rexian-dingwei {
    width: 150px;
}

div.dingwei-city {
    padding-left: 15px;
}

div.dingwei-city h2 {
    font-size: 18px;
    color: #333;
    line-height: 18px;
}

div.dingwei-city p {
    padding-top: 5px;
    font-size: 14px;
    color: #666;
}

div.rexian-left {
    width: 790px;
}

div.msg-shezhi {
    padding: 50px 90px 35px 75px;
}

div.rexian-dingwei span {
    display: block;
    width: 21px;
    height: 28px;
}

div.rexian-msg h3 {
    font-size: 14px;
    color: #666;
}

div.rexian-msg h3 span {
    color: #da1f2b;
    font-weight: bold;
}

div.rexian-msg p {
    font-size: 14px;
    color: #666;
}

div.rexian01 {
    padding-top: 70px;
}

div.rexian-right {
    width: 370px;
    padding: 46px 20px;
}

div.right-pic {
    width: 300px;
    height: 181px;
    overflow: hidden;
}

div.rexian-right img {
    transition: all 0.6s;
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.rexian-right img:hover {
    transform: scale(1.2);
}

div.xiayige {
    width: 600px;
}

div.rexian-msg01 {
    width: 267px;
}

.company-phone ul:nth-child(odd) {
    background: #fff;
}

.company-phone ul:nth-child(even) {
    background: #f5f5f5;
}

div.rexian-msg p b {
    font-weight: bold;
}

ul.kaifa-list {
    width: 103%;
    cursor: pointer;
    margin-top: 60px;
}

ul.kaifa-list li {
    border: 1px solid #f2f2f2;
    background: #fff;
    float: left;
    width: 380px;
    margin-right: 26px;
}

ul.kaifa-list li:hover div.kaifa-time h1 {
    color: #000;
}

ul.kaifa-list li.last-kaifa {
    margin-right: 0;
}

div.kaifa-time p span {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
}

div.kaifa-time p.kaifa-intro {
    float: left;
}

div.kaifa-time {
    padding: 10px 10px;
}

div.kaifa-time p {
    color: #999;
}

div.kaifa-time h1 {
    font-weight: bold;
}

ul.kaifa-list li {}

ul.kaifa-list li:hover {
    box-shadow: 0px 20px 20px 5px #f7f7f7;
}

ul.kaifa-list li:hover p.time-hover {
    background: url("../images/btn1.png") no-repeat center center;
}

div.kaifa-time p span {
    margin-right: 10px;
}

p.shijian-kaifa {
    font-size: 16px;
}

p.time-hover {
    padding: 10px 10px 20px 10px;
    width: 31px;
    height: 31px;
    background: url("../images/btn1-1.png") no-repeat center center;
}

div.area-fenbu ul li {
    margin-top: 25px;
    margin-right: 20px;
    cursor: pointer;
    float: left;
    width: 275px;
    border: 1px solid #ececec;
}

div.icon-bianhua {
    position: relative;
}

div.icon-bianhua img {
    width: 50%;
    max-width: 50%;
}

.icon-bianhua .icon2 {
    display: none;
}

.area-fenbu ul li:hover .icon2 {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.area-fenbu ul li:hover .icon1 {
    display: none;
}

div.area-fenbu ul li:hover p.kaifa-name {
    background: #d32833;
}

div.area-fenbu ul li:hover p.kaifa-name a {
    color: #fff;
}

div.area-fenbu ul li:hover {
    background: #fff;
}

div.img-border {
    width: 282px;
    height: 144px;
    text-align: center;
    line-height: 144px;
}

div.kaifa-content p.kaifa-name {
    background: #f7f7f7;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    color: #555;
}

div.area-fenbu ul li.last-kaifa {
    margin-right: 0;
}

div.area-fenbu {
    margin-bottom: 55px;
}

div.zhanshi-dazhi span {
    margin-right: 10px;
    border-left: 4px solid #d32833;
}

div.map-img {
    padding-top: 53px;
}

div.map-img img {
    width: 90%;
    height: auto !important;
    max-width: 90%;
}

div.area {}

div.area span {
    display: block;
}

div.all-area div.area {
    float: left;
}

div.all-area h1 {
    font-size: 16px;
    color: #333;
}

div.all-area p {
    padding: 0 20px;
}

div.all-area p a {
    font-size: 14px;
    color: #666;
}

div.area div.last-area {
    border-right: none;
}

div.area-content {
    width: 235px;
    height: 165px;
    border-right: 1px solid #e5e5e5;
}

div.area p span.arealeft {
    width: 120px;
    float: left;
}

div.area p span.arearight {
    float: right;
}

div.project-detail {
    padding-top: 53px;
}

div.all-area {
    padding-top: 65px;
}

div.area-title {
    padding-left: 22px;
    height: 50px;
}

div.detail-dingwei p {
    padding-left: 8px;
    font-size: 16px;
    color: #838383;
}

span.detailto-icon {
    width: 11px;
    height: 15px;
    line-height: 30px;
}

span.detailto-icon img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.project-detail h1 {
    font-size: 24px;
    color: #333;
}

div.detail-dingwei {
    margin-right: 25px;
}

div.detail-dingwei span.icon-dianhu {
    width: 17px;
    height: 13px;
}

div.detail-right p {
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

div.detail-right p a {
    display: block;
}

div.detail-right p.fenxiang1 a {
    width: 20px;
    height: 20px;
    background: url("../images/xinlang.png") no-repeat center;
}

div.detail-right p.fenxiang2 a {
    width: 20px;
    height: 20px;
    background: url("../images/qq1.png") no-repeat center;
}

div.detail-right p.fenxiang3 a {
    width: 20px;
    height: 20px;
    background: url("../images/kongjian.png") no-repeat center;
}

div.detail-right p.fenxiang4 a {
    width: 20px;
    height: 20px;
    background: url("../images/weixin.png") no-repeat center;
}

div.detail-right p.fenxiang1 a:hover {
    width: 20px;
    height: 20px;
    background: url("../images/xinlang1.png") no-repeat center;
}

div.detail-right p.fenxiang2 a:hover {
    width: 20px;
    height: 20px;
    background: url("../images/qq.png") no-repeat center;
}

div.detail-right p.fenxiang3 a:hover {
    width: 20px;
    height: 20px;
    background: url("../images/kongjian1.png") no-repeat center;
}

div.detail-right p.fenxiang4 a:hover {
    width: 20px;
    height: 20px;
    background: url("../images/weixin1.png") no-repeat center;
}

div.detail-right p.last-fenxiang {
    margin-right: 0px;
}

div.detail-right p.fenxiang-font {
    font-size: 14px;
    color: #838383;
    line-height: 18px;
}

div.project-detail {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

div.future-img {
    padding-top: 46px;
}

div.future-img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.proimg-detail {
    width: 935px;
    padding-top: 30px;
}

div.proimg-detail img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

div.proimg-intro p {
    padding-top: 30px;
    font-size: 14px;
    color: #666;
}

div.proright-detail {
    width: 228px;
    padding-top: 30px;
}

div.img-qiehuan ul li {
    margin-top: ;
}

div.qiehuan-btn a.next {
    cursor: pointer;
    float: left;
    display: block;
    background: #eeeeee;
    height: 35px;
    line-height: 35px;
    width: 112px;
    text-align: center;
}

div.qiehuan-btn a.prev {
    text-align: center;
    cursor: pointer;
    float: left;
    display: block;
    background: #d32833;
    height: 35px;
    line-height: 35px;
    width: 112px;
}

div.qiehuan-btn a img {
    width: 20%;
    height: auto !important;
    max-width: 20%;
}

div.proright-detail01 ul li {
    padding-top: 15px;
}

div.qiehuan-btn {
    padding-top: 20px;
}

ul.news-list {
    display: block;
}

ul.news-list li {
    float: left;
    width: 70px;
    margin-right: 65px;
}

ul.news-list li div {
    text-align: center;
}

ul.news-list li div {
    cursor: pointer;
    font-size: 18px;
    color: #999;
}

div.news-list a {
    display: block;
    width: 30px;
    height: 30px;
}

div.news-list a.next {
    text-align: left;
    background: url("../images/btn2.png") no-repeat center center;
}

div.news-list a.prev {
    text-align: right;
    background: url("../images/btn1.png") no-repeat center center;
}

div.time-news {
    width: 500px;
}

div.time-news ul.news-list li.active div {
    color: #db3f49;
}

div.time-news {
    margin-left: 50px;
}

div.newsto-left {
    width: 1060px;
    height: 215px;
}

div.newsto-right {
    border-left: 1px solid #eee;
    width: 115px;
    padding-left: 32px;
}

div.newsto-img {
    width: 245px;
    padding: 30px 20px;
}

div.newsto-img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
}

p.newdetail-title {
    font-size: 18px;
    color: #333;
}

p.newdetail-cont {
    padding-top: 20px;
    font-size: 14px;
    color: #666;
}

div.newsdetail-content {
    width: 520px;
    padding: 40px 20px;
}

li.newsto-content {
    cursor: pointer;
    background: #fff;
}

div.newsto-content a {
    display: block;
}

p.news-btnicon {
    width: 37px;
    height: 37px;
    margin: 0 auto;
    background: url("../images/btn4.png") no-repeat center center;
}

div.news-module ul.all-news li.newsto-content:hover {
    background: #d32833;
}

li.newsto-content:hover div.newsto-right p.news-btnicon {
    background: url("../images/btn3.png") no-repeat center center;
}

li.newsto-content:hover div.newsdetail-content p,
li.newsto-content:hover div.newsto-right p,
li.newsto-content:hover div.newsto-right h1 {
    color: #fff;
}

div.newsto-right {
    margin-top: 25px;
    text-align: center;
    padding: 15px 10px 10px 10px;
}

div.newsto-right h1 {
    font-size: 18px;
    color: #888;
}

div.newsto-right p {
    font-size: 12px;
    color: #a8a8a8;
}

div.newsto-right p.news-btnicon {
    padding-top: 20px;
}

div.tubiao-dingwei {
    position: relative;
    padding-left: 27px;
}

div.news-list a.next {
    position: absolute;
    top: 4px;
    left: 647px;
}

div.news-list a.prev {
    position: absolute;
    top: 4px;
    left: 1px;
}

div.news-module ul {
    /* padding-top:30px;*/
}

div.news-module01 ul.all-news li:nth-child(even) {
    background: #f8f8f8;
}

div.news-module01 ul.all-news li:nth-child(odd) {
    background: #fff;
}

div.news-module01 ul {
    padding-top: 30px;
    padding-left: 40px;
}

/*div.news-module ul{
    padding-top:30px;
}*/

div.news-module ul.all-news li:nth-child(even) {
    background: #f8f8f8;
}

div.news-module ul.all-news li:nth-child(odd) {
    background: #fff;
}

div.news-module ul.all-news {
    border: 1px solid #eee;
}

div.news_lists {
    margin: 30px 0;
}

div.new-yema a {
    color: #999;
    float: left;
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    margin-right: 15px;
}

div.new-yema {
    /* margin-left:1108px;*/
    padding-top: 20px;
}

div.new-yema a.active {
    background: #cf000d;
    color: #fff;
}

div.new-yema a:hover {
    background: #cf000d;
    color: #fff;
}

div.howto-right {
    cursor: pointer;
}

div.howto-right a {
    font-size: 14px;
    color: #333;
}

div.howto-right:hover {
    background: #cf000d;
}

div.howto-right:hover p a {
    color: #fff;
}

div.howto-left p a {
    font-size: 14px;
    color: #333;
}

div.howto-right {
    border-radius: 50px;
    border: 1px solid #999;
    padding: 8px 20px;
}

div.howto-left p a:hover {
    color: #cf000d;
}

div.howto {
    margin-top: 20px;
}

/*div.licheng-msg{
    margin-top:116px;
}
div.licheng-list {
    display:block;
}
div.licheng-list a.next{
    
}
ul.licheng-list li{
    width:70px;
    margin-right:65px;
}
ul.licheng-list li div{
    text-align:center;
}
div.licheng-list a{
    display:block;
    width:30px;
    height:30px;
    border-radius:50px;
}
div.licheng-list a.next{
    text-align:left;
    background:url("../images/libtn2.png") no-repeat center center; 
}
div.licheng-list a.prev{
    text-align:right;
    background:url("../images/libtn1.png") no-repeat center center;  
}
div.licheng-list a.next{
    position:absolute;
    top:-15px;
    right:14px;
}
div.licheng-list a.prev{
    position:absolute;
    top:-15px;
    left:15px;
}
div.time-licheng{
     width:500px;
}
div.time-licheng ul.licheng-list li.active div{
    color:#db3f49;
}
div.time-licheng{
    margin-left:50px;
}
div.lc-msg{
    width:200px;
    height:200px;
    border:1px solid transparent;
}
p.li-icon01{
   width:1px;
   height:20px; 
}
p.li-icon{
    width:12px;
    height:20px;
}
p.li-icon img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
p.li-icon01{
    width:1px;
    height:10px;
}
p.li-icon01 img{
    width:100%;
    height:auto !important;
    max-width:100%;
}
div.yuandian1{
    position:relative;
}

div.lc-msg h1{
    font-size:30px;
    color:#a43a41;
}
div.lc-msg p{
    font-size:12px;
    color:#666666;
}
p.li-icon01-1{
    position:absolute;
    top:-57px;
    left:96px;
}
div.lc-msg{
    position:absolute;
    top:-172px;
    left:95px;
}
div.lc-msg01{
    position:absolute;
    top:-172px;
    left:10px;
}
div.lc-msg02{
    position:absolute;
    top:18px;
    left:319px;
}
p.li-icon01-2{
    position:absolute;
    top:-61px;
    left:252px;
}

p.li-icon01-3{
    position:absolute;
    top:-51px;
    left:413px;
}
p.li-icon01-4{
    position:absolute;
    top:-51px;
    left:610px;
}
div.all-moudle{
    height:500px;
}*/

.history-list {
    width: 1136px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 111px;
}

.history-list .bd ul {
    width: 1136px;
    height: 480px;
    position: relative;
    background: url("../images/about06.jpg") repeat-x left center;
}

/*.history-list .bd li.one {
    left: 0;
    top: 5px;
}*/

/*.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../images/yuandian.png") no-repeat center top;
}
*/

/*.history-list .bd li {
    width: 318px;
    position: absolute;
}*/

/*.history-list .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../images/yuandian.png") no-repeat center bottom;
}*/

/*.history-list .bd li.the {
    left: 545px;
    top: 3px;
}*/

/*.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../images/yuandian.png") no-repeat center top;
}*/

/*.history-list .bd li.four {
    right: 0;
    top: 4px;
}*/

.history-list .hd a.next {
    background: url("../images/libtn2.png") no-repeat center;
    background-size: cover;
    right: -24px;
}

.history-list .hd a {
    width: 31px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    top: 35.5%;
    cursor: pointer;
    margin-top: 15px;
}

.history-list .hd a.prev {
    background: url("../images/libtn1.png") no-repeat center;
    background-size: cover;
    left: -24px;
}

li.top a p.tit {
    font-family: 'AngsanaNew';
    line-height: 30px;
    font-size: 50px;
    color: #a43a41;
}

li.bot a p.tit {
    font-family: 'AngsanaNew';
    line-height: 30px;
    font-size: 50px;
    color: #a43a41;
}

li.bot a p.con,
li.top a p.con {
    font-size: 12px;
    color: #666;
}

/*.history-list .bd li .con {
    padding: 17px 27px 0 40px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}*/

div.zeren-imgcont ul li {
    float: left;
    width: 336px;
    margin-right: 50px;
}

div.zeren-imgcont ul li div.title {
    font-size: 14px;
    text-align: center;
    padding-top: 22px;
}

div.zeren-imgcont ul li div.title a {
    color: #666;
}

div.zerem-dian {
    padding-top: 40px;
    width: 100px;
    margin: 0 auto;
}

div.zerem-dian ul li {
    background: #999999;
    text-indent: 999999999999999999px;
    float: left;
    cursor: pointer;
    width: 10px;
    border-radius: 50px;
    height: 10px;
    margin-left: 19px;
}

div.zerem-dian ul li.on {
    background: #cf000d;
}

div.zeren-imgcont {
    padding-left: 50px;
}

ul.licheng-btn li {
    margin-right: 30px;
    text-align: center;
    cursor: pointer;
    float: left;
    width: 215px;
    height: 48px;
    line-height: 48px;
}

ul.licheng-btn li a {
    color: #2c303c;
    font-size: 16px;
}

div.licheng-content {
    min-height: 591px;
    margin-top: 70px;
}

ul.licheng-btn li.licheng-qiehuan {
    margin-right: 0;
}

ul.licheng-btn li:hover {
    color: #2c303c;
    background: #f7f7f7;
}

ul.licheng-btn li:hover a {
    color: #cf000d;
}

ul.licheng-btn li.hover {
    color: #2c303c;
    background: #f7f7f7;
}

ul.licheng-btn li.hover a {
    color: #cf000d;
}

div.lowyer {
    margin-top: 150px;
    padding: 0px 0 200px 0;
}

div.lowyer h1 {
    font-size: 30px;
    text-align: center;
}

div.lowyer-content {
    padding: 20px 0 220px 0;
}

div.lowyer-content p {
    font-size: 16px;
    text-indent: 35px;
}

/*违纪查询*/

div.weiji {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

div.weiji-jiemian {}

div.sousuokuang {
    position: relative;
    width: 680px;
    height: 425px;
    margin-top: 300px;
    margin-left: 300px;
    background: #fff;
    z-index: 150;
}

div.sousuokuang input {
    padding-left: 10px;
    display: block;
    width: 305px;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 5px;
}

div.sousuokuang input:hover {
    border: 1px solid #999;
}

div.jiemian-ing {
    margin: 0 auto;
    width: 315px;
    text-align: center;
    padding: 35px 50px 10px 50px;
}

div.jiemian-ing h1 {
    font-size: 22px;
    color: #999;
    padding-bottom: 40px;
}

div.jiemian-ing input {
    margin-bottom: 15px;
}

div.jiemian-ing button {
    margin-top: 15px;
    background: #cf000d;
    color: #fff;
    border: none;
    outline: none;
    width: 315px;
    height: 40px;
    line-height: 40px;
}

div.jiemian-ing p {
    text-align: center;
    font-size: 12px;
    color: #666;
}

p.first-p {
    margin-top: 80px;
}

div.ssjm-content {
    padding: 30px 30px;
}

div.ssjm-content h1 {
    text-align: center;
}

/*改周云*/

p.guanbi {
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 15px;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
}

.right_links .jiathis_style_24x24 .jtico_tsina {
    background: url(../images/sina.png) no-repeat;
}

.right_links .jiathis_style_24x24 .jiaxinlang {
    background: url(../images/weixin.png) no-repeat;
}

div.wxerweima {
    display: none;
    position: absolute;
    top: 47px;
    right: -4px;
    width: 100px;
    height: 100px;
}

div.wxerweima img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

div.jiathis_style_24x24 {
    position: relative;
}

div#headersec {
    background: #fff;
    border-bottom: 1px solid #dce1e5;
}

div#footersec {
    background: #fff;
}

div#footersec {
    border-top: 1px solid #f0f0ef;
}

div#footersec div.corp div.foot_left span {
    background: #e5e5e5;
}

div#footersec div.corp div.foot_left a {
    color: #666666;
}

div#footersec div.corp div.foot_left p {
    color: #666;
    background: url(../images/jiandu.png) no-repeat left center;
}

div#footersec div.corp div.footer-jieshao {
    color: #000;
}

.right_linksec .fl {
    color: #999999;
}

.right_linksec .jiathis_style_24x24 .jtico_tsina {
    background: url(../images/sina1.png) no-repeat;
}

.right_linksec .jiathis_style_24x24 .jiaxinlang {
    background: url(../images/weixin1.png) no-repeat;
}

.right_linksec .search {
    border-left: 1px solid #dce1e5;
}

div.bannertxt p.txt2 {
    padding: 10px 240px;
    font-size: 15px;
    color: #fff;
}

div.join-btn {
    position: absolute;
    bottom: 20px;
    left: 135px;
}

div.join-btn ul li {
    margin-right: 5px;
    float: left;
    width: 5px;
    height: 5px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
}

div.join-btn ul li.on {
    background: #d32833;
    border: 1px solid #d32833;
}

div.banner-img {
    position: relative;
}

/*人才战略部分重写*/

/*.history-list ul{
    padding-top:30px;
}*/

.history-list .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../images/xia.png") no-repeat 45px top;
}

.history-list .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../images/shang.png") no-repeat 30px bottom;
}

.history-list .bd li.one {
    left: 0;
    top: 31px;
}

.history-list .bd li.two {
    left: 273px;
    top: 5px;
}

.history-list .bd li.the {
    left: 545px;
    top: 30px;
}

.history-list .bd li.four {
    right: 0;
    top: 4px;
}

.history-list .bd li.top:hover {
    background: url("../images/redxia.png") no-repeat 45px top;
}

.history-list .bd li.bot:hover {
    background: url("../images/redshang.png") no-repeat 30px bottom;
}

.history-list .bd li {
    width: 318px;
    position: absolute;
}

.history-list .bd li i {
    display: block;
    width: 4px;
    height: 13px;
}

.history-list .bd li i.wushang01 {
    position: absolute;
    bottom: 3px;
    left: 173px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list .bd li i.wushang02 {
    position: absolute;
    top: -7px;
    left: 180px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list .bd li i.wushang03 {
    position: absolute;
    bottom: 4px;
    left: 200px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list .bd li i.wushang04 {
    position: absolute;
    top: -4px;
    left: 160px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list .bd li i {
    position: relative;
}

.history-list .bd li .con {
    padding: 17px 27px 27px 0px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}

/*开始*/

.history-list01 .bd li.top {
    margin-top: 230px;
    padding-top: 53px;
    background: url("../images/xia.png") no-repeat 45px top;
}

.history-list01 .bd li.bot {
    margin-top: -8px;
    padding-bottom: 53px;
    background: url("../images/shang.png") no-repeat 30px bottom;
}

.history-list01 .bd li.one {
    left: 0;
    top: 4px;
}

.history-list01 .bd li.two {
    left: 273px;
    top: 31px;
}

.history-list01 .bd li.the {
    left: 545px;
    top: 4px;
}

.history-list01 .bd li.four {
    right: 0;
    top: 30px;
}

.history-list01 .bd li.top:hover {
    background: url("../images/redxia.png") no-repeat 45px top;
}

.history-list01 .bd li.bot:hover {
    background: url("../images/redshang.png") no-repeat 30px bottom;
}

.history-list01 .bd li {
    width: 318px;
    position: absolute;
}

.history-list01 .bd li i {
    display: block;
    width: 4px;
    height: 13px;
}

.history-list01 .bd li i.wushang01 {
    position: absolute;
    top: -5px;
    left: 173px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list01 .bd li i.wushang02 {
    position: absolute;
    top: 206px;
    left: 180px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list01 .bd li i.wushang03 {
    position: absolute;
    top: -6px;
    left: 200px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list01 .bd li i.wushang04 {
    position: absolute;
    top: 206px;
    left: 160px;
    background: url("../images/wshang.png") no-repeat center center;
}

.history-list01 .bd li i {
    position: relative;
}

.history-list01 .bd li .con {
    padding: 17px 27px 27px 0px;
    font-size: 14px;
    color: #888888;
    width: 245px;
    height: 96px;
    overflow: hidden;
    line-height: 24px;
}

div.news-module .history-list02 ul {
    padding-top: 0px;
}

/*结束*/

.main-strategy01 h2 {
    font-size: 20px;
    color: #d32833;
    text-align: left;
    padding-left: 50px;
    line-height: 24px;
}

div.main-strategy01 ul {
    padding-bottom: 380px;
}

ul.join-back li {
    float: left;
    width: 105px;
    height: 105px;
    border-radius: 50px;
    background: #eeeeee;
}

ul.join-back {
    position: relative;
}

ul.join-back li.power01 {
    position: absolute;
    top: 88px;
    left: 20px;
}

ul.join-back li.power02 {
    position: absolute;
    top: 190px;
    left: 242px;
}

ul.join-back li.power03 {
    position: absolute;
    top: 88px;
    left: 447px;
}

ul.join-back li.power04 {
    position: absolute;
    top: 190px;
    right: 445px;
}

ul.join-back li.power05 {
    position: absolute;
    top: 88px;
    right: 243px;
}

ul.join-back li.power06 {
    position: absolute;
    top: 190px;
    right: 20px;
}

ul.join-back li div.neir {
    width: 80px;
    margin: 0 auto;
}

ul.join-back li div.neir p {
    text-align: center;
    margin: 0 auto;
    padding: 34px 0;
    line-height: 24px;
    width: 80px;
    font-size: 14px;
    color: #000;
}

.width-ul {
    width: 1250px;
    overflow: hidden;
}

.anli-more {
    display: block;
    font-size: 0.24rem;
    color: #ffe1ad;
}