@charset "utf-8";
/*========css reset========*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,input {margin:0;padding:0;border:0;outline:0;}
* { box-sizing: border-box;}
body {font-size:12px; color:#565656; font-family: Roboto,sans-serif;}
::-moz-selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
::selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}
a {color:#1a1a1a; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;  text-decoration:none;}
img {  max-width: 100%; font-size: 0; line-height: 0; }
li { list-style: none;}

/*========网页端样式 - 快捷样式调用========*/
body { background-color:#ffffff; min-height:100%; margin: 0; padding: 0; color: #333;}
a { color: #3c4570;}
a:hover {color:#545d89;}
.animated {  -webkit-animation-duration:0.5s;  animation-duration:0.5s  }
.animate { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.page_max { max-width: 1920px; margin: 0 auto; min-width: 1362px;}
.d-inline-block { display: inline-block;}
.fully { width: 1200px; margin-left: auto; margin-right: auto;}
.agent_fully { width: 1175px; margin-left: auto; margin-right: auto;}
.bg-site { background-color: #0e5a98;}
.text-primary { color: #0e5a98;}
.bg-fade { background-color: #f7f7f7;}

.block_padding { padding: 50px 0;}
.box-center { margin:0 auto;}
.border_bottom { border-bottom: 1px solid #e7e7e7;}
.border_bottom:last-child { border-bottom: none}
.bottom-gradient {  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 72px);  }
.clear {content:".";display:block;clear:both;height:0; font-size:0px;visibility:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{}
.btn-primary { display: inline-block; color: #fff; border: 0; padding: 1em 1.8em; line-height: 1em; background-color: #0e5a98; cursor: pointer;}
.btn-primary:hover { color: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,.8);}

.swiper-slide>a>div { height: 20px; line-height: 20px; overflow: hidden;}

/*index*/

#app_framework { }
.body_bg { min-height: 400px; padding-top: 20px; }


.index_arrow { position: absolute; z-index: 100; top: 50%; transform: translateY(-50%); transition: right 1s cubic-bezier(.5,0,.2,1) 1s; cursor: pointer; width: fit-content;}
.index_arrow span { position: absolute; color: #fff; font-size: 20px; top: 50%; }
.index_arrow img { width: 88px; transition: .5s;}
.index_arrow:hover img { width: 99px;}

.index_left_arrow { left: 0; }
.index_left_arrow span { writing-mode: vertical-rl; transform: translateY(-50%); left: 15px;}
.index_left_arrow img { transform: rotateY(180deg)!important;}
.index_right_arrow { right: 0;}
.index_right_arrow span { writing-mode: vertical-rl; transform: translateY(-50%); right: 16px;}

.index_bottom_nav { position: absolute; left: calc(50% - 675px); bottom: 88px; width: 1350px; text-align: center; display: flex; justify-content: space-between;}
.v-application .index_bottom_nav a { color: #ffffff;  transform: scale(1); transition: .3s; font-size: 14px;}
.index_bottom_nav a:hover { color: #00e1ff; transform: scale(1.4);  }
.index_bottom_nav a:hover .index_nav_icon { background: url("icon_bg2.png") no-repeat center; background-size: contain;}
.index_nav_icon { width: 54px; height: 54px; background: url("icon_bg.png") no-repeat center; background-size: contain; position: relative; margin-bottom: 0.5em; text-align: center; }
.index_nav_icon i { position: absolute; left: 17px; top: 17px; font-size: 20px; line-height: 1; margin-left: -1px;}

.index_right_content { position: fixed; left: 100vw; top: 0; bottom: 0; right: 0; z-index: 200; width: 100%; height: 100vh; display: flex; justify-content: space-between;
    transition: left 1.5s cubic-bezier(.5,0,.2,1) .1s;
    background: url("ZDBCJK_banner@2x.jpg") no-repeat center; background-size: cover;
}
.index_right_content.show_side {  left: 0;}

    .index_right_title { width: 360px; padding: 140px 0 0 40px; font-size: 40px; position: relative;}
    .hand_hand { display: block; width: 100px; height: 100px; position: absolute;  bottom: 20%; }
    .hand_hand .hand_icon { border-radius: 10px; border: 1px solid rgba(255,255,255,0.8); padding: 10px; background-image: url("handhand.png"); background-position: center center; background-repeat: no-repeat; background-size: 80px 80px; width: 100px; height: 100px; transition: 0.3s;}
    .hand_hand:hover .hand_icon { background-image: url("handhand2.png"); border-radius: 20px; transform: scale(1.2)}
    .hand_hand img { }

    .index_right_block{ width: 419px;display: flex; flex-direction: column; justify-content: center;}
        .block_btn { padding: 0.75em 1.25em; border: 1px solid rgba(255,255,255,0.8); margin-bottom: 1em; border-radius: 2em; cursor: pointer; transition: .3s;}
        .block_btn:hover {  transform: scale(1.1); box-shadow: rgba(177, 177, 177, 0.73) 0px 6px 39px 0px;}
        .v-application .block_btn { color: rgba(255,255,255,0.8);}

    .company_ditu{ width: 40%; min-width:581px; animation: lefteaseinAnimate 2s ease 1;-webkit-animation: lefteaseinAnimate 2s ease 1;animation-fill-mode:forwards;-webkit-animation-fill-mode: forwards;}

.index_left_content { position: fixed; right: 100vw; top: 0; bottom: 0; z-index: 200; width: 100%; height: 100vh; display: flex;
    transition: right 1.5s cubic-bezier(.5,0,.2,1) .1s;
    background: url("earth-big.jpg") no-repeat center; background-size: cover;
}
.index_left_content.show_side { right: 0;}
    .index_left_title { width: 240px; padding: 140px 0 0 30px; font-size: 40px; flex: 0.14;}
    .index_left_block{ min-width: 410px; padding-top: 140px; text-align: center;  flex: 0.36;}


.arrow_png { width: 40px; transition: .3s; transform: translateY(-50%); margin-top: 100px;}
.arrow_png:hover { width: 75px;}


/*footer*/

        .list-banner-line { padding: 20px 20px 20px 20px; border-bottom: 1px solid rgba(255,255,255,0.3);}
    .list-banner-nav { text-align: center;}
    .list-banner-nav a { margin-right: 40px; display: inline-block; padding-bottom: 10px;}
    .list-banner-nav a.active { border-bottom: 2px solid #fff;}

    .list-content { width: 1200px; margin: 0px auto; min-height: 100px;}
    .list_card { overflow: hidden; height: 100%;}

.list_new_row { padding: 20px;}
.list_new_row:hover { box-shadow:0 6px 16px 0 rgba(0,0,0,.08)}
.list_news_left { flex: 0 0 100px;}


.footer-container { background-color: #ededed; color: #a6a6a6; font-size: 14px; line-height: 1; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center;}
.v-application .footer-container a { color: #a6a6a6;}


/*personal*/


/*list - ktw*/

.list-page {  min-height: 10%; background: url("list_bottom_bg.png") no-repeat center bottom 50px #fff; background-size: 1920px auto; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.list-top-btns { position: absolute; right: 0; top: 20px;}
.list-container {  min-height: 100px;}

.list-banner { background: url("list_top_bg.jpg") no-repeat center center; width: 100%; max-width: 1920px; height: 220px; position: relative; margin-left: auto; margin-right: auto;}
.list-logo { display: block; }
.list-nav-warp { background-color: rgba(65, 136, 255, .8); height: 61px; width: 100%; position: absolute; left: 0; bottom: 0; padding-top: 7px;  }
.list_nav_link { color: #fff!important; font-size: 24px; display: flex; align-content: center; align-items: center; height: 48px; padding-left: 26px; padding-right: 26px; margin-right: 12px; }
.list_nav_link.active, .list_nav_link:hover { background-color: rgba(255, 255, 255, 0.15);}
.list_nav_link img { width: 48px; height: 48px; line-height: 1; display: inline-block; vertical-align: middle;}

.list-step-1 { padding-top: 50px; padding-bottom: 50px;}
.list-step-title { margin-bottom: 50px;}



/*list*/
.list_banner {  height: 200px;}

.list_container { min-height: calc(100vh - 270px); margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; width: 1300px;}
    .list_position { color: #888;}

    .list_left { width: 300px; }
        .left_menu_box {  border-left: 1px solid #e7e7e7;  border-right: 1px solid #e7e7e7;  }
        .left_menu_title { background: #0e5a98; height: 54px; color: #ffffff; text-align: left;}
        .left_menu_title a { color: #fff; padding-left: 20px;}
        .left_menu_links {  border-bottom: 1px solid #e7e7e7;  }
        .left_menu_links a {  display: block; background: #ffffff; color: #f24024; height: 42px; line-height: 42px; font-size: 15px; text-align: left; transition-duration: 0s; padding-left: 20px;}
        .left_menu_links a.active { font-weight: bold;  }

        .left_menu_other { text-align: center;}
        .left_menu_other a { margin: 2px 0; display: inline-block;}

    .list_right { flex: 1 0 800px; padding: 0; margin-left: 50px;}
        .list_title { height: 40px; border-bottom: 2px solid #e7e7e7; display: flex; align-items: center;}




.list_article { padding:15px 35px;}

.list_text { margin:0 auto; font-size:15px; line-height:1.75; position:relative; padding: 0 15px; }
.list_text p { margin-bottom: 1em;}
.list_text h4 a { margin-top:10px;}
.list_text img { max-width:100%;}
.list_img_line { margin: 2em 0; border-bottom: 1px dashed #e7e7e7; padding-bottom: 2em; }

.list_link_text { padding: 20px;}
.list_link_text a { line-height: 3em; height: 3em; border-bottom: 1px dashed #e7e7e7; display: block;}
.list_link_text a:last-child { border-bottom: none;}
.list_link_text a span { float: right; color: #777; font-size: 13px;}

.list_search {}
.list_search .list_search_line { border-bottom: 1px dashed #e7e7e7; display: block; padding: 1.75em 0;}
.list_search .list_search_line:last-child { border-bottom: none;}

/*搜索页*/
.search_input { width: 100%; height: 3em; line-height: 3em; padding: 5px; border: 1px solid #999; border-radius: 4px;}
.search_btn { padding: 0.75em 1.2em; border-radius: 4px;}

/*内容页*/
.article_box {  border-radius:6px; min-height:580px; padding:30px 85px; line-height:24px; width: 65%; min-width: 700px; margin: 30px auto 30px auto; box-shadow: 0 0 5px #ccc;}

    .article_body { min-height:10em; text-align: justify; letter-spacing: 1px; padding: 30px 120px;}
    .article_body img { padding:4px; background:#fff; margin:1%; max-width:95%;}
    .article_body p { line-height: 1.5em; margin-bottom: 1.2em;}

    .article_new {}
    .article_new:before{ content: ' '; background: url("new.gif") no-repeat; height: 11px; width: 27px; display: inline-block; margin-right: 0.3em;}

/*自定义页面样式*/
.list_live{}
    .list_live_item { border: 1px solid #aaa; background-color: #eee; border-radius: 10px; display: flex; gap: 20px;}
        .list_live_item_img { max-width: 300px; }
        .list_live_item_content { width: 580px; }
        .list_live_item_intro {  width: 320px; }
/*九宫格*/
.squared-list  {display: flex;flex-wrap: wrap;}
.squared_item { flex: 0 0 30%; margin: 1%; background-color: #fff; overflow: hidden; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);}
.squared_item:nth-child(4n) {margin-right: 0;}
.squared_item:hover {box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1);}
.squared_item_img {width: 100%; height: 300px; overflow: hidden; }
.squared_item_img img { height: 100%; object-fit: cover; transition: all 0.2s linear; aspect-ratio: 16/9}
.squared_item_img:hover img {transform: scale(1.05);}
.squared_item .tbox {width: 100%;box-sizing: border-box;border-top: none;padding: 20px 20px 16px;background: #fff;position: relative;line-height: 36px;}
/* =============自适应辅助============ */

@media only screen and (max-width: 767px){
    .page_max { max-width: 100%; width: 100%; min-height: 0;}
    .fully {  width: auto !important ;}
    .xs { width: 100%!important;}

    .list_text { padding: 10px;}
    .article_box { padding: 30px 30px; width: 100%;}
    .article_body { padding: 30px;}
}


/*========小冯开始========*/
.jjpm_bg, .gpjy_bg, .xjdj_bg{background-size:100% 100%; padding: 18px 30px;}
.xjdj_bg{ background-image:url("feng_xydj.png");}
.gpjy_bg{ background-image:url("feng_gpjy.png");}
.jjpm_bg{ background-image:url("feng_jjpm.png");}
.auction_list{min-height: 200px;border-left: 1px solid #dfe3e8;border-bottom: 1px solid #dfe3e8;border-right: 1px solid #dfe3e8;}
/*========小冯结束========*/

/*table增强-复制于bootstrap*/
/*table{border-spacing:0;border-collapse:collapse}*/
/*td,th{padding:0}*/
.table{width: 100%;max-width: 100%;margin-bottom: 20px; border-spacing:0;border-collapse:collapse}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd}
.table>thead>tr>th{vertical-align: bottom;border-bottom: 2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top: 0}
.table>tbody+tbody{border-top: 2px solid #ddd}
.table .table{background-color: #fff}
.table-bordered{border: 1px solid #ddd}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border: 1px solid #ddd}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width: 2px}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f9f9f9}
.table-hover>tbody>tr:hover{background-color: #f5f5f5}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color: #f5f5f5}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color: #e8e8e8}



/*组件样式覆盖*/
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff;}

/*message 组件*/
.message_box { width: 540px;}
.message_line { padding: 4px 0;}
.message_line h3 { line-height: 2.2em; font-size: 1.2rem;}
.message_line input { border: 1px solid #e4e4e4; background-color: #fff; height: 3em; padding:1em; font-size: 1rem; width: 100%; border-radius:3px;}
.message_line textarea { border: 1px solid #e4e4e4; background-color: #fff; height: 8em; line-height: 1.5em; padding:1em; font-size: 1rem; width: 100%; border-radius:3px;}
    .message_button { display: inline-block; color: #fff; border: 0; padding: 1em 1.8em; line-height: 1em; background-color: #00b0ff; border-radius: 6px; cursor: pointer;}

/*分页*/
.pagination {  display: inline-block;  padding-left: 0;  margin: 10px 0;  border-radius: 4px;  }
.pagination > li {  display: inline;  }
.pagination > li > a,.pagination > li > span {  position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #337ab7; color: var(--primary-color);  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }
.pagination > li:first-child > a,.pagination > li:first-child > span {  margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;  }
.pagination > li:last-child > a,.pagination > li:last-child > span {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;  }
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {  z-index: 2;  color: #23527c;  background-color: #eee;  border-color: #ddd;  }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {  z-index: 3;  color: #fff;  cursor: default;  background-color: #337ab7; background-color: var(--primary-color);  border-color: #337ab7; border-color: var(--primary-color); }
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {  color: #777;  cursor: not-allowed;  background-color: #fff;  border-color: #ddd;  }
.pagination {text-align:center; }
.pagination li, .pagination li a { _display:inline-block; _display:inline; color:#666;}
.pagination .active a { background:#4c6185; background: var(--primary-color); border:1px solid #4c6185; border: 1px solid var(--primary-color);  color:#fff;}
.pagination .active a:hover, .pagination .active a:active,.pagination .active a:focus { background:#4c6185; border:1px solid #4c6185; border: 1px solid var(--primary-color);}