/*
*@Name: layuiUniversalCompany - 通用企业公司网站模板
*@Author: xuzhiwen
*@Copyright:layui.com
*/


/*base*/
.fl {
 float: left;
}
.fr {
 float: right;
}
body {
 font: 12px/1.5 PingFangSC-Regular, Tahoma, 'Microsoft Yahei', sans-serif;
}
.padding0 {
 padding: 0;
}
.pb50 {
 padding: 0 0 50px 0;
}
.layui-carousel>[carousel-item]>* {
 height: auto;
}
.layui-carousel-ind {
 margin-top: -20px;
 top: auto;
 bottom: 10px;
}
/*header  height: 163px;*/ 
.header_box {
 height: 200px;
 border-bottom: 0px solid rgba(244,59,62,1.00);
} /*line-height: 80px;*/
.header {
 border: 0px solid rgba(0,0,0,1.00);
 position: relative;
 line-height: 20px;
 height: 100px
}
.header h1 {
 display: inline-block;
 padding-left: 35px;
}
.header .nav1 {
 font-size: 14px;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 float: right;
 padding-top: 85px;
 height: 14px;
 margin-right: 290px
}
.header .nav1 a {
 color: #010101!important;
 display: inline-block;
 padding: 0 25px 0 5px;
}
.header .nav1 a.active {
 color: #ab8e75!important;
}
.layui-nav .layui-nav-item a {
 color: rgba(12,54,188,1.00)
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
 color: black;
}
.header #logo {
 float: left;
 margin-top: 10px;
 margin-left: 430px;
 padding: 5px 0px;
 width: 8%;
 height: 80%;
 border: solid rgba(0,0,0,1.00) 0px
}
.header .title-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 font-size: 65px;
 font-family: STXingkai;
}
.header .title-EN-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 /*font-size: 55px;*/
 font-size: 50px;
 font-family: Microsoft JhengHei UI;
}
.imgH {
 position: fixed;
 left: 0px;
 top: 0px;
}
#menu {
 margin: 0 auto 100px 360px;
 position: relative;
 font-size: 20px;
 text-align: center;
 display: inline-block;
 vertical-align: top;
 border: 0px solid rgba(94,26,27,1.00);
 background-color: rgba(0,0,0,0.00);
}
.layui-nav * {
 font-size: 16px;
 font-weight: bold;
}
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after {
 background-color: blue;
 height: 6px;
}
.app-header {
 display: none;
}
.app-header-menuicon {
 display: block;
 position: absolute;
 margin-top: 5px;
 top: 0;
 width: 80px;
 height: 80px;
 cursor: pointer;
 text-align: center;
}
.app-header-menuicon i {
 font-size: 30px;
 }
.header-down-nav {
 display: none;
}
/*end-header*/


.cap {
 line-height: 25px;
 padding: 1px;
 color: #F50307;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 22px;
}
.word-type {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-style: normal;
}
.toTop {
 bottom: 25%;
}
.layui-fixbar li {
 font-size: 60px;
 background-color: rgba(0,0,0,0.00);
 color: red;
}
/*footer*/
.footer {
 background: #231f20;
 text-align: center;
 padding: 25px;
}
.footer .line {
 width: 220px;
 height: 2px;
 background: #dedede;
 margin: 0 auto;
}
.footer p.copyright {
 font-size: 14px;
 color: #dedede;
 line-height: 24px;
 padding: 20px;
}
.footer .icon_box i {
 color: #fff;
 font-size: 26px;
}
.footer .icon_box i.weixin-icon {
 padding-right: 15px;
}
.footer .icon_box i.weibo-icon {
 padding-left: 15px;
}
.footer .amount {
 display: inline;
 padding: 3px;
 color: white;
}
/*footer*/


/*end-base*/


/*index*/

