﻿/*
  auther:#2146 dxl
  date:2022.04
*/

/*页面框架*/
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
html,body{box-sizing: border-box; background:#f4f4f4 none;color:#000;font-size:16px;font-style:normal;font-weight:normal;margin-top:0;font-family:Arial, Verdana, simsun, sans-serif;margin:0 auto;}
em, b, i{font-style:normal;}
p{line-height:1.25em;}
a {color: #000; text-decoration:none;}
a:hover { color: #305798; text-decoration:none;}
img, a img{border:0 none;}
ul, ol{list-style-type:none;}
ul:after, ol:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
table { border-collapse:collapse; }
table, th, td { border: 1px solid black; }

.fl{float:left;}
.fr{float:right;}
.clear { *zoom: 1; }
.clear:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }

.vspace { height: 25px; font-size: 0px; line-height: 0px; width: 99%; clear: both; overflow: hidden; }
.column_wrapper { width: 1200px; margin: 0 auto; }

/* 顶部 cri & 希腊 & 导航 */
.hearder_box {width: 100%;}
.hearder_box .hearder_logo {height: 70px;text-align: center;}
.hearder_box .hearder_logo img {position: relative; width: 290px; height: 70px;}
.hearder_box .hearder_logo a {display: block; height: 70px; float: left;}
.hearder_box .hearder_logo .gocri {position: absolute; top: 0; left: 42%; width: 136px;}
.hearder_box .hearder_logo .goindex {position: absolute; top: 0; left: 52%;  width: 86px;} 

.hearder_box .hearder_naver {width: 100%; padding-bottom: 12px;}
.hearder_box .hearder_naver ul li {float: left;height: 29px;}
.hearder_box .hearder_naver ul li a {display: inline-block; padding: 0 12px; font-size: 14px; line-height: 28px;}
.hearder_box .hearder_naver ul .current a { padding-bottom: 0; border-bottom: 1px solid #000; background-color: #eeeeee; }
.hearder_box .hearder_naver ul li a:hover {background-color: #eeeeee;}
.hearder_box .hearder_naver ul li em {display: inline-block; padding: 0 10px; font-size: 16px; line-height: 25px;}

/* 通用标题栏 */
.md_greek {}
.md_greek .md_hdc {}
.md_greek .md_hd {border-bottom: 1px solid #cdcdcd;padding: 10px 0;}
.md_greek .md_hd .mh_title{float: left; display: block; line-height: 40px;}
.md_greek .md_hd .mh_title a {display: block; color: #000; font-size: 16px;font-weight: normal;border-left: 5px solid #dc255c; line-height: 18px; padding-left: 15px;}
.md_greek .md_hd .mh_option {display: block; float: right;}
.md_greek .md_hd .mh_option a {font-size: 12px; color: #666; font-weight: 700;}
.md_greek .md_hd .mh_option a:hover {color: #11466d;}
.md_greek .md_bd {}
.md_greek .md_ftc {display: none;}

/* 通用新闻卡片 排版结构 图片上 标题中 简介下 */
.news_List {float: left; width: 388px;margin: 20px 18px 0 0; background-color: #fff;}
.news_List.last {margin-right: 0;}
.news_List .nl_topimg {position: relative; width: 100%;padding-top: 56.25%;}
.news_List .nl_topimg a {display: block; position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
.news_List .nl_topimg a img {width: 100%;height: 100%;}
.news_List .nl_box {width: 95%; height: 168px; margin: 12px 0; padding: 0 2.5%;}
.news_List .nl_box .nlb_title a {display: block; height: 72px; font-style: 16px; line-height: 24px; overflow: hidden;}
.news_List .nl_box .nlb_content p {height: 96px; font-size: 12px; color: #666; line-height: 24px; overflow: hidden;}

/* 分页 */
.page_nav {width: 100%; height: 28px; text-align: center;margin: 30px 0 20px;}
.page_nav ul {width: 100%; height: 100%;}
.page_nav ul .current { border: 1px solid #11466d; font-weight: bold; background: #11466d;}
.page_nav ul .current a {color: #fff;}
.page_nav ul li {display: inline-block; line-height: 26px; border: 1px solid #d9d9d9; border-radius: 5px;}
.page_nav ul .pageMore {border: 0; background-color: transparent;}
.page_nav ul .pageMore a:hover {background-color: transparent !important; color: #000; cursor: auto;}
.page_nav ul li a {display: block; width: 26px; height: 26px;overflow: hidden;}
.page_nav ul li a:hover {background-color: #11466d !important; color: #fff;}
.page_nav ul li .shouye {background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-home.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .shouye:hover { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-home-hover.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .tpb_btn_previous { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-left.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .tpb_btn_previous:hover { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-left-hover.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .tpb_btn_next { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-right.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .tpb_btn_next:hover { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-right-hover.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .weiye {background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-last.png) no-repeat center center; background-size: 50% 50%;}
.page_nav ul li .weiye:hover { background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/greek_page-last-hover.png) no-repeat center center; background-size: 50% 50%;}



/* 底通 */
.greek_con02 {width: 100%;}
.greek_con02 .bottom_item {width: 25%; float: left; text-align: center; color: #221815;}
.greek_con02 .bottom_item .bi_img {margin: 35px 110px 10px; }
.greek_con02 .bottom_item .bi_text {font-size: 14px;line-height: 25px;}
/* 返回顶部 */
#goup { width: 0; height: 0; position: fixed; left: 50%; bottom: 150px; display: none; }
#goup a { display: block; margin-left: 610px; width: 46px; height: 45px; background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/ck_goup.png) no-repeat; }
#goup a:hover {background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/ck_goup-hover.png) no-repeat;}
/* 是否同意使用cookie */
.js-dialog { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; background-color: #fff; box-shadow: 0 -7px 20px 0 rgb(0 0 0 / 19%); display: none; }
.js-dialog .dialog-body { width: 1200px; font-size: 13px; position: relative; margin: 20px auto; }
.js-dialog .dialog-body .dialog-header { position: relative; }
.js-dialog .dialog-body .dialog-header h3 { font-size: 16px; line-height: 25px; }
.js-dialog .dialog-body .dialog-header a { position: absolute; right: 0; top: 0; width: 14px; height: 14px; background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/ck_btn_close.png) no-repeat; background-size: auto; background-size: 14px 14px; cursor: pointer; }
.js-dialog .dialog-body .dialog-content { margin: 17px 0; width: 800px; color: #000; line-height: 25.6px; }
.js-dialog .dialog-body .dialog-links { width: 100%; height: 25px; }
.js-dialog .dialog-body .dialog-links li { float: left; margin-right: 32px; }
.js-dialog .dialog-body .dialog-links li a { display: block; border-bottom: 1px solid #11466d; color: #11466d; padding-top: 6px; }
.js-dialog .dialog-body .dialog-confirm { width: 122px; height: 42px; color: #11466d; border: 1px solid #11466d; position: absolute; right: 0; bottom: 0; line-height: 42px; text-align: center; cursor: pointer; }
.js-dialog .dialog-body .dialog-confirm .confirm-icon { width: 17px; height: 15px; background: url(//p5crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1656294236474447/ck_icon_agree.png) no-repeat; background-size: 17px 13px; margin-right: 16px; display: inline-block; vertical-align: sub; }




@media screen and (max-width:1024px) {
  /* 顶部 cri & 希腊 & 导航 */
  html,body {width: 100%; font-family:Arial, Verdana, simsun, sans-serif; font-size: 1rem !important;}
  .column_wrapper { width:100% !important; margin: 0 auto;}
  .hearder_box {width: 94%; margin: 0 3%;}
  .hearder_box .hearder_logo {width: 100%; height: 5.875rem; text-align: right;}
  .hearder_box .hearder_logo img {width: 100%; height: 100%;}
  .hearder_box .hearder_logo .gocri {top: 1.25rem; left: 16%; width: 10.375rem; }
  .hearder_box .hearder_logo .goindex {top: 1.25rem; left: 62%; width: 6.625rem;}
  .hearder_box .hearder_naver {overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; padding-bottom: 0;}
  .hearder_box .hearder_naver::-webkit-scrollbar {display: none;}
  .hearder_box .hearder_naver ul {}
  .hearder_box .hearder_naver ul li{height: 3.5rem;}
  .hearder_box .hearder_naver ul li a {font-size: 1rem; padding: .3125rem 1rem; line-height: 2.875rem;}
  .hearder_box .hearder_naver ul li em {display: inline-block; padding: 0 .625rem; font-size: 1rem; line-height: 1.5625rem;}

  /* 通用标题栏 */
  .md_greek {}
  .md_greek .md_hdc {}
  .md_greek .md_hd {padding: .625rem 0;}
  .md_greek .md_hd .mh_title{line-height: 2.5rem;}
  .md_greek .md_hd .mh_title a {font-size: 1rem;border-left: .375rem solid #dc255c; line-height: 1.125rem; padding-top: .125rem; padding-left: .9375rem;}
  .md_greek .md_hd .mh_option {margin-right: 1.125rem;}
  .md_greek .md_hd .mh_option a {font-size: .75rem;}
  .md_greek .md_hd .mh_option a:hover {color: #000;}
  .md_greek .md_bd {}
  .md_greek .md_ftc {}

  /* 通用新闻卡片 排版结构 图片上 标题中 简介下 */
  .news_List {width: 96%;margin: .9375rem 2% 0; background-color: #fff;}
  .news_List .nl_box {height: auto; margin: .75rem 0;}
  .news_List .nl_box .nlb_title a {height: auto; font-size: .875rem; line-height: 1.125rem;}
  .news_List .nl_box .nlb_content p {height: auto; font-size: .75rem; color: #666; line-height: 1.5rem;}

  /*------------ 分页 部分 ------------*/
  .page_nav {width: 100%; height: 1.75rem; text-align: center;margin: 1.875rem 0 1.25rem;}
  .page_nav ul li {display: inline-block; line-height: 1.625rem; border: 1px solid #d9d9d9; border-radius: .3125rem;}
  .page_nav ul li a {display: block; width: 1.625rem; height: 1.625rem;overflow: hidden;}


  /* 底通 */
  .greek_con02 {width: 100%;}
  .greek_con02 .bottom_item {float: none; width: 100%; text-align: left; color: #221815; *zoom: 1;}
  .greek_con02 .bottom_item:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }
  .greek_con02 .bottom_item a {display: block;width: 100%;height: 100%; }
  .greek_con02 .bottom_item a .bi_img {float: left; width: 12%; height: auto; margin: 0;}
  .greek_con02 .bottom_item .bi_img {float: left; width: 12%; height: auto; margin: 0;}
  .greek_con02 .bottom_item .bi_img img {width: 100%;}
  .greek_con02 .bottom_item .bi_text {float: left; font-size: .875rem; line-height: 1.5625rem; padding-top: .5rem;}

  /* 是否同意cookie */
  .js-dialog .dialog-body { width: 92%; margin: .625rem auto; }
  .js-dialog .dialog-body .dialog-header h3 { font-size: 1rem; line-height: 1.565rem; }
  .js-dialog .dialog-body .dialog-header a { width: 0.875rem; height: 1.5rem; background-size: .875rem .875rem; background-position: center center; cursor: pointer; }
  .js-dialog .dialog-body .dialog-content { margin: .625rem 0; width: 100%; font-size: .75rem; line-height: 1rem; }
  .js-dialog .dialog-body .dialog-links li {margin-right: .625rem;}
  .js-dialog .dialog-body .dialog-links li a {font-weight: bold; font-size: .75rem;}
  .js-dialog .dialog-body .dialog-confirm { width: 6.25rem; height: 1.75rem; color: #11466d; border: 1px solid #11466d; position: absolute; right: 0; bottom: 0; line-height: 1.625rem; text-align: center; cursor: pointer; font-size: .875rem; }
  .js-dialog .dialog-body .dialog-confirm .confirm-icon {margin-right: .625rem;}
}

