@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #06f; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 14px;font-family: Verdana, Geneva, Tahoma, sans-serif;background: #f4f6f8;}
a{color: #333;text-decoration: none;}
a:hover{color: #900;}

h1,h2,h3,h4,h5,h6{font-weight: normal;margin: 0;}
p{margin: 0;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 2000;display: flex; align-items: center;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,.2);}
header .pc-head .logo{position: relative;margin: 6px 0;display: flex;align-items: center;}
header .pc-head .logo img{height: 78px;}
header .pc-head .logo h1{font-size: 25px;font-weight: bold;color: #036;padding: 0 6px;letter-spacing: -1px;width: 350px;}
header .pc-head nav *{transition: unset;}
header .pc-head nav .nav-item a{color: #333;padding: 12px 18px;font-size: 16px;font-weight: bold;text-transform: capitalize;}
header .pc-head nav .nav-item a:hover, header .pc-head nav .nav-item:hover a{color: #900;}
header .pc-head nav .dropdown-menu{background: rgba(230,30,26,.8);color:#fff;margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;padding: 12px;}
header .pc-head nav .dropdown-menu:last-of-type{right: 0;}
header .pc-head nav .dropdown-menu .dropdown-item {padding: 0;background: rgba(0,0,0,0);}
header .pc-head nav .dropdown-menu .dropdown-item a{color:#fff;background: rgba(0,0,0,0);padding: 8px 24px;display: block;font-size: 14px;font-weight: normal;border-radius: 0;}
header .pc-head nav .dropdown-menu .dropdown-item a:hover{color: #333;background: rgba(255,255,255,.8);}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller .logo img{height: 42px;}
header .pc-head.smaller .logo h1{font-size: 19px;}
header .pc-head.smaller .submenu{top: 44px;}

[class*="home-"]{background: #fff;padding: 18px;}
[class*="home-"] h2.title{font-size: 24px; text-transform: capitalize;}
.home-slide{margin-top: 90px;padding: 0;}
.home-slide img{width: 100%;height: 100%; object-fit: contain;}

.home-about{line-height: 2;}
.btn.more{padding: 6px 24px;text-transform: uppercase;font-size: 12px;background: #036;color: #fff;display: inline-flex;margin: 18px auto;}

.home-archives{}
.home-archives .arc-list{}
.home-archives .arc-list .archives-item{padding: 18px 0;margin-bottom: 18px;border-bottom: 1px solid rgba(0,0,0,.2);}
.home-archives .arc-list .archives-item .item-title{font-size: 18px;margin-bottom: 6px;}
.home-archives .arc-list .archives-item p{color: #999;margin-bottom: 6px;}
.home-archives .arc-list .archives-item h5{font-size: 16px;color: #666;line-height: 1.4;}

.aside{top: 60px;}
.home-news .news-list{}
.home-news .news-list .news-item{display: flex; flex-direction: column;margin: 18px auto;}
.home-news .news-list .news-item span{color: #999;margin-bottom: 6px;}
.home-news .news-list .news-item a:hover{text-decoration: underline;}

.home-template{min-height: 320px;background: url('/assets/hi/img/download_bg.jpg') 50% 100% no-repeat;background-size: cover;}
.home-template ul{padding: 0;}
.home-template ul li{line-height: 2;display: flex; align-items: center;}
.home-template ul li img{width: 8px;height: 8px;transform: rotate(180deg);margin-right: 6px;}

footer{margin-top: 30px;}
footer .foot{background: #036; color: rgba(255,255,255,.8); text-align: center;padding: 12px;text-transform: uppercase;}

.sub-slide{margin: 80px auto 12px; display: flex;background: #fff;}
.breadcrumb{display: flex;margin: 0;padding: 18px 36px; color: #999;}
.breadcrumb li:before{content:'/'; font-size: 10px;}
.breadcrumb li:first-of-type:before{content:'';}
.breadcrumb li a{padding: 6px;font-size: 12px;color: #666; text-transform: capitalize;}
.content, .list, .show-content{background:#fff; padding: 36px;}
.content h1.title, .list h1.title{text-transform: capitalize;font-size: 24px;}
.content a.item{display: flex;flex-direction: row;padding-bottom: 18px;margin-bottom: 18px;}
.content a.item .thumb{width: 120px;height: 90px;}
.content a.item .thumb img{width: 100%;height: 100%;object-fit: cover;}

.list h2.title{font-size: 24px;font-weight: bold;}
.list .list-item a.item{display: flex;padding: 18px 0;margin-bottom: 18px;border-bottom: 1px solid rgba(0,0,0,.1)}
.list .list-item a.item:hover{transform: translateY(-6px);}
.list .list-item a.item .thumb{width: 160px;height: 160px;margin-right: 16px;display: flex;}
.list .list-item a.item .thumb img{width: 100%;height: 100%;object-fit: contain;}
.list .list-item a.item .body{display: flex;flex-direction: column;width: 100%;}
.list .list-item a.item .body h3.item-title{font-size: 18px;margin-bottom: 8px;}
.list .list-item a.item .body p.authors{font-size: 13px; color: #999;margin-bottom: 8px;}
.list .list-item a.item .body p.desc{font-size: 15px;color: #999;}

.show-content{line-height: 2;min-height: 780px;}
.show-content h1.title{font-size: 24px;margin-bottom: 12px;}
.show-content p.author{font-size: 14px;color: #999;}
.show-content .contents{display: flex; justify-content: space-between;}
.show-content .contents .thumb{width: 180px;height: 180px;margin-right: 30px;}
.show-content .contents .thumb img{width: 100%; height: 100%; object-fit: contain;}
.show-content .contents .text{width: 100%;}
.show-content .contents .text .downloadfile{display: inline-flex;margin: 18px auto;padding: 8px 24px;background: rgba(0,0,0,.1);border: 1px solid rgba(0,0,0,.16);border-radius: 50vh;align-items: center;}
.show-content .contents .text .downloadfile img{width: 24px;height: 24px;object-fit: cover;margin-right: 8px;}
.show-content .contents .text .downloadfile:nth-of-type(2){background: rgba(0,255,0,.1);border-color: rgba(0,255,0,.15);}
.show-content .contents .text .downloadfile:hover{background: rgba(0,51,102,1);color: #fff;}
.show-content .contents .text .downloadfile:hover img{filter: invert(1);}

.content-contact{background: #fff url('/assets/hi/img/contact_bg.jpg') no-repeat;background-size: cover;min-height: 500px;padding: 36px;}

@media (max-width:1024px) {
  .pc-head{display: none!important;}
  header .m-head{display: flex;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:2000;overflow: hidden;padding: 6px 12px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);justify-content: space-between;align-items: center;}
  header .m-head .m-head-logo{display: flex;width: 100%;align-items: center;}
  header .m-head .m-head-logo img{height: 60px;}
  header .m-head .m-head-logo h2{font-size: 24px;font-weight: bold;color: #036;padding: 0 6px;letter-spacing: -1px;}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open img{width: 40px;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close img{width: 40px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
}
@media (max-width:768px){
  .home-about img{width: 100%;}
}
@media (max-width:425px){
  header .m-head .m-head-logo h2{font-size: 15px;}
}