@charset "utf-8";
/* by Sean Lu 20211102 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: var(--jtmcolor); }
a:hover { text-decoration: underline; color: var(--jtcolor); }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

#loading { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255,255,255,.1); z-index: 99; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: var(--jtcolor); color: #fff; }
::-moz-selection { background: var(--jtcolor); color: #fff; }


/* 全局共用样式设定 20211102 */
:root { 
    --jtmcolor: #555; /* 初始色 */
    --jtcolor: #ff0000; /* 主色调 */
    --jtscolor: #888; /* 第2颜色 */
    --jtblack: #000; /* 黑色 */
    --jtbcd: #fff; /* 导航初始 */
    --jtbch: #ccc; /* 导航Hover */
    --jtbcs: #666; /* 导航反色 */
    --jtfs12: 12px;
    --jtfs14: 14px;
    --jtfs16: 16px;
    --jtfs18: 18px;
    --jtfs24: 24px;
    --jtfs30: 30px;
    --jtfs44: 44px;
}


@font-face {
	font-family: 'din';
	src: url("../fonts/din.otf") format("truetype"), url("../fonts/din.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'dinb';
	src: url("../fonts/dinb.otf") format("truetype"), url("../fonts/dinb.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}




/* 特殊焦点图 - 带文本框、箭头动效 20211103 */
.bannerslide { position: relative; }
.bannerslide .swiper-wrapper { position: relative; }
.bannerslide .swiper-slide { position: relative; height: 760px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; color: var(--jtbcd); }
.bannerslide .paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.bannerslide .swiper-button-next, .bannerslide .swiper-button-prev { color: var(--jtbcd); opacity: 0; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide:hover .swiper-button-next, .bannerslide:hover .swiper-button-prev { opacity: 1; }
.bannerslide .swiper-pagination-bullet-active { background: var(--jtcolor); }
.bannerslide .txtcon { margin-top: 290px; }
.bannerslide .txtcon .sub { font-size: var(--jtfs16); -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .5s; transition: all .5s; opacity: 0; }
.bannerslide .swiper-slide-active .txtcon .sub { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .txtcon .tit { font-size: var(--jtfs44); font-weight: bold; margin: 5px 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s .1s; transition: all .5s .1s; opacity: 0; }
.bannerslide .swiper-slide-active .txtcon .tit { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .txtcon .txt { font-size: var(--jtfs24); -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .4s .3s; transition: all .4s .3s; opacity: 0; }
.bannerslide .txtcon .txts { font-size: var(--jtfs16); -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .4s .3s; transition: all .4s .3s; opacity: 0; margin-top: 20px; }
.bannerslide .swiper-slide-active .txtcon .txt { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide-active .txtcon .txts { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.bannerslide .txtcon .btn { margin-top: 50px; font-size: var(--jtfs14); }
.bannerslide .txtcon .btn a { color: var(--jtbcd); display: block; border: 1px solid var(--jtbcd); width: 120px; padding: 0 20px; line-height: 40px; text-decoration: none; background: rgba(37,72,102,.46); -webkit-transition: all 1s; transition: all 1s; }
.bannerslide .txtcon .btn span { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-left: 10px; position: relative; overflow: hidden; }
.bannerslide .txtcon .btn span i { width: 50px; position: absolute; top: 9px; left: -30px; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.bannerslide .txtcon .btn a:hover { background: var(--jtcolor); }
.bannerslide .txtcon .btn a:hover span i { left: 0; }
.bannerslide .txtcon .btn span i:before { content: ''; display: block; width: 20px; height: 2px; background: var(--jtbcd); float: left; }
.bannerslide .txtcon .btn span i:after { content: ''; display: block; float: left; width: 20px; height: 2px; background: var(--jtbcd); margin-left: 10px; }
.bannerslide .txtcon .btn span em { position: absolute; right: 0; top: 0; }
.bannerslide .txtcon .btn span em:before { position: absolute; top: 9px; right: 0; content: ''; background: var(--jtbcd); width: 6px; height: 2px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); transform-origin: right center; -webkit-transition: all 1s ease; transition: all 1s ease; }
.bannerslide .txtcon .btn a:hover span em:before { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); width: 8px; }
.bannerslide .txtcon .btn span em:after { position: absolute; top: 9px; right: 0; content: ''; background: var(--jtbcd); width: 6px; height: 2px; -webkit-transform: rotateZ(-30deg); transform: rotateZ(-30deg); transform-origin: right center; -webkit-transition: all 1s ease; transition: all 1s ease; }
.bannerslide .txtcon .btn a:hover span em:after { -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); width: 8px; }


/* 固顶导航栏 20211103 */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; display: flex; align-items: center; padding: 27.5px 50px; color: var(--jtbcd); -webkit-transition: all .2s; transition: all .2s; }
.header.fxdon { color: var(--jtbcs); background: var(--jtbcd); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.header .logo { display: block; width: 90px; height: 45px; }
.header .logo img { display: block; width: 100%; }
.header .logo .l1 { display: none; }
.header .logo .l2 { display: block; }
.header.fxdon .logo .l1 { display: none; }
.header.fxdon .logo .l2 { display: block; }
.header .more { display: flex; margin-left: auto; }
.header .more .tel { font-size: var(--jtfs16); font-weight: bold; line-height: 45px; color: var(--jtcolor); display: flex; align-items: center; }
.header .more .tel img { display: block; width: 18px; height: 18px; margin-right: 4px; }
.header .more .tel strong { color: var(--jtcolor); }
.header .more .sea { margin-left: 10px; }
.header .more .sea .key { border: 0; background: transparent; padding: 0 15px; width: 0; background: url(../img/seaicon.png) no-repeat right center; line-height: 45px; height: 45px; font-size: var(--jtfs14); color: var(--jtbcd); box-sizing: border-box; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; }
.header .more .sea .key:focus { width: 150px; cursor: text; background-color: rgba(255,255,255,.3); border-radius: 30px; }
.header.fxdon .more .sea .key { background-image: url(../img/seaicons.png); color: var(--jtbcs); }
.header.fxdon .more .sea .key:focus { background-color: rgba(0,0,0,.1); }
.header .more .sea .key::placeholder { color: var(--jtbcd); }
.header.fxdon .more .sea .key::placeholder { color: var(--jtbcs); }
.header .nav { position: relative; margin-left: 100px; }
.header .nav .nul { display: flex; }
.header .nav .nul .nli { display: block; }
.header .nav .nul .nli .na { line-height: 45px; color: var(--jtbcd); display: block; padding: 0 12px; text-decoration: none; font-size: var(--jtfs16); }
.header .nav .nul .nli .na:hover { line-height: 45px; color: var(--jtbch); }
.header.fxdon .nav .nul .nli .na { color: var(--jtbcs); }
.header .menu { display: none; }
.header .nav .nul .nli.on .na { color: var(--jtcolor); }

.wrapper { width: 1300px; margin: 0 auto; position: relative; }


.homebox01 { background: #f5f5f5; padding: 90px 0; }
.homebox01 .hd { display: flex; align-items: center; }
.homebox01 .hd .tit { font-size: var(--jtfs30); font-weight: bold; color: var(--jtmcolor); }
.homebox01 .hd .sub { margin-left: 30px; font-size: 0; width: 400px; }
.homebox01 .hd .sub a { font-size: var(--jtfs16); margin-right: 0; }
.homebox01 .hd .sub a:hover { font-weight: bold; }

.homebox01 .hd .sub .sshh { display: flex; }
.homebox01 .hd .sub .sshh .sshhi { flex: 1; }
.homebox01 .hd .sub .sshhi.on a { font-weight: bold; }

.homebox01 .hd .sub .sshhi:nth-child(1) a:hover { color: #38a7e5; }
.homebox01 .hd .sub .sshhi:nth-child(1).on a { color: #38a7e5; }

.homebox01 .hd .sub .sshhi:nth-child(2) a:hover { color: #df6319; }
.homebox01 .hd .sub .sshhi:nth-child(2).on a { color: #df6319; }

.homebox01 .hd .sub .sshhi:nth-child(3) a:hover { color: #119fa1; }
.homebox01 .hd .sub .sshhi:nth-child(3).on a { color: #119fa1; }

.homebox01 .hd .sub .sshhi:nth-child(4) a:hover { color: #6c4fbb; }
.homebox01 .hd .sub .sshhi:nth-child(4).on a { color: #6c4fbb; }
.homebox01 .ssbb .ssbbi { display: none; }
.homebox01 .ssbb .ssbbi.on { display: block; }



.homebox01 .hd .mor { margin-left: auto; }
.homebox01 .hd .mor a { display: inline-block; line-height: 36px; padding: 0 20px; border: 1px solid #dedede; text-decoration: none; font-size: var(--jtfs14); -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .hd .mor a:hover { color: var(--jtbcd); background: var(--jtcolor); border-color: var(--jtcolor); }
.homebox01 .bd { display: block; margin-top: 24px; background: #f5f5f5; }
.homebox01 .bd .hpro { display: grid; grid-template: ". . . A A" ". . . B B" / 1fr 1fr 1fr 1fr 1fr ; gap: 15px; }
.homebox01 .bd .hpro .item { margin: 0; }
.homebox01 .bd .hpro .item a { text-decoration: none; text-align: center; display: block; -webkit-transition: all .2s; transition: all .2s; background: var(--jtbcd); position: relative; height: 100%; }
.homebox01 .bd .hpro .item a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.homebox01 .bd .hpro .item a:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: var(--jtcolor); -webkit-transition: all .6s; transition: all .6s; }
.homebox01 .bd .hpro .item a:hover:after { width: 100%; }
.homebox01 .bd .hpro .item a .img { padding: 20px; }
.homebox01 .bd .hpro .item a .img img { display: block; max-width: 100%; margin: 0 auto; }
.homebox01 .bd .hpro .item .inf { padding-bottom: 30px; }
.homebox01 .bd .hpro .item .inf .nam { font-size: var(--jtfs14); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.homebox01 .bd .hpro .item .inf .txt { font-size: var(--jtfs12); color: #38a7e5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; margin: 5px 10px 10px; }
.homebox01 .bd .hpro .item .inf .sub { font-size: var(--jtfs14); color: var(--jtcolor); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.homebox01 .bd .hpro .itemA { grid-area: A; }
.homebox01 .bd .hpro .itemB { grid-area: B; }
.homebox01 .bd .hpro .itembig { position: relative; height: 100%; }
.homebox01 .bd .hpro .itembig a { overflow: hidden; }
.homebox01 .bd .hpro .itembig a .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 1s; transition: all 1s; padding: 0; }
.homebox01 .bd .hpro .itembig a:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.homebox01 .bd .hpro .itembig .inf { position: absolute; top: 20%; left: 10%; text-align: left; width: 50%; }
.homebox01 .bd .hpro .itembig a { color: var(--jtblack); }
.homebox01 .bd .hpro .itembig .inf .nam { font-size: var(--jtfs30); font-weight: bold; }
.homebox01 .bd .hpro .itembig .inf .txt {  -webkit-line-clamp: 2; padding-right: 10%; color: var(--jtblack); font-size: var(--jtfs14); margin: 5px 0 10px; }
.homebox01 .bd .hpro .itembig .inf .mor { font-size: var(--jtfs12); margin-top: 20px; }
.homebox01 .bd .hpro .itembig .img img { display: block; width: 100%; height: 100%; object-fit: cover; }

.homebox01 .xsb { margin-bottom: 10px; font-size: var(--jtfs14); font-weight: bold; color: #38a7e5; }

.homebox01 .ssbb .ssbbi:nth-child(1) .bd .hpro .item .inf .sub { color: #38a7e5; }
.homebox01 .ssbb .ssbbi:nth-child(1) .bd .hpro .item a:hover { color: #38a7e5; }
.homebox01 .ssbb .ssbbi:nth-child(1) .bd .hpro .item a:after { background: #38a7e5; }

.homebox01 .ssbb .ssbbi:nth-child(2) .bd .hpro .item .inf .sub { color: #df6319; }
.homebox01 .ssbb .ssbbi:nth-child(2) .bd .hpro .item a:hover { color: #df6319; }
.homebox01 .ssbb .ssbbi:nth-child(2) .bd .hpro .item a:after { background: #df6319; }

.homebox01 .ssbb .ssbbi:nth-child(3) .bd .hpro .item .inf .sub { color: #119fa1; }
.homebox01 .ssbb .ssbbi:nth-child(3) .bd .hpro .item a:hover { color: #119fa1; }
.homebox01 .ssbb .ssbbi:nth-child(3) .bd .hpro .item a:after { background: #119fa1; }

.homebox01 .ssbb .ssbbi:nth-child(4) .bd .hpro .item .inf .sub { color: #6c4fbb; }
.homebox01 .ssbb .ssbbi:nth-child(4) .bd .hpro .item a:hover { color: #6c4fbb; }
.homebox01 .ssbb .ssbbi:nth-child(4) .bd .hpro .item a:after { background: #6c4fbb; }

.homebox01 .icontou { margin-top: 30px; margin-bottom: 20px; font-size: var(--jtfs18); color: var(--jtmcolor); padding-bottom: 20px; position: relative; }
.homebox01 .icontou:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 44px; height: 5px; background: var(--jtcolor); }
.homebox01 .iconlist { margin-top: 10px; font-size: 0; }
.homebox01 .iconlist .it { display: inline-block; margin-right: 10px; }
.homebox01 .iconlist .it:last-child { margin-right: 0; }
.homebox01 .iconlist .it a { display: block; padding: 20px 30px; background: #fff; border-radius: 6px; overflow: hidden; position: relative; }
.homebox01 .iconlist .it a:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background: var(--jtcolor); width: 0; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .iconlist .it a:hover:after { width: 100%; }
.homebox01 .iconlist .it img { display: block; }


.homebox02 { padding-top: 90px; }
.homebox02 .hd { margin-bottom: 50px; text-align: center; }
.homebox02 .hd .tit { font-size: var(--jtfs30); font-weight: bold; color: var(--jtmcolor); padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.homebox02 .hd .tit:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 44px; height: 5px; background: var(--jtcolor); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.homebox02 .hd .txt { font-size: var(--jtfs14); color: var(--jtscolor); line-height: 1.6; }
.homebox02 .bd img { display: block; width: 100%; height: 360px; object-fit: cover; }

.homebox03 { margin: 0; }
.homebox03 .hd { background: #f4f5f6; padding: 90px 0 50px; }
.homebox03 .hd .tit { font-size: var(--jtfs30); font-weight: bold; color: var(--jtmcolor); padding-bottom: 20px; }
.homebox03 .hd .txt { font-size: var(--jtfs14); color: var(--jtscolor); line-height: 1.6; position: relative; padding-bottom: 20px; }
.homebox03 .hd .txt:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 78px; height: 5px; background: var(--jtcolor); }
.homebox03 .bd { position: relative; }
.homebox03 .bd .img img { display: block; width: 100%; height: 880px; object-fit: cover; }
.homebox03 .bd .bigcon { position: absolute; top: 80px; left: 0; right: 0; }
.homebox03 .bd .bigcon .wrapper { display: flex; }
.homebox03 .bd .bigcon .wrapper .con { flex: 6; margin-right: 10%; }
.homebox03 .bd .bigcon .wrapper .bac { flex: 4; }
.homebox03 .bd .con .txt { font-size: var(--jtfs14); color: var(--jtbcs); line-height: 1.6; margin-bottom: 50px; }
.homebox03 .bd .con .txt p { margin-bottom: 20px; }
.homebox03 .bd .con .links { font-size: 0; }
.homebox03 .bd .con .links a { display: inline-block; font-size: var(--jtfs14); padding: 0 20px; line-height: 30px; text-decoration: none; border-bottom: 2px solid var(--jtscolor); margin-right: 10px; -webkit-transition: all .2s; transition: all .2s; }
.homebox03 .bd .con .links a:hover { border-bottom-color: var(--jtcolor); }
.homebox03 .bd .bac .list { display: grid; grid-template: ". . ." ". . ." / 1fr 1fr 1fr; grid-gap: 4px; margin-top: -80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.homebox03 .bd .bac .list .item { background: var(--jtbcd); padding: 30px 0 30px 30px; color: var(--jtbcs); font-size: var(--jtfs16); -webkit-transition: all .3s; transition: all .3s; }
.homebox03 .bd .bac .list .item:hover { background: var(--jtcolor); color: var(--jtbcd); }
.homebox03 .bd .bac .list .item .dt { margin: 0; }
.homebox03 .bd .bac .list .item .dd { margin-top: 10px; }
.homebox03 .bd .bac .list .item strong { font-size: var(--jtfs30); margin-right: 5px; }
.homebox03 .bd .bac .mor { margin-top: -80px; text-align: right; }
.homebox03 .bd .bac .mor a { display: inline-block; padding: 0 20px; background: var(--jtcolor); color: var(--jtbcd); text-decoration: none; line-height: 36px; font-size: var(--jtfs14); }
.homebox03 .bd .bac .mor a:hover { opacity: .8; }


.homebox04 { padding: 90px 0; background: #f4f5f6; }
.homebox04 .hd { display: flex;justify-content: space-between; align-items: flex-end; }
.homebox04 .hd .tit { text-align: left; }
.homebox04 .hd .tit .nam { font-size: var(--jtfs30); font-weight: bold; color: var(--jtmcolor); }
.homebox04 .hd .tit .txt { font-size: var(--jtfs14); color: var(--jtscolor); margin-top: 10px; padding-bottom: 20px; position: relative; }
.homebox04 .hd .tit .txt:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 78px; height: 5px; background: var(--jtcolor); }
.homebox04 .hd .lin { font-size: 0; }
.homebox04 .hd .lin a { margin-left: 10px; display: inline-block; padding: 0 20px; background: var(--jtbcd); border-bottom: 1px solid #d5d6d6; border-right: 1px solid #d5d6d6; font-size: var(--jtfs14); color: var(--jtmcolor); text-decoration: none; line-height: 36px; -webkit-transition: all .2s; transition: all .2s; }
.homebox04 .hd .lin a.mor { background: transparent; border: 1px solid #d5d6d6; }
.homebox04 .hd .lin a:hover { background: var(--jtcolor); border-color: var(--jtcolor); color: var(--jtbcd); }
.homebox04 .bd { display: flex; margin-top: 50px; }
.homebox04 .bd .top { flex: 1; margin-right: 40px; background: var(--jtbcd); border-bottom: 1px solid #c0bebf; border-right: 1px solid #e5e4e4; }
.homebox04 .bd .top .img { display: block; }
.homebox04 .bd .top .img a img { display: block; width: 100%; height: 350px; object-fit: cover; }
.homebox04 .bd .top .inf { padding: 40px; }
.homebox04 .bd .top .inf .tit { display: flex; align-items: center; }
.homebox04 .bd .top .inf .tit .nam { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; font-size: var(--jtfs18); font-weight: bold; }
.homebox04 .bd .top .inf .tit .tim { margin-left: auto; padding-left: 20px; background: url(../img/timeicon.png) no-repeat left center; font-size: var(--jtfs12); color: var(--jtscolor); white-space: nowrap; }
.homebox04 .bd .top .inf .txt { font-size: var(--jtfs14); color: var(--jtscolor); line-height: 1.6; margin-top: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; }
.homebox04 .bd .list { flex: 1; }
.homebox04 .bd .list .item { background: var(--jtbcd); border-bottom: 1px solid #c0bebf; border-right: 1px solid #e5e4e4; margin-bottom: 10px; padding: 40px 50px; }
.homebox04 .bd .list .item:last-child { margin-bottom: 0; }
.homebox04 .bd .list .item .tit { display: flex; align-items: center; }
.homebox04 .bd .list .item .tit .nam { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; font-size: var(--jtfs18); font-weight: bold; }
.homebox04 .bd .list .item .tit .tim { margin-left: auto; padding-left: 20px; background: url(../img/timeicon.png) no-repeat left center; font-size: var(--jtfs12); color: var(--jtscolor); white-space: nowrap; }
.homebox04 .bd .list .item .txt { font-size: var(--jtfs14); color: var(--jtscolor); line-height: 1.6; margin-top: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; }

.homebox05 { height: 800px; position: relative; }
.homebox05 .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.homebox05 .video .video01 { height: 100%; width: 100%; object-fit: cover; }
.homebox05 .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 42, 78, 0.6); }
.homebox05 .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; text-align: center; }
.homebox05 .content .tit { font-size: 54px; font-weight: bold; }
.homebox05 .content .txt { font-size: var(--jtfs18); margin: 30px auto 80px; }
.homebox05 .content .list { display: flex; justify-content: space-between; }
.homebox05 .content .list .uli { flex: 1; }
.homebox05 .content .list .uli img { display: block; width: 80px; margin: 0 auto 10px; }
.homebox05 .content .list .uli span { display: block; font-size: var(--jtfs14); }
.homebox05 .content .btn { margin-top: 120px; }
.homebox05 .content .btn a { display: block; width: 160px; line-height: 50px; font-size: var(--jtfs14); background: var(--jtcolor); color: var(--jtbcd); border-radius: 30px; text-decoration: none; margin: 0 auto; -webkit-transition: all .2s ease; transition: all .2s ease; }
.homebox05 .content .btn a:hover { opacity: .6; }


.footer { background: #f4f5f6; padding: 90px 0; position: relative; z-index: 3; }
.footer .list { display: flex; justify-content: space-between; }
.footer .list .item { text-align: left; }
.footer .list .item a { display: block; }
.footer .list .item .dt { margin-bottom: 20px; font-size: var(--jtfs14); }
.footer .list .item .dt a { color: var(--jtcolor); }
.footer .list .item .dd { font-size: var(--jtfs14); line-height: 1.6; }
.footer .list .item .dl { font-size: var(--jtfs14); color: var(--jtmcolor); line-height: 1.6; }
.footer .list .item .dl strong { display: block; color: var(--jtcolor); font-weight: normal; }
.footer .list .item .dl p { margin-bottom: 20px; }
.footer .list .item .dl p:last-child { margin-bottom: 0; }
.footcopy { padding-top: 30px; margin-top: 80px; border-top: 1px solid #cecfd0; font-size: var(--jtfs14); color: var(--jtmcolor); line-height: 1.6; display: flex; justify-content: space-between; align-items: center; }
.footcopy .mor { font-size: 0; }
.footcopy .mor a { display: inline-block; font-size: var(--jtfs14); line-height: 40px; padding: 0 20px; margin-left: 10px; background: #e2e3e4; text-decoration: none; }
.footcopy .mor a:hover { background: var(--jtcolor); color: var(--jtbcd); }


.inwrap { overflow: hidden; position: relative; z-index: 6; background: var(--jtbcd) repeat center top; background-attachment: fixed; }

.inbg { height: 420px; background: url(../img/inbanner.jpg) no-repeat center top; background-size: cover; position: fixed; top: 0; left: 0; right: 0; padding-bottom: 50px; z-index: 0; }

.inbanner { height: 350px; position: relative; padding-bottom: 50px; overflow: hidden; }
.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/a.png) repeat center; content: ''; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); display: none; }
.inbanner .title { position: relative; padding-top: 160px; color: #fff; padding-left: 20px; text-shadow: 0 0 10px rgba(0,0,0,.1); }
.inbanner .title .cn { font-size: 38px; font-weight: bold; position: relative; }
.inbanner .title .cn:before { content: ''; display: block; width: 5px; height: 30px; background: var(--jtcolor); position: absolute; top: 12px; left: -20px; }
.inbanner .title .en { font-size: 20px; text-transform: uppercase; line-height: 1.6; }

.navbar { background: #fff; height: 70px; line-height: 50px; text-align: center; position: absolute; top: 330px; right: 0; left: 0; z-index: 6; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(255,255,255,.6); font-size: 0; padding-top: 20px; }
.navbar .ibul .ibli { display: inline-block; margin: 0 4px; }
.navbar .ibul .ibli .iba { display: block; padding: 0 30px; font-size: var(--jtfs16); color: var(--jtbcs); text-decoration: none; -webkit-transition: all .2s; transition: all .2s; border-radius: 60px; border: 1px solid #dedede; box-sizing: border-box; line-height: 46px; }
.navbar .ibul .ibli .iba:hover { color: var(--jtbcd); background: var(--jtcolor); }
.navbar .ibul .ibli.ibli01 .iba:hover { background: #38a7e5; }
.navbar .ibul .ibli.ibli02 .iba:hover { background: #df6319; }
.navbar .ibul .ibli.ibli03 .iba:hover { background: #119fa1; }
.navbar .ibul .ibli.ibli04 .iba:hover { background: #6c4fbb; }
.navbar .ibul .ibli.on .iba { color: var(--jtbcd); font-weight: bold; background: var(--jtcolor); border-color: var(--jtcolor); }
.navbar .ibul .ibli.ibli01.on .iba { background: #38a7e5; border-color: #38a7e5; }
.navbar .ibul .ibli.ibli02.on .iba { background: #df6319; border-color: #df6319; }
.navbar .ibul .ibli.ibli03.on .iba { background: #119fa1; border-color: #119fa1; }
.navbar .ibul .ibli.ibli04.on .iba { background: #6c4fbb; border-color: #6c4fbb; }


.comtitle { font-size: var(--jtfs44); color: var(--jtmcolor); position: relative; padding-top: 20px; margin-bottom: 20px; }
.comtitle .en { position: absolute; left: 0; top: 0; text-transform: uppercase; font-weight: bold; font-family: Arial; background-image:-webkit-linear-gradient(left, #eee,#ff0000); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; opacity: .3; }
.comtitle .cn { position: relative; }
.comtitle:after { display: block; width: 60px; height: 5px; background-color: var(--jtcolor); content: ''; margin-top: 10px; }

#about01 { padding-top: 150px; margin-top: -150px; }
#about03 { padding-top: 150px; margin-top: -150px; }
#about02 { padding-top: 40px; margin-top: -40px; }

.aboutwrap { padding: 60px 0; }
.abox01 { display: flex; align-items: center; }
.abox01 .con { flex: 1; padding: 0 30px 0 0; font-size: var(--jtfs16); line-height: 2; }
.abox01 .con h3 { margin-bottom: 20px; font-size: var(--jtfs24); }
.abox01 .img { flex: 1; }
.abox01 .img img { display: block; width: 100%; }

.newlist { margin: 50px 0 0; }
.newlist .nlit { display: flex; flex-wrap: wrap; }
.newlist .nlit .nlb { width: 100%; height: 120px; box-sizing: border-box; border: 2px solid #dedede; border-radius: 10px; padding: 20px; -webkit-transition: all .2s; transition: all .2s; margin: 0 20px; position: relative; }
.newlist .nlit .nlb:after { content: ''; position: absolute; width: 0; height: 0; font-size: 0; border: 6px solid transparent; border-top-color: #dedede; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .2s; transition: all .2s; }
.newlist .nlit .nll { width: 100%; height: 2px; background: var(--jtcolor); margin: 20px 0; position: relative; }
.newlist .nlit .nll:after { content: ''; background: var(--jtcolor); width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 50%; top: -3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.newlist .nlit:hover .nlb { background: #fff; border-color: var(--jtcolor); }
.newlist .nlit:hover .nlb:after { border-top-color: var(--jtcolor); }
.newlist .nlit .nlz { width: 100%; height: 120px; font-size: var(--jtfs30); color: var(--jtcolor); font-family: 'dinb'; text-align: center; }
.newlist .swiper-slide:nth-child(2n) .nlit .nlz { justify-content: center; align-items: flex-end; display: flex; order: 0; }
.newlist .swiper-slide:nth-child(2n) .nlit .nll { order: 1; }
.newlist .swiper-slide:nth-child(2n) .nlit .nlb { order: 2; }
.newlist .swiper-slide:nth-child(2n) .nlit .nlb:after { border-color: transparent; border-bottom-color: #dedede; bottom: auto; top: -14px; }
.newlist .swiper-slide:nth-child(2n) .nlit:hover .nlb:after { border-bottom-color: var(--jtcolor); }

.newlist .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.newlist2 { display: grid; grid-template: '..' / 1fr 1fr; grid-gap: 20px; margin-top: 30px; }
.newlist2 .item { background: #fff; display: flex; -webkit-transition: all .2s; transition: all .2s; cursor: default; }
.newlist2 .item:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.newlist2 .item .ih { width: 90px; background: #38a7e5; color: var(--jtbcd); font-size: var(--jtfs24); font-weight: bold; font-family: din; padding: 10px 20px; box-sizing: border-box; display: flex; align-items: center; -webkit-transition: all .2s; transition: all .2s; }
.newlist2 .item:last-child .ih { background: var(--jtcolor); }
.newlist2 .item:hover .ih { background: var(--jtcolor); }
.newlist2 .item .ib { padding: 10px 20px; font-size: var(--jtfs16); line-height: 1.6; display: flex; align-items: center; }

.abox02 { display: flex; margin: 30px 0; }
.abox02 .item { flex: 1; margin-right: 6px; background: #f4f5f6; padding: 30px 0; text-align: center; color: var(--jtbcs); font-size: var(--jtfs16); -webkit-transition: all .3s; transition: all .3s; }
.abox02 .item:hover { background: var(--jtcolor); color: var(--jtbcd); }
.abox02 .item .dt { margin: 0; }
.abox02 .item .dd { margin-top: 10px; }
.abox02 .item strong { font-size: var(--jtfs30); margin-right: 5px; }
.abox02 .item:last-child { margin-right: 0; }

.abox03 { position: relative; margin-bottom: 60px; }
.abox03 .img { display: block; }
.abox03 .img img { display: block; width: 100%; height: 880px; object-fit: cover; }
.abox03 .con { position: absolute; top: 30px; left: 0; right: 0; }
.abox03 .con .list { display: flex; }
.abox03 .con .item { margin: 0; font-size: var(--jtfs16); line-height: 2; flex: 1; margin-right: 10px; background: rgba(255,255,255,.6); padding: 20px; -webkit-transition: .6s all; transition: .6s all; }
.abox03 .con .item:hover { background: rgba(255,255,255,.9); }
.abox03 .con .item:last-child { margin-right: 0; }
.abox03 .con .item h3 { margin-bottom: 10px; font-size: var(--jtfs18); }
.abox03 .iconlist { margin-top: 30px; font-size: 0; }
.abox03 .iconlist .it { display: inline-block; margin-right: 10px; }
.abox03 .iconlist .it:last-child { margin-right: 0; }
.abox03 .iconlist .it a { display: block; padding: 20px 30px; background: #fff; border-radius: 6px; overflow: hidden; position: relative; }
.abox03 .iconlist .it a:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background: var(--jtcolor); width: 0; -webkit-transition: all .2s; transition: all .2s; }
.abox03 .iconlist .it a:hover:after { width: 100%; }
.abox03 .iconlist .it img { display: block; }

.abox04 { margin: 0; }
.abox04 .list { display: grid; grid-template: ". . . ." / 1fr 1fr 1fr 1fr; gap: 15px; }
.abox04 .list .item { display: flex; background: #f4f5f6; padding: 20px; -webkit-transition: all .2s; transition: all .2s; }
.abox04 .list .item .con { border: 2px solid var(--jtbch); padding: 20px; flex: 1; line-height: 1.6; text-align: center; -webkit-transition: all .8s; transition: all .8s; }
.abox04 .list .item:hover { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.abox04 .list .item:hover .con { -webkit-transform: translateY(180deg); transform: translateY(180deg); border-color: var(--jtcolor); background: #fff; }
.abox04 .list .item .con .ih { font-size: var(--jtfs18); font-weight: bold; color: var(--jtmcolor); margin-bottom: 10px; }
.abox04 .list .item .con .ib { font-size: var(--jtfs14); color: var(--jtscolor); }

.abox05 { margin: 60px 0; padding: 60px 0; background: #f4f5f6; }
.abox05 .list { display: flex; flex-wrap: wrap; display: none; }
.abox05 .list .item { flex: 16.66666%; -webkit-transition: all .2s; transition: all .2s; }
.abox05 .list .item .yea { border-bottom: 2px solid var(--jtscolor); line-height: 2; font-size: var(--jtfs30); color: var(--jtcolor); font-family: 'dinb'; text-align: center; -webkit-transition: all .2s; transition: all .2s; }
.abox05 .list .item .con { padding: 20px; font-size: var(--jtfs16); -webkit-transition: all .2s; transition: all .2s; box-sizing: border-box; line-height: 1.6; }
.abox05 .list .item:hover .yea { border-color: var(--jtcolor); }
.abox05 .list .item:hover { background: #fff; }

.abox06 { margin: 0; }
.abox06 .list { display: grid; grid-template: ". . . B B" ". . . B B" / 1fr 1fr 1fr 1fr 1fr; gap: 5px; }
.abox06 .list .item { position: relative; overflow: hidden; }
.abox06 .list .item span { position: absolute; left: 0; right: 0; bottom: 0; line-height: 3; text-align: center; background: rgba(0,0,0,.6); color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .2s; transition: all .2s; }
.abox06 .list .item:hover span { -webkit-transform: translateY(0); transform: translateY(0); }
.abox06 .list .item img { display: block; width: 100%; object-fit: cover; }
.abox06 .list .itemA { grid-area: A; }
.abox06 .list .itemB { grid-area: B; }
.abox06 .list .itemC { grid-area: C; }

.abox07 { margin: 0 0 60px; }
.abox07 .img { margin: 30px 0; }
.abox07 .img img { display: block; max-width: 100%; margin: 0 auto; }
.abox07 .con { font-size: var(--jtfs16); line-height: 1.6; padding: 20px; background: #f4f5f6; }

.abox08 { background: #f4f5f6; padding: 60px; margin-bottom: 60px; }
.abox08 .list { margin: 0; display: flex; }
.abox08 .list .item { flex: 1; margin-right: 10px; background: #fff; border-radius: 6px; padding: 20px; font-size: var(--jtfs16); line-height: 1.6; -webkit-transition: all .2s; transition: all .2s; }
.abox08 .list .item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.abox08 .list .item .nam { font-size: 20px; color: #38a7e5; margin-bottom: 10px; font-weight: bold; }
.abox08 .list .item .nam strong { color: var(--jtblack); font-weight: normal; }
.abox08 .list .item:last-child { margin-right: 0; }

.abox09 { margin: 0; }

.contactlist { display: flex; margin: 60px 0; }
.contactlist .item { flex: 1; line-height: 2; }
.contactlist .item h3 { color: var(--jtcolor); font-size: var(--jtfs24); }

.contactmore { display: flex; margin-bottom: 60px; }
.contactmore .item { flex: 1; line-height: 2; margin-right: 10px; padding: 20px; background: #f4f5f6; border-radius: 6px; }
.contactmore .item:last-child { margin-right: 0; }
.contactmore .item h3 { color: var(--jtmcolor); font-size: var(--jtfs18); margin-bottom: 10px; }


.shuaitable { border-collapse:collapse; border: 1px solid #DEDEDE; width: 100%; }
.shuaitable th { border: 1px solid #DEDEDE; line-height: 20px; font-size: 14px; padding: 10px 20px; background: #f1f1f1 }
.shuaitable td { border: 1px solid #DEDEDE; line-height: 20px; font-size: 14px; padding: 10px 20px; }
.shuaitable tr:nth-child(2n) td { background: #f1f1f1; }
.shuaitable tr:nth-child(26) td { background: #fff; }
.shuaitable tr:nth-child(27) td { background: #f1f1f1; }
.shuaitable tr:nth-child(28) td { background: #fff; }


.mainwrap { margin: 60px 0; display: flex; }
.mainwrap .main { margin: 0; flex: 1; order: 2; }
.mainwrap .side { background: #f4f5f6; width: 270px; padding: 20px; margin-right: 30px; order: 1; }
.main .newslist { margin: 0; }
.main .newslist .item { display: flex; border: 1px solid #dedede; padding: 50px 30px 30px; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.main .newslist .item:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.main .newslist .item .img { width: 300px; height: 140px; margin-right: 20px; }
.main .newslist .item .img img { display: block; height: 100%; width: 100%; object-fit: cover; }
.main .newslist .item .inf { margin: 0; }
.main .newslist .item .inf .tip { margin-top: -50px; }
.main .newslist .item .inf .tip span { line-height: 30px; display: inline-block; border-radius: 0 0 0 6px; background: var(--jtcolor); color: var(--jtbcd); font-size: var(--jtfs12); padding: 0 20px; margin-bottom: 20px; }
.main .newslist .item .inf .tip em { line-height: 30px; color: var(--jtmcolor); font-size: var(--jtfs12); font-style: normal; padding: 0 20px; background: #dedede; display: inline-block; border-radius: 0 0 6px 0; }
.main .newslist .item .inf .tit { display: flex; align-items: center; }
.main .newslist .item .inf .tit .nam { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; font-size: var(--jtfs24); font-weight: bold; }
.main .newslist .item .inf .tit .nam a { text-decoration: none; }
.main .newslist .item .inf .tit .tim { margin-left: auto; padding-left: 20px; background: url(../img/timeicon.png) no-repeat left center; font-size: var(--jtfs12); color: var(--jtscolor); white-space: nowrap; }
.main .newslist .item .inf .txt { font-size: var(--jtfs14); color: var(--jtscolor); line-height: 1.6; margin-top: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; }
.main .newslist .item .inf .btn { margin-top: 20px; }
.main .newslist .item .inf .btn a { text-decoration: none; color: var(--jtscolor); font-size: var(--jtfs16); display: inline-block; border-bottom: 2px solid var(--jtscolor); -webkit-transition: all .2s; transition: all .2s; line-height: 1.6; }
.main .newslist .item .inf .btn a:hover { border-color: var(--jtcolor); color: var(--jtcolor); }
.side .sidebox { margin-bottom: 20px; background: #fff; border: 1px solid #dedede; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.side .sidebox .hd { line-height: 60px; padding: 0 20px; background: #5c6375; color: #fff; font-weight: bold; font-size: var(--jtfs18); }
.side .sidebox .bd { padding: 20px; }
.side .sidebox .bd .tou { font-size: var(--jtfs18); color: var(--jtcolor); font-weight: bold; align-items: center; display: flex; }
.side .sidebox .bd .tou img { display: block; width: 20px; margin-right: 4px; }
.side .sidebox:last-child { margin-bottom: 0; }
.side .sidebox .bul { margin: 0; }
.side .sidebox .bul .bli { border: 1px solid #dedede; margin-bottom: 6px; border-radius: 6px; overflow: hidden; }
.side .sidebox .bul .bli:last-child { margin-bottom: 0; }
.side .sidebox .bul .bli .ba { line-height: 46px; font-size: var(--jtfs16); padding: 0 20px; display: block; -webkit-transition: all .2s; transition: all .2s; }
.side .sidebox .bul .bli:hover .ba { color: var(--jtbcd); background: var(--jtcolor); }
.side .sidebox .bul .bli.on .ba { color: var(--jtbcd); background: var(--jtcolor); }
.side .sidebox .bul .bli a { text-decoration: none; }
.side .sidebox .bul .sul { border-top: 1px solid #eee; padding: 10px 20px; background: #f9f9f9; }
.side .sidebox .bul .sul .sli { border-bottom: 1px solid #dedede; }
.side .sidebox .bul .sul .sli:last-child { border-bottom: 0; }
.side .sidebox .bul .sul .sli .sa { display: block; line-height: 34px; font-size: var(--jtfs14); }
.side .sidebox .bul .sul .sli.on .sa { font-weight: bold; color: var(--jtcolor); }
.side .sidebox .bul .sul .sli .sa:before { content: '↘ '; }

.hotplist { margin: 0; }
.hotplist .itb { margin-bottom: 10px; }
.hotplist .itb:last-child { margin-bottom: 0; }
.hotplist .item { border: 1px solid #dedede;background: #fff; }
.hotplist .item:hover { border-color: #38a7e5; }
.hotplist .item a { display: block; text-decoration: none; }
.hotplist .item a:hover { color: #38a7e5; }
.hotplist .item .img { width: 100%; }
.hotplist .item .img img { display: block; width: 100%; }
.hotplist .item .inf { margin: 0; text-align: center; padding: 0 0 20px; }
.hotplist .item .inf .nam { font-size: var(--jtfs14); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.hotplist .item .inf .txt { font-size: var(--jtfs12); color: #38a7e5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; margin: 5px 0 10px; }
.hotplist .item .inf .sub { font-size: var(--jtfs14); color: #38a7e5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }

.newstitle { font-size: 30px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; color: var(--jtcolor); }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; min-height: 100px; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, var(--jtcolor), var(--jtcolor)); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 5px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon h1 { font-size: 26px; font-weight: bold; background: var(--jtcolor); color: #fff; line-height: 60px; padding: 5px 30px; border-radius: 0; margin-bottom: 20px; margin-top: 0; }
.newsmaincon p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #333; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: var(--jtcolor); font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: var(--jtcolor); color: var(--jtcolor); }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.caselist { display: grid; grid-template: "..." / 1fr 1fr 1fr; gap: 15px; }
.caselist .item { position: relative; }
.caselist .item a { display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.caselist .item a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.caselist .item img { display: block; width: 100%; height: 220px; object-fit: cover; }
.caselist .item span { background: #f4f5f6; color: var(--jtmcolor); font-size: var(--jtfs16); line-height: 3; text-align: center; display: block; border-bottom: 3px solid var(--jtscolor); -webkit-transition: all .2s; transition: all .2s; line-height: 1.6; padding: 10px 20px; }
.caselist .item a:hover span { border-bottom-color: var(--jtcolor); }

.suportlist { display: grid; grid-template: "....." / 1fr 1fr 1fr 1fr 1fr; gap: 20px; }
.suportlist .item { text-align: center; border: 1px solid #dedede; border-radius: 6px; background: #fff; padding: 30px 20px; -webkit-transition: all .2s; transition: all .2s; }
.suportlist .item:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); }
.suportlist .item:before { content: ''; width: 60px; height: 60px; background: url(../img/PDF.png) no-repeat center; margin: 0 auto; display: block; background-size: cover; margin-bottom: 20px; }
.suportlist .item .nam { font-size: var(--jtfs18); font-weight: bold; color: var(--jtmcolor); }
.suportlist .item .btn { text-align: center; margin-top: 10px; }
.suportlist .item .btn a { font-size: var(--jtfs14); color: var(--jtbcs); border: 2px solid var(--jtscolor); line-height: 36px; border-radius: 20px; display: inline-block; padding: 0 36px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.suportlist .item:hover .btn a { color: var(--jtcolor); border-color: var(--jtcolor); }
.suportlist .item .btn a:hover { background: var(--jtcolor); color: var(--jtbcd); }


.suportlist03 { display: grid; grid-template: ".." /1fr 1fr; gap: 20px; }
.suportlist03 .item { border: 1px solid #dedede; border-radius: 6px; overflow: hidden; }
.suportlist03 .item .hd { line-height: 24px; font-size: var(--jtfs18); font-weight: bold; padding: 20px 20px; border-bottom: 1px solid #dedede; background: #5c6375; color: #fff; }
.suportlist03 .item .hd:before { content: '问'; background: #fff; color: #5c6375; display: inline-block; line-height: 24px; font-size: var(--jtfs14); padding: 0 10px; margin-right: 10px; border-radius: 4px; }
.suportlist03 .item .hd span { margin: 0 10px 0 0; }
.suportlist03 .item .bd { padding: 20px; font-size: var(--jtfs16); line-height: 1.6; color: var(--jtmcolor); }
.suportlist03 .item .bd:before { content: '答'; background: var(--jtcolor); color: #fff; display: inline-block; line-height: 24px; font-size: var(--jtfs14); padding: 0 10px; margin-right: 10px; border-radius: 4px; }



.pro01 .comtitle .en { background-image:-webkit-linear-gradient(left, #eee,#38a7e5); }
.pro02 .comtitle .en { background-image:-webkit-linear-gradient(left, #eee,#df6319); }
.pro03 .comtitle .en { background-image:-webkit-linear-gradient(left, #eee,#119fa1); }
.pro04 .comtitle .en { background-image:-webkit-linear-gradient(left, #eee,#6c4fbb); }
.pro01 .comtitle:after { background-color: #38a7e5; }
.pro02 .comtitle:after { background-color: #df6319; }
.pro03 .comtitle:after { background-color: #119fa1; }
.pro04 .comtitle:after { background-color: #6c4fbb; }
.pro01 .side .sidebox .hd { background-color: #38a7e5; }
.pro02 .side .sidebox .hd { background-color: #df6319; }
.pro03 .side .sidebox .hd { background-color: #119fa1; }
.pro04 .side .sidebox .hd { background-color: #6c4fbb; }
.pro01 .side .sidebox .bul .bli:hover .ba { background-color: #38a7e5; }
.pro02 .side .sidebox .bul .bli:hover .ba { background-color: #df6319; }
.pro03 .side .sidebox .bul .bli:hover .ba { background-color: #119fa1; }
.pro04 .side .sidebox .bul .bli:hover .ba { background-color: #6c4fbb; }
.pro01 .side .sidebox .bul .bli.on .ba { background-color: #38a7e5; }
.pro02 .side .sidebox .bul .bli.on .ba { background-color: #df6319; }
.pro03 .side .sidebox .bul .bli.on .ba { background-color: #119fa1; }
.pro04 .side .sidebox .bul .bli.on .ba { background-color: #6c4fbb; }


.prolist { display: grid; grid-template: "..." / 1fr 1fr 1fr; gap: 20px; }
.prolist .item a { text-decoration: none; text-align: center; display: block; -webkit-transition: all .2s; transition: all .2s; background: var(--jtbcd); position: relative; height: 100%; border: 1px solid #dedede; }
.prolist .item a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.prolist .item a:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: var(--jtcolor); -webkit-transition: all .6s; transition: all .6s; }
.prolist .item a:hover:after { width: 100%; }
.prolist .item a .img { padding: 20px; }
.prolist .item a .img img { display: block; max-width: 100%; margin: 0 auto; }
.prolist .item .inf { padding-bottom: 30px; }
.prolist .item .inf .nam { font-size: var(--jtfs18); font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.prolist .item .inf .txt { font-size: var(--jtfs12); color: #38a7e5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; margin: 5px 0 10px; }
.prolist .item .inf .sub { font-size: var(--jtfs14); color: var(--jtcolor); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }



.pihead { display: flex; flex-wrap: wrap; }
.pihead .pic { width: 400px; }
.pihead .con { flex: 1; margin-left: 30px; line-height: 1.6; font-size: 14px; }
.pihead .con .nam { font-size: 24px; font-weight: bold; color: #86a101; line-height: 1.6; }
.pihead .con .sub { font-size: 16px; color: #333; line-height: 1.6; }
.pihead .con .inf { color: #666; margin: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 20px 0; }
.pihead .con .inf .it { margin-bottom: 20px; }
.pihead .con .inf .it:last-child { margin-bottom: 0; }
.pihead .con .btn { margin: 0; font-size: 0; }
.pihead .con .btn a { display: inline-block; line-height: 50px; border-radius: 4px; padding: 0 40px; font-size: 16px; color: #fff; background: #86a101; margin-right: 10px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.pro01 .pihead .con .btn a { background: #38a7e5; }
.pro02 .pihead .con .btn a { background: #df6319; }
.pro03 .pihead .con .btn a { background: #119fa1; }
.pro04 .pihead .con .btn a { background: #6c4fbb; }
.pihead .con .btn a:last-child { margin-right: 0; background: #333; }
.pihead .con .btn a:hover { opacity: .8; }
.pihead .con .mor { margin-top: 20px; line-height: 2; }
.pihead .con .mor p { margin: 0; }



.productalllist { overflow: hidden; width: 400px; position: relative; margin: 0 auto 0; }
.csSlideWrapper { margin-bottom: 5px; }
.csSlideOuter .csPager.cSGallery li { border: 2px solid #dedede; box-sizing: border-box; }
.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover { border: 2px solid #86a101; }
.pihead .pic .productalllist li { border: 1px solid #dedede; background: #fff; box-sizing: border-box; } 
.pihead .pic .productalllist img { max-width: 460px; margin: 0 auto; display: block; border: 0 solid #dedede; background: #fff; box-sizing: border-box; } 



.pro01 .prolist .item a:after { background: #38a7e5; }
.pro02 .prolist .item a:after { background: #df6319; }
.pro03 .prolist .item a:after { background: #119fa1; }
.pro04 .prolist .item a:after { background: #6c4fbb; }
.pro01 .prolist .item a:hover { color: #38a7e5; }
.pro02 .prolist .item a:hover { color: #df6319; }
.pro03 .prolist .item a:hover { color: #119fa1; }
.pro04 .prolist .item a:hover { color: #6c4fbb; }
.pro01 .prolist .item .inf .sub { color: #38a7e5; }
.pro02 .prolist .item .inf .sub { color: #df6319; }
.pro03 .prolist .item .inf .sub { color: #119fa1; }
.pro04 .prolist .item .inf .sub { color: #6c4fbb; }
.pro01 .pihead .con .nam { color: #38a7e5; }
.pro02 .pihead .con .nam { color: #df6319; }
.pro03 .pihead .con .nam { color: #119fa1; }
.pro04 .pihead .con .nam { color: #6c4fbb; }
.pro01 .csSlideOuter .csPager.cSGallery li.active, .pro01 .csSlideOuter .csPager.cSGallery li:hover { border-color: #38a7e5; }
.pro02 .csSlideOuter .csPager.cSGallery li.active, .pro02 .csSlideOuter .csPager.cSGallery li:hover { border-color: #df6319; }
.pro03 .csSlideOuter .csPager.cSGallery li.active, .pro03 .csSlideOuter .csPager.cSGallery li:hover { border-color: #119fa1; }
.pro04 .csSlideOuter .csPager.cSGallery li.active, .pro04 .csSlideOuter .csPager.cSGallery li:hover { border-color: #6c4fbb; }


.pro_d { margin: 30px 0 0; }
.pro_d .pro_dl { display: flex; flex-wrap: wrap; background: #f4f5f6; border-bottom: 1px solid #dedede; }
.pro_d .pro_dl li { display: inline-block; padding: 0 20px; line-height: 40px; border-top: 3px solid transparent; cursor: pointer; }
.pro_d .pro_dl li.on { background: #fff; border-top-color: #ff0000; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #fff;margin-bottom: -1px; }
.pro_d .pro_dd { padding: 20px 0; }
.pro_d .pro_dd li { display: none; }
.pro_d .pro_dd li.on { display: block; }

.pro_dd .item { height: 300px; margin-bottom: 20px; border-bottom: 1px solid #DEDEDE; padding-bottom: 20px; }
.pro_dd .item .text { float: left; width: 50%; padding-top: 90px; padding-left: 50px; box-sizing: border-box; }
.pro_dd .item02 .text { float: right; }
.pro_dd .item .text .biao { font-size: 26px; color: #38a7e5; line-height: 40px; margin-bottom: 20px; }
.pro_dd02 .item .text .biao { color: #df6319; }
.pro_dd03 .item .text .biao { color: #119fa1; }
.pro_dd .item .text .biao i { margin-right: 10px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #38a7e5; font-size: 30px; font-family: impact; font-style: normal; float: left; border-radius: 20px; }
.pro_dd02 .item .text .biao i { background: #df6319; }
.pro_dd03 .item .text .biao i { background: #119fa1; }
.pro_dd .item .text .wenz { font-size: 14px; line-height: 24px; color: #666; }
.pro_dd .item .img { float: right; width: 50%; text-align: center; }
.pro_dd .item02 .img { float: left; }
.pro_dd p { margin-bottom: 20px; line-height: 30px; font-size: 16px; }


.pro01 .pro_d .pro_dl li.on { border-top-color: #38a7e5; }
.pro02 .pro_d .pro_dl li.on { border-top-color: #df6319; }
.pro03 .pro_d .pro_dl li.on { border-top-color: #119fa1; }
.pro04 .pro_d .pro_dl li.on { border-top-color: #6c4fbb; }

.bannerslide .swiper-slide .img { display: none; }

@media (max-width: 1500px){

    .header .nav { margin-left: 20px; }
    .header .nav .nul .nli .na { padding: 0 9px; }

}


@media (max-width: 1340px){
	.wrapper { width: 100%; box-sizing: border-box; padding: 0 20px; }

    .header .more .tel { display: none; }
    .header .more .sea { display: none; }
    .header .nav { margin-left: 40px; }
    .header .nav .nul .nli .na { padding: 0 6px; }

    .bannerslide .swiper-slide { height: 700px; }
    .bannerslide .txtcon { margin-top: 220px; }

    .homebox05 .content { left: 0; right: 0; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}

	.inwrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
}
@media (max-width: 800px){

    :root { 
        --jtfs12: 12px;
        --jtfs14: 12px;
        --jtfs16: 12px;
        --jtfs18: 16px;
        --jtfs24: 18px;
        --jtfs30: 24px;
        --jtfs44: 24px;
    }

    .bannerslide .swiper-slide { height: auto; background: #fff !important; color: var(--jtmcolor); }
    .bannerslide .swiper-slide .img { display: block; }
    .bannerslide .swiper-slide .img img { display: block; width: 100%; }
    .bannerslide .txtcon { display: block; margin-top: 20px; padding-bottom: 40px; }
    .bannerslide .txtcon .btn { margin-top: 20px; }
    .bannerslide .txtcon .txts { display: none; }

    .header { padding: 20px 20px; }
    .header .menu { display: block; float: right; font-size: 14px; font-weight: bold; color: #fff; background: url(../img/menu.png) no-repeat center; padding-left: 46px; line-height: 46px; text-indent: -9999px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
    .header .menu.on { background-image: url(../img/menus.png); }
    .header.fxdon .menu { background-image: url(../img/menu2.png); }
    .header.fxdon .menu.on { background-image: url(../img/menu2s.png); }

    .header .nav { margin-left: 0; position: fixed; left: 0; right: 0; top: 86px; background: #f1f1f1; bottom: 0; padding: 20px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    .header .nav.on { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
    .header .nav .nul { display: block; text-align: center; }
    .header .nav .nul .nli { border-bottom: 1px solid #dedede; }
    .header .nav .nul .nli .na { color: var(--jtmcolor); font-size: 16px; }

    .homebox01 .hd { display: block; text-align: center; }
    .homebox01 .hd .sub { margin: 10px 0; }
    .homebox01 .hd .sub a { margin: 0 6px; }
    .homebox01 { padding: 30px 0; }

    .homebox01 .bd .hpro .item .inf { padding-bottom: 20px; }
    .homebox01 .bd .hpro { grid-template: '..' / 1fr 1fr; grid-gap: 6px; }
    .homebox01 .bd .hpro .itemA { display: none; }
    .homebox01 .bd .hpro .itemB { display: none; }

    .abox08 { padding: 20px 0; }
    .abox08 .list { display: block; }
    .abox08 .list .item { margin-bottom: 10px; margin-right: 0; }

    .homebox02 { padding-top: 30px; }
    .homebox02 .hd .txt br { display: none; }
    .homebox02 .hd { margin-bottom: 20px; }
    .homebox02 .bd img { height: 200px; }

    .homebox03 .hd { padding: 30px 0 20px; }
    .homebox03 .bd .bigcon { top: 20px; }
    .homebox03 .bd .bigcon .wrapper { display: block; }
    .homebox03 .bd .bigcon .wrapper .con { margin: 0 0 20px; }
    .homebox03 .bd .bac .list { margin-top: 0;  -webkit-transform: translateY(0); transform: translateY(0); }
    .homebox03 .bd .bigcon .wrapper .con { display: none; }
    .homebox03 .bd .bac .list .item { padding: 20px 0 20px 16px; }
    .homebox03 .bd .bac .mor { margin-top: 20px; }
    .homebox03 .bd .img img { height: 400px; }

    .homebox04 { padding: 30px 0; }
    .homebox04 .hd { display: block; }
    .homebox04 .hd .lin { margin-top: 20px; }
    .homebox04 .hd .lin a { margin: 0 10px 0 0; padding: 0 10px; }
    .homebox04 .bd { display: block; margin-top: 20px; }
    .homebox04 .bd .top { margin-right: 0; margin-bottom: 20px; }
    .homebox04 .bd .top .inf { padding: 20px; }
    .homebox04 .bd .list .item { padding: 20px; }
    .homebox04 .bd .top .inf .tit { display: block; line-height: 2; }
    .homebox04 .bd .list .item .tit { display: block; line-height: 2; }

    .homebox05 { display: none; }
    .homebox05 .content .tit { font-size: 20px; }
    .homebox05 .content .txt { font-size: 14px; }


    .footer .list { display: none; }
    .footcopy .mor { display: none; }
    .footer { padding: 20px 0; }
    .footcopy { margin-top: 0; }

    .inbanner { height: 200px; }
    .navbar { top: 210px; line-height: 40px; height: 40px; }
    .inbanner .title .cn { font-size: 20px; }
    .inbanner .title .en { font-size: 12px; }
    .inbanner .title .cn:before { top: 3px; }
    .inbanner .title { padding-top: 110px; }

    .navbar .ibul { white-space: nowrap; }
    .navbar::-webkit-scrollbar { display: none; }
    .navbar .ibul .ibli .iba { padding: 0 20px; }
    .navbar { overflow-x: auto; overflow-y: hidden; }

    .comtitle { padding-top: 10px; }
    .aboutwrap { padding: 30px 0; }
    .abox01 { display: block; }
    .abox01 .con { padding-right: 0; margin-bottom: 20px; }
    .abox01 .con h3 { margin-bottom: 10px; }
    .abox02 { flex-wrap: wrap; margin: 20px 0; }
    .abox02 .item { width: 30%; flex: auto; margin-bottom: 6px; }
    .abox02 .item:nth-child(3) { margin-right: 0; }

    .abox03 .con .list { display: block; }
    .abox03 .con .list .item p { height: 60px; overflow-y: auto; }
    .abox03 .con .item { margin: 0 0 10px; background: rgba(255,255,255,.6); }
    .abox03 .con .item h3 { margin-bottom: 5px; font-size: 16px; }
    .abox03 .iconlist .it a { padding: 10px 20px; margin-bottom: 10px; }

    .abox04 .list { display: block; }
    .abox04 .list .item { margin-bottom: 10px; }

    .abox03 { margin-bottom: 30px; }
    .abox05 { padding: 30px 0; margin: 30px 0; }

    .abox05 .list {display: none; }
    .abox05 .list .item .yea { border-color: var(--jtcolor); }
    .abox05 .list .item .con { background: #fff; }

    .newlist2 { display: block; }
    .newlist2 .item { margin-bottom: 10px; }
    .newlist2 .item .ib { flex: 1; }

    .abox06 .list { grid-template: "A A ." "A A ." ". B B" ". B B" "C C ." "C C ." ". . ." / 1fr 1fr 1fr; }
    .contactlist { margin: 30px 0; display: block; }
    .contactlist .item { margin-bottom: 10px; }
    .contactmore { display: block; }
    .contactmore .item { margin-bottom: 10px; }

    .tablebox { overflow-x: auto; }

    .mainwrap { display: block; margin: 30px 0; }
    .main .newslist .item { display: block; padding: 20px; }
    .main .newslist .item .img { width: 100%; }
    .main .newslist .item .inf .tip { margin: -20px 0 0; }
    .main .newslist .item .inf .tit .tim { display: none; }
    .main .newslist .item .inf .tit .nam { -webkit-line-clamp: 2; }
    .mainwrap .side { width: 100%; padding: 0; background: transparent; margin: 30px 0 0; }

    .newsbackline ul li a { width: 100%; }
    .newstitle { font-size: 24px; }

    .caselist { display: block; }
    .caselist .item { margin-bottom: 20px; }
    .caselist .item:last-child { margin-bottom: 0; }

    .suportlist { display: grid; grid-template: "." / 1fr; gap: 10px; }
    .suportlist .item { display: flex; align-items: center; padding: 10px 20px; }
    .suportlist .item:before { margin: 0 10px 0 0; width: 30px; height: 30px; }
    .suportlist .item .btn { margin-top: 0; margin-left: auto; }
    .suportlist .item .btn a { padding: 0 20px; }


    .suportlist03 { grid-template: "." /1fr; }

    .pihead .pic { width: 100%; }
	.productalllist { width: 100%; }
	.pihead .pic .productalllist img { max-width: 100%; }
	.pihead .con { margin-left: 0; margin-top: 20px; }

	.pihead .con .btn a { width: 100%; box-sizing: border-box; text-align: center; }
	.pihead .con .btn a:last-child { margin-top: 10px; }


    .pro_dd .item{ height:auto;}
	.pro_dd .item .text{ width:100%; float:none; padding:20px 0 0 20px;}
	.pro_dd .item .img{ width:100%; float:none;}

    .homebox01 .hd .sub { width: 100%; }
    .homebox01 .iconlist .it a { padding: 10px 20px; margin-bottom: 10px; }

    .newlist { display: none; }

    .navbar { padding: 7px; }
    .navbar .ibul .ibli .iba { line-height: 30px; }

    .prolist { grid-template: ".." / 1fr 1fr; gap: 10px; }
    .prolist .item .inf { padding-bottom: 10px; }

    .hpwrapper { display: flex; }
    .hpwrapper .itb { flex: 1; }
    .hpwrapper .itb:last-child { margin-left: 10px; }

}