.content .backgroud {
 background-image: url(../images/backgroundPic.jpg);
 background-size: 100% 100%;
 background-repeat: no-repeat;
 background-attachment: fixed;
}
.content .title {
 text-align: center;
 color: #333333;
 padding: 20px 0;
}
.content .title h5 {
 font-size: 18px;
 color: #878787;
}
.content .title h3 {
 font-size: 48px;
}
.content .title h4 {
 font-size: 20px;
}
.content .prod-show {
 padding: 10px 0;
 max-width: 1200px;
 margin: 0 auto;
}
.content .prod-show .news {
 font-size: 18px;
 background-color: rgba(190, 233, 207, 1) !important;
}
.right-viewer {
 height: 800px;
 padding: 10px 0px;
}
.news-video {
 width: 100%;
 height: 800px;
}
.news-ol {
 padding: 20px;
}
.news-ol li {
 padding: 10px 0px;
 list-style-type: decimal;
 font-size: 15px;
}
.content .prod-show .row-image {
 height: 20px;
 width: 20px;
 padding-right: 5px;
}
.content .prod-show .news-date {
 font-size: 15px;
}
.content .prod-show .news-name {
 font-size: 18px;
 padding-left: 20px
}
.content .prod-show .news-detail {
 font-size: 15px;
 float: right;/*padding-right: 20px*/
}
.content .prod-show .video {
 font-size: 18px;
 background-color: rgba(190, 233, 207, 1) !important;
}
.content .prod-show .more a {
 font-size: 18px;
 float: right;
 padding-right: 10px;
 color: #F00F13;
}
.content .article {
 padding: 10px;
}
.content a.index-artical {
 color: blue;
}
.content a.index-artical:hover {
 color: red;
}
.index-news {
 padding: 10px;
 height: 350px;
}
.index-marquee {
 height: 430px;
 width: 100%;
}
#video-bar {
 margin-top: 0px;
 background-color: rgba(0,0,0,0.01);
}
/*end-index*/


/*about*/
.about-photo {
 width: 400px;
 height: auto;
}
.article1 {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 18px;
 font-style: normal;
}
.article2 {
 font-size: 20px;
 font-weight: bolder;
 color: orangered;
}
.about-ul {
 padding: 1px;
}
.about-ul li {
 margin-left: 15px;
 padding: 1px, 0px;
 list-style: inherit;
}
/*end-about*/



/*course*/
.course1 {
 font-family: Arial, Helvetica, sans-serif;
 color: orangered;
 font-size: 30px;
 font-weight: bold;
}
.course2 {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 18px;
 font-style: normal;
}
.course3 {
 font-family: Arial, Helvetica, sans-serif;
 color: rgba(142,79,0,1.00);
 font-size: 25px;
 font-weight: bold;
}
.course-ul {
 padding: 1px;
}
.course-ul li {
 margin-left: 15px;
 padding: 1px, 0px;
 list-style: inherit;
}
/*end-course*/



/*semianars*/
#fr {
 border: 30px solid transparent;
 width: auto;
 height: auto;
 border-image: url(../images/frame.png) 100 100 round;
}
.schedule_place {
 color: rgba(142,79,0,1.00);
}
.serminars_link {
 text-decoration: none;
 color: #3c3c3c;
 font-family: Arial;
 font-weight: bold;
 font-size: 20px;
}
.seminars-iframe {
 height: 600px;
 overflow: auto;
}
.serminars_adv {
 width: 50%;
 margin: 5px auto;
}
#seminars-course {
 width: 99%;
 height: auto;
}
.seminars-board {
 margin: 20px 0px;
}
.seminars-email {
 word-wrap: break-word;
}
/*end-semianars*/

/*news*/
.news1 {
 border-color: black;
}
.news1 legend {
 font-size: 25px;
}
.row {
 display: inline;
}
/*end-news*/

/*gallery*/
.layui-fluid-gallery {
 position: relative;
 margin: 0 auto;
 padding: 0 15px;
}
.layui-text a:not(.layui-btn) {
 color: orangered;
}

.layui-timeline {
 width: 100%;
}

.layui-timeline-item::before, hr {
 background-color: darkgray;
}
.layui-timeline-axis {
 z-index: 0;
}

.gallery-image{
    width: 100%;              /* 撑满 .photo-item 宽度 */
    height: 150px;            /* 固定高度，统一缩略图大小 */
    object-fit: cover;        /* 裁剪填充，不变形 */
    border-radius: 8px;       /* 可选圆角 */
    background: #f0f0f0;      /* 占位背景 */
    display: block;           /* 去除图片底部空隙 */
    cursor: zoom-in;
}

