﻿
/* 首页 */
.main_toutiao{width: 100%;background-color: white;height: 50px;line-height: 50px;}
.tt_ic{float: left;}
.tt_txt{width: 100%;text-align: center; font-size: 24px; }
.tt_txt a{color: rgb(37, 83, 148);}
.Main_box_mar, .index_banner, .index_qyxw, .index_tyxw{float: left; margin: 20px 0px 0px 0px; border: 1px solid #e0e0e0; width: 590px; background: white;overflow: hidden;}
.index-new-top .title, .index_qyxw .title, .index_tyxw .title, .index_jpzs .title, .index_hyzq .title{position: relative; width: 100%; height: 50px; border-bottom: 1px solid #e7e7e7; background: #f8f8f8; cursor: pointer;}

.index-new-top .title .name, .index_qyxw .title .name, .index_tyxw .title .name, .index_jpzs .title .name, .index_hyzq .title .name{position: absolute;  padding: 0 30px; height: 51px; color: #be1d2c; background: white;  border-right: 1px solid #e0e0e0 !important;/* border-left: 1px solid #e0e0e0 !important; */ border-top: 3px solid #be1d2c; left: 0; top: -1px; font-size: 18px; line-height: 50px;}
.index_qyxw .title .name{left: -1px;}
.index_qyxw .title .lastname{cursor: pointer; position: absolute; padding: 0 30px; height: 50px; left: 163px; top: 0px; color: #666666; font-size: 18px; line-height: 50px; border-top: none !important;}
.name_ic{float: left; margin-right: 10px; font-size: 22px;}
.index-new-top .title .name div, .index_qyxw .title .name div, .index_tyxw .title .name div, .index_jpzs .title .name div, .index_hyzq .title .name div{float: left;}
.index-new-top .title .lastname div, .index_qyxw .title .lastname div, .index_tyxw .title .lastname div, .index_jpzs .title .lastname div, .index_hyzq .title .lastname div{float: left;}
.index-new-top .title .active, .index_qyxw .title .active, .index_tyxw .title .active, .index_jpzs .title .active, .index_hyzq .title .active{background: white !important; color: #255394 !important; border-top: 3px solid #255394 !important; border-right: 1px solid #e0e0e0 !important; border-left: 1px solid #e0e0e0 !important;}
.index-new-top .title .noactive, .index_qyxw .title .noactive, .index_tyxw .title .noactive, .index_jpzs .title .noactive, .index_hyzq .title .noactive{color: #666666; background: none; border-top: none; border-right: none; border-left: none;}
  
.index-new-top .title .more, .index_qyxw .title .more, .index_tyxw .title .more, .index_jpzs .title .more, .index_hyzq .title .more{float: right; margin-right: 24px; margin-top: 18px;}
.index-new-top .title .more img, .index_qyxw .title .more img, .index_tyxw .title .more img, .index_jpzs .title .more img, .index_hyzq .title .more img{float: right; margin-top: 1px;}
.index-new-top .title .more div, .index_qyxw .title .more div, .index_tyxw .title .more div, .index_jpzs .title .more div, .index_hyzq .title .more div{float: right; font-size: 14px; cursor: pointer; line-height: 1; margin-right: 5px;}
.index-new-top .title .more div a, .index_qyxw .title .more div a, .index_tyxw .title .more div a, .index_jpzs .title .more div a, .index_hyzq .title .more div a{color: #888888;}
.index-new-top .title .more div a:hover, .index_qyxw .title .more div a:hover, .index_tyxw .title .more div a:hover, .index_jpzs .title .more div a:hover, .index_hyzq .title .more div a:hover{color: #474747;}
/* index轮播图 */
.index_banner{height: 429px; margin-right: 20px;}
.index_banner img{height: 390px; width: 100%;}
.index_banner_tit{width: 100%; line-height: 38px; text-align: center; color: #545454; font-size: 18px;}
/* 企业新闻 */
.index_qyxw{height: 429px;}
.index_qyxw .xw_ul{width: 555px; height: 362px; margin: 0 auto; margin-top: 0px;}
.index_qyxw .xw_ul a{position: relative; display: block; width: 100%; height: 37px; line-height: 37px;}
.index_qyxw .xw_ul a:nth-child(1){font-weight: bold;}
.index_qyxw .xw_ul a:hover .new_list1_tit{color: #be1d2c;}
.new_list1_ico{position: absolute; width: 4px; height: 4px; background: #cccccc; border-radius: 2px; margin: 19px 0px;}
.new_list1_titsy{margin-right: 45px!important;}
.new_list1_time{position: absolute; right: 0; top: 0; color: #8d8d8d;}
.index_qyxw .xw_ul li a:hover{text-decoration: none; color: #be1d2c;}
.index_qyxw .xw_ul li span{text-align: left; float: right; width: auto; font-size: 12px; color: #8f8f8f;}
/* 通用新闻 */
.index_tyxw{height: 460px;}
.tyxw2{margin-right: 20px;}
.index_tyxw .top_new{height: 106px; margin: 20px 20px 0px 20px;}
.index_tyxw .top_new .top_new_l{float: left; width: auto; margin-right: 20px;}
.index_tyxw .top_new img{height: 105px;}
.index_tyxw .top_new .top_new_r{margin-left: 20px;}
.index_tyxw .top_new .top_new_r .tit{font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold;}
.index_tyxw .top_new .top_new_r .tit a{color: #be1d2c;}
.index_tyxw .top_new .top_new_r .jianjie{margin-top: 15px; color: #8f8f8f; font-size: 14px; line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.index_tyxw .xw_ul{width: 550px; height: 288px; margin: 0 auto; margin-top: 10px;}
.index_tyxw .xw_ul ul{width: 100%;}
.index_tyxw .xw_ul li{width: 100%; height: 37px; line-height: 37px;}
.index_tyxw .xw_ul li a{display: block; width: 455px; float: left; margin-left: 12px; font-size: 16px; color: #404040; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_tyxw .xw_ul li a:hover{text-decoration: none; color: #be1d2c;}
.index_tyxw .xw_ul li span{text-align: left; float: right; width: auto; font-size: 12px; color: #8f8f8f;}
.con_new{margin: 10px 0px 10px 20px;}
.con_ppfw{margin: 10px 0px;}
.gs_logo{position: relative; width: 264px; height: 86px; float: left; border: 1px solid #f0f0f0; padding: 12px 5px; margin-top: 10px; cursor: pointer; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -ms-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in;}
.gs_logo_l{float: left; width: 85px; position: relative;}
.gs_logo_l::after{content: ''; width: 1px; height:42px; background-color: #bab8b8; position: absolute; right: 10px; top: 10px;}
.gs_logo_r{float: left; width: 160px; height: 100%; text-align: center; display: flex; align-items: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items:center /* padding: 15px 0; */}
.gs_logo_r a {max-width: 100%; }
.gs_logo_r a img{width: 100%; max-height: 100%; }
.gs_logo:nth-child(odd){margin-right: 20px;}
.pp_logo{position: relative; width: 130px; height: 118px; float: left; margin-top: 10px; margin-right: 10px; border: 1px solid #f0f0f0; cursor: pointer;}
.pp_logo_t{height: 85px; width: 100%; text-align: center; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-justify-content:center; align-items: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items:center}
.pp_logo_t img{max-width: 100%; max-height: 100%;}
.pp_logo_txt{text-align: center; line-height: 1.8;}
/* last图片 */
.index_last{width: 100%;}
.index_last img{width: 386px; float: left; margin-top: 20px; margin-right: 20px;}
/* 精品展示 */
.index_jpzs{float: left; width: 1200px; height: auto; padding-bottom: 20px; background: white; margin: 20px 10px 0px 0px; border: 1px solid #e7e7e7;overflow: hidden;}
.qypp_{width: 136px; height: 126px;}
.qypp_logo{height: 100px; width: 100%; padding: 3px;}
.qypp_im img{width: 100%; height: 100%;}
/* 人物访谈 */
.con_n_li{float: left; width: 218px; height: 315px; margin-top: 9px; margin-right: 14px;}
.con_n_li:hover ._n_li_tt span{color: #be1d2c!important;}
._n_li_top{position: relative; width: 100%; overflow: hidden; height: 260px; border: 1px solid #e3e3e3; padding: 4px; cursor: pointer; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -ms-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in;}
._n_li_top img{width: 100%; height: 100%;}
._n_li_tt{text-align: center; font-weight: bold; line-height: 2;}
._n_li_tt span{color: #333333!important;font-size: 16px;}
._n_li_txt{text-align: center; line-height: 1.5;font-size: 16px;}
/* 品牌服务 */
.ppfw_li{width: 164px;margin: 0 37px; background: 0; border: 0;position: relative;height: 125px;float: left;margin-top: 10px;cursor: pointer;}
.jzpj_left{float: left; width: 280px; height: 100%; margin-right: 35px;}
._left_img{height: 190px; margin-top: 10px; border: 1px solid #f0f0f0; width: 100%; padding: 4px;}
._left_img img{width: 100%; height: 100%;}
.jzpj_right{float: left; width: 825px; padding: 20px 0;}
.jzpj_title{width: 100%; position: relative; height: 50px; line-height: 50px; font-size: 18px; border-bottom: 1px solid #f1f1f1;}
.jzpj_title::after{content: ''; width: 70px; height: 3px; background-color: #be1d2c; position: absolute; bottom: 0; left: 0;}
.jzpj_con{padding-top: 10px; font-size: 16px; color: #4c4c4c; line-height: 2;}
/* 评价 */
.jzpj_con_left{float: left; margin-top: 20px;margin-left: 20px;}
.con_le_pic{float: left; margin-right: 30px;}
.jzpj_con_right{float: left; width: 545px;}
.good_wp{width: 100%; padding-top: 20px;}
.good_wp ul{display: flex; flex-wrap: wrap;}
.good_wp li{flex: 0 0 200px; font-size: 16px; line-height: 2;}
.good_wp li:hover .li_a{color: #be1d2c;}
.good_wp li a{color: #808080;vertical-align: middle;}
.good_wp li i{font-size: 22px; color: #c3272b; margin-right: 5px;vertical-align: middle;}
/* 图片边框效果 */
._n_li_top:hover{border: 1px solid #ffffff;}
._n_li_top::before{position:absolute; content:''; bottom: 0; right: 0; box-sizing: border-box; border: 2px solid transparent; width: 0; height: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
._n_li_top::after{position:absolute; content:''; box-sizing: border-box; border: 2px solid transparent; width: 0; height: 0; top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
._n_li_top:hover::before{border-bottom-color: #be1d2c; border-left-color: #be1d2c; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
._n_li_top:hover:after{border-top-color: #be1d2c; border-right-color: #be1d2c; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
._n_li_top:hover:after, ._n_li_top:hover:before{width: 100%; height: 100%;}
.gs_logo::before,.pp_logo::before{content: ""; width: 100%; height: 2px; background: #be1d2c; position: absolute; bottom: 0px; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
/* .gs_logo:hover,.pp_logo:hover{border: 1px solid #fff;} */
.gs_logo:hover:before,.pp_logo:hover:before{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}


/* 列表 */
.logo_li{    width: 175px;height: 150px;margin: 10px 12px;}
.logo_li_t{height: 110px;}

/* 手机端 */
#navToggle{display: none;}
.m_nav{position: fixed; top: 0; box-shadow: 0 15px 27px 0 rgba(167,165,165,.38); width: 100%; height: 100%; background: rgba(255,255,255,.94); transition: all ease .5s; -webkit-transition: all ease .5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transform: translateX(100%);}
.m_nav .top{height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .ul{margin-top: 30px;}
.m_nav .top .closed{width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; font-size: 26px;}
.m_nav .ul li{padding: 0 30px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 1;}
.m_nav .ul li a{display: block; font-size: 18px; height: 52px; line-height: 52px; width: 100%;padding: 0;}
.m_nav .header_last_nav_msg{background:unset;}
.m_nav.open{transform: translateX(0);}
.dropup, .dropdown{position: relative;}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(7){-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms}
.m_nav .ul li:nth-child(8){-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms}
/* 手机端 */
@media screen and (max-width: 768px) {
    .page_main{min-width: unset;}
    .main_{width: 100%;margin: 10px 0;}
    .page_top_to_t{display: none;}
    .page_bot_div{height: 0;}
    .header_nav_ul_li{display: none;}
    .header_nav_ul{position: absolute;width:100%;}
    #navToggle{display: block;height: 100%;padding: 9px 15px;display: inline-block;color: #c3272b;position: absolute;right: 0;top: 10px;}
    #navToggle span{position: relative;width: 25px;height: 2px;font-size: 26px;margin-top: 19px}

    .Crumbs_ico{display: none;}
    .Crumbs_span, .Crumbs_a{font-size: 14px;}
    .main_toutiao{height: 35px;line-height: 35px;    margin: 0 auto;width: 95%;}
    .tt_ic{display: none;}
    .tt_ic img{width: 100%;height: 100%;}
    .tt_txt{font-size: 12px;}

    .index_banner{width: 95%;height: auto;margin: 10px auto;float: none;}
    .index_banner img{height: 300px;}
    .Main_box_mar, .index_qyxw, .index_tyxw,.index_jpzs{width: 95%;height: auto;padding-bottom: 20px;margin: 10px auto;float: none;}
    .index-new-top .title .name, .index_qyxw .title .name, .index_tyxw .title .name, .index_jpzs .title .name, .index_hyzq .title .name{
        padding: 0 10px;
        font-size: 14px;
    }
    .index_qyxw .xw_ul{    width: unset;margin: 0 5px;}
    .main_con_left{display: none;}
    .main_con{padding: unset;}
    .xq_con{padding-right: unset;}
    .main_con_right{width: 100%;}
    .jzpj_right,.jzpj_con_right{width: unset;margin: 0px 11px;}
    .jzpj_con_left{width: 100%;margin-top:unset;margin-left:unset;}
    .logo_li{margin:5px;}
    .con_le_pic{text-align: center;margin: 10px 0;float: unset;/* margin-right: 30px;*/}
    .con_n_li{width: 100px;height: auto;}
    ._n_li_top{width: 100px;height: 120px;margin: 0 auto;}
    ._n_li_tt span{font-size: 14px;}
    ._n_li_txt{font-size: 14px;}

    .con_new{margin: 10px 0 10px 10px;}
    .gs_logo{width: 47%;height: auto;padding: 0 5px;}
    .gs_logo:nth-child(odd){margin-right: 10px;}
    .gs_logo_l{width: 50px;}
    .gs_logo_l::after{right: 0px;}
    .gs_logo_l img{max-width: 45px;margin-top: 10px;}
    .gs_logo_r{width: 98px;height: 60px;}
    .pp_logo,.ppfw_li{width: 30.3%;}
    .ppfw_li{margin:unset;margin-right: 10px;}

    .jzpj_left{float: unset;margin: 0 auto;}
    .index_last img{display: none;}

        
}
