@charset "utf-8";
/* Global Settings */
* {margin: 0px; padding: 0px; box-sizing: border-box;}
body {background: #ffffff;color: #292929; font: 16px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti;}
a {text-decoration: none;cursor: pointer;transition: .3s; color: #292929;}
a:hover{color:#777;}
a:hover, a:focus, a:visited { text-decoration: none;}
ul, li {list-style: none;}
img { border: 0 none; vertical-align: top; }
h1, h2, h3, h4, h5, h6, em, i { font-style: normal; font-weight: normal; }
.clear { clear: both;}
.prel{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.w100{ width:100%;}
.minw-1200{ min-width:1200px;}


/* Font Settings */
h1 { font-size: 36px;}
h2 { font-size: 32px;}
h3 { font-size: 30px;}
h4 { font-size: 26px;}

.fontw-500{ font-weight:500;}
.fontc{ text-align:center;}

/* Font color Settings */
.cl-black { color: #000000;}
.cl-white { color: #ffffff;}
.cl-red {color: #b30101;}
.cl-blue {color: #17278E;}
.cl-yellow {color: #ffff92;}

/* Align Settings */
.a-flex{display:flex;}
.h-cneter{align-items: center;}
.h-between{justify-content: space-between;}
.h-around{justify-content:space-around; }

/* Margin and Padding Settings */

.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 { margin-bottom: 40px;}

.pt-10 { padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}

/* Box Settings */
.box-1200{ width:1200px; margin-left:auto; margin-right:auto;}
.box-770 { width: 770px;}
.box-674 { width: 674px;}
.box-550 {width: 550px;}
.box-476{ width: 476px;}

/*

==========================
  100 year zt style
==========================

*/

/* header Settings */
header{width:100%;min-width: 1200px;background-image: linear-gradient(to top, #670709 0%, #b80105 100%);}
header nav{padding: 20px 0; transition: 0.4s;  z-index:100;  position: fixed; background-image: linear-gradient(to right, #670709 0%, #b80105 100%);color:#fff;width:100%;min-width: 1200px;font-size:16px;}
header nav .navbar{width:1200px;margin:auto;display: flex; }
header nav .navbar-logo{display: inline-block;margin-right:20px;}
header nav .navbar-list{ display: flex; margin-left: auto}
header nav .navbar-list li{ margin:0 15px;}
header nav .navbar-list a{color:#fff;}
.toppic p{ width:1030px; padding:20px; margin:auto; border-top:1px solid #fdf3d2; font-size:20px; color:#fdf3d2; line-height:1.7;}


/* topnews Settings */
.topnews{padding:40px 0px 30px; height:570px; overflow:hidden;}
.topline h1 { text-align:center; font-weight:600;line-height:1.3; padding-bottom:15px;} 
.topline h1 a{color: #b30101;}
.topline h1 a:hover{color: #f21c14;}
.topline p {color:#838282; font-size:14px;}

.sec_news p{color:#838282;font-size:14px;border-bottom:1px #adadad dotted;padding:10px 0;margin-top:10px;}
.sec_news ul li {font-size:18px;line-height:2;}

/* news list Settings */
.box-list{ border-radius:25px; width:1200px; height:600px; margin-left:auto; margin-right:auto; padding:25px 0 0 360px; overflow:hidden;}
.box-list ul li {border-bottom: 1px solid #e7e3e2; padding:0 10px;}
.box-list ul li a{display:block; padding:17px 0 ;font-size:18px;}
.box-list ul li a:hover,.box-list ul li a:visited{font-size:18px;}
.box-list ul li:hover{background:#fddfdf;transition: 0.3s;}