.nav {

    width: 100%;

    background-color: white;

}



.nav_content {

    height: 90px;

    line-height: 90px;

}



.banner {

    width: 100%;

    height: auto !important;

}



.logo {

    vertical-align: middle;

}



.nav_list {

    padding-left: 60px;

}



.nav_link {

    padding: 0 30px;

    position: relative;

}



.nav_link > a {

    border-bottom: 2px solid white;

    font-size: 14px;

    color: #6d6d6d;

    padding: 5px 0;

}



.nav_link > a:hover,

.nav_link_active > a {

    border-bottom: 2px solid #15385f;

    color: #15385f;

}



.input_box {

    display: inline-block;

    width: 196px;

    height: 34px;

    line-height: 34px;

    border: 1px solid #d1d2d6;

    vertical-align: middle;

    margin-right: 20px;

}



.nav_contact {

    display: inline-block;

    vertical-align: middle;

    height: 90px;

    position: relative;

}



.code_pic {

    width: 120px;

    line-height: 1;

    text-align: center;

    padding: 10px;

    border-radius: 4px;

    background-color: rgba(255, 255, 255, .85);

    position: absolute;

    left: -45px;

    top: 100px;

    opacity: 0;

    z-index: -1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.code_pic img {

    width: 100px;

    height: 100px;

}



.code_pic a {

    font-size: 14px;

    color: #666666;

}



.qq,

.wechat,

.sina {

    font-size: 20px;

    color: #d1d2d6;

    margin: 0 5px;

    cursor: pointer;

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

}



.nav_contact:hover .qq,

.nav_contact:hover .wechat,

.nav_contact:hover .sina {

    color: #4064b2;

}



.nav_contact:hover .code_pic {

    top: 90px;

    opacity: 1;

    z-index: 10000;

}



.input_box button {

    width: 50px;

    height: 32px;

    vertical-align: top;

    background-color: transparent;

}



.input_box button:active {

    transform: translate(1px, 1px);

    -webkit-transform: translate(1px, 1px);

}



.input_box button i {

    font-size: 20px;

    color: #d1d2d6;

}



.input_box input {

    width: 135px;

    height: 32px;

    font-size: 14px;

    color: #333;

    padding: 0 5px;

    vertical-align: top;

}



.k_container {

    width: 1400px;

    padding: 1px 0;

    margin: 0 auto;

}



@media screen and (max-width: 1400px) {

    .k_container {

        width: 1200px;

    }



    .nav_link {

        padding: 0 22px;

    }



    .nav_list {

        padding-left: 30px;

    }

}



.nav_son {

    /* display: none; */

    width: 490px;

    padding: 38px;

    background-color: rgba(255, 255, 255, .85);

    position: absolute;

    left: 0;

    top: 100px;

    opacity: 0;

    z-index: -1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.nav_son_link {

    line-height: 30px;

}



.nav_son_link > a {

    font-size: 12px;

    color: #666666;

}



.nav_son_link > a:hover,

.nav_son_link_active > a {

    color: #4064b2;

}



.nav_link:hover .nav_son {

    top: 90px;

    opacity: 1;

    z-index: 20;

}



.index_tags_wrapper {

    width: 100%;

    height: 180px;

    background-color: #f3f4f6;

}



.index_tags_list li {

    float: left;

    width: 18%;

    height: 140px;

    background-color: white;

    margin: 20px 1%;

    box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);

    text-align: center;

    line-height: 140px;

}



.index_tags_icon {

    vertical-align: middle;

}



.index_tags_fonts {

    display: inline-block;

    vertical-align: middle;

}



.index_tags_font1,

.index_tags_font2 {

    line-height: 1;

    text-align: left;

}



.index_tags_font1 {

    font-size: 32px;

    color: #333333;

}



.index_tags_font2 {

    font-size: 14px;

    color: #999999;

    padding-top: 5px;

}



.index_title {

    font-size: 44px;

    color: #333333;

    font-weight: bold;

    padding-top: 95px;

    text-align: center;

}



.index_title_font {

    font-size: 16px;

    color: #999999;

    padding: 5px 0 30px;

    text-align: center;

}



.index_tabs {

    text-align: center;

}



.index_tab {

    display: inline-block;

    font-size: 14px;

    color: #333333;

    margin: 0 25px;

    padding: 4px 0;

    border-bottom: 1px solid white;

    cursor: pointer;

}



.index_tab_active,

.index_tab:hover {

    border-bottom: 1px solid #0e345a;

}



.index_tabs_content {

    text-align: center;

    line-height: 60px;

}



.select_item {

    display: inline-block;

    min-width: 82px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    padding: 0 5px;

    margin: 0 5px;

    font-size: 14px;

    color: #999999;

    vertical-align: middle;

    border: 1px solid #d1d2d6;

    cursor: pointer;

}



.select_item_active,

.select_item:hover {

    color: white;

    border: 1px solid #4064b2;

    background-color: #4064b2;

}



.index_case_item {

    float: left;

    width: 24%;

    height: 255px;

    /*background-color: skyblue;*/

    margin: .5%;

    position: relative;

    overflow: hidden;

    background-position: center;

    background-size: cover;

}



.is_case .index_case_item:nth-child(1),

.is_case .index_case_item:nth-child(2) {

   /* width: 49%;*/

}



.is_building .index_case_item:nth-child(3),

.is_building .index_case_item:nth-child(4) {

    width: 49%;

}



.index_case_mask {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 204px;

    background-color: rgba(51, 51, 51, .65);

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.index_case_mask h2 {

    height: 51px;

    line-height: 51px;

    text-align: center;

    font-size: 20px;

    color: white;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.index_case_mask p {

    font-size: 14px;

    color: white;

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    top: 100px;

    margin: auto;

}



.index_case_btns {

    width: 315px;

    height: 38px;

    position: absolute;

    left: 0;

    right: 0;

    top: 140px;

    margin: auto;

}



.index_case_btn {

    display: inline-block;

    width: 150px;

    height: 38px;

    border: 1px solid rgba(255, 255, 255, .45);

    font-size: 16px;

    color: white;

    text-align: center;

    line-height: 38px;

}



.index_case_btn:nth-child(1) {

    float: left;

}



.index_case_btn:nth-child(2) {

    float: right;

}



.index_case_btn:hover {

    background-color: white;

    border: 1px solid rgba(255, 255, 255, 1);

    color: #4064b2;

}



.index_case_item:hover .index_case_mask {

    top: 0;

}



.index_case_item:hover .index_case_mask h2 {

    top: 50px;

}



.index_case_list {

    padding-top: 25px;

}



.team_swiper {

    width: 100%;

    height: 530px;

    padding: 65px 0 !important;

}



.team_swiper .swiper-slide {

    width: 266.6666666666666667px;

    height: 400px;

    background-position: center;

    background-size: cover;

    /*background-color: skyblue;*/

    color: white;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.team_slide_mask {

    width: 100%;

    height: 100%;

    padding: 50px;

    background-color: rgba(51, 51, 51, .74);

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.team_swiper .swiper-slide:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    z-index: 1;

}



.team_swiper .swiper-slide:hover .team_slide_mask {

    opacity: 1;

}



.blue_color {

    color: #4064b2 !important;

}



.des_btn {

    width: 162px;

    height: 42px;

    border: 1px solid #d1d2d6;

    text-align: center;

    line-height: 42px;

    font-size: 16px;

    color: white;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 50px;

    margin: auto;

}



.des_btn span {

    font-size: 16px;

}



.des_name i {

    font-size: 26px;

    color: #4064b2;

}



.des_name {

    font-size: 26px;

    color: white;

    line-height: 180%;

}



.des_font {

    font-size: 14px;

    color: white;

    line-height: 180%;

}



.padding_b24 {

    padding-bottom: 24px;

}



@media screen and (max-width: 1400px) {

    .index_case_btns {

        width: 270px;

    }



    .index_case_btn {

        width: 130px;

    }

}



.index_team_bottom {

    text-align: center;

    line-height: 38px;

}



.team_left_btn,

.team_right_btn {

    display: inline-block;

    width: 41px;

    height: 38px;

    border: 1px solid #e8e8e8;

    text-align: center;

    line-height: 38px;

    vertical-align: middle;

    cursor: pointer;

}



.team_left_btn i,

.team_right_btn i {

    font-size: 16px;

    color: #4064b2;

    line-height: 1;

}



.check_more_btn {

    display: inline-block;

    width: 150px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    font-size: 16px;

    color: white;

    margin: 0 5px;

    background-color: #4064b2;

    vertical-align: middle;

}



.team_left_btn:active,

.team_right_btn:active,

.check_more_btn:active {

    transform: translate(1px, 1px);

    -webkit-transform: translate(1px, 1px);

    -moz-transform: translate(1px, 1px);

}



.likes {

    width: 48px;

    height: 53px;

    text-align: center;

    background-color: #4064b2;

    border-radius: 0 0 24px 24px;

    position: absolute;

    left: 34px;

    top: 0;

    z-index: 1;

}



.likes i {

    display: inline-block;

    font-size: 18px;

    color: white;

    margin-top: 5px;

}



.likes p {

    font-size: 14px;

    color: white;

}



.progress_bg {

    display: block;

    width: 100%;

    height: auto;

    margin: 40px auto 0;

}



.footer {

    width: 100%;

    background-image: url(../images/footer_bg.jpg);

    background-size: 100% 100%;

}



.work_left {

    width: 450px;

    height: 450px;

    border: 1px solid #e9e9e9;

}



.work_right {

    width: 930px;

    height: 450px;

}



.work_left img {

    width: 100%;

    height: auto;

}



.work_left_fonts {

    padding: 25px 30px;

    width: 100%;

}



.work_site {

    font-size: 18px;

    color: #222222;

}



.work_status {

    font-size: 28px;

    color: #222222;

    padding-top: 8px;

    font-weight: bold;

}



.work_tags {

    padding: 10px 0;

}



.work_tags span {

    display: inline-block;

    min-width: 106px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    border: 1px solid #7ca1f2;

    padding: 0 5px;

    font-size: 14px;

    color: #7ca1f2;

    margin-right: 2px;

}



.work_dsc span {

    display: inline-block;

    min-width: 161px;

    line-height: 180%;

    font-size: 14px;

    color: #999999;

}



.work_btns {

    text-align: center;

    padding-top: 30px;

}



.work_btns a {

    display: inline-block;

    width: 150px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    font-size: 16px;

    color: #4064b2;

    border: 1px solid #e8e8e8;

    margin: 0 15px;

}



.work_btns a:hover {

    background-color: #4064b2;

    border: 1px solid #4064b2;

    color: white;

}



.work_item {

    float: left;

    width: 450px;

    height: 220px;

    margin-left: 15px;

    margin-bottom: 10px;

    background-position: center;

    background-size: cover;

}



.work_item_mask {

    width: 100%;

    height: 100%;

    padding: 10px;

    background-color: rgba(59, 59, 59, .7);

    position: relative;

}



.work_item_mask_site {

    font-size: 18px;

    color: white;

    text-align: center;

    padding-top: 50px;

}



.work_item_mask_status {

    font-size: 28px;

    color: white;

    font-weight: bold;

    text-align: center;

    padding: 10px 0 2px;

}



.work_item_mask_captain {

    font-size: 14px;

    color: white;

    text-align: center;

}



.work_zan,

.work_msg {

    position: absolute;

    bottom: 20px;

    text-align: center;

}



.work_zan {

    right: 65px;

}



.work_msg {

    right: 20px;

}



.work_zan i,

.work_msg i {

    font-size: 16px;

    color: #7ca1f2;

}



.work_zan p,

.work_msg p {

    font-size: 12px;

    color: white;

    padding-top: 4px;

}



@media screen and (max-width: 1400px) {

    .work_left {

        width: 390px;

        height: 390px;

    }



    .work_right {

        width: 810px;

        height: 390px;

    }



    .work_item {

        width: 390px;

        height: 190px;

    }



    .work_left_fonts {

        padding: 5px;

    }

}



.index_contact {

    width: 100%;

    padding-top: 20px;

}



.index_contact_left {

    width: 309px;

    height: 100px;

    line-height: 100px;

}



.index_contact_right {

    width: calc(100% - 309px);

    width: -webkit-calc(100% - 309px);

    height: 100px;

    line-height: 100px;

    border: 1px solid #e8e8e8;

}



.contact_icon {

    vertical-align: middle;

    margin: 0 15px;

}



.index_contact_tel {

    display: inline-block;

    vertical-align: middle;

}



.index_contact_tel p {

    line-height: 1;

    font-size: 18px;

    color: #333;

}



.index_contact_tel p i {

    font-size: 20px;

    color: #333;

}



.index_contact_tel p:last-child {

    font-weight: bold;

    padding-top: 8px;

}



.sub_btn {

    width: 130px;

    height: 100%;

    background-color: #4064b2;

    font-size: 18px;

    color: white;

    font-weight: bold;

}



.sub_btn:active {

    background-color: #7ca1f2;

}



.input_item {

    width: calc((100% - 130px) / 3);

    width: -webkit-calc((100% - 130px) / 3);

    height: 100%;

    float: left;

    text-align: center;

}



.input_item label {

    font-size: 16px;

    color: #666666;

}



.name,

.tel,

.num_code {

    font-size: 16px;

    color: #666666;

    border-bottom: 1px solid #999999;

}



.name,

.tel {

    width: 160px;

}



.num_code {

    width: 70px;

}



.get_code_btn {

    padding: 5px 10px;

    background-color: #4064b2;

    font-size: 14px;

    color: white;

    cursor: pointer;

}



.get_code_btn:active {

    background-color: #7ca1f2;

}



.index_honour,

.index_words {

    width: 49%;

    height: 495px;

    padding: 30px;

    background-image: url(../images/line_bg.png);

    background-repeat: repeat;

    position: relative;

}



.p_title {

    font-size: 18px;

    color: #333;

    line-height: 150%;

    padding-left: 20px;

    border-left: 3px solid #cd944b;

}



.index_honour_content {

    padding: 45px 0;

}



.index_words_swiper {

    margin: 45px 0 !important;

    height: 260px;

}



.index_words_swiper .swiper-slide {

    height: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 30px;

}



.index_honour_item {

    float: left;

    width: 24%;

    margin-right: 1%;

    margin-bottom: calc(1% - 3px);

    margin-bottom: -webkit-calc(1% - 3px);

}



.index_honour_item img {

    width: 100%;

    height: auto;

}



.chakan_btn {

    width: 148px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    background-color: #cd944b;

    font-size: 16px;

    color: white;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 40px;

    margin: auto;

}



.chakan_btn:active {

    background-color: #7ca1f2;

}



.index_words_item {

    width: 100%;

    margin-bottom: 15px;

    padding-bottom: 10px;

    background-color: white;

    box-shadow: 0 4px 60px rgba(100, 100, 100, .1)

}



.index_user_pic {

    width: 69px;

    height: 69px;

    border-radius: 100%;

    margin: 18px 25px;

}



.index_words_context {

    width: calc(100% - 119px);

    width: -webkit-calc(100% - 119px);

    height: 100%;

}



.index_user_name {

    font-size: 18px;

    color: #333333;

    padding: 18px 0 10px;

    font-weight: bold;

}



.index_user_name span {

    font-size: 14px;

    color: #999999;

    padding-left: 10px;

}



.index_user_words {

    font-size: 14px;

    color: #999999;

    text-align: justify;

    line-height: 150%;

    padding-right: 25px;

}



.index_about_us_left {

    width: 56%;

    height: 590px;

}



.index_about_us_right {

    width: 43%;

    height: 590px;

    background-image: url(../images/meihao_bg.jpg);

    background-size: cover;

}



.index_about_us_right_mask {

    width: 100%;

    height: 100%;

    background-color: rgba(51, 51, 51, .66);

    position: relative;

}



.index_about_us_right_mask_border {

    width: 364px;

    height: 160px;

    border: 1px solid rgba(255, 255, 255, .78);

    padding: 6px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.index_about_us_right_mask_fonts {

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, .89);

}



.index_about_us_right_mask_fonts h2 {

    font-size: 26px;

    color: #cd944b;

    font-weight: bold;

    text-align: center;

    padding: 30px 0 12px;

}



.index_about_us_right_mask_fonts p {

    font-size: 14px;

    color: #666666;

    line-height: 150%;

    text-align: center;

}



.play_btn {

    width: 28px;

    height: 28px;

    position: absolute;

    right: 54px;

    bottom: 60px;

}

.index_about_us_left_item1 {

    float: left;

    width: 24%;

    height: 100%;

    padding: 15px;

    background-color: skyblue;

    margin-right: 1%;

    background-image: url(../images/meihao_bg1.jpg);

    background-size: cover;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    position: relative;

}

.index_about_us_left_item2 {

    float: left;

    width: 24%;

    height: 100%;

    padding: 15px;

    background-color: skyblue;

    margin-right: 1%;

    background-image: url(../images/meihao_bg2.jpg);

    background-size: cover;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    position: relative;

}
#xiaozone {background-image: url(../images/meihao_bg1.jpg);}
#xiaoztwo {background-image: url(../images/meihao_bg2.jpg);}
#xiaozthree {background-image: url(../images/meihao_bg3.jpg);}
.index_about_us_left_item {

    float: left;

    width: 24%;

    height: 100%;

    padding: 15px;

    background-color: skyblue;

    margin-right: 1%;

    background-size: cover;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    position: relative;

}



.box_border {

    width: 68px;

    height: 179px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.small_block {

    width: 58px;

    height: 169px;

    text-align: center;

    padding-top: 25px;

    background-color: rgba(255, 255, 255, .78);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    font-size: 26px;

    color: #cd944b;

    font-weight: bold;

    opacity: 1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.big_block {

    width: 282px;

    height: 428px;

    padding: 35px;

    background-color: rgba(0,0,0,0.2);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    opacity: 0;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.big_block h2 {

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    padding-bottom: 30px;

    position: relative;

}



.big_block h2::after {

    content: '';

    width: 16px;

    height: 5px;

    background-color: #e8e8e8;

    position: absolute;

    left: 0;

    bottom: 0;

}



.big_block p {

    font-size: 14px;

    color: #fff;

    line-height: 150%;

    text-align: justify;

    padding-top: 30px;
    font-family: NexaLight;

}



.go_detail_btn {

    width: 150px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    border: 1px solid #e8e8e8;

    font-size: 16px;

    color: #cd944b;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 40px;

    margin: auto;

}



.go_detail_btn:hover {

    background-color: #cd944b;

    color: white;

    border: 1px solid #cd944b;

}



.go_detail_btn:active {

    background-color: #7ca1f2;

    border: 1px solid #7ca1f2;



}



.add_width {

    width: 49%;

}



.add_width .box_border {

    width: calc(100% - 30px);

    width: -webkit-calc(100% - 30px);

    height: 560px;

}



.add_width .small_block {

    opacity: 0;

}



.add_width .big_block {

    opacity: 1;

}



.news_wrapper {

    width: 100%;

    background-image: url(../images/news_bg.jpg);

    background-size: cover;

    margin-top: 102px;

    padding-bottom: 120px;

}



.index_news_container {

    height: 500px;

    padding: 1px 0;

    background-color: white;

    margin: 53px auto 0;

}



.index_news_left {

    width: 584px;

    height: 100%;

}



.index_news_right {

    width: 800px;

    height: 100%;

}



.news_pic {

    width: 100%;

    height: auto;

}



.index_news_title {

    padding: 28px 32px 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index_news_title a {

    font-size: 18px;

    color: #333333;

}



.index_news_font {

    font-size: 14px;

    color: #999999;

    line-height: 150%;

    text-align: justify;

    padding: 0 32px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index_news_item {

    width: 100%;

    height: calc(100% / 4);

    height: -webkit-calc(100% / 4);

    padding: 12px 0;

}



.index_news_item_pic {

    width: auto;

    height: 100%;

    position: relative;

}



.index_news_item_msg {

    width: 60%;

}



.index_news_item_msg h2 {

    padding: 20px 18px 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: right;

}



.index_news_item_msg h2 a {

    font-size: 18px;

    color: #333333;

}



.index_news_item_msg p {

    text-align: right;

    font-size: 14px;

    color: #999999;

    line-height: 150%;

    text-align: justify;

    padding: 0 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



@media screen and (max-width: 1400px) {

    .index_news_right {

        width: 600px;

        height: 100%;

    }

}



.footer_top {

    height: 350px;

    padding-top: 40px;

}



.footer_bottom {

    width: 100%;

    height: 47px;

    line-height: 47px;

    text-align: center;

    border-top: 1px solid #747474;

    font-size: 14px;

    color: white;

}



.footer_bottom a {

    font-size: 14px;

    color: #4064b2;

    padding-left: 20px;

}



.footer_top_left {

    width: 240px;

    height: 100%;

}



.footer_top_right {

    width: 934px;

    height: 100%;

}



.footer_font_grey {

    font-size: 14px;

    color: #999999

}



.footer_font_grey:hover {

    color: white;

}



.footer_font_white {

    font-size: 14px;

    color: white;

}



.tel_number {

    display: inline-block;

    font-size: 26px;

    color: #cd944b;

    font-weight: bold;

    margin-bottom: 15px;

}



.footer_list li {

    margin: 0 0 10px;

}



.margin_right45 {

    margin-right: 45px;

}



.wechat_code_box {

    width: 115px;

    text-align: center;

}



.wechat_code_box img {

    width: 100%;

    margin-bottom: 5px;

}



.wechat_code_box span {

    font-size: 14px;

    color: #d1d2d6;

}



.jy_title {

    height: 215px;

    line-height: 300px;

    position: relative;

}



.eng_bg {

    vertical-align: middle;

}



.jy_title_content {

    width: 1040px;

    height: 120px;

    line-height: 1;

    text-align: center;

    background-color: white;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.jy_title_content span {

    display: inline-block;

    width: 250px;

    text-align: center;

    line-height: 100px;

}



.jy_title_content span a {

    font-size: 20px;

    color: #333333;

    line-height: 1;

}



.jy_title_content .jy_title_active a,

.jy_title_content span a:hover {

    color: #cd944b;

}



.small_jy_mini {

    position: absolute;

    right: 0;

    top: 106px;

}



.case_wrapper {

    padding: 40px 0;

    /* min-height: 944px; */

}



.case_list {

    margin-right: -28px;

}



.case_item {

    float: left;

    width: 448px;

    height: 451px;

    margin-right: 28px;

    margin-bottom: 28px;

    border: 1px solid #e8e8e8;

}



@media screen and (max-width: 1400px) {

    .case_list {

        margin-right: -24px;

    }



    .case_item {

        width: 384px;

        margin-right: 24px;

        margin-bottom: 24px;

    }

}



.case_pic {

    width: 100%;

    height: 220px;

}



.case_name {

    text-align: center;

    padding: 5px 39px 8px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}


.case_name a {

    font-size: 24px;

    color: #333;

}



.case_tags {

    text-align: center;

    padding: 0 20px 20px;

}



.case_tags span {

    font-size: 14px;

    color: #999999;

    /*padding: 0 10px;*/

}



.case_tags span em {

    font-size: 14px;

    color: #4d8bd1;

}



.case_detail_wrapper {

    margin-top: 20px;

}



.case_detail_left {

    width: 78%;

    min-height: 1000px;

    background-image: url(../images/case_detail_eng.png);

    background-repeat: no-repeat;

    background-position: center top;

}



.case_detail_right {

    width: 20%;

    min-height: 1000px;

    padding-top: 161px;

}



.case_detail_title {

    width: 556px;

    height: 316px;

    padding: 1px 0;

    background-color:#cd944bde;

    margin-top: 32px;

}



.case_detail_top {

    width: 95%;

    height: 225px;

    background-color: white;

    float: right;

    margin-top: -189px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .06)

}



.case_detail_pics {

    width: 100%;

    margin-top: 74px;

    position: relative;

}



.case_detail_title h2 {

    font-size: 42px;

    color: white;

    font-weight: bold;

    margin: 25px 20px 0;

}



.case_detail_title h2 span,

.case_detail_title h2 span i {

    font-size: 14px;

    color: white;

    vertical-align: middle;

}



.case_detail_title h2 span i {

    margin-right: 4px;

}



.case_detail_top_left {

    width: 100%;

    height: 100%;

    padding: 24px;

    position: relative;

}



.case_detail_top_right {

    width: 60%;

    height: 100%;

    padding: 24px;

    position: relative;

}



.case_detail_head {

    padding-left: 35px;

    position: relative;

}



.case_detail_head::before {

    content: '';

    width: 18px;

    height: 5px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    top: calc((100% - 5px) / 2);

    top: -webkit-calc((100% - 5px) / 2);

}



.case_detail_head h2 {

    font-size: 26px;

    color: #333333;

    font-weight: bold;

}



.case_detail_head p {

    font-size: 12px;

    color: #d4d4d4;

}



.case_detail_idea {

    font-size: 18px;

    color: #999;

    line-height: 180%;

    text-align: justify;

    padding-top: 30px;

    padding-right: 40px;

}



.house_block {

    width: 100%;

    height: 100px;

    padding: 1px 0;

    margin-top: 24px;

}



.house_block_item {

    width: 33.333333%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    float: left;

    border-right: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

    position: relative;

}



.house_block_item:nth-child(3n) {

    border-right: none;

}



.house_block_item:nth-child(4),

.house_block_item:nth-child(5),

.house_block_item:nth-child(6) {

    border-bottom: none;

}



.house_block_item:nth-child(1)::after,

.house_block_item:nth-child(2)::after {

    content: '';

    width: 9px;

    height: 9px;

    background-color: #ebebeb;

    position: absolute;

    right: -5px;

    bottom: -5px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

}



.house_block_item img {

    vertical-align: middle;

    margin-right: 3px;

}



.house_block_item span {

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    color: #999999;

}



.case_detail_swiper .swiper-slide img {

    width: 100%;

    height: 100%;

}



.house_swiper_btn_next,

.house_swiper_btn_prev {

    width: 55px;

    height: 66px;

    text-align: center;

    line-height: 66px;

    color: white;

    background-color: #cd944b;

    position: absolute;

    bottom: -14px;

    z-index: 10;

    cursor: pointer;

}



.house_swiper_btn_next {

    right: 0;

}



.house_swiper_btn_prev {

    right: 55px;

    border-right: 1px solid #3e65b6;

}



.house_swiper_btn_next i,

.house_swiper_btn_prev i {

    color: white;

}



.house_swiper_btn_next:active,

.house_swiper_btn_prev:active {

    background-color: #7ca1f2;

}



.case_tuijian_wrapper {

    width: 100%;

    padding: 1px 0 80px;

    margin-top: 70px;

}



.designer_wrapper {

    width: 100%;

    height: 318px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .06);

    text-align: center;

}



.designer_pic {
    width: 189px;
    height: 78px;
    margin: 38px 0px 23px;

}



.designer_name {

    font-size: 26px;

    color: #333333;

    text-align: center;

}



.designer_name i {

    font-size: 26px;

    color: #cd944b;

    margin-right: 2px;

}



.designer_job {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    padding: 1px 0 25px;

}



.designer_tags {

    text-align: center;

}



.designer_tags span {

    font-size: 14px;

    color: #999999;

    padding: 0 5px;

    line-height: 180%;

}



.designer_tags span:first-child {

    border-right: 1px solid #eeeeee;

}



.designer_begood {

    text-align: center;

}



.designer_begood span {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

}



.designer_btn {

    text-align: center;

    padding-top: 25px;

}



.designer_btn a {

    display: inline-block;

    width: 117px;

    height: 37px;

    text-align: center;

    line-height: 37px;

    border: 1px solid #d1d2d6;

    font-size: 14px;

    color: #999999;

}



.designer_btn a:first-child {

    margin-right: 18px;

}



.designer_btn a .blue_color {

    font-weight: bold;

    padding: 0 2px;

}



.designer_btn a:hover {

    background-color: #cd944b !important;

    color: white !important;

    border: 1px solid #cd944b !important;

}



.designer_btn a:hover .blue_color {

    color: white !important;

}



.offer_wrrapper {

    width: 100%;

    height: 350px;

    padding: 1px 0;

    margin-top: 24px;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .06);

    text-align: center;

}



.offer_wrrapper h2 {

    font-size: 24px;

    color: #333333;

    font-weight: bold;

    padding: 40px 0;

}



.offer_wrrapper input {

    width: 253px;

    height: 41px;

    padding: 0 20px;

    font-size: 14px;

    color: #333333;

    border: 1px solid #e8e8e8;

    margin-bottom: 15px;

}



.offer_wrrapper button {

    width: 253px;

    height: 41px;

    background-color: #cd944b;

    font-size: 14px;

    color: white;

    font-weight: bold;

    margin-bottom: 15px;

}



.offer_wrrapper button:active {

    background-color:  #cd944b;

}



.offer_wrrapper p {

    font-size: 14px;

    color: #999999;

}



@media screen and (max-width: 1400px) {



    .designer_job,

    .designer_tags span,

    .designer_begood span {

        font-size: 12px;

    }



    .designer_btn a:first-child {

        margin-right: 9px;

    }



    .designer_btn a {

        width: 100px;

        height: 37px;

        font-size: 12px;

        color: #999999;

    }



    .offer_wrrapper input {

        width: 200px;

        font-size: 12px;

    }



    .offer_wrrapper button {

        width: 200px;

        font-size: 12px;

    }



    .offer_wrrapper p {

        font-size: 12px;

    }

}



.case_detail_right_bottom {

    padding-top: 50px;

}



.case_detail_right_bottom span {

    display: inline-block;

    width: 32%;

    height: 24px;

    text-align: center;

    line-height: 24px;

    font-size: 14px;

    color: #333333;

    cursor: pointer;

}



.case_detail_right_bottom span i {

    font-size: 14px;

    color: #cd944b;

    margin-right: 2px;

}



.case_tuijian_tabs {

    width: 100%;

    height: 37px;

    border-bottom: 1px solid #e8e8e8;

}



.case_tuijian_tab {

    display: inline-block;

    height: 100%;

    margin-left: 45px;

    font-size: 14px;

    color: #333333;

    cursor: pointer;

    border-bottom: 1px solid white;

}



.case_tuijian_tab_active,

.case_tuijian_tab:hover {

    color: #cd944b;

    border-bottom: 1px solid #cd944b;

}



.tuijian_wrapper {

    width: 100%;

    padding: 48px 0;

}



.tuijian_item {

    float: left;

    width: 335px;

    margin-right: 20px;

    border: 1px solid #e8e8e8;

}



.tuijian_item:last-child {

    margin-right: 0;

}



.tuijian_item .case_tags span {

    font-size: 12px;

}



@media screen and (max-width: 1400px) {

    .tuijian_item {

        width: 288px;

        margin-right: 16px;

    }



    .tuijian_item .case_tags {

        padding: 0 0 20px;

    }



    .tuijian_item .case_tags span {

        padding: 0 5px;

    }

}



.btn_center_box {

    text-align: center;

    width: 100%;

}



.jy_btn {

    display: inline-block;

    width: 166px;

    height: 41px;

    text-align: center;

    line-height: 41px;

    font-size: 14px;

    color: white;

    background-color: #cd944b;

}



.jy_btn:active {

    background-color: #7ca1f2;

}



.building_list {

    padding: 70px 0 0;

}



.building_item {

    width: 100%;

    height: 313px;

    border: 1px solid #e8e8e8;

    margin-bottom: 60px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.building_item_pic {

    width: 410px;

    height: 100%;

}



.building_item_center {

    width: calc(100% - 670px);

    width: -webkit-calc(100% - 670px);

    height: 100%;

    padding: 0 60px;

}



.building_item_right {

    width: 260px;

    height: 100%;

    line-height: 311px;

    text-align: center;

}



.building_item_name {

    font-size: 30px;

    color: #333333;

    font-weight: bold;

    padding: 30px 0 25px;

    position: relative;

}



.building_item_name::before {

    content: '';

    width: 34px;

    height: 2px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    bottom: 0;

}



.building_item_dsc {

    font-size: 14px;

    color: #999999;

    height: 135px;

    line-height: 180%;

    text-align: justify;

    margin-top: 20px;

    margin-bottom: 20px;

    overflow: hidden;

}



.already_thing span {

    font-size: 14px;

    color: #999999;

    padding-right: 27px;

}



.already_thing span strong {

    font-size: 22px;

    color: #cd944b;

    padding-right: 5px;

}



@media screen and (max-width: 1400px) {

    .building_item_dsc {

        font-size: 12px;

    }

}



.building_item:hover {

    box-shadow: 5px 5px 50px rgba(0, 0, 0, .1);

}



.building_detail_top {

    width: 100%;

    height: 932px;

    position: relative;

}



.blue_block {

    width: 549px;

    height: 417px;

    background-color: #cd944b;

}



.building_detail_content {

    width: calc(100% - 12px);

    width: -webkit-calc(100% - 12px);

    height: 920px;

    padding: 40px;

    background-color: white;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .06);

    position: absolute;

    right: 0;

    bottom: 0;

}



.building_detail_content_top {

    width: 100%;

    height: 365px;

}



.building_detail_pic {

    width: 481px;

    height: 365px;

}



.building_detail_msg {

    width: calc(100% - 731px);

    width: -webkit-calc(100% - 731px);

    height: 100%;

    position: relative;

    padding-left: 60px;

    padding-right: 60px;

}



.position_b {

    position: absolute;

    bottom: 0;

    left: 60px;

}



.building_detail_name {

    font-size: 40px;

    color: #333333;

    font-weight: bold;

    padding: 30px 0 20px;

    position: relative;

}



.building_detail_name::before {

    content: '';

    width: 20px;

    height: 5px;

    background-color: #cd944b;

    position: absolute;

    left: 4px;

    bottom: 0;

}



.building_detail_dsc {

    font-size: 14px;

    color: #999999;

    height: 200px;

    line-height: 180%;

    text-align: justify;

    margin-top: 20px;

    margin-bottom: 20px;

    overflow: hidden;

}



.building_detail_side {

    width: 250px;

    box-shadow: none;

}





@media screen and (max-width: 1400px) {

    .building_detail_dsc {

        font-size: 12px;

    }



    .building_detail_msg {

        padding-right: 10px;

    }



    .already_thing span {

        font-size: 12px;

    }



    .already_thing span strong {

        font-size: 20px;

    }

}



.building_detail_lun {

    width: 100%;

    margin: 130px 0 50px;

    position: relative;

}



.building_swiper_btn_next,

.building_swiper_btn_prev {

    width: 55px;

    height: 66px;

    text-align: center;

    line-height: 66px;

    color: white;

    background-color: #cd944b;

    position: absolute;

    top: 110px;

    z-index: 10;

    cursor: pointer;

}



.building_swiper_btn_next:active,

.building_swiper_btn_prev:active {

    background-color: #7ca1f2;

}



.building_swiper_btn_next i,

.building_swiper_btn_prev i {

    color: white;

}



.building_swiper_btn_next {

    right: 0;

}



.building_swiper_btn_prev {

    left: 0;

}



.building_detail_swiper {

    width: 1110px;

    margin: 0 auto;

    padding: 0 5px !important;

}



.building_detail_swiper .swiper-slide {

    width: 338px !important;

    text-align: center;

}



.building_detail_swiper_pic {

    width: 100%;

    height: 275px;

    border: 1px solid #e8e8e8;

}



.building_detail_swiper_font {

    font-size: 14px;

    color: #999999;

    line-height: 45px;

}



@media screen and (max-width: 1400px) {

    .building_detail_swiper {

        width: 930px;

    }



    .building_detail_swiper .swiper-slide {

        width: 282px !important;

    }



    .building_detail_swiper_pic {

        height: 230px;

    }

}



.team_detail_top {

    background-image: url(../images/dream.png);

    background-position: 36px center;

    background-repeat: no-repeat;

    padding: 36px 0 0;

}



.master_wrapper {

    width: 1250px;

    height: 466px;

    margin: 0 auto;

}



.master_msg {

    width: 945px;

    height: 468px;

    padding-left: 220px;

    padding-right: 290px;

    background-color: #f8f8f8;

    margin: 0 auto;

    position: relative;

}



.master_pic {

    width: 332px;

    height: 442px;

    position: absolute;

    top: 13px;

    left: -146px;

}



.master_side {

    width: 312px;

    height: 376px;

    background-color: white;

    position: absolute;

    top: 48px;

    right: -154px;

    margin: 0;

    padding: 0;

}



@media screen and (max-width: 1400px) {

    .master_side {

        width: 280px;

        right: -100px;

    }

}



.master_name {

    font-size: 36px;

    color: #333333;

    padding: 84px 0 4px;



}



.master_job {

    font-size: 16px;

    color: #666666;

    padding-bottom: 50px;

}



.master_list li {

    line-height: 30px;

}



.master_icon {

    display: inline-block;

    width: 18px;

    height: 18px;

    margin-right: 2px;

    text-align: center;

    line-height: 18px;

    vertical-align: top;

    margin-top: 4px;

}



.master_icon img {

    vertical-align: middle;

    margin-top: 2px;

}



.master_list_font {

    display: inline-block;

    width: 410px;

    font-size: 14px;

    color: #666666;

    vertical-align: top;

}



.tuijian_item_designer {

    float: left;

    width: 454px;

    height: 283px;

    margin-right: 19px;

    padding: 10px;

    background-color: #f8f8f8;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.tuijian_item_designer:nth-child(3n) {

    margin-right: 0;

}



.tuijian_item_designer_pic {

    height: 100%;

    width: auto;

}



.tuijian_item_designer_msg {

    padding-left: 20px;

    width: 236px;

}



.tuijian_item_designer_name {

    font-size: 26px;

    color: #333333;

    font-weight: bold;

    padding: 30px 0 0;

}



.tuijian_item_designer_name i {

    font-size: 26px;

    color: #cd944b;

    margin-right: 4px;

}



.tuijian_item_designer_jpb,

.tuijian_item_designer_tags {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    text-align: justify;

}



.tuijian_item_designer_jpb {

    padding-bottom: 15px;

}



@media screen and (max-width: 1400px) {

    .tuijian_item_designer {

        width: 388px;

        height: 242px;

        margin-right: 18px;

    }



    .tuijian_item_designer_msg {

        width: 201px;

    }



    .tuijian_item_designer_jpb,

    .tuijian_item_designer_tags {

        font-size: 12px;

    }

}



.tuijian_item_designer .designer_btn a {

    background-color: white;

}



.tuijian_item_designer:hover {

    box-shadow: 5px 5px 50px rgba(0, 0, 0, .1);

}



.gy_list {

    padding: 80px 0;

}



.gyitem {

    float: left;

    width: 406px;

    margin-right: 91px;

    margin-bottom: 70px;

    padding: 50px;

    background-color: white;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

    position: relative;

}



.gyitem:nth-child(3n) {

    margin-right: 0;

}



@media screen and (max-width: 1400px) {

    .gyitem {

        width: 350px;

        margin-right: 70px;

    }

}



.gyitem_pic {

    width: 100%;

    height: auto;

    margin-top: 20px;

}



.gyitem_top {

    width: 100%;

    height: 95px;

}



.gyitem_num {

    width: 75px;

    height: 95px;

    line-height: 95px;

    border-right: 1px solid #e8e8e8;

}



.gyitem_num span {

    font-size: 60px;

    color: #cd944b;

}



.gyitem_font {

    width: calc(100% - 75px);

    width: -webkit-calc(100% - 75px);

    height: 95px;

    padding-left: 15px;

}



.gyitem_font h2 {

    font-size: 24px;

    color: #cd944b;

    font-weight: bold;

    padding-bottom: 3px;

}



.gyitem_font p {

    font-size: 12px;

    color: #666666;

    text-align: justify;

    line-height: 150%;

}



.gyitem_mask1,

.gyitem_mask2 {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.gyitem_mask1 img,

.gyitem_mask2 img {

    width: 100%;

    height: 100%;

}



.protection_wrapper {

    width: 100%;

    padding: 50px;

    margin: 123px 0;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

    position: relative;

}



.hydropower_wrapper {

    width: 100%;

    padding: 20px 50px;

    margin: 85px 0 140px;

    position: relative;

}



.goongyi_bottom_block {

    width: 100%;

    height: auto;

    margin-bottom: 78px;

}



.gy_swiper_btn_next1,

.gy_swiper_btn_prev1,

.gy_swiper_btn_next2,

.gy_swiper_btn_prev2 {

    width: 41px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    color: white;

    background-color: #cd944b;

    position: absolute;

    z-index: 10;

    cursor: pointer;

}



.gy_swiper_btn_next1:active,

.gy_swiper_btn_prev1:active,

.gy_swiper_btn_next2:active,

.gy_swiper_btn_prev2:active {

    background-color: #7ca1f2;

}



.gy_swiper_btn_next1 i,

.gy_swiper_btn_prev1 i,

.gy_swiper_btn_next2 i,

.gy_swiper_btn_prev2 i {

    color: white;

}



.gy_swiper_btn_next1,

.gy_swiper_btn_next2 {

    right: 0;

    top: calc((100% - 38px) / 2);

    top: -webkit-calc((100% - 38px) / 2);

}



.gy_swiper_btn_prev1,

.gy_swiper_btn_prev2 {

    left: 0;

    top: calc((100% - 38px) / 2);

    top: -webkit-calc((100% - 38px) / 2);

}



.protection_swiper .swiper-slide {

    width: 302.5px;

    border: 1px solid #e8e8e8;

}



.protection_swiper .swiper-slide img {

    width: 100%;

    height: auto;

}



.protection_swiper_font {

    width: 100%;

    height: 67px;

    text-align: center;

    line-height: 67px;

}



.protection_swiper_font span {

    font-size: 22px;

    color: #666666;

    position: relative;

}



.protection_swiper_font span::after {

    content: '';

    width: 6px;

    height: 6px;

    background-color: #cd944b;

    position: absolute;

    left: -18px;

    top: 9.5px;

}



.hydropower_swiper {

    padding: 30px 0 !important;

}



.hydropower_swiper .swiper-slide {

    overflow: hidden;

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    transition: 300ms;

}



.hydropower_swiper .swiper-slide:not(.swiper-slide-active) {

    transform: scale(0.8);

}



.hydropower_swiper .swiper-slide.swiper-slide-active {

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

}



.hydropower_swiper .swiper-slide img {

    width: 100%;

    height: auto;

}



.worker_list {

    padding-bottom: 60px;

}



.worker_item {

    float: left;

    width: 452px;

    margin-right: 22px;

    margin-bottom: 22px;

    background-color: #f8f8f8;

}



.worker_item:nth-child(3n) {

    margin-right: 0;

}



.worker_pic {

    width: 220px;

}



.worker_pic img {

    width: 100%;

    height: 330px;

}



.worker_msg {

    width: calc(100% - 220px);

    width: -webkit-calc(100% - 220px);

    padding-left: 18px;

}



.worker_name {

    font-size: 24px;

    color: #333333;

    padding-top: 30px;

}



.worker_name i {

    font-size: 24px;

    color: #cd944b;

}



.worker_jpb {

    font-size: 12px;

    color: #666666;

    padding: 5px 0 20px;

    padding-left: 25px;

}



.worker_dsc_list li {

    width: 100%;

    padding: 5px;

}



.worker_dsc_icon {

    display: inline-block;

    width: 18px;

    height: 18px;

    text-align: center;

    line-height: 18px;

    vertical-align: top;

}



.worker_dsc_icon img {

    vertical-align: middle;

}



.worker_dsc_font {

    display: inline-block;

    width: calc(100% - 50px);

    width: -webkit-calc(100% - 50px);

    font-size: 12px;

    color: #666666;

    line-height: 180%;

    text-align: justify;

    vertical-align: top;

}



@media screen and (max-width: 1400px) {

    .worker_item {

        width: 386px;

        margin-right: 21px;

        margin-bottom: 21px;

    }



    .worker_pic {

        width: 180px;

    }

    .worker_pic img{

        height: 270px;

    }



    .worker_msg {

        width: calc(100% - 180px);

        width: -webkit-calc(100% - 180px);

    }

}



.live_list {

    padding-bottom: 60px;

}



.live_item {

    float: left;

    width: 680px;

    margin-right: 40px;

    margin-bottom: 40px;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

}



.live_item:nth-child(2n) {

    margin-right: 0;

}



.live_item_pic {

    width: 270px;

    height: auto;

}



.live_item_right {

    width: calc(100% - 270px);

    width: -webkit-calc(100% - 270px);

    padding: 25px;

    position: relative;

}



.mark_status {

    width: 45px;

    height: 52px;

    padding-top: 4px;

    text-align: center;

    background-image: url(../images/mark_status.png);

    background-size: 100% 100%;

    position: absolute;

    top: 0;

    right: -9px;

}



.mark_status span {

    display: block;

    font-size: 16px;

    color: #ffffff;

    font-weight: bold;

}



.live_item_title {

    width: 88%;

    font-size: 24px;

    color: #222222;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.live_item_blocks {

    padding: 12px 0 26px;

    position: relative;

}



.live_item_blocks::after {

    content: '';

    width: 12px;

    height: 5px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    bottom: 0;

}



.live_item_blocks span {

    display: inline-block;

    width: 106px;

    height: 25px;

    border: 1px solid #999999;

    text-align: center;

    line-height: 23px;

    font-size: 12px;

    color: #999999;

}



.live_item_tags {

    padding: 20px 0;

}



.live_item_tags span {

    float: left;

    width: 50%;

    line-height: 180%;

    font-size: 12px;

    color: #999999;

}



.live_item_btns {

    padding-top: 10px;

}



.live_item_btns a {

    display: inline-block;

    width: 150px;

    height: 38px;

    border: 1px solid #e8e8e8;

    text-align: center;

    line-height: 38px;

    font-size: 16px;

    color: #cd944b;

}



.live_item_btns a:hover,

.live_item_btns a:hover .blue_color {

    background-color: #cd944b !important;

    border: 1px solid #cd944b !important;

    color: white !important;

}



.live_item_btns a:active {

    background-color: #7ca1f2;

    border: 1px solid #7ca1f2;

    color: white;

}



@media screen and (max-width: 1400px) {

    .live_item {

        width: 590px;

        margin-right: 20px;

        margin-bottom: 20px;

    }



    .live_item_pic {

        width: 200px;

    }



    .live_item_right {

        width: calc(100% - 200px);

        width: -webkit-calc(100% - 200px);

    }



    .live_item_tags {

        padding: 5px 0;

    }



    .live_item_right {

        padding: 10px;

    }



    .live_item_btns a {

        display: inline-block;

        width: 120px;

        height: 30px;

        border: 1px solid #e8e8e8;

        text-align: center;

        line-height: 28px;

        font-size: 14px;

        color: #cd944b;

    }

}



.live_detail_container {

    padding: 73px 40px;

    margin-bottom: 136px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    background-image: url(../images/live_detail_bg.jpg);

    background-position: left top;

    background-repeat: no-repeat;

}



.live_detail_pic {

    width: 368px;

    height: 400px;

}



.live_detail_top_right {

    width: calc(100% - 368px);

    width: -webkit-calc(100% - 368px);

    height: 400px;

    position: relative;

    padding-left: 45px;

}



.live_detail_top_font {

    width: 750px;

    height: 100%;

    position: relative;

}



.live_detail_top_font .live_item_tags {

    width: 380px;

}



.live_detail_top_font .live_item_title {

    padding-top: 45px;

}



.live_detail_iconbox,

.live_detail_arrow {

    float: left;

    width: 50px;

    height: 65px;

    text-align: center;

    position: relative;

}



.live_detail_icon {

    width: 32px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    top: 10px;

    margin: auto;

}



.live_detail_icon img {

    vertical-align: middle;

}



.live_detail_iconbox_font {

    width: 100%;

    font-size: 14px;

    font-weight: bold;

    color: #cd944b;

    text-align: center;

    position: absolute;

    left: 0;

    bottom: 0;

}



.live_detail_arrow {

    text-align: center;

    line-height: 65px;

}



.live_detail_arrow img {

    margin-bottom: 2px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 2px;

    margin: auto;

}



.light_colour {

    opacity: .4;

}



.grey_colour .live_detail_icon img {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

    opacity: 0.3;

}



.grey_colour .live_detail_iconbox_font {

    color: #cccccc;

}



.live_detail_btns {

    position: absolute;

    left: 0;

    bottom: 0;

}



.live_detail_btns a {

    display: inline-block;

    width: 150px;

    height: 38px;

    background-color: #cd944b;

    text-align: center;

    line-height: 38px;

    font-size: 16px;

    color: white;

}



.live_detail_btns a:active {

    background-color: #7ca1f2;

}



.live_detail_code {

    width: 150px;

    text-align: center;

    position: absolute;

    right: 0;

    top: 0;

}



.live_detail_code img {

    width: 100%;

    height: auto;

}



.live_detail_code span {

    font-size: 12px;

    color: #cd944b;

    line-height: 180%;

}



.live_detail_swipers {

    padding-top: 104px;

}



.swipers_item {

    width: 100%;

    padding-top: 92px;

    padding-bottom: 80px;

    padding-left: 40px;

    border-left: 1px solid #e8e8e8;

    position: relative;

}



.swipers_item:last-child {

    border: none;

}



.swipers_item_head {

    width: auto;

    height: 67px;

    line-height: 67px;

    position: absolute;

    top: 0;

    left: -34px;

}



.swipers_item_head img {

    width: 67px;

    height: 67px;

    vertical-align: middle;

}



.swipers_item_headright {

    display: inline-block;

    vertical-align: middle;

}



.swipers_item_headright h2 {

    font-size: 26px;

    color: #333333;

    font-weight: bold;

    padding-bottom: 4px;

    line-height: 1;

}



.swipers_item_headright p {

    font-size: 12px;

    color: #999999;

    line-height: 1;

}



.live_swiper {

    width: 100%;

}



.live_swiper .swiper-slide img {

    width: 100%;

    height: auto;

}



.live_swiper_dsc {

    font-size: 14px;

    color: #666666;

    line-height: 180%;

    text-align: justify;

    padding-bottom: 10px;

}



.live_swiper_btn_next,

.live_swiper_btn_prev {

    width: 41px;

    height: 38px;

    text-align: center;

    line-height: 36px;

    border: 1px solid #e8e8e8;

    position: absolute;

    top: 0;

    cursor: pointer;

}



.live_swiper_btn_next {

    right: 0;

}



.live_swiper_btn_prev {

    right: 40px;

}



.live_swiper_btn_next i,

.live_swiper_btn_prev i {

    color: #cd944b;

}



.live_swiper_btn_next:active,

.live_swiper_btn_prev:active {

    background-color: #ebebeb;

}



.my-button-disabled i {

    color: #999999;

}



.not_finished .swipers_item_head,

.not_finished .live_swiper,

.not_finished .live_swiper_btn_next,

.not_finished .live_swiper_btn_prev {

    opacity: .4;

}



.not_finished .swipers_item_head img {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}



.not_finished .live_swiper_dsc {

    opacity: 1;

}



.not_finished .live_swiper_btn_next i,

.not_finished .live_swiper_btn_prev i {

    color: #999999;

}



.latest_list {

    padding: 60px 0;

}



.latest_item {

    float: left;

    width: 452px;

    margin-right: 22px;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

}



.latest_item:nth-child(3n) {

    margin-right: 0;

}



.news_pic {

    width: 100%;

    height: auto;

}



@media screen and (max-width: 1400px) {

    .latest_item {

        width: 385px;

    }

}



.news_bottom {

    width: 100%;

    padding: 20px;

    position: relative;

}



.latest_time {

    display: inline-block;

    font-size: 34px;

    color: #999999;

    position: relative;

}



.new_icon {

    position: absolute;

    top: 0;

    right: -28px;

}



.latest_name {

    width: 60%;

    font-size: 20px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_btn {

    position: absolute;

    right: 20px;

    bottom: 20px;

    width: 134px;

    height: 42px;

    text-align: center;

    line-height: 40px;

    border: 1px solid #e8e8e8;

    font-size: 16px;

    color: #cd944b;

}



.news_btn:hover {

    background-color: #cd944b;

    border: 1px solid #cd944b;

    color: white;

}



.news_btn:active {

    background-color: #7ca1f2;

    border: 1px solid #7ca1f2;

}



.news_item {

    width: 100%;

    height: 241px;

    margin-bottom: 90px;

    border: 1px solid #e8e8e8;

}



.news_item_pic {

    width: 502px;

    height: 100%;

    position: relative;

}



.news_item_pic img {

    width: 100%;

    height: 100%;

}



.news_item_right {

    width: 262px;

    height: calc(100% - 50px);

    height: -webkit-calc(100% - 50px);

    margin: 25px 0;

    padding: 30px 0 0 40px;

    border-left: 1px solid #e8e8e8;

}



.news_item_center {

    width: calc(100% - 764px);

    width: -webkit-calc(100% - 764px);

    height: 100%;

    padding: 20px 50px;

}



@media screen and (max-width: 1400px) {

    .news_item_pic {

        width: 430px;

    }



    .news_item {

        height: 206.5px;

    }



    .news_item_center {

        width: calc(100% - 692px);

        width: -webkit-calc(100% - 692px);

    }

}



.news_item_time {

    font-size: 34px;

    color: #999999;

    padding-bottom: 20px;

}



.news_item_btn {

    display: inline-block;

    width: 41px;

    height: 38px;

    background-color: #cd944b;

    text-align: center;

    line-height: 38px;

}



.news_item_btn:active {

    background-color: #7ca1f2;

}



.news_item_btn i {

    color: white;

}



.news_item_center h2 {

    margin-top: 20px;

    padding: 10px 0 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.news_item_center h2::before {

    content: '';

    width: 36px;

    height: 3px;

    background-color: #cd944b;

    position: absolute;

    left: 4px;

    top: 0;

}



.news_item_center h2 a {

    font-size: 34px;

    color: #333333;

}



.news_item_center p {

    font-size: 14px;

    color: #999999;

    text-align: justify;

    line-height: 180%;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.news_detail_wapper {

    width: 100%;

    border-top: 1px solid #e8e8e8;

    margin-top: 70px;

}



.news_detail_left {

    padding: 80px 0;

    width: 750px;

}



.news_detail_right {

    width: 400px;

    padding: 50px 0;

    margin-top: -1px;

    border-top: 1px solid #cd944b;

    min-height: 800px;

}



.more_news_item {

    width: 100%;

    margin: 50px 0;

    border: 1px solid #e8e8e8;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.more_news_item:hover {

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

}



.news_detail_title {

    font-size: 30px;

    color: #333333;

    font-weight: bold;

}



.news_detail_tags {

    padding: 30px 0 60px;

    position: relative;

}



.news_detail_tags::after {

    content: '';

    width: 35px;

    height: 4px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    bottom: 0;

}



.news_detail_tags span {

    display: inline-block;

    line-height: 40px;

    font-size: 12px;

    color: #999999;

    margin-right: 20px;

}



.front_icon {

    font-size: 14px;

    color: #999999;

    vertical-align: middle;

    margin-right: 4px;

}



.share_icon {

    font-size: 16px;

    color: #cd944b;

    vertical-align: middle;

    margin: 0 5px;

    cursor: pointer;

}



.news_detail_content {

    width: 100%;

    height: auto;

    padding: 24px 0;

}



.news_detail_content b,

.news_detail_content strong {

    font-weight: bold;



}



/*.news_detail_content p {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    text-align: justify;

}

*/

.news_detail_content img {

    max-width: 100%;

    height: auto;

    vertical-align: top;

}



.padding_tb40 {

    padding: 40px 0;

}



.share_box {

    display: inline-block;

}



.hot_tags span {

    font-size: 14px;

    color: #333333;

}



.hot_tags a {

    display: inline-block;

    min-width: 116px;

    height: 29px;

    padding: 0 10px;

    text-align: center;

    line-height: 29px;

    background-color: #cd944b;

    font-size: 14px;

    color: #ffffff;

}



.hot_tags a:active {

    background-color: #7ca1f2;

}



.words_item {

    width: 100%;

    padding: 40px;

    margin: 65px 0;

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

}



.visitor_pic {

    width: 72px;

    height: 72px;

    border-radius: 100%;

}



.words_item_head_right {

    width: clac(100% -72px);

    width: -webkit-clac(100% -72px);

    height: 72px;

    padding-left: 20px;

}



.visitor_name {

    display: inline-block;

    font-size: 22px;

    color: #333333;

    padding-right: 40px;

    font-weight: bold;

    padding-top: 15px;

    padding-bottom: 10px;

}



.stars_box {

    display: inline-block;

}



.stars_box img {

    width: 16px;

    height: 16px;

    margin: 0 5px;

}



.stars_box span,

.origin {

    font-size: 16px;

    color: #cd944b

}



.origin {

    display: inline-block;

    padding-left: 30px;

}



.words_tags {

    font-size: 14px;

    color: #999999;

}



.words_tags a {

    display: inline-block;

    width: 68px;

    height: 21px;

    margin-left: 10px;

    background-color: #cd944b;

    text-align: center;

    line-height: 21px;

    border-radius: 2px;

    font-size: 14px;

    color: white;

    position: relative;

}



.words_tags a::before {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #cd944b;

    position: absolute;

    top: 7px;

    left: -2px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

}



.words_item_content {

    padding-left: 92px;

}



.words_font {

    padding: 25px 0;

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    text-align: justify;

}



/* 254*155 */

.words_image {

    display: inline-block;

    width: 254px;

    height: 155px;

    margin-right: 20px;

    margin-bottom: 20px;

    text-align: center;

    line-height: 155px;

    background-color: #f7f7f7;

}



.words_image img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}



.comment_number {

    line-height: 30px;

    cursor: pointer;

}



.comment_number span,

.comment_number i {

    display: inline-block;

    font-size: 16px;

    color: #999999;

    vertical-align: top;

}



.comment_wrapper {

    width: 832px;

    margin-left: 92px;

    padding: 50px 0 0;

    display: none;

}



.write_block {

    width: 100%;

    padding: 11px;

    background-color: #f7f7f7;

    border: 1px solid #e8e8e8;

}



.write_box {

    width: 100%;

    height: 97px;

    padding: 15px;

    font-size: 14px;

    color: #333333;

    border: 1px solid #e8e8e8;

    background-color: white;

}



.write_block_btn {

    text-align: right;

    padding-top: 11px;

}



.write_block_btn span {

    font-size: 14px;

    color: #999999;

}



.write_block_btn button {

    width: 77px;

    height: 28px;

    background-color: #cd944b;

    text-align: center;

    line-height: 28px;

    font-size: 14px;

    color: white;

}



.write_block_btn button:active {

    background-color: #7ca1f2;

}



.words_list {

    padding-top: 10px;

}



.words_list_item {

    padding: 25px 0;

    border-bottom: 1px solid #e8e8e8;

}



.words_list_item p {

    font-size: 14px;

    color: #666666;

    text-align: justify;

    line-height: 180%;

    padding-bottom: 5px;

}



.words_list_item em {

    font-size: 14px;

}



.words_list_item span {

    font-size: 14px;

    color: #999999;

}



.lode_more_box {

    text-align: center;

    line-height: 30px;

    margin-top: 30px;

}



.lode_more_box span {

    font-size: 12px;

    color: #999999;

    cursor: pointer;

}



.lode_more_box span:hover {

    color: #cd944b;

}



.comment_bar {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 999;

    background-color: rgba(0, 0, 0, .4);

    display: none;

}



.comment_con {

    width: 1036px;

    padding: 60px 100px;

    background-color: #f1f1f1;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

}



.scoll_div {

    width: 100%;

    height: 495px;

    overflow-x: hidden;

    overflow-y: auto;

}



.join_item {

    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);

    margin-bottom: 24px;

}



.join_head {

    height: 137px;

    padding: 35px 0;

    margin: 0 42px;

    border-bottom: 1px dashed #e8e8e8;

    position: relative;

    cursor: pointer;

}



.join_head_name {

    font-size: 22px;

    color: #333333;

    padding-bottom: 10px;

}



.join_head_tags span {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    padding: 0 10px;

    border-left: 1px solid #999999;

}



.join_head_tags span:first-child {

    font-weight: bold;

    border: none;

    padding-left: 0;

}



.join_next {

    padding: 42px 54px 75px;

    border-bottom: 6px solid #cd944b;

    display: none;

}



.join_next p {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    text-align: justify;

}



.join_next_title {

    padding: 35px 0 15px;

}



.join_head_arrow {

    width: 30px;

    height: 137px;

    line-height: 137px;

    text-align: center;

    position: absolute;

    right: 0;

    top: 0;

}



.join_head_arrow i {

    display: inline-block;

    font-size: 18px;

    color: #999999;

    vertical-align: middle;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.rotate i {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

}



.join_next_email {

    padding-top: 20px;

}



.about_line1 {

    width: 100%;

    height: 333px;

    background-image: url(../images/about_line.png);

    background-repeat: repeat;

}



.about_top {

    background-image: url(../images/about_top_bg.jpg);

    background-repeat: no-repeat;

    background-position: left bottom;

}



.about_top_content {

    width: 100%;

    height: 800px;

    position: relative;

}



.about_pic1,

.about_pic2 {

    position: absolute;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

}



.about_pic1 {

    width: 686px;

    height: 390px;

    left: 0;

    top: 145px;

    transform: translateX(-800px);

    -webkit-transform: translateX(-800px);

    -moz-transform: translateX(-800px);

    opacity: 0;

}



.about_pic2 {

    width: 728px;

    height: 332px;

    right: 0;

    bottom: 0;

    transform: translateX(800px);

    -webkit-transform: translateX(800px);

    -moz-transform: translateX(800px);

    opacity: 0;

}



.about_pic_back {

    transform: translateX(0);

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    opacity: 1;

}



.about_block1,

.about_block2 {

    position: absolute;

}



.about_block1 {

    width: 728px;

    height: 398px;

    padding: 60px;

    right: 0;

    top: 70px;

    background-color: rgba(255, 255, 255, .85);

}



.about_block2 {

    width: 764px;

    height: 265px;

    padding: 40px 100px;

    bottom: 0;

    left: 0;

    background-color: rgba(255, 255, 255, .97);

}



.about_us_pic {

    position: absolute;

    left: 160px;

    top: -115px;

}



.about_block1_small,

.about_block2_small {

    width: 24px;

    height: 24px;

    background-color: #cd944b;

    position: absolute;

}



.about_block1_small {

    left: 0;

    top: 0;

}



.about_block2_small {

    right: 0;

    top: 0;

}



.about_block1 h2,

.about_block2 h2 {

    font-size: 34px;

    color: #333333;

    padding-bottom: 30px;

}



.about_block1 p,

.about_block2 p {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

}



.about_block2 span {

    display: inline-block;

    font-size: 24px;

    color: #cd944b;

    padding-bottom: 10px;

}



.boss_msg_wrapper {

    width: 1170px;

    height: 930px;

    margin: 0 auto;

    padding-top: 256px;

    position: relative;

}



.about_line2 {

    width: 693px;

    height: 158px;

    background-image: url(../images/about_line.png);

    background-repeat: repeat;

    position: absolute;

    left: 156px;

    top: 230px;

    z-index: -1;

}



.boss_title_img {

    width: 1px;

    height: 130px;

    background-color: #cd944b;

    position: absolute;

    right: 330px;

    top: 0;

}



.boss_title_img img {

    position: absolute;

    left: -207px;

    top: 130px;

}



.boss_msg_font {

    width: calc(100% - 400px);

    width: -webkit-calc(100% - 400px);

    padding: 194px 65px 0;

}



.boss_msg_font h2 {

    padding: 38px 0;

    font-size: 34px;

    color: #333333;

    position: relative;

}



.boss_msg_font h2::before {

    content: '';

    width: 24px;

    height: 24px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    top: 0;

}



.boss_msg_font p {

    font-size: 14px;

    color: #999999;

    text-align: justify;

    line-height: 180%;

}



.boss_sign {

    width: 100%;

    text-align: right;

    line-height: 139px;

}



.boss_sign span {

    display: inline-block;

    font-size: 14px;

    color: #999999;

    vertical-align: middle;

}



.boss_sign img {

    display: inline-block;

    vertical-align: middle;

}



.time_axis_wrapper {

    position: relative;

    padding-top: 267px;

    padding-bottom: 200px;

}



.time_axis_title {

    width: 1px;

    height: 53px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

}



.time_axis_title img {

    position: absolute;

    left: -207px;

    top: 38px;

}



.time_axis_list {

    width: 100%;

    padding: 20px 0;

    overflow: hidden;

    position: relative;

}



.time_axis_list::after {

    content: '';

    width: 1px;

    height: 100%;

    background-color: #e8e8e8;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

}



.time_icon1 {

    display: block;

    margin: 10px auto;

}



.time_load_more {

    width: 100px;

    margin: 10px auto;

    text-align: center;

    cursor: pointer;

}



.time_load_more span {

    display: block;

    font-size: 16px;

    color: #333333;

    padding-top: 5px;

}



.time_axis_item {

    width: 50%;

    padding: 0 20px;

    position: relative;

}



.time_axis_item:nth-child(odd) {

    margin-bottom: 56px;

    padding-right: 64px;

    float: left;

}



.time_axis_item:nth-child(even) {

    margin-top: 56px;

    padding-left: 64px;

    float: right;

}



.time_axis_item_content {

    width: 100%;

    height: 248px;

    min-height: 248px;

    padding: 20px 34px 50px;

    position: relative;

}



.time_axis_item:nth-child(odd) .time_axis_item_content {

    box-shadow: -2px 2px 30px rgba(0, 0, 0, .1);

    text-align: right;

}



.time_axis_item:nth-child(even) .time_axis_item_content {

    box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);

}



.time_axis_item:nth-child(odd) .time_axis_item_content::after {

    content: '';

    width: 30px;

    height: 30px;

    background-color: white;

    box-shadow: 2px -2px 40px rgba(0, 0, 0, .1);

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    position: absolute;

    top: 30px;

    right: -15px;

}



.time_axis_item:nth-child(even) .time_axis_item_content::after {

    content: '';

    width: 30px;

    height: 30px;

    background-color: white;

    box-shadow: -2px 2px 40px rgba(0, 0, 0, .1);

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    position: absolute;

    top: 30px;

    left: -15px;

}



.time_axis_circle {

    width: 17px;

    height: 17px;

    border-radius: 100%;

    background-color: white;

    border: 3px solid #e8e8e8;

    position: absolute;

    top: 38px;

    z-index: 1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



.autoheight {

    height: auto !important;

}



.time_axis_item:nth-child(odd) .time_axis_circle {

    right: -9px;

}



.time_axis_item:nth-child(even) .time_axis_circle {

    left: -8px;

}



.year_of {

    font-size: 14px;

    font-weight: bold;

}



.time_axis_name {

    font-size: 24px;

    color: #333333;

    font-weight: bold;

    line-height: 29px;

    padding: 20px 0;

    border-bottom: 1px solid #e8e8e8;

}



.blue_block {

    display: inline-block;

    width: 14px;

    height: 5px;

    background-color: #cd944b;

    margin: 0 5px;

    vertical-align: middle;

}



.time_axis_font {

    font-size: 14px;

    color: #999999;

    line-height: 150%;

    margin: 9px 0;

}



.time_axis_font:last-child {

    margin: 0;

}



.time_axis_show {

    font-size: 12px;

    color: #333333;

    cursor: pointer;

    position: absolute;

    bottom: 20px;

}



.time_axis_show i {

    font-size: 10px;

    color: #333333;

    margin-left: 5px;

    transform: scale(.6);

    -webkit-transform: scale(.6);

    -moz-transform: scale(.6);

}



.time_axis_item:nth-child(odd) .time_axis_show {

    right: 34px;

}



.time_axis_item:nth-child(even) .time_axis_show {

    left: 34px;

}



.overflow_block {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.honour_wrapper {

    width: 100%;

    height: 675px;

    background-image: url(../images/honour_bg.jpg);

    background-size: cover;

    position: relative;

}



.honour_title {

    width: 1px;

    height: 77px;

    background-color: #cd944b;

    position: absolute;

    left: 0;

    right: 0;

    top: -195px;

    margin: auto;

}



.honour_title img {

    position: absolute;

    left: -207px;

    top: 77px;

}



.honour_swiper1 {

    width: 1059px;

    height: 243px;

    margin: 210px auto 45px !important;

}



.honour_swiper1 .swiper-slide {

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 243px;

}





.honour_swiper1 .swiper-slide img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}



.honour_swiper2_box {

    width: 100%;

    height: 131px;

    line-height: 131px;

    position: relative;

}



.honour_swiper2_box::after {

    content: '';

    width: 100%;

    height: 1px;

    background-color: #676767;

    position: absolute;

    left: 1;

    top: 65px;

}



.honour_swiper2 {

    width: 1059px;

    height: 100%;

}



.honour_swiper2 .swiper-slide {

    text-align: center;

    cursor: pointer;

}



.honour_dot {

    width: 11px;

    height: 11px;

    border-radius: 100%;

    background-color: #a8a8a8;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

}



.honour_dot span {

    width: 61px;

    text-align: center;

    font-size: 22px;

    color: #a8a8a8;

    font-weight: bold;

    line-height: 1;

    position: absolute;

    left: -25px;

    top: 20px;

    margin: auto;

}



.honour_swiper2 .swiper-slide-active .honour_dot {

    background-color: #cd944b;

}



.honour_swiper2 .swiper-slide-active .honour_dot span {

    color: #cd944b;

}



.honour_next,

.honour_prev {

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    background-color: white;

    border-radius: 100%;

    position: absolute;

    top: 45.5px;

    z-index: 1;

    cursor: pointer;

}



.honour_next {

    right: 0;

}



.honour_prrev {

    left: 0;

}



.honour_next i,

.honour_prev i {

    color: #cd944b;

}



.honour_next:hover,

.honour_prev:hover {

    background-color: #cd944b;

}



.honour_next:hover i,

.honour_prev:hover i {

    color: white;

}





.honour_next.swiper-button-disabled,

.honour_prev.swiper-button-disabled,

.honour_next.swiper-button-disabled:hover,

.honour_prev.swiper-button-disabled:hover {

    background-color: #a8a8a8

}



.honour_next.swiper-button-disabled i,

.honour_prev.swiper-button-disabled i,

.honour_next.swiper-button-disabled:hover i,

.honour_prev.swiper-button-disabled:hover i {

    color: white;

}



.address_container {

    width: 1200px;

    margin: 0 auto;

}



.address_item {

    float: left;

    width: 550px;

    margin-right: 50px;

    margin-bottom: 50px;

}



.address_item:nth-child(2n) {

    margin-right: 0;

}



.map {

    width: 100%;

    height: 300px;

    background-color: salmon;

    margin-top: 20px;

}



.address_item h2 {

    font-size: 24px;

    color: #cd944b;

    padding-bottom: 20px;

}



.address_item p {

    font-size: 14px;

    color: #999999;

    line-height: 180%;

    text-align: justify;

}



.code_bar {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .4);

    z-index: 999;

    display: none;

}



.code_content {

    width: 500px;

    height: 200px;

    text-align: center;

    line-height: 100px;

    background-color: white;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.code_content input[type=number] {

    vertical-align: middle;

    width: 200px;

    height: 41px;

    border: 1px solid #e8e8e8;

    font-size: 14px;

    color: #333;

    padding: 0 20px;

    margin-right: 20px;

}



.code_content input[type=button] {

    width: 120px;

    height: 41px;

    background-color: #cd944b;

    font-size: 14px;

    color: white;

    cursor: pointer;

}



.code_content input[type=button]:active {

    background-color: #7ca1f2;

}



.yuyue_btn {

    width: 253px;

    height: 41px;

    background-color: #cd944b;

    font-size: 14px;

    color: white;

    font-weight: bold;

}



.yuyue_btn:active {

    background-color: #7ca1f2;

}



.guoqi_news {

    width: 100%;

    height: 100%;

    position: absolute;;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .6);

    background-image: url(../images/guoqi.png);

    background-position: center;

    background-repeat: no-repeat;

}





.side_bar {

    width: 180px;

    height: 360px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .2);

    position: fixed;

    right: -180px;

    top: 40%;

    background-color: white;

    z-index: 20;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

}



.side_bar_show {

    right: 0;

}



.side_bar_btn {

    padding-top: 40px;

    width: 40px;

    height: 200px;

    background-color: #4064b2;

    color: #fff;

    font-size: 18px;

    text-align: center;

    cursor: pointer;

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

    position: fixed;

    right: -40px;

    top: 40%;

    z-index: 19;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

}



.side_bar_btn_show {

    right: 0;

}



.side_bar_title {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background-color: #4064b2;

    font-size: 22px;

    color: white;

    font-weight: bold;

}



.side_bar_code {

    display: block;

    width: 90px;

    height: 90px;

    margin: 24px auto;

}



.side_bar_list {

    margin: 0 9px;

    border-top: 1px solid #dddddd;

}



.side_bar_item {

    width: 100%;

    height: 54px;

    line-height: 54px;

}



.side_bar_item img {

    width: 30px;

    display: inline-block;

    vertical-align: middle;

}



.side_bar_item span {

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    color: #4064b2;

    padding-left: 5px;

}



.close_side_bar {

    width: 36px;

    height: 36px;

    position: absolute;

    right: 5px;

    top: -45px;

    cursor: pointer;

}



.side_link {

    position: fixed;

    right: 7px;

    bottom: 15%;

    z-index: 20;

}



.side_link a {

    display: block;

    width: 65px;

    height: 65px;

    text-align: center;

    border: 1px solid #809dcd;

    background-color: #3c69b3;

    margin: 3px 0;

}



.side_link a:active {

    background-color: #809dcd;

}



.side_link i {

    display: inline-block;

    font-size: 26px;

    color: white;

    margin-top: 8px;

}



.side_link span {

    display: block;

    font-size: 12px;

    color: white;

}



/* 粘贴到 k_style.css里 */

.new_index_contact{

    width: 100%;

    min-height: 100px;

    margin-top: 20px;

    padding: 1px 70px;

    background-color: #2e2e2e;

    position: relative;

}



.new_index_contact_p_fonts{

    font-size: 20px;

    color: #ffffff;

    position: absolute;

    right: 70px;

    top: 20px;

}



.new_index_contact_p_fonts strong{

    font-size: 20px;

    color: white;

    font-weight: bold;

}



.new_index_contact_title{

    font-size: 32px;

    color: white;

    font-weight: bold;

    padding: 20px 0 5px;

}



.new_index_contact_fonts{

    font-size: 16px;

    color: #dedddd;

}



.new_index_contact_form{

    padding: 24px 0;

}



.new_index_contact_item{

    height: 45px;

    line-height: 45px;

    background-color: white;

}



.new_index_contact_item:nth-child(1),

.new_index_contact_item:nth-child(2),

.new_index_contact_item:nth-child(3){

    width: 25%;

    margin-right: 1%;

}



.new_index_contact_item:nth-child(4){

    width: 20%;

}



.new_index_contact_item img{

    vertical-align: top;

}



.new_index_contact_item input{

    height: 100%;

    font-size: 16px;

    color: #666666;

    line-height: 45px;

    vertical-align: top;

}



.new_index_contact_item:nth-child(1) input,

.new_index_contact_item:nth-child(2) input{

    width: calc(100% - 50px);

    width: -webkit-calc(100% - 50px);

}



.new_index_contact_item:nth-child(3) input[type=button]{

    float: right;

    width: 100px;

    background-color: #4064b2;

    font-size: 16px;

    color: white;

    cursor: pointer;

}



.new_index_contact_item:nth-child(3) input[type=number]{

    width: calc(100% - 150px);

    width: -webkit-calc(100% - 150px);

}



.new_index_contact_item:nth-child(4) input[type=button]{

    width: 100%;

    background-color: #4064b2;

    font-size: 16px;

    color: white;

    cursor: pointer;

}





/* 粘贴到 k_style.css里 */

.new_index_contact{

    width: 100%;

    min-height: 100px;

    margin-top: 50px;

    padding: 1px 70px;

    background-color: #4064b2;

    position: relative;

}



.new_index_contact_p_fonts{

    font-size: 20px;

    color: #ffffff;

    position: absolute;

    right: 70px;

    top: 20px;

}



.new_index_contact_p_fonts strong{

    font-size: 20px;

    color: white;

    font-weight: bold;

}



.new_index_contact_title{

    font-size: 32px;

    color: white;

    font-weight: bold;

    padding: 20px 0 5px 130px;

}



.new_index_contact_fonts{

    font-size: 16px;

    color: #dedddd;

    padding-left: 130px;

}



.new_index_contact_form{

    padding: 24px 0;

}



.new_index_contact_item{

    height: 45px;

    line-height: 45px;

    background-color: white;

}



.new_index_contact_item:nth-child(1),

.new_index_contact_item:nth-child(2),

.new_index_contact_item:nth-child(3){

    width: 25%;

    margin-right: 1%;

    z-index: 2;

}



.new_index_contact_item:nth-child(4){

    width: 20%;

    z-index: 2;

}



.new_index_contact_item img{

    vertical-align: top;

}



.new_index_contact_item input{

    height: 100%;

    font-size: 16px;

    color: #666666;

    line-height: 45px;

    vertical-align: top;

}



.new_index_contact_item:nth-child(1) input,

.new_index_contact_item:nth-child(2) input{

    width: calc(100% - 50px);

    width: -webkit-calc(100% - 50px);

}



.new_index_contact_item:nth-child(3) input[type=button]{

    float: right;

    width: 100px;

    background-color: #e9e9e9;

    font-size: 16px;

    color: #666666;

    cursor: pointer;

}



.new_index_contact_item:nth-child(3) input[type=number]{

    width: calc(100% - 150px);

    width: -webkit-calc(100% - 150px);

}



.new_index_contact_item:nth-child(4) input[type=button]{

    width: 100%;

    background-color: white;

    font-size: 16px;

    color: #4064b2;

    font-weight: bold;

    cursor: pointer;

}



.new_index_contact_icon{

    width: 180px;

    height: auto;

    position: absolute;

    left: 42px;

    top: -36px;

    z-index: 1;

}