@charset "utf-8";
/* ====================公共样式========================= */
/*色彩=== 浅灰#F5F5F5 中灰边#DEDEDE  ======*/
/*色彩=== 橙色#EB6103 文字深#303E48 文字浅#5D5D5D 文字中灰#666 =====*/

html, body{font-size:14px;line-height: 1.5rem;}
html, body, div, section, header, footer, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, button, textarea, select, th, td, a{margin:0;padding:0;box-sizing: border-box;border:none;}
body {-webkit-text-size-adjust:100%;}
*::before, *::after{box-sizing: border-box;}

svg{fill:#303E48;}
img{max-width: 100%;max-height: 100%;object-fit: cover;vertical-align: bottom;}

ul, ol, li{list-style:none;} 
a{text-decoration: none;display:inline;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.mcenter{margin-left:auto;margin-right:auto;}
.prel{position:relative;}
.pcenter{top:50%;left:50%;transform:translate(-50%,-50%);}
.vcenter, .list-inline.vcenter{align-items: center;}
.prl1{padding-left:1rem;padding-right:1rem;}
.prl2{padding-left:2rem;padding-right:2rem;}
.prl3{padding-left:3rem;padding-right:3rem;}
.prl4{padding-left:4rem;padding-right:4rem;}
.prl5{padding-left:5rem;padding-right:5rem;}

.pt1{padding-top:1rem} .pt2{padding-top:2rem} .pt3{padding-top:3rem} .pt4{padding-top:4rem} .pt5{padding-top:5rem} .pt6{padding-top:6rem}
.pb1{padding-bottom:1rem} .pb2{padding-bottom:2rem} .pb3{padding-bottom:3rem} .pb4{padding-bottom:4rem} .pb5{padding-bottom:5rem} .pb6{padding-bottom:6rem} .pb8{padding-bottom:8rem} .pb10{padding-bottom:10rem} .pb12{padding-bottom:12rem} .pb13{padding-bottom:13rem}
.ptb1{padding-top:1rem;padding-bottom:1rem;} .ptb2{padding-top:2rem;padding-bottom:2rem} .ptb3{padding-top:3rem;padding-bottom:3rem} .ptb4{padding-top:4rem;padding-bottom:4rem} .ptb5{padding-top:5rem;padding-bottom:5rem} .ptb6{padding-top:6rem;padding-bottom:6rem}
.mt1{margin-top:1rem} .mt2{margin-top:2rem} .mt3{margin-top:3rem} .mt4{margin-top:4rem} .mt5{margin-top:5rem} .mt6{margin-top:6rem}
.mb1{margin-bottom:1rem} .mb2{margin-bottom:2rem} .mb3{margin-bottom:3rem} .mb4{margin-bottom:4rem} .mb5{margin-bottom:5rem} .mb6{margin-bottom:6rem}
.mtb1{margin-top:1rem;margin-bottom:1rem;} .mtb2{margin-top:2rem;margin-bottom:2rem} .mtb3{margin-top:3rem;margin-bottom:3rem} .mtb4{margin-top:4rem;margin-bottom:4rem} .mtb5{margin-top:5rem;margin-bottom:5rem} .mtb6{margin-top:6rem;margin-bottom:6rem}
.ft1{top:1rem;} .ft2{top:2rem;} .ft3{top:3rem;} .ft4{top:4rem;} .ft5{top:5rem;}
.fb1{bottom:1rem;} .fb2{bottom:2rem;} .fb3{bottom:3rem;} .fb4{bottom:4rem;} .fb5{bottom:5rem;}
.fl1{left:1rem;} .fl2{left:2rem;} .fl3{left:3rem;} .fl4{left:4rem;} .fl5{left:5rem;}
.fr1{right:1rem;} .fr2{right:2rem;} .fr3{right:3rem;} .fr4{right:4rem;} .fr5{right:5rem;}

.h10{min-height:10rem;} .h12{min-height:12rem;} .h13{min-height:13rem;} .h20{min-height:20rem;} .h30{min-height:30rem;} .h40{min-height:40rem;} .h50{min-height:50rem;} .h60{min-height:60rem;} .h70{min-height:70rem;} .h80{min-height:80rem;} .h90{min-height:90rem;} .h100{min-height:100rem;}
.w10{width:10%;} .w20{width:20%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .w60{width:60%;} .w70{width:70%;} .w80{width:80%;} .w90{width:90%;}

.r1{border-radius:1rem;} .r2{border-radius:2rem;} .r3{border-radius:3rem;} .r4{border-radius:4rem;} .r5{border-radius:5rem;} 
/* 色彩主题 */
html, body, a{color:#303E48;}
.boxshadow{box-shadow:0 2px 5px rgba(0, 0, 0, .2);}

/*文字 色彩*/
.onhover>a:hover, .onhover>a.active{color:#EB6103;transition: all .4s ease-in-out;}
.bg-gray .onhover>a:hover,.bg-gray .onhover>a.active{color:#FFF;}
.bg-blue .onhover>a:hover,.bg-blue .onhover>a.active{color:#FFF;}

.bg-blue, .bg-gray, .bg-blue a, .bg-gray a{color:#FFF;}
.bg-blue .svgimg, .bg-gray .svgimg{fill:#FFF;}

.fillwhite{fill:#FFF;}
/*背景 色彩*/
.bg-white {background-color:#FFF;}
.bg-lgray {background: linear-gradient(to bottom, #F5F5F5,#F1F1F1);}
.bg-blue{background-color:#303E48;}
.bg-orange{background-color:#EB6103;}
.bg-gray {background-color:#464654;}
h1,h2,h3,h4,h5,h6,.tit{font-weight:700;line-height:3rem;color:#303E48;}
h2{font-size:3rem;line-height:5rem;}
h3{font-size:1.5rem;line-height:3rem;}
p{color: #5D5D5D;}
.onhover:hover p{color:#FFF;}
.onhover:hover .over1line, .onhover:hover .over2line, .onhover:hover .over3line{-webkit-line-clamp:unset;line-clamp:unset;}
.txt-white, .txt-white a{color:#FFF;}
.bg-blue h1, .bg-gray h1, .bg-blue h2, .bg-gray h2, .bg-blue h3, .bg-gray h3, .bg-blue h4, .bg-gray h4, .bg-blue p, .bg-gray p{color: #FFF;}
.border6-5{border:6px solid rgba(255, 255, 255, .5);}
/*.showbox:hover .onhover{background:#EB6103;color:#FFF;}*/

/*动画时间*/
.active{font-weight:700;}
/* ==== 鼠标指向向上展开 upshow ==== */
.onhover .upshow{position:absolute;bottom:0;left:0;z-index:99;}
/* ==== 鼠标指向显示 onshow ==== */
.onshow{/*display:none !important;visibility: hidden;*/height:0;opacity: 0;}
.onhover:hover.onshow, .onhover:hover .onshow{/*display:flex !important;visibility:visible;*/opacity: 1;}
/* ==== 鼠标指向图片放大 onshow ==== */
.onhover img{transform:scale(1);transition: all .4s ease-in-out;}
.onhover:hover img{transform:scale(1.1);}

.fade01{transition: all .1s ease-in-out;}
.fade02{transition: all .2s ease-in-out;}
.fade04{transition: all .4s ease-in-out;}
.fade06{transition: all .6s ease-in-out;}
.fade10{transition: all 1s ease-in-out;}

.positionfix{position:fixed !important;}
header.positionfix{top:0;left:0;}
.positionfix.pub-layout{top:6rem;left:0;}
/* 菜单 */
/* ==================== 菜单 样式 ==================== */
/* ==== Header-wrapper 外一层 ==== */
/* ==== Header-container 外二层 ==== */
/* ==== Header-logo logo ==== */
/* ==== Header-MenuBox 栏目菜单 ==== */
/* ==== Header-Menus 栏目菜单行 ==== */
/* ==== Header-navbarbox 辅助菜单 ==== */
/* ==== Header-navbar ====*/
header.Header-wrapper{display:flex;height:6rem;position:relative;overflow-x:clip;z-index:9999;}
header .Header-container{justify-content:space-between;align-items: center;flex-wrap: nowrap;background:#FFF;}
header .Header-logo{display:flex;justify-content: left;flex-wrap:nowrap;width:25rem !important;flex-shrink:0;}
	.Header-logo a{display:flex;align-items:center;justify-content: left;margin-right:1rem;}
	.Header-logo a img{width:100%;min-height:2rem;max-height:3.5rem;}
	.Header-logo-text{font-size:1rem;line-height:1.5rem;background:red;padding:.25rem .5rem;border-radius: .5rem;}
	.Header-logo-text p{color:#FFF;text-align-last: justify;}	

	
	header .Header-Menus{justify-content:space-between;align-items: center;flex-wrap: nowrap;}
	header .Header-MenuBox{font-size: 1.25rem;}
	header .Header-Menu .Header-Menuicon{position:relative;opacity: 0;display:none;}
	header .Header-Menu .Header-Menuicon .svgimg{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}

	.Header-Menus>li{font-weight:700;line-height:6rem;margin:0 .25rem;position:relative;justify-content: center;}
	.Header-Menus>li .svgimg{display:none;visibility: hidden;}
	.Header-Menus>li a.Header-Menua{width:100%;white-space:nowrap;text-align: center;}
	.Header-Menus>li::after{content: '';position:absolute;left:0;top:0px;height:3px;width:0;background-color: #EB6103;}
	.Header-Menus>li:hover::after, .Header-Menus>li.active::after{width:100%;transition: all .4s ease-in-out;}
	.Header-Menus>li.active>a, .Header-Menus>li.active>a, .Header-Menus li a:hover{color:#EB6103;text-align: center;}

	/* ==== 二级菜单 ==== */
	/* Header-sunNav 下拉菜单 */
	/* sunNav-box 下拉菜单内部 */
	.Header-Menus>li .Header-sunNav{position:absolute;top: calc(100% - .1rem);
		width: 60vw;
		left:0;
		padding: .1rem 0;
		border-radius: .2rem;
		pointer-events: none;
		opacity: 0;display:none;
		transform: translateY(-10px);
		box-shadow: 0 5px .2rem -3px rgba(0,0,0,.06);
		transition: transform .5s ease-in-out,opacity .5s ease-in-out
	}
	.Header-Menus>li .Header-sunNav::after{content: '';display: block;position: absolute;top:0;left: -80vw;width:200vw;height:100%;z-index: 200;background-color: rgba(34, 34, 34, .8);backdrop-filter: blur(5px);}
	.Header-Menus>li:hover .Header-sunNav{opacity: 1;display:flex;pointer-events:auto;transform:none;transition: all .4s ease-in-out;}

	.Header-Menus>li .Header-sunNav .sunNav-box{padding:3rem .5rem;color:#FFF;justify-content:left;}
	.Header-sunNav .sunNav-box a{color:#FFF;}

	.Header-sunNav .sunNav-box .sunNav{display:flex;flex-direction: column;width:unset;z-index: 300;position:relative;line-height: 2.5rem;}
	.Header-sunNav .sunNav-box .sunNav1{font-size:1.15rem;font-weight: 400;padding-right:2rem;}
	.Header-sunNav .sunNav-box .sunNav2{font-size:1rem;font-weight:100;padding:0 2rem;min-width:20%;border-left:1px solid rgba(255, 255, 255, .2);}
	.Header-sunNav .sunNav-box .sunNav2 .level{display:none;}
	.Header-sunNav .sunNav-box .sunNav2 .level li span{float:right;margin-top:-10px;}
	.Header-sunNav .sunNav-box .sunNav-img{max-width:15vw;padding-left: 2rem;border-left:1px solid rgba(255, 255, 255, .2);}
	.Header-sunNav .onhover ul.listtit li:hover::before{left:0;color:#EB6103;}

	header .Header-navbarbox{justify-content:flex-end;flex-wrap:nowrap;width:unset;align-items: center;flex-shrink:0;}

	/*搜索*/
	.Header-search, .Header-lang{position: relative;background-color:transparent;}
	.Header-Menu .Header-Menuicon, .Header-search .Header-searchicon, .Header-lang .Header-langicon{width:52px;user-select: none;padding:2rem 1rem;}

	.Header-searchwords, .Header-langwords{opacity: 0;display:none;pointer-events: none;transform: translateY(-10px);transition: transform .5s ease-in-out,opacity .5s ease-in-out;box-shadow: 0 5px .2rem -3px rgba(0,0,0,.06);
		padding:1.5rem 1rem 1rem;position: absolute;border-radius:0 0 .5rem .5rem;top:6rem;right:0;}

	.Header-langwords{width:12rem;transform:none;}
	.Header-searchwords{width:20rem;transform:none;}

	.Header-searchwords .list-inline .w20{width:2rem !important;}
	.Header-searchwords .list-inline .w80{width:80% !important;}
	.Header-searchwords input{width: 100%;box-sizing: border-box;border: none;border-radius:.5rem;height:2rem;padding: 0 1rem;outline: none;font-size: 1.25em;color: #000;display: block;}
	.Header-searchsubmit{width:2rem;height:2rem;cursor: pointer;display: inline-block;border-radius:.5rem;background: #F5F5F5 url("../images/public/search.svg") no-repeat center center;z-index: 3;transition: all .3s linear;}

	.Header-Menu.ontrue .Header-Menuicon .svgimg, .Header-lang.ontrue .Header-langicon .svgimg{transform:rotateZ(180deg);transition: all .4s ease-in-out;}
	.Header-search.ontrue .Header-searchicon .svgimg{transform:rotateZ(45deg);transition: all .4s ease-in-out;}

	.Header-lang.active .Header-langicon, .Header-search.active .Header-searchicon, .Header-Menu.ontrue .Header-Menuicon{background:#F5F5F5;}
	/*
	.Header-search,.Header-searchicon{display:block;user-select: none;cursor: pointer;position: relative;}
	.Header-searchicon{padding:2rem;background: url('../images/public/search.png') center center no-repeat;}
	.Header-searchicon.active{background: url('../images/public/icon-close.svg') no-repeat center center;}
	.Header-searchwords{display: none;position: absolute;width: 26rem;height:2rem;background-color: #fff;right: 0;top:5rem;padding-right:4rem;box-sizing: border-box;border: 1px solid #eee;}
	.Header-searchwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 10px;outline: none;font-size: 1.25em;color: #000;display: block;}
	.Header-searchsubmit{width:2rem;height:2rem;cursor: pointer;display: inline-block;background: #fff url("../images/public/search.svg") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}
	*/

	/* 语言切换 */
	.Header-search.ontrue, .Header-lang.ontrue{background-color:#F5F5F5;transition: all .4s ease-in-out;}
	.Header-search.ontrue .Header-searchwords, .Header-lang.ontrue .Header-langwords{opacity: 1;display:flex;pointer-events:auto;transform:none;transition: all .4s ease-in-out;}

	.Header-langwords ul{width:100%;}
	.Header-langwords li{padding:0 1rem;border-bottom:1px solid #DEDEDE;}

	.Header-langwords .icontext.list-inline-1{flex-direction:row;}
	.Header-langwords .icontext .icon{margin-right:1rem;padding:0.75rem 0;}
	.Header-langwords .icontext .text{line-height:3rem;}
	.Header-langwords li:hover, .Header-langwords li:hover a{color: #fff;background: #EB6103;}

header .Header-txt{display:flex;justify-content: right;flex-wrap:nowrap;font-size:2em}
header .Header-txt b{font-size:1.5em}

/* 视频 */
.ind-video{width: 100%;overflow: hidden;position: relative;}
.ind-video img{width: 100%;height: 100%;object-fit: cover;min-height: 280px;}

.video-click{cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-click i{display: block;width: 76px;height: 76px;background: url('../images/public/video-ico.png') no-repeat center center;background-size: 100%;margin: 0 auto;position: relative;}
.video-click i:before,
.video-click i:after {content: "";display: block;width: 80px;height: 80px;border: 1px solid #fff;border-radius: 100%;position: absolute;
top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;animation: runquan 1.5s linear infinite;opacity: 0.9;}
.video-click i:before {animation-delay: .6s;}
.video-click i:after {animation-delay: 0s;}
@keyframes runquan {from {transform: scale(1, 1);opacity: 0.5;}to {transform: scale(1.8, 1.8);opacity: 0;}}

.video-click p{font-size: 20px;font-family: Arial;color: #fff;margin-top: 10px;text-align: center;}


/* 底部 */
.Footer-wrapper{width: 100%;box-sizing:border-box;border-top: 6px solid #ff873a;}
footer .Footer-container{padding-top:5rem;justify-content: space-between;}
.Footer-container a{color:#5D5D5D;}
.Footer-container a:hover{color:#303E48;}

.Footer-logo{width: 14%;}
.Footer-logo img{max-width: 100%;}
footer .Footer-container .Footer-navbar{width: 75%;}
.Footer-navbar>ul{justify-content: space-between;}
.Footer-navbar>ul>li{width: 17%;flex-direction: column;}
.Footer-navbar>ul>li.FooterLink4{width:13%;}
/* .Footer-navbar ul li:first-child{margin-left: 0;} */
.Footer-navclick{width: 100%;position: relative;line-height:2rem;}

/*
.Footer-navclick h6{font-size:1.5rem;position: relative;font-weight:700;line-height:2rem;}
.Footer-navclick i{width: 44px;height: 30px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/public/icon-dd1.png') no-repeat center center /14px auto;}
.Footer-navclick i.active{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 8px;padding:0.5em 0;}
.Footer-navwords a{display: block;color: #5D5D5D;line-height:2rem;transition: all .3s ease-in-out;}
.Footer-navwords a:hover{color: #EB6103;}
*/
footer .Footer-container .Footer-sign{width: 20%;padding-bottom:3rem;}
.sign-tit{font-size:1.5rem;position: relative;font-weight:700;line-height:3rem;margin-top:.5rem;text-align: right;}
.sign-input{width: 100%;position: relative;height:3rem;padding-right:4rem;margin-top:.5rem;}

.sign-input span{position: absolute;width:4rem;height:3rem;background-color: #EB6103;right: 0;top: 0;color: #fff;line-height:3rem;text-align: center;cursor: pointer;}
.sign-input input{width: 100%;box-sizing: border-box;border: none;height:3rem;padding:0 .5rem;outline: none;color: #5D5D5D;display: block;border: 1px solid #dbdbdb;background-color: #ededed;}
.sign-show{padding-top:1rem;}
.sign-show ul{justify-content: right;}
.sign-show ul li{display: block;width:3rem;height:3rem;line-height:3rem;border:1px solid #FFF;border-radius: 50%;margin-left:1rem;}
.sign-show ul li a{height:3rem;display:flex;align-items: center;justify-content: center;}
.sign-show ul li:hover{background: #FFF !important;border-color: #EB6103;}
.sign-show ul li:hover .svgimg{fill:#EB6103;}
.sign-show ul li.linkedin{background: #007bb6;}
.sign-show ul li.youtube{background: #EB6103 ;}
.sign-show ul li.facebook{background: #3b57a0;}
.sign-show ul li:nth-child(4){background: #41abe1;}

.Footer-contact {font-size: 18px;padding:0.5em 0;color: #303E48;border-bottom:1px solid #DEDEDE;text-align:right;font-weight:700;width:100%;display:inline-block;}
.Footer-contact .icontext{display:flex;flex-direction: row;align-items: center;justify-content:right;color:#5D5D5D;}
.Footer-contact .icontext .icon{padding:.25rem;padding-right:1rem;}
.Footer-contact .icontext .icon svg{fill:#5D5D5D;}
.Footer-contact .icontext:hover .icon svg{fill:#303E48;}


.Footer-coder-box{width: 100%;border-top: 1px solid #e3e3e3;color:#5D5D5D;padding: 30px 0;}

.Fcoder-left{position: relative;padding-left: 30px;font-size: 12px;color: #666;line-height: 20px;max-width: 70%;}
.Fcoder-left::before{content: '';width: 20px;height: 20px;position: absolute;left: 0;top: 0;background: url('../images/public/footer-ico.png') no-repeat;}
.Fcoder-left span{display: block;float: left;line-height: 20px;}
.Fcoder-left a{display: block;float: left;font-size: 12px;color: #666;line-height: 20px;padding: 0 10px;position: relative;transition: all .3s;}
.Fcoder-left a::after{content: '';width: 1px;height: 10px;position: absolute;right: 0;top: 5px;background-color: #DEDEDE;}
.Fcoder-left a:last-child::after{display: none;}
.Fcoder-left a:hover{color: #fd761b;}
.Fcoder-right{float: right;font-size: 12px;color: #666;line-height: 20px;}

/*
footer .Footer-navbar .listtit{align-content: normal;}
footer .Footer-navbar .listtit li{padding:0;}
footer .Footer-navbar .listtit li.list-inline-1{flex-direction: column;}

footer .Footer-navbar .listtit h3{font-size:1.25rem;}

*/
footer .Footer-navbar .Footer-navwords{flex-direction: column;line-height: 2rem;margin-left:-1.5rem;}
/*排版*/
/* ==================== 排版 样式 ==================== */
/* ==== over1line over2line over3line 超过1/2/3行文字用省略号代替 ==== */
/* ==== list-inline list-inline-1 list-inline-2 list-inline-3 list-inline-4 list-inline-5 list-inline-6 list-inline-7 list-inline-8 Flex排版，一行1/2/3...7/8列内容 ==== */
.over1line{overflow: hidden;min-height:1.5em;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:1;line-clamp: 1;}
.over2line{overflow: hidden;min-height:2.5em;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;line-clamp: 2;}
.over3line{overflow: hidden;min-height:4.5em;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;line-clamp: 3;}

.list-inline{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;align-items:stretch;width:100%;}
.list-inline-1{flex-direction: column;}
.list-inline-2,.list-inline-3,.list-inline-4,.list-inline-5,.list-inline-6,.list-inline-7,.list-inline-8{justify-content: space-between;}
.list-inline-1>.list-item{width:100%;overflow: hidden;}
.list-inline-2>.list-item{width:50%;}
.list-inline-2>.list-item.w40{width:40%;}
.list-inline-3>.list-item{width:33.33%;overflow: hidden;}
.list-inline-4>.list-item{width:25%;overflow: hidden;}
.list-inline-5>.list-item{width:20%;overflow: hidden;}
.list-inline-6>.list-item{width:16.67%;overflow: hidden;}
.list-inline-7>.list-item{width:14.28%;overflow: hidden;}
.list-inline-8>.list-item{width:12.5%;overflow: hidden;}

.list-inline-2.forward .list-item:first-child, .list-inline-2.reverse .list-item:last-child{justify-content:right;text-align:right;}
.list-inline-2.forward .list-item:last-child, .list-inline-2.reverse .list-item:first-child{justify-content:left;text-align:left;}
.list-item .innimg img{width:100%;}
.list-inline-2>.list-item .inntext{width:100%;padding:0.5em 0;}

/* ==== contain 内容框架 ==== */
header, section, footer{width:100%;/*padding-left:5rem;padding-right:5rem;*/}
.contain{padding-left:5rem;padding-right:5rem;}

.showbox{position:relative;}
/* ==== pub-tit 公用标题 ==== */
.pub-tit{width:100%;}
.pub-tit h2{position:relative;margin-bottom:.5rem;}
.pub-tit h2::after{content: '';width:2rem;height:1px;background-color:#303E48;position:absolute;left:50%;bottom:-.5rem;margin-left:-1rem;}
.pub-txt h5{font-size:1.5rem;line-height:2rem;}
.pub-txt.smjs{font-size:1.25rem;line-height:2rem;color:#5D5D5D;}
.pub-txt.smjs .contain{width:80%;margin:0 auto;}
.bg-gray .pub-tit h2::after,.bg-blue .pub-tit h2::after{background:#FFF;}

/* ==== 大图展示 ==== */
.page-ban{width: 100%;position: relative;overflow: hidden;box-shadow:0 3px 10px rgba(0, 0, 0, .5);}
.page-ban .img img{width: 100%;min-height: 250px;object-fit: cover;}
.page-ban .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page-ban .text h1{position: relative;font-size:5rem;line-height:5rem;color: #fff;text-align: center;padding-bottom:0.5rem;text-shadow: 3px 3px 10px black;}
.page-ban .text h1::after{content: '';width:2rem;height: 1px;background-color: #fff;position: absolute;left: 50%;bottom:-.5rem;margin-left:-1rem;}

.proban-box{width:100%;}

/* 产品专题页banner */
.Container-wrapper.banner .page-ban{height:45vw;display:flex;flex-direction: column;justify-content: space-between;background-size:100% auto !important;}
.Container-wrapper.banner .page-ban .pub-tit{padding-top:6rem;}

/* 第三款专题页 */


.probanpic, .probanpics{text-align: center;}

.probanpics.list-inline{justify-content: space-around;}
.probanpics.list-inline-4>.list-item{width:40%;margin-left:-50%;}
.probanpics.list-inline-4>.list-item:nth-child(1){margin-left:0;}

/* ==== 产品 一行3列展示 ==== */
.pro-list{width: 100%;}
.pro-list>ul>li{width: 33%;border: 1px solid #FFF;}
.pro-list>ul>li:hover{border-color: #DEDEDE;z-index: 10;box-shadow: 8px 8px 8px rgba(123, 123, 123, .2);}
.pro-list>ul>li a.list-inline-2 .list-item{padding:3em 1em 2em 3em;position: relative;justify-content: space-between;}
.pro-list>ul>li a.list-inline-1{position: relative;}
.pro-list>ul>li a .inntext{position: relative;}
.pro-list>ul>li a .inntext::after{content: '';width: 36px;height: 118px;background: url('../images/public/ind-bg1.jpg') no-repeat center center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: 0.2;transition: all .4s;z-index:0;}
.pro-list>ul>li:hover a .inntext::after{opacity: 1;}
.pro-list>ul>li:hover .text, .pro-list ul li:hover .text h3{color: #EB6103;}

.pro-list>ul>li a.list-inline-1 {padding:0;}s
.pro-list>ul>li a.list-inline-1 .innimg{padding:2rem;justify-content: center;}
.pro-list>ul>li a.list-inline-1 .innimg img{height:18rem;width:auto;}

.pro-list ul li .text ul li{width:100%;line-height:2rem;}
.pro-list .onhover:hover ul.listtit li::before{left:0;color: #EB6103;}

.relcase .showbox .inntext .list-inline-2{justify-content: left;}
.relcase .onhover:hover .inntext .onshow{height:auto;}
/* ==== 介绍文字列表 listtit ==== */
.bg-gray ul.listtit li::before,.bg-blue ul.listtit li::before{color:#FFF;}
.bg-lgray ul.listtit li::before{color:#EB6103;}
ul.listtit li{padding-left:1.5rem;box-shadow:none;border:none;position:relative;overflow:hidden;display:flex;flex-direction: row;align-items: center;}
ul.listtit li::before{content:'\f231';color:#EB6103;position:absolute;left:-2rem;transition: all .4s ease-in-out;}
ul.listtit li.onhover:hover::before{left:0;}

/* ==== 解决方案 一行2列展示 左为展示列表 右为展示图==== */
.ind-solution .onhover:hover{background: none;}

.list-box-2inline .titr, .list-box-2inline .titr{width:50%;}
.showbox>.list-inline-2{justify-content: space-between;}
.list-inline-2 .innimg{position:relative;overflow:hidden;}
.list-box-1inline .showbox>.list-inline-2>.list-item{width:49%;position:relative;}
.list-box-1inline .showbox>.list-inline-2>.innimg{width:45%;padding-left:2rem;}
.list-box-1inline .showbox>.list-inline-2>.inntext{width:55%;padding:4rem 2rem 2rem 4rem;z-index:10;align-content: space-between;}
.list-box-1inline .showbox>.list-inline-2>.inntext::before{position: absolute;right: 0;top: 0;background:#DEDEDE;content: '';width:100%;height:100%;opacity: .2;z-index:-1;}

.list-box-1inline .showbox>.list-inline-2 .inntext .pub-txt{justify-content: space-between;}
.list-inline-2 .inntext .pub-tit h3{font-size:2rem;}


.list-box-1inline .showbox>.list-inline-2 .pub-txt .tit{width:49%;font-size:1.15rem;line-height:2.5rem;position:relative;display:flex;align-items:center;}
.list-box-1inline .showbox>.list-inline-2 .pub-txt .tit .svgimg{padding-right:1rem;}

.list-box-1inline .swiper-container .showbox .innimg{padding:0;height:auto;}
.list-box-1inline .swiper-container .showbox .innimg img{width:100%;}

.list-box-1inline .list-inline-3{margin-left:-2rem;}
.list-box-1inline .list-inline-3>.list-item{padding-left:2rem;}
.list-box-1inline .list-inline-1 .showbox .list-inline-3>.tit{padding-left:1.5rem;}
.list-box-1inline .showbox{margin-bottom:2rem;}
.list-box-1inline .showbox>a, .list-box-1inline .showbox .borderbox{border:1px solid #DEDEDE;height:100%;position:relative;}

.sol-list .list-box-1inline .showbox{}
.sol-list .list-box-1inline .showbox:nth-child(odd){background:unset;}
.sol-list .list-box-1inline .showbox:nth-child(even){background:unset;}
.sol-list .list-box-1inline .showbox:nth-child(even)>.list-inline-2>.inntext::before{background:#FFF;opacity:1;}
.sol-list .list-box-1inline .showbox .innimg{max-width:80rem;}

.sol-list .sol-box .showbox .inntext{min-height:18rem;align-content: baseline;}
.sol-list .sol-box .showbox .inntext .listtit{margin-left:0;justify-content: stretch;}

.Newslist .news-hot .contain{max-width:100rem;margin:0 auto;}

.news-list .list-box-1inline .list-inline-3{justify-content:start;}
.news-list .list-box-1inline .showbox>a .inntext.list-inline-1{align-content: space-between;flex-direction:row;}
.news-list .list-box-1inline .showbox .innimg{align-items:stretch;justify-content: stretch;}
.news-list .list-box-1inline .showbox .innimg .time{align-self:flex-end;}

.list-inline-2 .hotlist ul{display:flex;flex-direction: column;}
.list-inline-2 .hotlist .showbox>a.inntext{padding:1rem;justify-content:space-between;}
.list-inline-2 .hotlist .showbox .inntext .time{width:6rem;}
.list-inline-2 .hotlist .showbox .inntext .time .year{font-weight:100;margin-top:0.5rem;}
.list-inline-2 .hotlist .text{width:80%;font-size:1.5rem;height:5rem;line-height:2rem;padding-left:1rem;display:flex;align-items:center;}
.list-inline-2 .hotlist .text p{min-height: auto;}

.showbox .inntext .time{min-height:2rem;justify-content: center;}
.showbox .inntext .time h3{font-size: 2rem;padding-top:0;}

.list-box-1inline .showbox .innimg{align-items: center;justify-content: center;}
.list-box-1inline .showbox .innimg img{max-width:100%;}
.showbox .inntext h3{padding-top:1rem;line-height:2.5rem;}
.showbox .inntext h6{font-size:1.25rem;line-height: 1.25rem;margin-bottom:1rem;}
.showbox .inntext p{min-height:5rem;}
.showbox .inntext p.smjs{min-height:4rem;}

.list-box-1inline .showbox .onshow .list-inline-2 .img{width:2rem;text-align: left;}
.list-box-1inline .showbox .onshow .list-inline-2 .txt{display:inline-flex;flex-direction: row;}
.list-box-1inline .showbox .onshow .list-inline-2 .txt b{padding-right:0.5rem;}


.product-list.list-box-1inline .list-inline-3{justify-content: left;}
.product-list.list-box-1inline .showbox>a{padding:0;}
.product-list.list-box-1inline .showbox .innimg{padding:2rem;height:24rem;}
.product-list.list-box-1inline .swiper-container .showbox>a{padding-bottom:0;}

.showbox.onhover .inntext{padding:0.5rem 1.5rem 1rem;height:auto;}
.showbox.onhover:hover .inntext{background-color: #EB6103;color:#FFF;}

.showbox.onhover:hover .inntext h3, .showbox.onhover:hover .inntext h6{color:#FFF;}
.bg-blue .showbox.onhover .inntext, .bg-gray .showbox.onhover .inntext{background:#F5F5F5;color:#303E48;}
.bg-blue .showbox.onhover .inntext .text, .bg-gray .showbox.onhover .inntext .text, .bg-blue .showbox.onhover .inntext h3, .bg-gray .showbox.onhover .inntext h3{color:#303E48;}
.bg-blue .showbox.onhover .inntext .svgimg, .bg-gray .showbox.onhover .inntext .svgimg{fill:#303E48;}
.bg-blue .list-box-1inline .showbox>a, .bg-gray .list-box-1inline .showbox>a{border-color:#5D5D5D;}

.showbox.onhover:hover .onshow .txt{color:#FFF;}

.textONimg{position:relative;overflow:hidden;}
.showbox .textONimg .coveron{position:absolute;bottom:1em;right:0;width:auto;font-size:2em;font-weight:700;color:#FFF;justify-content: right;background:rgba(0, 0, 0, .5);backdrop-filter:blur(3px);padding:0.5em 3em 0.5em 1em;border:1px solid rgba(255,255,255,.3);border-right:none;}

/* === 文字在图片中排板 === */
.floatinareac, .floatinareal, .floatinarear, .floatinarea{position:relative;}
.floatinarea .floattext, .floatinarea .floatimg{position:absolute;}
.floatinareac .floattext, .floatinareac .floatimg, .floatcenter{top:50%;left:50%;transform:translate(-50%,-50%);}
.floatinareac .floattext{top:10rem;}
.floatinareal .floattext{position:absolute;left:2rem;top:2rem;}
.floatinarear .floattext{position:absolute;right:2rem;top:2rem;}

.introbox h3{font-size:2.25rem;line-height:4rem;}
.introbox p{font-size:1.15rem;font-weight:100;line-height:2rem;}

.cirbox{width:13rem;height:13rem;text-align:center;border-radius: 50%;background:url('../images/theme/bri-18.png') no-repeat center center;margin:0 auto;position:relative;}
.cirbox .innimg{padding-top:2rem;}
.cirbox .innimg img{width:auto;}
.cirbox .inntext{color:#FFF;width:80%;line-height:1.5rem;margin:1rem auto 0;}

.introboximg1{background: url('../images/theme/pro-bg3.jpg') no-repeat center center;} /*灰色涟漪背景*/
.introboximg2{background: url('../images/theme/pro-bg5.jpg') no-repeat center center;} /*灰色城市背景*/
.introboximg3{background: url('../images/theme/bri-bg3.jpg') no-repeat center center;} /*灰色半环背景*/

.introTailormade .bg-orange{background-color:rgba(235, 97, 3, .8);}

/* === 浮空导航 === */
.float-menu{position: fixed;width: 100%;height:5rem;top:6rem;left: 50%;transform: translateX(-50%);z-index: 100;font-size: 1.25rem;line-height:5rem;border-bottom: 1px solid rgba(255, 255, 255, .2);background-color:rgba(0, 0, 0, .2);}
.float-menu.active::after{content: '';width: 200vw;height: 100%;;position: absolute;z-index: 100;display: block;background-color: rgba(0, 0, 0, .5);left: -100vw;top: 0;z-index: -1;}
.float-menu .list-inline-2{justify-content: space-between;}
.float-menu, .float-menu a{color: #fff;}
.float-menu .pos-place{width:35%;}
.float-menu .menulist{width:65%;justify-content: right;}
.float-menu .menulist a{margin-left: 45px;}
.float-menu a:hover{color: #EB6103;}

/*栏目分栏*/
.pub-layout{width: 100%;border-bottom:1px solid #DEDEDE;z-index: 999;}
.pub-layout.nopad{padding:7em 0 0;}
.layout-listTab .pub-tit{text-align: center;font-size:1.5em;}
.layout-listTab .list-item a{display:block;width:100%;line-height:2em;margin:1em 0 0.5em;padding:0 2em;border-right:1px solid #DEDEDE;}
.layout-listTab .list-inline{justify-content: center;}
.layout-listTab .list-item.active{color:#EB6103;border-bottom: 5px solid #EB6103;}
.layout-listTab .list-item.active a, .layout-listTab .list-item:hover a{color:#EB6103;}
.layout-listTab .list-item:hover{background:none;color:#303E48;}
.layout-listTab .list-item:last-child a{border-right:none;}

/* ==== 技术支持 Service ==== */
.seek_option {width:100%;height: auto;overflow: hidden;display:flex;justify-content:center;}
.seek_option .show_option_box {width: auto;height: auto;overflow: hidden;}
.seek_option .show_option_box .show_options {width: 380px;height: 40px;position: relative;margin-left: 1.25em;float: left}
.seek_option .show_option_box .show_options select {background: #F5F5F5;width: 100%;height: 100%;font-size:1.5em;line-height: 38px;border: 1px solid #DEDEDE;padding: 0 32px 0 1.25em}
.seek_option .show_option_box .show_options i {position: absolute;top: 10px;right: 1.25em;font-size: 1.25em;color: #999}
.seek_option .down_search {overflow: hidden;display:flex;align-items:center;justify-content:center;}
.seek_option .down_search input {width: 300px;height: 40px;margin-left: 1.25em;float: left;line-height: 38px;border: 1px solid #DEDEDE;background: #F5F5F5;padding: 0 1.25em}
.seek_option .down_search .down_search_btn {width: 200px;height: 40px;margin-left:1.25em;float: left;line-height:40px;background:#EB6103;font-size:1.25em;color:#fff;text-align: center;cursor: pointer}

/* ==== 售后服务 ==== */
.ser-Slogan{width: 100%;overflow: hidden;background: url('../images/public/ind-bg2.png') no-repeat right top -170px;}
.ser-Slogan .pro-txt .text h6{font-size:1.5rem;line-height:2rem;color: #EB6103;}
.ser-Slogan .pro-txt .text p{font-size: 1.25em;line-height:2rem;font-weight:100;}

.ser-linian{width: 100%;overflow: hidden;padding: 130px 0;background-position: center center !important;background-size: cover !important;}
.linian{width: 50%;background-color: rgba(255, 255, 255, .9);padding:2rem 3rem;box-shadow: 0 0 10px rgba(0, 0, 0, .5);float: right;}
.linian h2::after{left:0;margin-left:0;}
.linian p{font-size:1.15rem;color: #666;line-height:2rem;margin-top:2rem;text-align: justify;}

.ser-map{width: 100%;background-color: #303E48;overflow: hidden;padding: 90px 0;}
.ser-map .pub-tit h6{color: #fff;}
.ser-map .pub-tit h6::after{background-color: #fff;} 
.smap{width: 1080px;position: relative;margin: 50px auto 0;}
.smap-pic{width: 100%;overflow: hidden;}
.smap-pic img{width: 100%;user-select: none;}

.smap1{position: absolute;}
.smap1 img{width: 100%;opacity: 0;transition: all .4s;cursor: pointer;}
.smap1::before{content: '';width: 16px;height: 16px;border: 2px solid #fff;background-color: #EB6103;border-radius: 50%;position: absolute;
z-index: 3;animation: mapRing 1.5s linear infinite;}


/* ==== 常见问题 ==== */
.faq-main ul li{width: 100%;padding-right:3rem;padding-bottom:2rem;margin-bottom:3rem;border-bottom: 1px solid #DEDEDE;overflow: hidden;position: relative;}
.faq{padding:1rem;}
.faq-tit{padding-left:4rem;background:  url('../images/theme/faqbg1.png') left center no-repeat;}
.faq-text{padding-left:4rem;font-size: 1.25rem;text-align:left;background:  url('../images/theme/faqbg2.png') left center no-repeat;line-height:2rem;height:2rem;overflow: hidden;color: #5D5D5D;}
.faq-text.active{height: auto;}

.faq-dian{position: absolute;cursor: pointer;border-radius: 50%;right:1rem;top:1rem;height:3rem;width:3rem;background: #F5F5F5 url('../images/theme/faqbg3.png') center center no-repeat;}
.faq-dian.active{background: #EB6103 url('../images/theme/faqbg4.png') center center no-repeat;}


/* ==== 关于我们介绍 abo-company ==== */
.abo-company .list-inline-2{justify-content:space-between;align-items: center;align-content: center;}
.abo-company .company-left{width: 57%;overflow: hidden;}
.company-text p{margin-top:1.5rem;}
.abo-company .company-img{width: 40%;position:relative;}
.abo-company .company-img img{width: 100%;}

.abo-culture .cult .list-inline-3 .list-inline-1 .inntext{position:absolute;z-index: 999;padding:0 5rem;}
.abo-culture .cult .list-inline-3 .onshow{font-size:1.25rem;height:0;line-height:2rem;}
.abo-culture .cult li:hover .onhover .onshow{flex-direction: column;height:8rem;}


.abo-base .base .pub-txt{font-size:1.5rem;line-height:3rem;color:#DEDEDE;}
.abo-base .imglist3{display:inline-block;}
.abo-base .imglist3 li{margin-left:2%;width:30%;float:left;overflow:hidden;}
.abo-base .imglist3 li:first-child{margin-left:0;width:35.5%;}
.abo-base .imglist3 li:last-child{width:62%;margin-top:2%;}
.abo-base .imglist3 li img{width:100%;max-height:unset;}

.abo-honor{width: 100%;overflow: hidden;}
.abo-honor .contain{position:relative;}
.honor{width: 100%;overflow: hidden;}

.honorimg>.list-inline-1{align-content: space-between;}
.honorimg .img{width: 100%;text-align: center;padding:1rem;}
.honorimg .img img{max-width: 100%;object-fit: cover;}
.honorimg .text{width: 100%;overflow: hidden;padding:1rem;background-color:#303E48;}
.honorimg .text h6{font-size: 1.25rem;color: #fff;font-weight:100;line-height:2rem;text-align: center;}
.honorimg:hover .text{background-color: #EB6103;}

.honor .swiper-pagination-bullet{position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;opacity: 1;}
.honor .swiper-pagination-bullet::after{content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #bbbbbb;}

.honor .swiper-pagination-bullet-active.swiper-pagination-bullet::after{background-color: #EB6103;}
.honor .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid #EB6103;}
.honor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;width: 48px;height: 48px;bottom: 0;}
.honor.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}

/* ==== 历史展示 history ==== */
.abo-his{width: 100%;}

.hismian-box{width: 100%;overflow: hidden;padding-bottom:5rem;}
.hismian-box .hismain{padding:2rem 0;height:25rem;}

.histext{padding:2rem;background-color:#F5F5F5;transition: all .4s;}
.histext .innimg{width: 35%;overflow: hidden;border:5px solid #FFF;opacity: 0.3;transition: all .4s;}
.histext .innimg img{width:100%;}
.histext .inntext{width: 65%;color:#DEDEDE;padding-left:2rem;margin-top:2rem;font-size:1.25rem;text-align:left;line-height:2rem;overflow:hidden;}

.swiper-slide-active .histext{background-color: #EB6103;padding:3rem;}
.swiper-slide-active .histext .inntext{color:#fff;}
.swiper-slide-active .histext .innimg{opacity: 1;}

.hismain .swiper-slide-next{transform:translate3d(-400px, 0, -100px) rotateX(0deg) rotateY(-50deg) scale(0.8);opacity:.8;}
.hismain .swiper-slide-prev{transform:translate3d(400px, 0, -100px) rotateX(0deg) rotateY(50deg) scale(0.8);opacity:.8}
.hismian .swiper-slide-active{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0) scale(1);opacity:1}

.his-year{position: relative;width: 850px;height: 370px;margin: 0 auto;overflow: hidden;background: url('../images/theme/history_bg.png') no-repeat 0 bottom;}
.his-year .swiper-container{overflow:unset;}
.his-year .swiper-slide{transform:translateX(0) translateY(20rem) rotateZ(0);opacity:0;}

.but_year{width: 350px;height: 60px;position: absolute;top: 42px;left: 50%;transform: translateX(-50%);z-index: 10;}

.number{display: block;text-align: center;transform-origin: 50% 50%;line-height:10rem;font-size: 4rem;}
.his-year .swiper-slide-next{transform:translateX(2rem) translateY(4rem) rotateZ(33deg);opacity:.2;}
.his-year .swiper-slide-prev{transform:translateX(-2rem) translateY(4rem) rotateZ(-33deg);opacity:.2;}
.his-year .swiper-slide-active{transform:translateX(0) translateY(0) rotateZ(0);opacity:1;}
.his-year .prev_nth3Mode{transform:translateX(0) translateY(15rem) rotateZ(-60deg);opacity:.1;}
.his-year .next_nth3Mode{transform:translateX(0) translateY(15rem) rotateZ(60deg);opacity:.1;}


/* ==== 联系我们 contact ==== */
.con-info{width: 100%;background: #F5F5F5 url('../images/public/con-bg1.png') no-repeat center bottom -30rem;}
.con-info .info-txt{width: 35%;margin-right:2rem;}
.con-info .info-map{width: 62%;height:36rem;border: 7px solid #fff;border-radius: 10px;}

.info-txt ul li{position: relative;border-bottom: 1px solid #ddd;font-size: 1.25rem;line-height:2rem;padding:2rem 0 2rem 4rem;}
.info-txt ul li:last-child{border-bottom: 0px;}
.info-txt ul li span{position: absolute;left: 0;top: 0;height:-webkit-fill-available;display:flex;align-items: center;;}


/* ==== 新闻页 News ==== */
.news-detail{width: 100%;}
.news-detail .news-left{width: 70%;overflow: hidden;}
.newsd-tit{width: 100%;overflow: hidden;border-bottom: 1px solid #ebebeb;}

.newsd-tit .time span{margin-right:3rem;color:#5D5D5D;}
.newsd-tit .time span i{display: block;width: 20px;height: 24px;float: left;margin-right: 6px;background: url('../images/public/eye.png') no-repeat center center;}
.newsd-text p{font-size: 1.25em;line-height:2rem;text-align: justify;}

.news-detail .news-right{width: 30%;overflow: hidden;padding-left:5rem;}

.news-right-tit .tj{font-size: 1.25em;line-height: 3rem;padding-left:4rem;width:80%;background: url('../images/public/eye2.png') no-repeat left center;}
.news-right-tit .goback{width:15%;height:3rem;background: url('../images/public/goback.png') no-repeat center center;}
.news-right-text{border: 5px solid #F5F5F5;padding:2rem;overflow: hidden;}
.news-right-text ul li h6{font-size:1rem;font-weight:600;line-height:2rem;overflow: hidden;min-height:2rem;color:#5D5D5D;}
.news-right-text ul li:last-child{border-top: 1px solid #DEDEDE;}
.news-right-text .onhover:hover h6{color: #EB6103;}


/* 右侧客服栏 */
.sideBar-wrapper{position: fixed;bottom:10em;right: 0;margin-top: -76px;width: 50px;height: 152px;z-index: 6666;}
.sideBar-wrapper .icontext{display:flex;flex-direction: row;justify-content:left;align-content: center;align-items: center;margin-bottom:0;}
.sideBar-wrapper .icon{width:50px;height:50px;line-height:50px;display:flex;flex-direction: row;justify-content: center;align-items: center;padding:0;}
.sideBar-wrapper ul li a:hover{background-color: #EB6103;}

.sideBar-wrapper ul li{height:50px;width:60px;position: absolute;text-align:left;left: 0;}
.sideBar-wrapper ul li a{display: block;overflow: hidden;background-color: #5D5D5D;opacity: 1;border-radius: 6px;}
.sideBar-wrapper ul li a .icontext .text{color:#FFF;font-weight: 700;}

.sideBar-wrapper ul li.relEwm{top: 52px;}
.sideBar-wrapper ul li.relEwm a.active{background-color: #EB6103;}
.sideBar-wrapper ul li.relWap{top:52px;width: 140px;}
.sideBar-wrapper ul li.relWap:hover{left: -85px;}
.sideBar-wrapper ul li.relDh{top:104px;width: 200px;}
.sideBar-wrapper ul li.relDh:hover{left: -145px;}
.sideBar-wrapper ul li.relEml{top:104px;width: 105px;}
.sideBar-wrapper ul li.relEml:hover{left: -50px;}
.sideBar-wrapper ul li.backTop{top:156px;}

.rel-mess{position: absolute;width: 430px;background-color: #fff;padding: 30px 50px;left: -440px;bottom:-12em;border-radius: 5px;box-shadow: 0 0 10px #999;display: none;}
.mess-close{width: 40px;height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;background: url('../images/public/icon-close.png') center center no-repeat;}
.mess-box{width: 100%;overflow: hidden;}
.mess-box h5{font-size: 24px;color: #000;line-height: 30px;margin-bottom: 20px;font-weight:700;}
.mess-box input{width: 100%;height: 40px;border: 1px solid #dadada;font-size: 14px;color: #5D5D5D;padding: 0 5px;margin-bottom: 10px;}
.mess-box textarea{width: 100%;height: 66px;border: 1px solid #dadada;font-size: 14px;color: #5D5D5D;padding: 0 5px;margin-bottom: 10px;line-height: 25px;}
.mess-box button{width: 100%;font-size: 14px;font-weight:700;text-align: center;border-radius: 5px;color: #fff;height: 50px;cursor: pointer;background-color: #EB6103;}

/*  ==== 在线表单 ==== */
.showbox.list-inline-2 .text{width: 48%;height: 180px;overflow: hidden;}
.showbox.list-inline-2 .text h3{font-size:1.5rem;line-height: 30px;overflow:hidden;margin-bottom:0.5em;}
.showbox.list-inline-2 .img{width: 45%;text-align: center;}
.showbox.list-inline-2 .img img{max-width: 100%;max-height: 100%;object-fit: cover;}

/* ==== 在线表单 ==== */
/* ==== 在线表单 排版 ==== */
.online-mian{width: 100%;overflow: hidden;position: relative;margin-bottom:5rem;z-index:9;}
.con-online{width: 100%;overflow: hidden;text-align: left;}
.con-online .online-right{width: 100%;}
.con-online .online-left{width: 100%;}
.con-online .list-inline-2{width:80%;margin:0 auto;justify-content: space-between;margin-bottom:2em;}

.con-online .list-inline-2 .list-item{width:49%;}
.con-online input, .con-online .selectinput, .con-online textarea {width:100%;font-size:1.25rem;margin-bottom:1rem;padding:0 1rem;}
.con-online input, .con-online .selectinput select{width:100%;font-size:1.25rem;line-height:5rem;height:5rem;}
.con-online .selectinput select option{padding:0;}
.con-online textarea{height:10rem;padding:1rem}

/* ==== 色彩主题  ==== */
.con-online input, .con-online textarea, .con-online .selectinput{background-color:unset;color: #5D5D5D;border: 1px solid #DEDEDE;border-radius:1rem;}
.con-online input::-ms-input-placeholder, .con-online input::-webkit-input-placeholder,
.con-online textarea::-ms-input-placeholder, .con-online textarea::-webkit-input-placeholder{color:#5D5D5D;}
.con-online .selectinput select{border:none;background:none;color:#5D5D5D;}
.bg-lgray .con-online input, .bg-lgray .con-online textarea, .bg-lgray .con-online .selectinput{background-color: #F5F5F5;}
/* ==== 提交按钮  ==== */
.con-botton{z-index: 3;justify-content:center;}
.con-botton.text-left{justify-content: left;}
.con-botton a{padding:1rem 5rem;border: 1px solid #ddd;border-radius:3rem;font-size: 1.25em;cursor: pointer;overflow:hidden;display:block;position: relative;}

.bg-blue .con-botton a, .bg-gray .con-botton a{background:none;color: #FFF;}
.bg-blue .con-botton a:hover, .bg-gray .con-botton a:hover{background:#FFF;color:#EB6103;border-color:#EB6103;}
.bg-white .con-botton a, .bg-lgray .con-botton a{background-color:#EB6103;color: #FFF;}
.bg-white .con-botton a:hover, .bg-lgray .con-botton a:hover{background:#FFF;color:#EB6103;border-color:#EB6103;}

/* ==== lightbox 弹出窗口  ==== */
.lb-data .lb-caption{font-size:1.5rem;line-height:2rem;}
.lb-data .lb-close{margin-top:0.75rem;}
/* ==== 说明内容排版 inn4 左右内容 ==== */
.inn4{overflow: hidden;}
.inn4 .inn4-list ul>.list-inline-2:nth-child(odd){flex-direction: row;}
.inn4 .inn4-list ul>.list-inline-2:nth-child(even){flex-direction: row-reverse;}
.inn4-list ul li.list-inline-2>.list-item{position:relative;padding:0;display:flex;align-items: center;justify-content: center;}
.inn4-list ul li .innimg{text-align: center;background-color: #303E48;}
.inn4-list ul li .innimg img{width:100%;}
.inn4-list ul li .text{width:70%;}
.inn4-list ul li .inntext h3{font-size: 2rem;padding-bottom:1rem;}
.inn4-list ul li .inntext p{font-size: 1.25rem;line-height:2rem;color: #5D5D5D;font-weight:100;}

.bri3-box .list-inline-3{justify-content: space-between;}
.bri3-box .list-inline-3>.list-item{width:33%;}
.bri3-box .list-inline-3 .inntext{font-size:1.25rem;line-height:4rem;background:#303E48;color:#FFF;}

/* ==== 产品参数表排版 paratal ==== */
.paratal{width: 100%;overflow-x: auto;margin-top: 30px;}
.paratal table{width: 100%;font-size: 1.25em;color: #fff;box-sizing: border-box;line-height: 25px;height: 60px;}
.paratal table th{padding: 5px;padding-left: 30px;width: 20%;border-bottom:3px solid #FFF;}
.paratal table td{line-height: 25px;padding: 5px;height: 60px;text-align:center;border-bottom: 1px solid #FFF;}
.paratal table td p{color:#FFF;}

/* ==== 特点展示 图标+文字 icontext 一行展示 左为图标 icon 右为文字 text ==== */
.icontext{margin-bottom:.25rem;flex-wrap:nowrap;}
.icontext .icon .svgimg{fill:#FFF;}
.icontext .text b{padding-right:0.5rem;}
.onshow .icontext .text, .banner-txt .icontext .text{color:#FFF;padding-left:1rem;}

/* ==== 特点展示icon大图 mall-list ==== */
.mall-list ul.list-inline-4{text-align: center;justify-content:space-between;}
.mall-list ul li.list-item{width: 23%;height:15rem;}
.mall-list .icontext{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;}
.mall-list .icontext .icon{border-radius: 50%;display:flex;justify-content:center;align-items: center;padding:2rem;z-index: 99;margin-bottom:-3rem;background-color: #EB6103;}
.mall-list .icontext:hover .icon{transform: rotateY(180deg);}
.mall-list .icontext .text{width:25rem;padding:4rem 1rem 2rem;border-radius:2rem;background-color:#666;}
.mall-list .icontext .text h6{font-size: 1.5rem;color: #EB6103;line-height:3rem;}
.mall-list .icontext .text p{color:#F5F5F5;}

.dia-pic .swiper-container{padding-bottom:5rem;}

/* ==== 滑动动画用切换按钮 ==== */
.bottombut .swiper-pagination{position: relative;margin-top: 2em;}
.bottombut .swiper-pagination-bullet{position: relative;opacity: 1;}
.bottombut .swiper-pagination-bullet::after{content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.bottombut .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;width: 48px;height: 48px;background: transparent;}
.bottombut .swiper-pagination-bullet svg{width: 48px;height: 48px;position: absolute;z-index: 10;left: -1px;top: -1px;transform: rotate(-90deg);}
.bottombut .swiper-pagination-bullet-active.swiper-pagination-bullet .ring {opacity: 1;animation: show100 5s linear;}

/* 多图循环展示标签 */
.swiper-container{position:relative;overflow:hidden;max-width: 100%;z-index: 1;}
.usefor-list .swiper-container{padding-bottom:5rem;}
.swiper-wrapper{height:auto;}
.swiper-slide{overflow:hidden;}
.contain .swiper-pagination{bottom:0;}
.contain .swiper-pagination-bullet{margin: 0 6px;width: 48px;height: 48px;background: transparent;position: relative;opacity: 1;}
.contain .swiper-pagination-bullet::after{content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.bg-white .swiper-pagination-bullet::after, .bg-lgray .swiper-pagination-bullet::after{background-color:rgba(42, 42, 42, .4);}
.bg-white .swiper-pagination-bullet-active::after, .bg-lgray .swiper-pagination-bullet-active::after{background-color: #EB6103;}
.bg-white .swiper-pagination-bullet-active, .bg-lgray .swiper-pagination-bullet-active{border: 1px solid #EB6103;}

.bg-blue .swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, 0);}
.bg-blue .swiper-pagination-bullet::after{background-color: #fff;}
.bg-blue .swiper-pagination-bullet-active.swiper-pagination-bullet::after{background-color: #EB6103;}
.bg-blue .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .8);}


/* 视频弹窗 */
.addup-box{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);left: 0;top: 0;z-index: 99999;opacity: 1;margin: 0 auto;left: auto;right: auto;display: none;}
.addup{width: 1280px;height: 720;margin: 0 auto;;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;}
.upclose{width: 40px;height: 40px;position: absolute;right: 0;top: 0px;z-index: 9;background:#EB6103  url('../images/index/upclose.png') no-repeat center center;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.upclose:hover{background: #EB6103 url('../images/index/upclose.png') no-repeat center center;}
.addup video{width: 100%;}

/* ==== 页面上下页导航 ==== */
.fullpage-PUB{width: 100%;text-align: center;margin: 20px 0;overflow: hidden;}
.fullpage-PUB a{display: inline-block;width: 50px;height: 50px;line-height: 50px;font-size: 1.25em;color: #666;margin: 0 4px;vertical-align: middle;text-align: center;background-color: #FFF;}
.fullpage-PUB a:first-child {background: #F5F5F5 url('../images/public/page-prev.png') center center no-repeat;}
.fullpage-PUB a:last-child {background: #F5F5F5 url('../images/public/page-next.png') center center no-repeat;}
.fullpage-PUB a:hover{background-color: #EB6103;color: #fff;}
.fullpage-PUB a.ontrue{background:#EB6103;color: #fff;}
.fullpage-PUB a:first-child:hover {background: #EB6103 url('../images/public/page-prevH.png') center center no-repeat;}
.fullpage-PUB a:last-child:hover {background: #EB6103 url('../images/public/page-nextH.png') center center no-repeat;}
.fullpage-PUB a.ontrue:hover{background:#EB6103;color: #fff;}

/* ==== 单列工作进度 ==== */
.theprocess .list-inline-7 li.list-item .pub-tit{color:#FFF;position:relative;z-index:999;height:10rem;line-height: 10rem;justify-content: center;align-items: center;}
.theprocess .list-inline-7 li.list-item .pub-tit::before{position:absolute;background:#DEDEDE;content: '';height:8rem;width:8rem;border-radius: 50%;z-index:-1;}
.theprocess .list-inline-7 li.list-item .pub-tit::after{position:absolute;background:#DEDEDE;content: '';height:5px;width:100%;right:0;z-index:-1;}
.theprocess .list-inline-7 li.list-item:first-child .pub-tit::after{width:50%;}
.theprocess .list-inline-7 li.list-item:last-child .pub-tit::after{width:50%;left:0;}
.theprocess .list-item.active .pub-tit::before,.theprocess .list-item.active .pub-tit::after{background:#303E48 !important;}

/*
	后台主题
*/
.page-header.navbar .page-logo{overflow:unset;height:70px;}
.page-header.navbar .page-logo>a{padding:10px 0;}
.page-header.navbar .page-logo img{width:80%;}

.page-admin-all .page-header.navbar{background-color:#303E48;}
.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a, 
.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a{background:#303E48;border-color:#EB6103;}

.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover, 
.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover{background:#EB6103;border-color:#303E48;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
	.Header-sunNav .sunNav-box .sunNav2 .level li span{width:50%;}
}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
	.Header-navbar ul li{padding: 0 20px;}
	header .Header-MenuBox{font-size:1.25rem;width:70%;}
	header .prl2{padding:0 0.5rem;}

	.contain{padding-left:2rem;padding-right:2rem;}

}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
	
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
	.news-hot .list-inline-2 .hotlist .showbox>a.inntext{padding:1rem;}

}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
	header .Header-container, .Container-wrapper .contain{padding-left: 2rem;padding-right:2rem;}
	header .Header-MenuBox{font-size:1.1rem;width:60%;}
	.Header-Menus>li{padding:0;}

	.list-inline-2 .hotlist{width:45%;}
	.list-inline-2 .hotlist .text{width:75%;}
	.list-inline-2 .nhot-pic{width:55%;}
	
	
	.proban-box .probanpic img{height:30rem;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */

	header, section, footer{padding-left:1rem;padding-right:1rem;}
	.ind-banner{padding-left:0;padding-right:0;}
	
	.Header-searchwords{width:25rem;}

	.Footer-navbar>ul{flex-direction: column;}
	.Footer-navbar>ul>li, .Footer-navbar>ul>li.FooterLink4{width:100%;padding-bottom:1rem;margin:0;padding:1rem 0;}
	.Footer-contact{text-align: left;display:flex;flex-direction: row;margin-top:1rem;border-top:1px solid #DEDEDE;}
	.Footer-contact .email,.Footer-contact .phone{width:50%;}
	.Footer-contact .icontext{justify-content: left;}
	.sign-tit{text-align: left;}
	.sign-show ul{justify-content: left;}
	.sign-show ul li{margin-right:1rem;margin-left:0;}

	footer .contain{padding-left:1rem;padding-right:1rem;}
	footer>.list-inline-2{flex-direction:column;}
	footer>.list-inline-2>.list-item{width:100%;}
	footer .Footer-navbar .Footer-navwords{margin-left:0.5rem;flex-direction: row;}
	footer .Footer-navbar .Footer-navwords li{width:33.3%;}
	.Header-sunNav .sunNav-box .sunNav2 .level li span{width:50%;}

	/* 手机汉堡键 */
	header .Header-MenuBox{width:52px;}
	.Header-Menus>li{margin:0 1%;padding:0 1rem;}
	.Header-MenuBox .Header-Menus{opacity: 0;display:none;}
	.Header-Menus>li a.Header-Menua{text-align: left;}

	header .Header-Menu .Header-Menuicon{opacity: 1;display:flex;padding:3rem 1rem;}
	header .Header-Menu .Header-Menuicon .iconmenu{opacity:1;display:flex;}

	header .Header-MenuBox.ontrue .Header-Menus{opacity: 1;display:flex;}
	header .Header-Menu.ontrue .Header-Menuicon .iconmenu{opacity: 0;display:none;}
	header .Header-Menu.ontrue .Header-Menuicon .iconclose{opacity: 1;display:flex;transform:translate(-50%,-50%) rotateZ(180deg);}
	header .Header-Menus{width:100%;padding:1rem;background-color: #F5F5F5;flex-wrap:wrap;flex-direction: column;align-items: normal;
		position:fixed;top:6rem;left:0;
	}
	.Header-MenuBox .Header-Menus li:hover .Header-sunNav{position:static;width:100%;}
	.Header-Menus>li{text-align: left;}
	.Header-Menus>li .Header-sunNav::after{content:none;}
	.Header-Menus>li .Header-sunNav .sunNav-box{padding:0;}
	.Header-Menus>li .Header-sunNav .sunNav-box .sunNav{width:100% !important;}
	.Header-Menus>li .Header-sunNav .sunNav-box .sunNav-img{display:none;opacity: 0;}
	.Header-Menus>li .Header-sunNav .sunNav-box .sunNav2{display:none;opacity: 0;}

	.Header-Menus>li:hover a.Header-Menua{border-bottom: 1px solid #DEDEDE;}
	.Header-Menus>li:hover .Header-sunNav .sunNav-box .sunNav{flex-direction: row;width:100%;}
	.Header-Menus>li:hover .Header-sunNav .sunNav-box .sunNav ul{width:100%;}
	.Header-Menus>li:hover .Header-sunNav .sunNav-box .sunNav li{border:none;line-height: 2rem;}
	
	header .Header-MenuBox .Header-navclick{justify-content: flex-end;}
	

	header .Header-Menus li{font-size:1rem;line-height:3rem;padding-left:1rem;margin:0;align-items: center;border-bottom:1px solid #DEDEDE;position:relative;justify-content: space-between;}
	header .Header-Menus li:hover{background-color: #EB6103;}
	header .Header-Menus li:hover a{color:#FFF;}
	header .Header-Menus li .svgimg{display:block;visibility: visible;position:absolute;right:2rem;top:0;transform: translateY(50%);}
	header .Header-Menus li:hover .svgimg{fill:#FFF;right:1rem;}

	section.banner{padding:0;}
	.contain .contain{width:100% !important;padding-left: 0;padding-right:0;}

	.inn4 .inn4-list ul>.list-inline-2:nth-child(odd),.inn4 .inn4-list ul>.list-inline-2:nth-child(even){flex-direction:column-reverse;}
	.inn4 .inn4-list ul>.list-inline-2>.list-item{width:100%;min-height:12rem;}
	.inn4 .inn4-list ul>.list-inline-2>.list-item>.text{position:static;transform:none;width:90%;padding:2rem 0;}
	
	.float-menu {display:none;}
	.proban-box{padding-top:0;}
	.proban-box .probanpic img{height:25rem;}


	.list-inline-2 .hotlist{width:100%;}
	.list-inline-2 .nhot-pic{width:80%;margin:0 auto;}
	.news-hot>.list-inline-2{flex-direction:column-reverse;}
	.list-inline-2 .hotlist ul{flex-direction:row;flex-wrap: wrap;}
	.list-inline-2 .hotlist .showbox{width:50%;}
	.list-inline-2 .hotlist .showbox .inntext .time{padding:0;width:5rem;}
	.list-inline-2 .hotlist .showbox .inntext .text{width:70%;font-size:1.25rem;line-height:2rem;}
	.news-hot .list-inline-2 .hotlist .showbox>a.inntext{padding:0.5rem;}
	.list-inline-2 .hotlist .text{padding-left:1rem;font-size:1.15rem;line-height: 1.5rem;}
	.list-inline-2 .nhot-pic img{width:100%;height:auto;}

	.list-inline-3>.list-item{width:50% !important;}

	.abo-company .company-left{width:100%;margin-bottom:2rem;}
	.abo-company .company-img{width:100%;}

	.abo-his .his-year{width:100%;height:auto;background:unset;}
	.hismian-box .contain{padding:0;}
	.hismian-box{padding-bottom:0;}
	.hismian-box .hismain{height:auto;padding-bottom:0;}

}

@media all and (max-width:640px) {
	/* 移动终端以上 360 适配 */
	header, header .Header-container{padding-left:0;padding-right:0;}
	header .Header-logo{flex-shrink:unset;margin-left:1rem;width:60rem !important;}
	header .Header-logo a{width:8rem;}
	header .Header-logo a img{max-height:8rem;}
	header .Header-logo .Header-logo-text{font-size:0.85rem;}
	.Header-Menus>li.active>a, .Header-Menus>li.active>a, .Header-Menus li a:hover{text-align: left;}
	
	.Header-Menu .Header-Menuicon, .Header-search .Header-searchicon, .Header-lang .Header-langicon{width:3rem;text-align:center;}
	h3{font-size:1.25rem;line-height: 2rem;}
	.contain{padding-left:1rem;padding-right:1rem;}
	.contain .w80{width:100%;}
	.con-online .list-inline-2{width:100%;padding:0 1rem;}

	.proban-box .probanpic img{height:18rem;}

	.seek_option {flex-direction: column;}

	.bottombut .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:3rem;height:3rem;}
	.Header-searchwords{width:22rem;}
	.Header-langwords, .Header-searchwords{right:0;}

	/*排版*/
	/* ==================== 排版 样式 ==================== */
	.list-inline-2>.list-item{width:100% !important;}
	.list-inline-3>.list-item{width:100% !important;}
	.list-inline-4>.list-item{width:100% !important;}
	
	.banner-txt .icontext.list-inline-2{justify-content: flex-start;}
	.Container-wrapper>.contain{padding-left:1rem;padding-right:1rem;}
	.Container-wrapper, .Footer-wrapper{overflow:hidden;}
	.mt5{margin:3rem 0;}
	.ptb5{padding:2rem 0;}

	.list-inline-2 .hotlist .showbox{width:100%;}
	.list-inline-2 .hotlist .showbox .inntext .time{width:6rem !important;}
	.list-inline-2 .hotlist .showbox .inntext .text{width:80% !important;}
	.list-inline-2 .nhot-pic{padding:0 2rem;}

	footer .Footer-navbar .Footer-navwords li{width:90%;}
	footer .Footer-navbar>ul{flex-direction:row;}
	footer .Footer-navbar>ul>li.list-item{width:50%;}
	.Footer-contact .email, .Footer-contact .phone{width:90%;}
	.Footer-contact{flex-direction: column;}
	.Footer-contact{font-size: 1rem;}
	.Footer-contact .icontext .icon{padding-right:.5rem;}
	.Footer-contact .icontext .icon svg{width:20px;height:20px;padding-top:5px;}
	
}