.gallery-image-name{
  margin-top: 6px;
    font-size: 14px;
    color: #555;
    text-align: center;
    line-height: 1.4;
    max-width: 100%;
    white-space: nowrap;      /* 单行显示，过长省略号（可选） */
    overflow: hidden;
    text-overflow: ellipsis;
}

.layui-timeline-content > div {
    display: flex;
    flex-wrap: wrap;          /* 允许换行，一行放不下时自动折行 */
    gap: 20px;                /* 图片之间的间距 */
    justify-content: flex-start; /* 左对齐（你也可以用 center 居中） */
    margin-top: 10px;
}

/* 每个图片项：垂直排列图片和名称，并居中 */
.gallery-item {
    display: flex;
    flex-direction: column;   /* 图片在上，名称在下 */
    align-items: center;      /* 水平居中 */
    width: 150px;             /* 固定宽度，可根据需要调整（例如 23% 自适应） */
    flex-shrink: 0;
}

/*end-gallery*/

/*contact*/
.content {
 height: auto;
}
.contact-content {
 padding: 10px;
}
.contact-content .contact-titile {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 30px;
 font-weight: bold;
}
.contact-content .contact-artical1 {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 20px;
 font-weight: normal;
}
.contact-content .contact-artical2 {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 20px;
 font-weight: normal;
 padding: 10px 50px;
}
/*end-contact*/

/*links*/
.links-content {
 padding: 10px;
}
.links-content .links-title {
 font-family: Arial, Helvetica, sans-serif;
 color: #3c3c3c;
 font-size: 30px;
 font-weight: bold;
}
.links-content .links1 {
 margin-left: 30px;
 padding: 20px 0px;
}
.links-content .links2 {
 margin-left: 10px;
 padding: 10px;
 font-style: italic;
 font-weight: bold;
 word-wrap: break-word;
}
.links-content .links3 {
 padding: 30px;
}
.friend-logo img {
 width: 100px;
 height: 100px;
}

/*end-links*/

@media only screen and (min-width: 1400px) and (max-width: 1500px){
 .header #logo {
 float: left;
 margin-top: 15px;
 margin-left: 420px; /*415*/
 padding: 5px 0px;
 width: 8%;
 height: 80%;
 border: solid rgba(0,0,0,1.00) 0px
}
.header .title-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 font-size: 55px;
 font-family: STXingkai;
}
.header .title-EN-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 /*font-size: 50px;*/
 font-size: 48px;
 font-family: Microsoft JhengHei UI;
}
#menu {
 margin: 0px auto 0px 360px;
 position: relative;
 font-size: 20px;
 text-align: center;
 display: inline-block;
 vertical-align: top;
 border: 0px solid rgba(94,26,27,1.00);
 background-color: rgba(0,0,0,0.00);
}
 .layui-nav .layui-nav-item a{
  padding: 0 15px;
 }
.header .nav1 {
 font-size: 14px;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 float:right;
 padding-top: 80px;
 height: 14px;
 margin-right: 270px
}
.header .nav1 a {
 color: #010101!important;
 display: inline-block;
 padding: 0 25px 0 5px;
}
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
.header #logo {
 float: left;
 margin-top: 15px;
 margin-left: 400px; /*415*/
 padding: 5px 0px;
 width: 8%;
 height: 70%;
 border: solid rgba(0,0,0,1.00) 0px
}
.header .title-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 font-size: 55px;
 font-family: STXingkai;
}
.header .title-EN-name {
 margin: 50px 0 0px 0px;
 display: inline-block;
 font-size: 45px;
 font-family: Microsoft JhengHei UI;
}
#menu {
 margin: 0px auto 0px 300px;
 position: relative;
 font-size: 20px;
 text-align: center;
 display: inline-block;
 vertical-align: top;
 border: 0px solid rgba(94,26,27,1.00);
 background-color: rgba(0,0,0,0.00);
}
 .layui-nav .layui-nav-item a{
  padding: 0 15px;
 }
