@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form, textarea {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "Arial Black";
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
img {
	border: 0px;
	display: block;
	margin: 0;
	padding: 0;
}
em, i, strong {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}
* {
	padding: 0px;
	margin: 0px
}
div {
	margin: 0;
	padding: 0;
	border: 0;
}
p {
	margin: 0;
}
b, strong {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
	list-style: none outside none;
}
/*链接*/
a {
	text-decoration: none;
	color: #333;
	background: transparent;
	outline: none
}
a:focus {
	outline: none;
}
a:hover, a:active {
	color: #f8c80f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
/*表单*/
form {
	margin: 0;
}
button, input, select, textarea {
	font-size: 100%; /* Correct font size not being inherited in all browsers. */
	margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
	vertical-align: baseline; /* Improve appearance and consistency in all browsers */
*vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
	text-transform: none;
}
input {
	line-height: normal;
	border: none;
}
/*其它*/
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
code, kbd, pre, samp {
	font-size: 1em;
}
pre {
	margin: 1em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dd {
	margin: 0;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {
	color: #F00 !important;
}
/*清除浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
*zoom:1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*其它*/

.pfont {
	font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
}
/*必须输入，主要*/
.required {
	color: red;
	font-weight: bold;
}
.form_text_verifycode {
	width: 80px;
}
.form_radio {
	width: auto;
	border: 0;
}
.form_checkbox {
	width: auto;
	border: 0
}
/*网站公用样式表*/


.w1200{width:100%;max-width:1740px;padding:0px 70px;margin:0px auto}
.por {
	position: relative;
}
.poa {
	position: absolute;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {
	width: 100%;
	margin: 0;
}
.trans {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
/*top*/

:root{--color:#f8c80f;--fontcolor:#000000;--summarycolor:#666666;--homebg:#0a1d3d;--hometitle:40px;--fontblod5:500;--fontblod6:600;--fontfamily:"Roboto","Lato","Open Sans","Poppins","Oswald","Noto Sans","Montserrat",sans-serif}
@media(max-width:1280px){:root{--hometitle:34px}}
@media(max-width:1024px){:root{--hometitle:28px}}
@media(max-width:768px){:root{--hometitle:24px}}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:10px;background:rgba(122,122,122,.1)}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d7d7d7}
::-webkit-scrollbar{width:8px;height:1px}
*{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{font-family:var(--fontfamily);max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6;overflow-x:hidden;overflow-y:scroll;color:var(--fontcolor);}
.hidden{overflow:hidden}
img.lazy{display:inline-block;opacity:0}
img.lazy,img.tst{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.lazy-load{position:absolute;left:40%;top:40%;width:40px;height:40px;border:2px solid var(--fontcolor);border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite .75s linear}
.lazy-wrap{display:block;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
li,ol,ul{list-style:none}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
@media(max-width:768px){iframe,video{min-height:240px;height:auto}}
button{outline:0;border:none}
.l-wrap{width:100%;max-width:1740px;padding:0px 70px;margin:0px auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rfixed{position:fixed;bottom:calc(200px + constant(safe-area-inset-bottom));bottom:calc(200px + env(safe-area-inset-bottom));right:35px;z-index:99}
.compare-panel{width:280px;background:#FFF;position:fixed;z-index:998;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}
.compare-t{background-color:#f8c80f;font-size:14px;color:#FFF;display:flex;align-items:center;padding:10px;cursor:pointer}
.compare-close{position:relative;width:24px;height:24px;background:0 0;cursor:pointer}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:var(--fontcolor);border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolortitle)}
.item-price{color:#f8c80f}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolortitle);background-color:#ededed;cursor:pointer}
.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:#f8c80f}
.compare-b .orderNow{margin:0px;background:#f66f08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.rfixed-sc{width:40px;height:40px;background:#f8c80f;border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;cursor:pointer;display:none}
.rfixed-sc i{font-size:20px}
.rfixed-scnum{position:absolute;right:16px;top:2px;width:16px;height:16px;background:#e00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}
@media (max-width:768px){
.compare-panel{width:100%;bottom:60px}}
.head-lang{display:flex;align-items:center;justify-content:center}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#999}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#999;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#999;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:0px}
.lang-flex .lang-wrap li a{padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#eee}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.l-wrap,.w1200{padding:0px 15px}
.bottom_main .bottom_nav{display: none;}
.lang{margin-left:auto;margin-right:10px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.mobile-bottom-bag{display:none;position:relative;transition:all 0.1s linear}
.mobile-bottom-bag p{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#111}
.mobile-bottom-bag p em{font-size:30px;color:#111}
.mobile-bottom-bag+.lang{margin-left:0px}
header{position:fixed;left:0px;width:100%;z-index:999;background: rgba(25, 25, 25, 0.8);border-top: solid 3px #f8c80f;}
header.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header.is-active .head-info{height:80px}
header .head-top{background:var(--fontcolor);color:#FFF;height:40px;transition:margin .1s linear}
header .head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-top .head-share{display:flex;align-items:center;height:100%}
header .head-top .head-share ul{display:flex;align-items:center;margin-right:10px;height:100%}
header .head-top .head-share ul li{width:40px;height:100%}
header .head-top .head-share ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s linear;color:#999}
header .head-top .head-share ul li a:hover{color:#FFF}
header .head-top .head-contact{display:flex;align-items:center}
header .head-top .head-contact .item{display:flex;align-items:center;margin-right:20px}
header .head-top .head-contact .item em{color:#f8c80f;margin-right:5px;font-size:20px}
header .head-top .head-contact .item a,header .head-top .head-contact .item span{font-size:14px;color:#999}
header .head-top .head-contact .item a:hover{color:#f8c80f}
header .head-info{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .head-info .l-wrap{max-width:1600px;padding:0px 15px;height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-info .head-logo{max-width:50%;display:flex;align-items:center}
header .head-info .head-logo a{display:inline-flex;align-items:center;color: #f8c80f;font-size: 25px;font-weight: bold;}
header .head-info .head-logo a span{font-weight:var(--fontblod5);font-size:24px;padding-left:10px;color: #f8c80f; text-transform: uppercase;}
header .head-info .head-logo img{width:auto;max-height:80px}
header .head-info .head-nav{height:100%;display:flex;align-items:center}
header .head-info .head-nav .nav-ul{display:flex;height:100%}
header .head-info .head-nav .nav-ul>li{position:relative;height:100%}
header .head-info .head-nav .nav-ul>li>em{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod6)}
header .head-info .head-nav .nav-ul>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#fff;font-weight:var(--fontblod5);padding:0px 18px;transition:all .1s linear;text-transform:uppercase;position:relative;white-space:nowrap;}
header .head-info .head-nav .nav-ul>li>a::after{content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background:#f8c80f;transition:all .2s linear}
header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:#f8c80f}
header .head-info .head-nav .nav-ul>li>a.inmenu_1+em{color:#f8c80f}
header .head-info .head-nav .nav-ul>li>a.inmenu_1::after{width:100%}
header .head-info .head-nav .nav-ul>li:hover>a{color:#f8c80f}
header .head-info .head-nav .nav-ul>li:hover>a::after{width:100%}
header .head-info .head-nav .nav-ul>li:hover>em{color:#f8c80f}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:rgba(248, 200, 15, 0.7);box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>li .submenu li a{display:flex;align-items:center;font-size:16px;height:100%;font-weight:var(--fontblod5);color:#fff;padding-right:30px;border-bottom:1px solid #EAEAEA}
header .head-info .head-nav .nav-ul>li .submenu li em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod5)}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:none}
header .head-info .head-nav .nav-ul>li .submenu li:hover{color: #fff}
header .head-info .head-nav .nav-ul>li .submenu li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover em{color:#fff}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul em{color:#fff}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover em{color:#fff}
.m-menu{display:none}
.search-box{position:relative;display:flex;align-items:center;height:100%}
.search-box form{width: 100%}
.head-search{display:flex;align-items:center;color: #f8c80f;font-weight: bold;}
.head-search button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.head-search button em{font-size:26px;color:#f8c80f;font-weight:var(--fontblod6)}
.search-input{position:absolute;top:100%;right:0px;background:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.1s linear}
.search-input .search-btn:hover{opacity:0.9}
.search-input .search-btn em{font-size:22px;color:#f8c80f}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}

.bottom-btn{display:none}
.gotop{cursor:pointer;height:40px;width:40px;border-radius:50%;position:fixed;bottom:130px;right:35px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gotop.act{opacity:1;visibility:inherit;bottom:150px}
.gotop:hover{background:#c1c1c1}
.gotop em{font-size:16px;font-weight:var(--fontblod5);margin-top:-4px}
@media (max-width:1280px){
header .head-info .head-nav .nav-ul>li>a{padding:0px 15px}
header .head-info .head-nav .nav-ul>li>em{right:15px}
}
@media (max-width:1024px){
body{padding-top:0px}
header .head-info .head-logo a{font-size: 100%}
.head-search{display:none}
.search-input{margin:10px 0;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:4px;overflow:hidden}
.search-input input{flex:1}
header.is-active .head-info{height:60px}
header .head-info .head-logo img{max-height:50px}
header.is-active .head-info .head-nav{top:59px;height:calc(100vh - 59px)}
header .head-top{font-size:14px;height:30px;position:static;transition:all .2s linear;display:none}
header .nav-ul>li .submenu>li em{display:none}
header .head-info{height:60px}
header .head-info .head-logo{width: 100%}
header .head-info .head-logo a span{font-size: 14px}
header .head-info .head-nav{background:rgba(25, 25, 25, 0.8);width:100%;height:calc(100vh - 60px);padding:10px 20px;position:fixed;left:0px;top:60px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:999}
header .head-info .head-nav.head-nav-act{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul{width:100%;height:100%;display:block;flex-direction:column;overflow-y:auto;padding:0px 0px 60px}
header .head-info .head-nav .nav-ul>li{height:auto}
header .head-info .head-nav .nav-ul>li:hover>a,header .head-info .head-nav .nav-ul>li:hover>em{color:#fff}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
header .head-info .head-nav .nav-ul>li.cur>a{color:#f8c80f}
header .head-info .head-nav .nav-ul>li.cur>em{color:#f8c80f;transform:rotateX(180deg)}
header .head-info .head-nav .nav-ul>li>em{width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:8px;right:0px;font-size:18px;font-weight:var(--fontblod5);cursor:pointer;transition:all .1s linear;transform:none;font-weight:var(--fontblod6);color: #fff}
header .head-info .head-nav .nav-ul>li>a{padding:12px 0px;height:auto;justify-content:flex-start;font-size:18px}
header .head-info .head-nav .nav-ul>li>a::after{content:none}
header .head-info .head-nav .nav-ul>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:10px;min-width:inherit}
header .head-info .head-nav .nav-ul>li .submenu li{height:auto}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:0 0}
header .head-info .head-nav .nav-ul>li .submenu li a{border:none;font-weight:400;padding:5px 0px}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:block!important;position:static!important;padding-left:10px;box-shadow:none!important}
.search-box{height:auto;width:100%}
.search-box input{flex:1}
.m-menu{display:block;position:relative;width:40px;height:40px;cursor:pointer}
.m-menu span{position:absolute;background:#f8c80f;width:30px;height:3px;border-radius:4px;right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){top:25%}
.m-menu span:nth-child(2){top:48%}
.m-menu span:nth-child(3){top:73%}
.m-menu.act span{top:48%;width:32px}
.m-menu.act span:nth-child(1){transform:rotate(45deg)}
.m-menu.act span:nth-child(2){width:0px}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}
footer{margin-bottom:calc(60px + constant(safe-area-inset-bottom));margin-bottom:calc(60px + env(safe-area-inset-bottom))}
footer .foot-item{width:50%!important;margin-bottom:20px}
.bottom-btn{position:fixed;bottom:0;background:#fbfbfb;display:flex;align-items:center;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.bottom-btn.bottom-btn-hide{transform:translateY(0);opacity:1;visibility:inherit}
.bottom-btn.bottom-btn-keep{transform:translateY(0)!important;opacity:1;visibility:inherit}
.bottom-btn .btn-item{width:25%;height:60px}
.bottom-btn .btn-item a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111}
.bottom-btn .btn-item em{font-size:24px;height:32px}
.bottom-btn .btn-item p{font-size:14px;text-transform:capitalize}}

/*侧边导航*/
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#banner_main .banner {
	height: 550px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 550px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 50px;
	z-index: 3;
}
#banner .tip span {
	height: 10px;
	margin: 0 2px;
	width: 10px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #f8c80f;
}
#banner .tip span.cur {
	background-color: #f8c80f;
}
#banner #btn_prev, #banner #btn_next {
	width: 28px;
	height: 56px;
	position: absolute;
	top: 40%;
	z-index: 5;
}
#banner #btn_prev {
	background-position: 0 -138px;
	left: 5%;
}
#banner #btn_next {
	background-position: -34px -138px;
	right: 5%;
}
/*banner end*/
.index {
	position: relative;
	z-index: 3;
}
.index .title {
	text-align: center;
	width: 100%;
	background: url(../images/title_line.png) no-repeat center bottom;
	padding-bottom: 30px;
}
.index .title h3 {
	font-size: 24px;
	font-weight: normal;
	display: block;
	line-height: 30px;
	color: #000;
	text-align: center;
}
.index .title h4 {
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
	font-weight: normal;
	line-height: 40px;
}
.index .floor_1_main {
	background: #f5f5f5;
}
.index .floor_1 {
	padding-top: 74px;
	padding-bottom: 74px;
	position: relative;
}
.index .part1 {
	position: absolute;
	left: 0;
	top: -100px;
	width: 1200px;
	height: 250px;
	overflow: hidden;
}
.index .part1 .item {
	width: 400px;
	float: left;
	height: 250px;
	background: #f8c80f;
}
.index .part1 .item a {
	display: block;
	position: relative;
	padding: 40px;
	color: #fff;
}
.index .part1 .item h3 {
	font-size: 18px;
	line-height: 24px;
}
.index .part1 .item h4 {
	color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
	padding-bottom: 16px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.index .part1 .item .shuzi {
	line-height: 20px;
	color: #fff;
	float: left;
	width: 122px;
}
.index .part1 .item .shuzi b {
	text-transform: uppercase;
	font-size: 86px;
	font-weight: bold;
	display: inline-block;
	line-height: 86px;
}
.index .part1 .item span {
	width: 60px;
	height: 54px;
	display: block;
	margin-top: 32px;
}
.index .part1 .it1 span {
	background-position: 0 -30px;
}
.index .part1 .it2 span {
	background-position: -76px -30px;
	width: 46px;
}
.index .part1 .it3 span {
	background-position: -140px -30px;
	width: 52px;
}
.index .part1 .item .txt {
	width: 180px;
}
.index .part1 .item.hover {
	background: #ff5454;
}
.index .part2 {
	/*padding-top: 150px;*/
}
.index .part2 .hd {
	padding: 30px 0;
}
.index .part2 .hd ul {
	margin: 0 auto;
	text-align: center;
}
.index .part2 .hd li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
+display:inline;
+float: left;
	white-space: nowrap;
	word-break: break-all;
}
.index .part2 .hd li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.index .part2 .hd li.on a {
	border: 1px solid #f8c80f;
	background: #f8c80f;
	color: #fff;
}
.index .part2 .bd {
	overflow: hidden;
}
.index .part2 .bd ul {
	padding-top: 3%;
	width: 100%;
}
.index .part2 .bd li {
	width: 380px;
	height: 430px;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
}
.index .part2 .bd li a {
	display: block;
}
.index .part2 .bd li img {
	width: 380px;
	height: 285px;
	display: block;
}
.index .part2 .bd li h3 {
	font-size: 18px;
	text-align: center;
}
.index .part2 .bd li p {
	color: #999;
	padding: 0 46px;
	line-height: 24px;
}
.index .part2 .bd li:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.index .floor_1_main, .index .floor_2_main, .index .floor_3_main, .index .floor_4_main {
	width: 100%;
}
.index .floor_2_main {
	background: #fff;
	overflow: hidden;
}
.index .more {
	width: 150px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #aba8a8;
	display: block;
	margin: 40px auto 0;
	background: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease-out 0s;
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.index .more span {
	display: inline-block;
	width: 40px;
	height: 38px;
	line-height: 38px;
	background: url(../images/icon.png) no-repeat 12px -92px #f8c80f;
}
.index .more:hover {
	background: #f8c80f;
	color: #fff;
	text-indent: 10px;
}
.index .more:hover span {
	color: #fff;
}
.index .floor_2 {
	padding: 60px 0;
	position: relative;
	height: 720px;
}
.index .floor_2 .hdtit {
	padding: 30px 0;
}
.index .floor_2 .hdtit ul {
	margin: 0 auto;
	text-align: center;
+width:280px;
}
.index .floor_2 .hdtit li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
+display: inline;
+float: left;
}
.index .floor_2 .hdtit li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {
	border: 1px solid #f8c80f;
	background: #f8c80f;
	color: #fff;
}
.index .floor_2 .vistbox {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 660px;
}
.index .floor_2 .slideBox {
	position: relative;
	overflow: hidden;
	height: 502px;
}
.index .floor_2 .txtbox {
	padding-top: 25px;
	position: relative;
	z-index: 3;
}
.index .floor_2 .btn {
	width: 160px;
	position: absolute;
	right: 0;
	bottom: 150px;
	z-index: 99;
	background: #fff;
	height: 350px;
}
.index .floor_2 .btn img {
	display: block;
	width: 110px;
	height: 230px;
	margin-left: 50px;
	margin-bottom: 90px;
}
.index .floor_2 .btn span {
	display: inline-block;
	width: 66px;
	height: 30px;
	margin-left: 14px;
	cursor: pointer;
}
.index .floor_2 .btn .sPrev {
	background-position: -204px 0;
}
.index .floor_2 .btn .sNext {
	background-position: -284px 0;
}
.index .floor_2 .btn .cur.sPrev {
	background-position: -204px -40px;
}
.index .floor_2 .btn .cur.sNext {
	background-position: -284px -40px;
}
.transs {
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slidebanner {
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	position: relative;
}
.slidebanner .game163 {
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.slidebanner .bigImg {
	overflow: hidden;
	position: relative;
	width: 992px;
	height: 500px;
}
.slidebanner .bigImg a {
	display: block;
}
.slidebanner .bigImg li {
	position: relative;
}
.slidebanner .bigImg li .img {
	padding-left: 290px;
	width: 700px;
	height: 100%;
}
.game163 .bigImg li img {
	width: 700px;
	height: 350px;
}
.slidebanner .bigImg .txt {
	position: absolute;
	top: 65px;
	left: 0;
	width: 380px;
	height: 438px;
	background: url(../images/redbg.png) repeat left top;
}
.slidebanner .bigImg .txt a {
	padding: 30px;
	color: #fff;
}
.slidebanner .bigImg .txt h5 {
	font-size: 30px;
	display: block;
}
.slidebanner .bigImg .txt s {
	display: block;
	width: 68px;
	height: 1px;
	background: #fff;
	margin: 34px 0;
}
.slidebanner .bigImg .txt p {
	line-height: 24px;
	padding: 12px 0 0;
	height: 222px;
	overflow: hidden;
}
.slidebanner .bigImg .txt span {
	display: block;
	margin-top: 10px;
}
.slidebanner .smallScroll {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 800px;
	height: 126px;
	background: #fff;
	z-index: 10;
}
.slidebanner .smallImg {
	width: 800px;
	position: relative;
	overflow: hidden;
	height: 126px;
}
.slidebanner .smallImg ul li {
	float: left;
	width: 250px;
	height: 126px;
	display: block;
	margin-right: 23px;
	cursor: pointer;
	position: relative;
}
.slidebanner .smallImg ul li img {
	height: 124px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width: 248px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.slidebanner .smallImg ul li.on img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	border: 1px solid #084ab2;
}
.index .floor_3_main {
	background: url(../images/flo3.jpg) no-repeat center top #f5f5f5;
}
.index .floor_3 {
	padding: 80px 0;
	overflow: hidden;
}
.index .part3 {
	
	background: #0185d0;
	position: relative;
}
.index .part3 .img {
	width: 48%;

	position: relative;
	top: -30px;
	margin-left: 25px;
}
.index .part3 .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.index .part3 .img:hover img {
	transform: scale(1.05, 1.05);
}
.index .part3 .txt {
	padding-right: 2%;
	width: 48%;
	padding-top: 3%;
}
.index .part3 .txt a {
	display: block;
	color: #fff;
}
.index .part3 .txt h3 {
	font-size: 24px;
}
.index .part3 .txt h4 {
	font-size: 16px;
	display: block;
	text-transform: uppercase;
}
.index .part3 .txt p {
	padding-top: 45px;
	color:#ffffff;
	padding-bottom: 20px;
}
.index .part3 .txt span {
	width: 68px;
	height: 36px;
	border: 1px solid #f8c80f;
	display: block;
	line-height: 36px;
	text-align: center;
}
.index .part3 .txt span em {
	width: 22px;
	margin: 14px auto 0;
	height: 8px;
	background-position: -60px -100px;
	display: block;
	vertical-align: middle;
}
.index .part3 .txt a:hover span {
	border: 1px solid #fff;
}
.index .part3 .txt a:hover span em {
	background-position: -60px -120px;
}
.index .part4 {
	padding: 80px 0 0;
}
.index .part4 .steps {
	overflow: hidden;
}
.index .steps .bd {
	position: relative;
	padding: 60px 0;
}
.index .steps .bd li {
	float: left;
	width: 180px;
	height: 135px;
	margin-right: 24px;
}
.index .steps .bd li a {
	display: block;
	overflow: hidden;
}
.index .steps .bd li img {
	width: 180px;
	height: 135px;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.index .steps .bd li a:hover img {
	transform: scale(1.08, 1.08);
}
.index .steps .hd {
	position: relative;
}
.index .steps .hd ul {
	text-align: center;
}
.index .steps .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 14px;
	cursor: pointer;
	background: #999;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	font-size: 0;
}
.index .steps .hd li.on {
	background: #f8c80f;
}
.index .floor_4 {
	padding: 60px 0;
}
.index .floor_4 .textlist .list {
	width: 108%;
}
.index .floor_4 .textlist {
	position: relative;
	overflow: hidden;
	padding-top: 40px;
}
.index .textlist li {
	float: left;
	width: 590px;
	height: 160px;
	margin-right: 20px;
	transition: all 0.2s linear 0s;
	margin-bottom: 20px;
	background: #f7f7f7;
}
.index .textlist li a {
	display: block;
	padding: 35px 20px;
}
.index .textlist li .img {
	width: 120px;
	height: 90px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.index .textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.index .textlist li a:hover img {
	transform: scale(1.2, 1.2);
}
.index .textlist li .txt {
	width: 390px;
}
.index .textlist li h3 {
	font-size: 18px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.index .textlist li a:hover h3 {
	color: #f8c80f;
}
.index .textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #999;
	cursor: pointer;
	font-size: 12px;
	padding-top: 10px;
}
.index .textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}
.nybanner {
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/nybanner.jpg);
}
.wrapper {
	position: relative;
}
.subleft {
	width: 240px;
	position: relative;
	padding-top: 41px;
}
.subleft .toptitle {
	width: 188px;
	height: 45px;
	background: #0459c7;
	color: #fff;
	padding: 40px 26px;
	position: absolute;
	top: -84px;
}
.subleft .toptitle h3 {
	border-bottom: 1px solid #d64e4e;
	color: #f9f9f9;
	font-weight: bold;
	font-size: 26px;
	display: block;
	line-height: 44px;
}
.subleft .toptitle h4 {
	font-size: 16px;
	font-family: arial;
	text-transform: uppercase;
}
.subleft .cont {
	padding: 14px;
	background: #f8c80f;
}
.subleft .cont li {
	border-bottom: 1px solid #0185d0;
	line-height: 44px;
}
.subleft .cont li a.sub1 {
	display: block;
	padding-left: 14px;
	color: #fff;
	transition: all 0.3s ease-out 0s;
}
.subleft .cont li a.sub1:hover, .subleft .cont li.hover a.sub1 {
	background:#0185d0;
	padding-left: 26px;
}
.subleft .cont li .box {
	padding: 5px 0 0 15px;
	display: none;
}
.subleft .cont li .box a {
	color: #fff;
	font-size: 15px;
	display: block;
	line-height: 30px;
	padding: 0;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.subleft .cont li .box a.hover, .subleft .cont li .box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.subleft .cont li:hover .box, .subleft .cont li.hover .box {
	display: block;
}
.leftRecomm {
	padding: 25px 0 0;
}
.leftRecomm .title {
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	color: #f8c80f;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
}
.leftRecomm .title a {
	color: #f8c80f;
}
.leftRecomm .item {
	width: 110px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 20px;
}
.leftRecomm .item a {
	width: 100%;
	display: block;
}
.leftRecomm .item img {
	width: 110px;
	height: 82px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	border-radius: 3px;
	display: block;
}
.leftRecomm .item h3 {
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.leftRecomm .item:hover img {
	-webkit-filter: brightness(110%);
	filters: brightness(110%);
}
.leftRecomm .newslist li {
	line-height: 34px;
	height: 34px;
	overflow: hidden;
}
.leftRecomm .newslist li a {
	display: block;
	width: 100%;
	text-align: left;
}
.subright {
	width: 930px;
}
.subright .t {
	padding: 0 0 25px;
	color: #f8c80f;
	font-size: 20px;
}
.subright .t2 {
	color: #f8c80f;
	font-size: 30px;
	display: block;
	padding: 30px 0;
}
.sitepath {
	line-height: 49px;
	color: #88848b;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 28px;
}
.sitepath .home {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-position: -100px -100px;
	margin-right: 20px;
}
.sitepath a {
	color: #88848b;
	display: inline-block;
	white-space: nowrap;
}
.sitepath a:hover {
	color: #ff0505;
}
.productlist {
	position: relative;
}
.productlist .list {
	padding-top: 10px;
	width: 100%;
}
.productlist .item {
	width: 290px;
	height: 350px;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border-bottom: 1px solid #e5e5e5;
}
.productlist .item a {
	display: block;
}
.productlist .item img {
	width: 290px;
	height: 217px;
	display: block;
}
.productlist .item h3 {
	font-size: 18px;
	padding: 20px 20px 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.productlist .item p {
	color: #999;
	padding: 0 20px;
	line-height: 24px;
}
.productlist .item:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.caselist {
	position: relative;
}
.caselist .list {
	padding-top: 10px;
	width: 100%;
}
.caselist .item {
	width: 290px;
	height: 280px;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border-bottom: 1px solid #e5e5e5;
}
.caselist .item a {
	display: block;
}
.caselist .item img {
	width: 290px;
	height: 145px;
	display: block;
}
.caselist .item h3 {
	font-size: 18px;
	padding: 16px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.caselist .item p {
	color: #999;
	padding: 0 16px;
	line-height: 24px;
}
.caselist .item:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.honorlist {
	position: relative;
}
.honorlist .list {
	padding-top: 10px;
	width: 100%;
}
.honorlist .item {
	width: 290px;
	height: 265px;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border-bottom: 1px solid #e5e5e5;
}
.honorlist .item a {
	display: block;
}
.honorlist .item img {
	width: 290px;
	height: 217px;
	display: block;
}
.honorlist .item h3 {
	font-size: 16px;
	padding: 10px;
	text-align: center;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.honorlist .item:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.newslist {
	padding: 0;
}
.newslist .item {
	width: 100%;
	display: block;
	margin-bottom: 28px;
	background: #f7f7f7;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item a {
	display: block;
	padding: 20px;
}
.newslist .item .img {
	width: 150px;
	height: 112px;
	overflow: hidden;
}
.newslist .item .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newslist .item a:hover .img img {
	transform: scale(1.1, 1.1);
}
.newslist .item .txt {
	width: 715px;
}
.newslist .item .txt h3 {
	color: #000;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item .txt p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.newslist .item a:hover .txt h3 {
	color: #f8c80f;
}
.newslist .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.singlepage {
	position: relative;
	overflow: hidden;
	color: #666;
}
.singlepage .cont img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.singlepage .cont .desc {
	padding-top: 40px;
}
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 48%;
	height: 56px;
	line-height: 56px;
	border: 1px solid #e5e5e5;
	margin-right: 2%;
	margin-bottom: 45px;
	position: relative;
}
.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	color: #cccccc;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px;
}
.formData .item .txt {
	width: 355px;
	height: 56px;
	line-height: 56px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #999;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}
.formData .item.mr0 {
	margin-right: 0;
}
.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 98%;
	height: 260px;
	border: 1px solid #e5e5e5;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width: 100%;
	height: 234px;
	line-height: 35px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width: 232px;
	line-height: 58px;
	margin-right: 2px;
	text-align: center;
	background: #f8c80f;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;margin: 0 auto;
}
.formData .sub:hover {
	background: #1958c7;
	transform: translate3d(0px, -6px, 0px);
}
.formData .yzm {
	width: 432px;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 0;
	top: 0;
	height: 56px;
	border: 0px;
	display: block;
}
.arecttitle {
	border-bottom: 1px dotted #ddd;
	text-align: center;
}
.arecttitle h1 {
	font-size: 28px;
	line-height: 30px;
	color: #000;
	margin-bottom: 5px;
}
.arecttitle .mark {
	width: 100%;
	padding: 5px 0 10px;
}
.arecttitle .mark span {
	display: inline-block;
	padding-left: 5px;
	font-size: 12px;
	color: #666;
}
.arecttitle .mark span:first-child {
	padding-left: 0;
}
.showContxt {
	padding: 20px 0;
}
.showContxt img {
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}
/* reLink*/
.reLink {
	width: 100%;
	margin: 20px 0 10px;
	line-height: 60px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 60px;
	color: #333333;
}
.reLink .nextLink {
	text-align: right;
}
.reLink a {
	font-size: 16px;
}
.reLink a:hover {
	color: #f8c80f;
}
/*底部信息*/
.bottom_main {
	width: 100%;
	padding-bottom: 20px;
	background-color: #151515;
}
.bottom_main .links {
	padding: 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #d2d2d2;
}
.bottom_main .links span {
	color: #f8c80f;
	font-weight: bold;
	display: inline-block;
}
.bottom_main .links a {
	display: inline-block;
	font-size: 14px;
	color: #999;
	padding-right: 10px;
}
.bottom_main .links a:hover {
	color: #f8c80f;
}
.bottom_main .bottom_nav {
	width: 760px;
	
	margin-top: 32px;
}
.bottom_main .bottom_nav ul {
	width: 180px;
	text-align: left;
	float: left;
}
.bottom_main .bottom_nav ul li h3 {
	padding-bottom: 8px;
}
.bottom_main .bottom_nav ul li h3 a {
	display: block;
	font-size: 16px;
	color: #f8c80f;
	padding-bottom: 8px;
}
.bottom_main .bottom_nav ul li h3 i {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #cccccc;
}
.bottom_main .bottom_nav ul li a {
	display: block;
	font-size: 12px;
	color: #999;
}
.bottom_main .bottom_nav ul li a:hover {
	color: #f8c80f;
}
.bottom_main .bottom_tit {
	padding-top: 40px;
	text-align: right;
}
.bottom_main .bottom_tit .r1 {
	float: left;
	width: 100px;
}
.bottom_main .bottom_tit .r2 {
	float: left;
	padding-left: 60px;
	text-align: left;
}
.bottom_main .bottom_tit .r1 p {
	width: 100px;
	text-align: center;
	float: left;
}
.bottom_main .bottom_tit .r1 p img {
	width: 100px;
	height: 100px;
	border: #d2d2d2 solid 1px;
}
.bottom_main .bottom_tit .r1 p span {
	font-size: 12px;
	color: #999;
	display: block;
	padding-top: 10px;
	line-height: 20px;
}
.bottom_main .bottom_tit .r2 li {
	display: block;
	clear: left;
	height: 65px;
}
.bottom_main .bottom_tit .r2 li img {
	width: 50px;
	height: 50px;
	float: left;
}
.bottom_main .bottom_tit .r2 li p {
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	padding-left: 12px;
	text-align: left;
	padding-top: 0px;
}
.bottom_main .bottom_tit .r2 li p span {
	margin-top: 2px;
	font-size: 26px;
	font-family: "Arial";
	color: #333;
	display: block;
	font-weight: bold;
}
.bottom_copy {
	height: 48px;
	background-color: #f5f5f5;
	border-top: 1px solid #d2d2d2;
	line-height: 48px;
	font-size: 12px;
	color: #999;
}
.bottom_copy span {
	padding-left: 10px;
}
.bottom_copy a {
	display: inline-block;
	font-size: 12px;
	color: #999;
}
.bottom_copy a:hover {
	color: #f8c80f;
}
/* mapPage */
.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%;
}
.map_ul li {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
+margin-bottom:10px;
}
.map_ul li a {
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	display: block;
	background: #e7e7e7;
	text-indent: 15px;
}
.map_ul .list-inline {
	display: block;
	width: 86%;
}
.map_ul .list-inline li {
	height: 32px;
	display: inline-block;
*display: inline;
	margin: 0 5px 15px 0;
	zoom: 1;
	line-height: 32px;
	border-bottom: 0;
	text-align: center;
	width: auto;
	padding: 0px;
+margin:15px 5px 15px 0;
}
.map_ul .list-inline li a {
	font-weight: normal;
	display: block;
	text-indent: 0;
	line-height: 32px;
	height: 32px;
	display: inline-block;
	width: auto;
	padding: 0px 10px;
	width: auto;
	border: 1px solid #ccc;
}
.map_ul .list-inline li a:hover {
	background: #ff0505;
	color: #fff;
	border: 1px solid #ff0505;
}
.zhizao .goback {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 2%;
	top: 2%;
	background: url(../images/guan.jpg) no-repeat center;
}
#footer_main .yyzz {
	padding-left: 10px;
}
/*#gotop{position:fixed;bottom:5%;right:2%;width: 50px;height: 50px;background: url(../images/gotop.png) no-repeat;z-index: 99;display: block;}
*/
.float-right-box {
	width: 250px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
}
.float-right-box.on {
	width: 50px;
}
.float-right-box .top-list {
	width: 100%;
}
.float-right-box .top-list ul {
	width: 100%;
}
.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #3b3b3b;
	transition: background 0.3s ease 0s;
	height: 50px;
}
.float-right-box .top-list a {
	display: block;
	width: 100%;
}
.float-right-box .top-list .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}
.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #191919;
}
.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #191919;
}
.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #191919;
}
.float-right-box .top-list .ico4 {
	background: url(../images/ico_61.png) no-repeat center #191919;
}
.float-right-box .top-list .ico5 {
	background: url(../images/ico_62.png) no-repeat center #191919;
}
.float-right-box .top-list .ico6 {
	background: url(../images/ico_68.png) no-repeat center #191919;
}
.float-right-box .top-list .ico7 {
	background: url(../images/ico_69.png) no-repeat center #191919;
}
.float-right-box .top-list .stt {
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	transition: color 0.3s ease 0s;
	position: absolute;
	left: 28px;
	top: 0;
	z-index: 1;
	width: 222px;
	cursor: pointer;
}
.float-right-box .top-list li:hover .stt {
	color: #15191e;
}
.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6 {
	background: url(../images/ico_68_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7 {
	background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover {
	background-color: #fff;
}
.float-right-box .top-list .return-webtop .stt {
	font-family: "Arial";
	font-weight: bold;
}
.float-right-box .bot-share {
	position: relative;
	height: 50px;
}
.float-right-box .bot-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}
.float-right-box .bot-share .share {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.float-right-box .bot-share .sina {
	background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .more {
	background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share a:hover {
	background-color: #525354;
}
.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.float-right-box .top-list li .weix {
	position: relative;
}
.float-right-box .sidebox {
	position: absolute;
	right: 250px;
	top: 0;
	transition: all 0.1s ease 0s;
	width: 120px;
	z-index: 10;
	display: none;
	background: #191919;
}
.float-right-box .sidebox img {
	width: 110px;
	height: 110px;
	display: block;
	margin: 5px auto;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@font-face {
	font-family: ADELE;
	src: url("../font/ADELE.eot");
	src: url("../fonts/adele.eot") format("eot"), url("../fonts/adele.ttf") format("truetype");
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}
.HS10 {
	height: 10px;
}
.HS15 {
	height: 15px;
}

.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.FlLeft {
	float: left;
}
.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 920px;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 920px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	cursor: url(../images/CurL.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	cursor: url(../images/CurR.cur), auto;
	background: url(../images/space.png) repeat scroll 0 0 transparent;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 920px;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 755px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 5px;
	width: 135px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #f8c80f;
}
/*↑组图样式↑*/

/*头部中英双语*/
.top_menu {
	font-size: 12px;
	width: 100%;
	height: 34px;
	background-color: #fdfdfd;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
}
.top_name {
	display: inline-block;
	padding-top: 3px;
}
.top_lang {
	float: right;
	height: 34px;
	padding: 3px 10px 0px 10px;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 769px) {
.container {
	width: 750px;
}
}
@media (min-width: 992px) {
.container {
	width: 970px;
}
}
@media (min-width: 1200px) {
.container {
	width: 1170px;
}
}
.top_lang img {
	vertical-align: middle;
	display: -webkit-inline-box;
}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 3px 11px;  border: 1px solid #e2e2e2;float: left;font-size:12px}
.ab_pages ul a:first-child{ border-right:0}
.ab_pages ul a:first-child:hover{ border-right:0}
.ab_pages ul a:last-child{ border-left:0}
.ab_pages ul a:last-child:hover{  border-left:0}
.ab_pages ul a.page-num-current{ background:#333; color:#fff; border:1px solid #333}
.ab_pages ul a:hover{ background:#333; color:#fff; border:1px solid #333}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}

.flie {
	padding: 30px 0;
}
.flie ul  {
	margin: 0 auto;
	text-align: center;
}
.flie ul li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
+display:inline;
+float: left;
	white-space: nowrap;
	word-break: break-all;
}
.flie ul li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.flie ul li.on a {
	border: 1px solid #f8c80f;
	background: #f8c80f;
	color: #fff;
}

.home-case{padding-bottom: 1%}
.home-case #swiper-news{padding:0px 30px;margin-top:3%}
.home-case .news-item-slide .swiper-slide{border-radius:4px;position:relative}
.home-case .news-item-slide .swiper-slide:hover .content{opacity:1;visibility:inherit;margin-top:0px}
.home-case .news-item-slide .swiper-slide .content{text-align: center;}
.home-case .news-item-slide .pp{font-size: 16px;color: #ffce0f;font-weight: bold;line-height: 2}
.home-case .news-item-slide.text{color:#333;text-align:center;font-size:14px;font-weight:var(--fontblod5)}
.home-case .news-item-slide .swiper-slide .content .more{margin-top:30px;width:49px;height:49px;background:rgba(0,146,255,0);border:1px solid #FFF;border-radius:25px;color:#FFF;font-size:24px;display:flex;align-items:center;justify-content:center}
.home-case .homecase-pagination{margin-top:30px;text-align:center}
.home-case .homecase-pagination .swiper-pagination-bullet{width:36px;height:3px;background:#253745;border-radius:3px;transition:all .1s linear}
.home-case .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#7fbe25}
/* home-product */
.home-product{background-color:#eff2f7;padding: 2% 0px}
.home-product .l-wrap .theme{text-align:center}
.home-product .l-wrap .title{text-align:center}
.home-product .l-wrap .product{margin-top:4%}
.home-product .l-wrap .product .pro-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0px}
.home-product .l-wrap .product .pro-list .item{list-style:none;width:22.875%;background-color:#FFF;border-radius:var(--border);border-bottom:4px solid var(--color);box-shadow:0 4px 13px 0 rgba(17,26,58,0);transition:all .2s ease;margin-bottom:2em;overflow:hidden}
.home-product .l-wrap .product .pro-list .item .img{width:100%;overflow:hidden;position:relative}
.home-product .l-wrap .product .pro-list .item .img img{transform:scale(1);transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item .text{box-sizing:border-box;padding:6% 4%;border-top:1px solid #EEE}
.home-product .l-wrap .product .pro-list .item .text .name{margin:0px;font-size:18px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item .text .merchandise{color:var(--summarycolor);margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-product .l-wrap .product .pro-list .item .text .btn{padding:4px 0px;border-radius:var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--summarycolor);text-transform:lowercase;position:relative;z-index:1;overflow:hidden}
.home-product .l-wrap .product .pro-list .item .text .btn em{margin-left:4px;transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item:hover .text .btn em{color:#FFF}
.home-product .l-wrap .product .pro-list .item:hover img{transform:scale(1.05)}
.home-product .l-wrap .product .pro-list .item:hover .name{color:var(--color)}
.home-product .l-wrap .product .pro-list .item .text .btn::after{content:'';display:inline-block;position:absolute;border-radius:var(--border);z-index:-1;width:0%;height:110%;top:0px;left:0px;background-color:var(--color);transition:all .2s ease}
.home-product .l-wrap .product .pro-list .item:hover .text .btn::after{width:110%}
.home-product .l-wrap .product .pro-list .item:hover .text .btn{color:#FFF;padding:4px 10px}
.home-product .l-wrap .product .pro-list .item .icon-videoplay{position:absolute;top:50%;left:50%;transform:translate(-36%,-50%);width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:1;border-radius:50%;background-color:rgba(0,0,0,.5);color:#FFF}
.con_map{width:100%;border:2px solid #da251c;margin-top:30px;}
.mapContent{width:100%;height:500px;}
.con_map img {max-width:initial}
.contact-map-focus {  position: fixed; top: 300px;  left: 15px;  width: 35px; height: 35px;  opacity: 0; background: url(../images/map_focus.png) no-repeat; background-size: 35px 35px; z-index: 1; cursor: pointer;}
.BMap_stdMpPan{ top: 88px;}
.BMap_stdMpZoom{ top: 133px !important;}
  
.BMap_bubble_content{ padding: 5%; font-size: 18px; line-height: 24px;}
.BMap_bubble_content span{ font-size: 15px; margin-top: 5px; display: block;}
.aboutblue{padding-bottom: 2%}
.aboutblue .title p{font-size:24px;color:var(--fontcolor);font-weight:var(--fontbold5);margin:0px;text-transform:capitalize}
.aboutblue.title::after{content:'';display:inline-block;width:83px;height:3px;background-color:var(--color)}


@media (max-width:1500px){

.home-case .news-item-slide .swiper-slide .content .text{font-size:16px}
.home-case .news-item-slide .swiper-slide .content .more{width:40px;height:40px}

.home-product .l-wrap .product .pro-list .item .text{padding:10px}}

@media (max-width:768px){
.home-about,.home-adv,.home-case,.home-hotproduct,.home-mainproduct,.home-news{padding:30px 0px}

.index .part3 .img.fl,.index .part3 .txt.fr{float: none;width: 98%;margin: 0px;padding: 1%;}
.index .floor_3_main{background: none;}
.home-product .l-wrap .product .pro-list .item{width:48%;margin-top:20px}
.home-product .l-wrap .product .pro-list{flex-wrap:inherit}
.home-product .l-wrap .product .swiper-pagination{bottom:0px}
.home-product .l-wrap .product .pro-list .item .icon-videoplay{width:30px;height:30px}
}