/**-20240326-**/
/**--commonset--**/
article,aside,dialog,footer,header,section,nav,figure,menu,figcaption,canvas {display:block;}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,address,code,em,img,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,select,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;line-height:inherit;border:none;outline:0;padding:0;margin:0;color:inherit;}
html,body {font-size:18px;line-height:1;font-family:'Segoe UI',Helvetica,Arial,"Microsoft Yahei Light","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif;color:black;}
body {min-width:1420px;}
h1,h2,h3 {font-weight:normal;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
ul,ol {list-style:none;}
a {text-decoration:none;}
a:link,a:visited {color:inherit;}
a:hover {color:#5f5f5f;transition:all 0.3s ease-in-out 0s;}
hr {height:1px;border-top:solid 2px #ccc;margin-bottom:8px;}
.p_r {position:relative;}
.p_a {position:absolute;}
.f_l {float:left;}
.f_r {float:right;}
.blue {color:blue;}
.gray {color:#bbb;}
.red,.NeedEnter {color:red}

table {max-width:100%;border-collapse:collapse;}
table td,table th {line-height:1.5;vertical-align:top;border:solid #ccc 1px;}
th {font-weight:bold;}
article table {width:100%;}
img,article table {max-width:100%;height:auto !important;}
a img {border:none;vertical-align:middle;}

.clearfloat {margin:0;width:100%;height:0;font:0/0 Arial;clear:both;border:none;visibility:hidden;}
.autoclip {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.commonshd {box-shadow:0 2px 3px #ccc;}


/**--homepage---**/
body.home-page{background:url('images/index-bg.jpg') no-repeat left center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

#logo-index {position:absolute;top:25%;left:18%}

.menu-index {position:absolute;bottom:18%;left:18%;}
.menu-index-li {display:table-cell;padding-right:50px;}
.menu-index-li .li-box {width: 108px;height: 74px;text-align: center;border-radius: 50%;background:rgba(0,0,0,.6);padding-top: 34px;color:#d3d3d3;}
.menu-index-li .menu-item-en {margin-top:5px;display:block;font-size:14px;}
.menu-index-li .li-box a:hover {color:white;}

/**--innerpage--**/
.inner-content-width {margin:0 auto;width:1400px;}
.inner-header {padding:15px 0;background:#343434;}
.inner-header-container {position:relative;}
.menu-inner {position:absolute;top:30px;right:0;text-align:center;}
.menu-inner-li {display:table-cell;padding:0 50px;}
.menu-inner-li .li-box {color:#959595;}
.menu-inner-li .menu-item-en {margin-top:5px;display:block;font-size:14px;}
.menu-inner-li.current-item .li-box,.menu-inner-li .li-box a:hover {color:white;}
.menu-inner-li .li-box a:hover .menu-item-en {text-decoration:underline;}

#main {background:#cbcbcb;}
.content-field-wrapper {padding:80px 0;}
.content-field {margin:0 auto;width:1400px;min-height:450px;overflow:hidden;}

.content-field-img {width:560px;}
.content-field-img.item-cover {width:450px;}
.img-box {max-height:400px;overflow:hidden;}
.content-field .txt-box {overflow:hidden;}
.article-item {overflow:hidden;margin-bottom:40px;padding-bottom: 40px;border-bottom: solid 2px #b3b3b3}

h2.field-title {font-size:48px;color:#454545}
h3.field-title-en {margin:20px 0;font-size:32px;color:#595959;}
.field-des,.field-author {font-size:20px;color:#595959;line-height:1.5;}
.field-author {margin-top:20px;font-style: italic;}
h2.field-title .article-item-title {font-size:32px;}
h3.field-title-en .article-item-title {font-size:24px;}
h2.field-title a:hover,h3.field-title-en a:hover {text-decoration: underline;}

.field-btn-wrapper {clear:both;padding-top:80px;}
.field-btn {overflow:hidden;margin-top:80px;width:240px;height:80px;border-radius:12px 0 12px 0;background:#8a8a8a;color:#fefefe;text-align:center;line-height:80px;}
.field-btn:hover {background:#616161;}
.field-btn a {display:block;font-size:20px}
.field-btn a:hover {color:black;}

.content-field-wrapper:nth-child(odd) .img-box {float:left;margin-right:120px;}
.content-field-wrapper:nth-child(even) {background:#8a8a8a;}
.content-field-wrapper:nth-child(even) .img-box {float:right;margin-left:120px;}
.content-field-wrapper:nth-child(even) .field-des {color:#d3d3d3;}
.content-field-wrapper:nth-child(even) .field-btn {background:#4f4f4f;}
.content-field-wrapper:nth-child(even) .field-btn:hover {background:#2f2f2f;}
.content-field-wrapper:nth-child(even) .field-btn a:hover {color:gray;}

.content-field-wrapper:nth-child(even).works-wrapper {background:#bfbfbf;}
.works-ul {margin:0 auto;width:90%;}
li.work-item {display:inline-grid;margin-bottom:80px;width:33%;text-align:center;}
.work-item-imgbox {padding:0 20px;}
.work-item-titlebox {padding:0 20px;font-size:20px;line-height:1.5;}
.work-item-title-en {color:#6f6f6f;}

.work-item-des-wrapper {position: relative;height:0;}
.work-item-des {display:none;position: absolute;bottom: 20px;left: 0;padding:20px 0;width: 100%;background: rgba(69,69,69,.85);line-height: 1.5;text-align: left;color:white}
.work-item-des p {margin:8px 15px;}
.work-item-imgbox:hover .work-item-des {display: block;}

.inner-submenu {overflow:hidden;padding-bottom:80px;text-align: center;}
.inner-submenu-ul li {float:left;margin-right:80px;width:100px;height:100px;background:#343434;color:#a3a3a3;border-radius:50%;line-height:96px;font-size:20px;}

.inner-submenu-ul li.current-item,.inner-submenu-ul li a:hover {color:white;text-decoration:underline;}

.index-footer {position:absolute;bottom:0;width:100%;}
.inner-footer {background:#454545;color:#b4b4b4;}
.footer-wrapper {margin:0 auto;width:1400px;text-align:center;}
.footer-wrapper {padding:45px 0;font-size:20px;line-height:1.5;}