.header .nav1 {
 font-size: 14px;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 float:right;
 padding-top: 80px;
 height: 14px;
 margin-right: 270px
}
.header .nav1 a {
 color: #010101!important;
 display: inline-block;
 padding: 0 25px 0 5px;
}
}

/*@media only screen and (max-width: 992px){
 
}*/
@media only screen and (min-width: 710px) and (max-width: 900px) {
.app-header {
 display: block;
}
.header_box {
 height: auto
}
.header {
 height: 70px;
}

/* 新增：隐藏主导航栏 */
#menu {
display: none;
}
.header-down-nav {
 margin-top: 30px;

}
.app-header-menuicon {
 width: 30px;
 height: 30px;
 margin-left: 130px;
 margin-top: 15px;
}
.header #logo {
 margin-top: 2px;
 margin-bottom: 2px;
 margin-left: 50%;
 width: 60px;
 height: 60px;
}
.header .title-name {
 font-size: 45px;
 margin-top: 5px;
 margin-left: 33%;
}
.header .title-EN-name {
 font-size: 35px;
 margin-left: 250px;
 margin-bottom: 0px;
 margin-top: 0px;
}
.header .nav1 {
 margin-right: 290px;
 padding-top: 5px;
}
.layui-nav.down-nav {
 position: absolute;
 width: 100%;
 z-index: 2;
 text-align: center;
 margin-top: 30px;
 padding: 0;
 display: block;
}
.layui-nav.down-nav li {
 height: 60px;
 line-height: 60px;
 display: block;
}
.layui-nav.down-nav li a {
 height: 60px;
 line-height: 60px;
 color: #fff;
 font-size: 18px;
}
.content .backgroud {
 background-image: url();
 background-color: rgba(255,255,255,1.00);
}
.content .prod-show {
 padding: 10px 0px;
}
#toTop {
 color: rgba(0,0,0,0.62);
}
.left-view {
 display: none;
}
/*index*/
.right-viewer {
 height: auto;
 width: 100%;
 padding: 10px 0px;
}
.article-photo {
 width: 60%;
 height: 60%;
}
#video-bar {
 margin-top: 20px;
 margin-left: 0%;
 background-color: rgba(0,0,0,0.01);
}
.more {
 margin-top: 0px;
}
/*end-index*/
/*seminars*/ 
.seminars-board {
 border: 2px solid #a1a1a1;
 padding: 5px;
 border-radius: 10px;
 box-shadow: 10px 10px 5px #888888;
}
/*end-seminars*/ 

}

@media only screen and (min-width: 600px) and (max-width: 700px) {
.app-header {
 display: block;
}
.header_box {
 height: auto
}
.header {
 height: 70px;
}
.header-down-nav {
 margin-top: 30px;
}
.app-header-menuicon {
 width: 30px;
 height: 30px;
 margin-left: 110px;
 margin-top: 15px;
}
.header #logo {
 margin-top: 2px;
 margin-left: 45%;
 width: 60px;
 height: 60px;
}
.header .title-name {
 font-size: 40px;
 margin-top: 5px;
 margin-left: 30%;
}
.header .title-EN-name {
 font-size: 30px;
 margin-left: 150px;
 margin-bottom: 0px;
 margin-top: 0px;
}
.header .nav1 {
 margin-right: 235px;
 padding-top: 5px;
}
.layui-nav.down-nav {
 position: absolute;
 width: 100%;
 z-index: 2;
 text-align: center;
 margin-top: 30px;
 padding: 0;
 display: block;
}
.layui-nav.down-nav li {
 height: 60px;
 line-height: 60px;
 display: block;
}
.layui-nav.down-nav li a {
 height: 60px;
 line-height: 60px;
 color: #fff;
 font-size: 18px;
}
#menu {
 display: none;
}
.content .backgroud {
 background-image: url();
 background-color: rgba(255,255,255,1.00);
}
.layui-fluid {
 padding: 0px;
}
.content .prod-show {
 padding: 10px 0px
}
.toTop {
 bottom: 60%;
}
/*index*/
.article-photo {
 width: 60%;
 height: 60%;
}
.right-viewer {
 height: 800px;
 padding: 10px 0px;
}
#video-bar {
 margin-top: 20px;
 margin-left: 20%;
 background-color: rgba(0,0,0,0.01);
}
#toTop {
 color: rgba(0,0,0,0.62);
}
/*end-index*/
 

 /*seminars*/ 
.seminars-board {
 border: 2px solid #a1a1a1;
 padding: 5px;
 border-radius: 10px;
 box-shadow: 10px 10px 5px #888888;
}
/*end-seminars*/ 
 /*news*/
.news-frame table {
 text-align: center;
}
.news-frame table tr {
 display: block;
}
.news-frame table td {
 display: block;
}
.news-frame table td:before {
 float: right;
 display: block;
 vertical-align: middle;
}
.news-frame img {
 width: 70%;
 height: 70%;
}
/*end-news*/
}

@media only screen and (max-width: 600px) {
.app-header {
 display: block;
}
.header_box {
 height: auto
}
.header {
 height: 50px;
}
.layui-nav.down-nav {
 margin-top: 30px;
 position: absolute;
 width: 100%;
 z-index: 2;
 text-align: center;
 padding: 0;
 display: block;
}
.layui-nav.down-nav li {
 height: 60px;
 line-height: 60px;
 display: block;
}
.layui-nav.down-nav li a {
 height: 60px;
 line-height: 60px;
 color: #fff;
 font-size: 18px;
}
.app-header-menuicon {
 width: 30px;
 height: 30px;
 margin-left: 50px;
 margin-top: 15px;
}
.header #logo {
 margin-left: 150px;
 width: 50px;
 height: 50px;
 margin-top: 2px;
}
.header .title-name {
 font-size: 30px;
 margin-left: 70px;
 margin-bottom: 0px;
 margin-top: 0px;
}
.header .title-EN-name {
 font-size: 20px;
 margin-left: 85px;
 margin-bottom: 0px;
 margin-top: 0px;
}
.header .nav1 {
 margin-right: 120px;
 padding-top: 5px;
}
#menu {
 display: none;
}
.content .prod-show {
 padding: 10px 0px
}
.content .backgroud {
 background-image: url();
 background-color: rgba(255,255,255,1.00);
}
#toTop {
 color: rgba(0,0,0,0.62);
}
.toTop {
 bottom: 30%;
}
/*index*/
.article-photo {
 width: 60%;
 height: 60%;
 padding-right: 5px;
}
.right-viewer {
 height: 770px;
 padding: 10px 0px;
}
.news-video {
 width: 100%;
 height: 100%;
}
#video-bar {
 margin-top: 20px;
 background-color: rgba(0,0,0,0.01);
}
.more {
 margin-top: 10px;
}
/*end-index*/
 /*about*/
.about-photo {
 width: 300px;
}
/*end-aboutn*/
 
 /*seminars*/
.serminars_link {
 font-size: 15px;
}
.serminars_adv {
 width: 85%;
}
.seminars-iframe {
 height: 400px;
}
#seminars-course {
 width: 100%;
 height: auto;
}
.seminars-board {
 border: 2px solid #a1a1a1;
 padding: 5px;
 border-radius: 10px;
 box-shadow: 10px 10px 5px #888888;
}
/*end-seminars*/ 
 /*gallery */
.layui-fluid-gallery {
 position: relative;
 margin: 0 auto;
 padding: 0 5px;
}
.layui-timeline-content {
 padding-left: 18px;
}
.vlightbox {
 width: 47%;
 height: 100%;
}
/*end-gallery*/
 /*news*/
.news1 legend {
 font-size: 20px;
}
.news-frame table tr {
 display: block;
}
.news-frame table td {
 display: block;
}
.news-frame table td:before {
 float: left;
 display: block;
}
.news-frame img {
 width: 100%;
 height: 100%;
}
/*end-news*/
 
 /*contact*/
.contact-email {
 word-wrap: break-word;
}
/*end-contact*/
 
 /*link*/
.links-content .links3 {
 padding-left: 5px;
 padding-right: 20px;
 padding-top: 30px;
 padding-bottom: 30px;
}
/*end-link*/
 
}