blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.8 arial, tahoma, "times new roman", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;
    color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

b,
cite,
code,
em,
i,
small,
th {
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
}

fieldset,
iframe,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    background: none;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit
}

button,
input[type=button],
input[type=submit] {
    cursor: pointer
}

button::-moz-focus-inner,
button::-moz-focus-outer,
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0 none;
    padding: 0;
    margin: 0
}

input[type=search] {
    -webkit-appearance: textfield
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input::-ms-clear {
    display: none
}

textarea {
    resize: vertical;
    overflow-y: auto
}


::-moz-selection {
    background: #d76c00;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #d76c00;
    color: #fff;
    text-shadow: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a:active,
a:hover {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}
@font-face {
    font-family: 'GOTHIC';
    src: url('../css/GOTHIC.eot');
    src: url('../css/GOTHIC.eot') format('embedded-opentype'),
         url('../css/GOTHIC.woff2') format('woff2'),
         url('../css/GOTHIC.woff') format('woff'),
         url('../css/GOTHIC.ttf') format('truetype'),
         url('../css/GOTHIC.svg#GOTHIC') format('svg');
}
@font-face {
    font-family: 'GOTHICB';
    src: url('../css/GOTHICB.eot');
    src: url('../css/GOTHICB.eot') format('embedded-opentype'),
         url('../css/GOTHICB.woff2') format('woff2'),
         url('../css/GOTHICB.woff') format('woff'),
         url('../css/GOTHICB.ttf') format('truetype'),
         url('../css/GOTHICB.svg#GOTHICB') format('svg');
}
.ff-1{
	font-family: 'GOTHIC';
}
.ff-2{
	font-family: 'GOTHICB';
}
.wmtr {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
}
.na{
	cursor: default;
}
.container{
	min-height: 100px;
	background: #f5f5f5;
}
.pw {
    width: 1280px;
    max-width: 90%;
    margin: 0 auto;
 }
.pw2 {
    width: 1400px;
    max-width: 90%;
    position: relative;
    margin: 0 auto;
 }
.pw3 {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto;
}
.pw4 {
    width: 1100px;
    max-width: 90%;
    margin: 0 auto;
}
.header{ 
	position: fixed;
	top: 0; 
	left: 0; 
	right: 0; 
	z-index: 1005; 
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	        box-shadow: 0 0 5px rgba(0,0,0,.5);
	height: 80px;
	}
.menuBox{
	position:fixed;
	width:320px;
	top:0;
	right:-320px;
	height:100%;
	background:#f5f5f5;
	z-index:1004;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display:none;
	}
.menuBlack{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1003;
	background: rgba(0, 0, 0, .5);
}
.logo{ 
	display:block; 
	}
.lgImg{ 
	display:block; 
	width:100%;
	height: 50px;
	}
.pic,
.pic2{ 
	display:block; 
	overflow:hidden; 
	position:relative; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
.pic > img{ 
	display:block; 
	width:100%; 
	transition:600ms; 
	-webkit-transition:600ms; 
	}
.pic2 > img{
	display:block; 
	width:100%; 
	}
.nowti{ 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	line-height: 1.4; 
	}
.now{ 
	white-space: nowrap; 
	overflow: hidden; 
	line-height: 1.4; 
	}
.freeTx{ 
	text-align: justify;
	overflow: hidden;
	position: relative;
	line-height: 2;
	}
.freeTx img{  
	max-width:100%; 
	vertical-align: bottom;
	}
.tx{ 
	text-align: justify; 
	overflow: hidden; 
	line-height: 24px; 
	}
.e,
.c{ line-height: 1; }
.ti,
.name,
.ch{ 
	line-height:1.4; 
	}
.en{ 
	line-height:1; 
	}
.ttu{ text-transform:uppercase; }
.fwb{ font-weight: bold; }
.rel{ position:relative; }
.l{ float:left; }
.r{ float:right; }
.tac{ text-align: center; }
.fsi{ font-style: italic; }
.brc{ border-radius: 100%; }
.ico,
.aw{
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	}
.line{ display: block; }
.fixbg{ 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment: fixed; 
	}
.psfixbg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	z-index: -1;
}
.fib{ 
	letter-spacing: -6px;
	}
.pager{ 
	text-align: center; 
	letter-spacing: -6px;
	}
.ib,
.pager a{ 
	display: inline-block;
	vertical-align: middle; 
	letter-spacing: 0;
	font-size: 28px;
	}
.mcv{  
	line-height: 50px; 
	text-align: center; 
	cursor: pointer; 
	display: none; 
	font-size: 28px;
	} 
.caret { 
	display: inline-block; 
	width: 0px; 
	height: 0px; 
	margin-left: 10px; 
	vertical-align: middle; 
	border-top: 4px solid; 
	border-right: 4px solid transparent; 
	border-left: 4px solid transparent; 
	}
.aico{ display: block; background: url('../images/aicos.png'); }
.bico{ display: block; background: url('../images/bicos.png'); }
.cico{ display: block; background: url('../images/cicos.png'); }
.dico{ display: block; background: url('../images/dicos.png'); }
/*video style*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/

/* winxin */
.popUpblack{ background:url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 5px solid #0093dd; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #fff; font-weight: bold; border-bottom: 1px solid #0093dd; background: #0093dd; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #fff; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/* winxin end */

/* menuBtn */
.mtrans, .mtrans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.mtrans-fast, .mtrans-fast:hover { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; background: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #707070; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } 
/* menuBtn end */

/* slick */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots{ font-size:0; text-align:center; }
.slick-dots li{ width:11px; height:11px; background: #c3c2b9; border-radius:100%; margin:0 6px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.slick-dots li a{ display:block; width:100%; height:100%; }
.slick-dots li.slick-active,.slick-dots li:hover{ background:#df2128;  }
/* slick end */

/* animation */
@-webkit-keyframes phoneRotate { 
	from, to { -webkit-transform: none; transform: none; }
  	20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
 	60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 
	}
@keyframes phoneRotate { 
	from, to { -webkit-transform: none; transform: none; }
  	20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
 	60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 
	} /* 电话颤抖 animation: phoneRotate .5s 3; */
@-webkit-keyframes phoneJump { 
	from, to { -webkit-transform: none; transform: none; }
  	50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); } 
	}
@keyframes phoneJump { 
	from, to { -webkit-transform: none; transform: none; }
  	50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); } 
	} /* 电话数字 animation: phoneJump .5s 1; */
@-webkit-keyframes _cyLogoShow { 
	0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
  	10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
  	20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
  	30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
  	40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
  	50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
  	60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
  	70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
  	80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
  	90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
  	100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); } 
	}
@keyframes _cyLogoShow { 
	0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
  	10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
  	20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
  	30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
  	40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
  	50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
  	60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
  	70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
  	80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
  	90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
  	100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); } 
	} /* logo 闪光 */
/* .header .logo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.header .logo:hover:before { animation: _cyLogoShow .8s 1; } */
@-webkit-keyframes logoShow { 
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } 
   }
@keyframes logoShow { 
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } 
   } /* 抖一抖的效果 animation: logoShow .5s 1; */
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */
@-webkit-keyframes fadeInUp { 
	from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp { 
	from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 下出现效果 */
@-webkit-keyframes fadeInDown { 
	from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown { 
	from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 上出现效果 */
@-webkit-keyframes fadeInRight { 
	from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight { 
	from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 右出现效果 */
@-webkit-keyframes fadeInLeft { 
	from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft { 
	from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 左出现效果 */
@-webkit-keyframes reveal-v {
  0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; } 
}
@keyframes reveal-v {
  0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; } 
} /* 垂直出现遮盖层 */
@-webkit-keyframes reveal-l {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; } 
}
@keyframes reveal-l {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; } 
} /* 水平出现遮盖层 */
@-webkit-keyframes lightSpeedIn { 
	from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
	80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
	to { -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes lightSpeedIn { 
	from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
	80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
	to { -webkit-transform: none; transform: none; opacity: 1; }
} /* 倾斜出现 */
@-webkit-keyframes fadeDown{
	0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
	100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
}
@keyframes fadeDown{
	0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
	100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
} /* 上到下消失 */
@-webkit-keyframes fadeRight{
	0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
	100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
}
@keyframes fadeRight{
	0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
	100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
} /* 左到右消失 */
/* animation end */


@charset "utf-8";
/* 
 * Project Name: tequ
 * Author: xixi
 * Date：2018-04-20
 */
.logo{ float: left; margin-top: 14px; width: 193px; }
.nav{ float: left; margin-left: 9%; line-height: 24px; }
.nav li{ float: left; position: relative; }
.nav li > a{ display: block; position: relative; z-index: 1; padding: 28px 18px; background: #fff; color: #333; font-weight: bold; font-size: 20px; }
.nav li > a.act{ background: #df2128; color: #fff; }
.tnav{ position: absolute; left: 0; right: 0; top: 100%; padding: 10px 0 20px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.tnav > a{ display: block; padding: 8px 5px; color: #666; line-height: 1.4; text-align: center;  }
.nav li:hover .tnav{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; }
.header .r{ padding-top: 24px; line-height: 32px; font-size: 12px; font-weight: bold; }
.h-link a{ display: inline-block; vertical-align: middle; width: 108px; height: 32px; overflow: hidden; background: #eaeaea; border-radius: 32px; color: #666; text-align: center; }
.h-link i{ display: inline-block; vertical-align: middle; }
.h-link .aico{ width: 15px; height: 15px; margin-right: 10px; background-position: -185px -75px; }
.h-lang,
.h-link{ float: left; }
.h-lang a{ float: left; width: 32px; height: 32px; border-radius: 100%; background: #eaeaea; overflow: hidden; text-align: center; color: #df2128; }
.h-lang a.act{ background: #df2128; color: #fff; }
.h-lang a + a{ margin-left: 8px; }
.h-lang{ margin-left: 15px; }
.mtop{ height: 80px }
.banner-fix{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
.banner-fix .cover{ display: none; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: url('../images/ix_bg.png'); }
.banner-ctt{ position: relative; margin-top: 80px; }
.banner{ position: relative; height: 100%; overflow: hidden; }
.banner .item{ position: relative; overflow: hidden; }
.banner .pic2{ position: absolute; top: 0; left: 0; }
.banner .slick-active .pic2 img{ -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.bannertxts{ position: absolute; left: 0; right: 0; bottom: 35%; margin-bottom: 75px; padding: 0 5%; color: #fff; }
.bannertxts .img img{ display: inline-block; vertical-align: bottom; }
.bannertxts .ch{ margin-top: 25px; font-size: 60px; }
.bannertxts .en{ margin-top: 20px; font-size: 18px; line-height: 1.4; }
.banner .slick-dots{ position: absolute; left: 0; right: 0; bottom: 35%; z-index: 59; }
.banner .slick-dots li{ width: 6px; height: 6px; margin: 0 5px; background: #fff; border: 2px solid #fff; }
.banner .slick-dots li.slick-active,
.banner .slick-dots li:hover{ background-color: transparent; }
.banner-line{ position: absolute; left: 50%; margin-left: -250px; bottom: 35%; margin-bottom: 35px; width: 500px; height: 1px; background: #fff; }
.banner-line .line{ position: absolute; top: 0; bottom: 0; left: 0; background: #df2128; width: 100%; }
.ix-main{ position: relative; z-index: 9; margin-top: -60px; padding: 5.83% 0 4.69% 0; background: #fff; min-height: 1000px; }
.banner-mouse{ position: absolute; top: -15px; left: 50%; z-index: 19; margin-left: -50px; width: 100px; font-size: 12px; cursor: pointer; text-align: center; }
.banner-mouse .mouse{ display: inline-block; vertical-align: bottom; position: relative; width: 20px; height: 32px; margin-bottom: 4px; border-radius: 5px; border: 2px solid #df2128; }
.banner-mouse .mouse:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 13px; background: #df2128; }
.banner-mouse .mouse:after{ content: ""; position: absolute; left: 50%; margin-left: -1px; bottom: 8px; width: 2px; height: 6px; background: #df2128; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite;  }
.ix-pa{ padding-left: 12%; padding-right: 12%; }
.ix-title .ch{ font-size: 22px; color: #333; }
.ix-title .en{ margin-top: 5px; font-size: 18px; color: #df2128; text-transform: capitalize; }
.ix-title .it-aw{ margin-top: 15px; }
.it-aw{ width: 19px; height: 20px; background-position: -100px -100px; border: 2px solid #999; }
.ix1 .ix-title{ float: left; width: 13%; }
.ix-news-box{ float: right; width: 87%; }
.ix-news .item{ float: left; width: 33.33%; }
.ix-news .pa{ padding: 0 30px; border-right: 1px solid #ccc; }
.ix-news .item:nth-child(3n) .pa{ border: none; }
.video-box{ position: relative; }
.video-box .bico{ position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; width: 53px; height: 53px; background-position: -92px 0px; -webkit-transition: 400ms; transition: 400ms; }
.in-img{ display: block; position: relative; color: #fff; }
.in-img .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 13px 25px; background: url('../images/black.png'); background: rgba(0, 0, 0, .6); }
.in-img .tx{ line-height: 20px; max-height: 40px; }
.in-tx{ display: block; font-size: 13px; color: #999; }
.in-tx .tx{ height: 48px; }
.in-tx .ti{ font-size: 16px; color: #666; }
.in-tx .date .s{ margin-left: 10px; color: #df2128; }
.in-tx .xtx{ margin-top: 30px; }
.in-tx .date{ margin-top: 45px; }
.ix-news .slick-dots{ position: absolute; top: 28%; right: -85px; }
.ix-news .slick-dots li{ display: block; margin: 0 0 12px 0;  }
.ix2{ margin-top: 85px; }
.ix-pro li{ float: left; position: relative; width: 12%; overflow: hidden; }
.ix-pro li:nth-child(3){ width: 52%; }
.ix-pro a{ color: #fff; }
.ix-pro .pic2{ height: 435px; }
.ix-pro .pic2:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .4); }
.ix-pro li:nth-child(1) .pic2:after{ background: rgba(135, 115, 74, .75); }
.ix-pro li:nth-child(2) .pic2:after{ background: rgba(2, 14, 80, .6); }
.ix-pro li:nth-child(3) .pic2:after{ background: rgba(2, 49, 31, .45); }
.ix-pro .txts{ position: absolute; left: 0; top: 0; width: 100%; }
.ix-pro .pa{ padding: 100px 50px 0 50px; }
.ix-pro .ico{ height: 70px; background-position: left bottom; }
.ix-pro .ch{ margin-top: 12px; font-size: 16px; }
.ix-pro .en{ margin-top: 12px; font-size: 12px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.ix-pro .tx{ margin-top: 62px; height: 48px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.it-aw-2{ border-color: #fff; background-position: -81px -100px; }
.ip-aw{ display: inline-block; vertical-align: bottom; position: relative; width: 50%; height: 24px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.ip-aw .line{ height: 1px; margin: 10px 38px 0 0; background: #fff; background: rgba(255, 255, 255, .6); }
.ip-aw .it-aw{ position: absolute; top: 0; right: 0; }
.ix-pro li.act .ch{ font-size: 24px; }
.ix-pro li.act .en{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.ix-pro li.act .tx{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.ix-pro li.act .ip-aw{ width: 100%; opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; } 
.ia-tx .ix-title{ float: left; max-width: 34%; }
.ia-tx .freeTx{ float: right; width: 66%; }
.ix-ab a{ display: block; position: relative; color: #fff; }
.ix-ab .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 30px; background: url('../images/black.png'); background: rgba(0, 0, 0, .5); -webkit-transition: 400ms; transition: 400ms; }
.ia-ti{ display: inline-block; vertical-align: bottom; position: relative; padding-right: 38px; height: 24px; max-width: 100%; font-size: 22px; }
.ia-ti .nowti{ line-height: 24px; }
.ia-ti .it-aw{ position: absolute; top: 0; right: 0; }
.ia-box .ix-ab{ width: 53%; float: left; }
.ia-box .ix-join{ width: 45.11%; float: right; }
.ix-join{ position: relative; color: #fff; overflow: hidden; }
.ix-join a{ color: #fff; }
.ix-join .txts{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #df2128 url('../images/ix_bg1.png') no-repeat -120px top/cover; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms, background 0ms 0ms, -webkit-transform 600ms; transition: opacity 600ms, visibility 600ms, background 0ms 0ms, -webkit-transform 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 0ms 0ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 0ms 0ms, -webkit-transform 600ms; }
.ix-join .pa{ padding: 65px 50px 0 50px; }
.ix-join .tx{ font-size: 15px; line-height: 30px; max-height: 120px; }
.ix-join a:hover .txts{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; background-position: 0 top; -webkit-transition: opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; transition: opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 2s 700ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; } 
.ia-more a,
.ia-more span{ display: inline-block; vertical-align: bottom; width: 126px; height: 36px; border: 2px solid #fff; line-height: 36px; text-align: center; }
.ix-join .ia-more{ margin-top: 75px; }
.ix3 .ia-box{ margin-top: 60px; }
.ix3{ padding-top: 80px; }
.footer{ position: relative; z-index: 9; background: #54585a; color: #c1c8cb; }
.footer a{ color: #c1c8cb; }
.f-nav{ float: left; }
.f-nav + .f-nav{ margin-left: 3.29%; } 
.f-nav a{ display: block; line-height: 30px; }
.f-nav a:first-child{ margin-bottom: 15px; font-size: 16px; color: #fff; }
.f-ma{ float: right; width: 132px; }
.f-ma .pic{ margin-bottom: 7px; }
.footer .ft{ padding: 50px 0 20px; }
.footer .fb{ padding: 30px 0 50px; line-height: 22px; border-top: 1px solid #43484b; }
.flinkmore{ position: relative; width: 225px; }
.flinkmore .t{ position: relative; height: 40px; line-height: 40px; padding: 0 35px 0 20px; cursor: pointer; background: #3f4345; }
.flinkmore .t:before{ content: ""; position: absolute; right: 20px; top: 50%; margin-top: -3px; width: 12px; height: 6px; background:url('../images/aicos.png') no-repeat -139px -100px; -webkit-transition: 300ms; transition: 300ms; }
.flinkmore .t.act:before{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.flinkmore ul{ display: none; overflow: auto; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 99; background: #3f4345; max-height:330px; }
.flinkmore li a{ display: block; padding: 6px 20px; }
.flinkmore .nowti{ line-height: 24px; }
.f-cta{ color: #fff; overflow: hidden; }
.f-cta .name{ position: relative; float: left; padding-right: 10px; margin-right: 15px; border-right: 2px solid #c1c8cb; font-size: 18px; line-height: 22px;  }
.f-cta .name:before{ content: ""; position: absolute; top: 0; bottom: 0; right: -6px; width: 4px; background: url('../images/ix_aw.png') no-repeat right center; }
.f-cta .b{ float: left; }
.f-cta a{ display: block; }
.f-cop a,
.f-cop span{ display: inline-block; vertical-align: bottom; }
.f-cop span{ position: relative; padding-left: 30px; }
.f-cop span:before{ content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; background: url('../images/aicos.png') no-repeat -119px -100px; }
.f-cop a{ margin-left: 25px; }
.f-cop{ text-align: right; }
.footer .f-cop{ float: right; }
.footer .f-cta{ float: left; margin-left: 35px; }
.footer .flinkmore{ float: left; margin-top: 1px; }
.menuBox a{ line-height: 1.4; color: #333; }
.mlangs{ padding: 30px 15px 15px 65px; margin-top: 60px; border-bottom: 1px solid #bdbdc0; }
.mlangs a{ display: inline-block; vertical-align: bottom; font-size: 16px; line-height: 20px; }
.mlangs a + a{ padding-left: 20px; margin-left: 20px; border-left: 1px solid #ccc; }
.navMobile a{ display: block; padding-left: 65px; padding-right: 15px; }
.navMobile dd > p > a{ padding-top: 15px; padding-bottom: 15px; font-size: 18px; }
.navMobile dd > p > a.act{ background: #df2128; color: #fff; }
.mtnav{ display: none; padding-top: 12px; padding-bottom: 12px; background: #c31e15; }
.mtnav a{ padding-top: 12px; padding-bottom: 12px; font-size: 16px; color: #fff;  }
.mtop{ height: 80px; }
.pbanner{ position: relative; overflow: hidden; }
.pbanner:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pbtxts{ position: absolute; left: 0; right: 0; top: 35%; z-index: 9; color: #fff; }
.pbtxts .ch{ font-size: 30px; }
.pbtxts .en{ margin-top: 5px; font-size: 36px; text-transform: capitalize; }
.pb-aw{ display: inline-block; vertical-align: bottom; border: 2px solid #fff; width: 35px; height: 35px; }
.pb-aw .aico{ height: 100%; background-position: -46px -100px; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite; }
.pbtxts .pb-aw{ margin-top: 40px; }
.pnav{ background: #fff; /*border-bottom: 1px solid #ccc;*/ }
.pnav ul{ text-align: center; }
.pnav li:first-child{ border-left: 1px solid #ccc; }
.pnav li{ width: 154px; border-right: 1px solid #ccc; }
.pnav a{ display: block; position: relative;padding: 20px 0; line-height: 24px; font-size: 25px; color: #666; text-align: center; }
.pnav a:before{ content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 4px; background: #df2128; -webkit-transition: 400ms; transition: 400ms; }
.ab-intro-list li:nth-child(2n){ background: #fff; }
.ab-intro-list .pa{ position: relative; min-height: 260px; margin-left: 27.5%; padding: 100px 0; }
.ab-intro-list .pa:before{ content: ""; position: absolute; top: 0; bottom: 0; left: -50px; width: 1px; background: #ccc; }
.ab-intro-list .pa:after{ content: ""; position: absolute; top: 100px; left: -54px; width: 9px; height: 9px; border-radius: 100%; background: #df2128; }
.ai-shows dd{ float: left; width: 33.33%; margin-bottom: 8px; }
.ai-shows .ma{ margin-left: 8px; height: 170px; overflow: hidden; background: #fff; }
.ab-intro-list li:nth-child(2n) .ai-shows .ma{ background: #f5f5f5; } 
.ai-shows{ margin-left: -8px; }
.ai-shows .b{ display: inline-block; vertical-align: bottom; padding-top: 40px; text-align: left; }
.ai-shows .num{ height: 55px; line-height: 55px; overflow: hidden; font-size: 16px; }
.ai-shows .num span{ font-size: 60px; color: #df2128; }
.ai-shows .name{ height: 55px; line-height: 55px; overflow: hidden; font-size: 50px; color: #df2128; }
.ab-intro-list .ai-shows{ margin-bottom: 35px; }
.ab-intro-list .freeTx{ line-height: 2; }
.ab-intro-list .pic{ margin-top: 40px; width: 580px; max-width: 100%; }
.ab-intro-list li:first-child .pa{ padding-top: 0; }
.ab-intro-list li:first-child .pa:after{ top: 0; }
.ab-intro-list li:first-child{ padding-top: 115px; }
.ab-intro-list li:nth-child(3) .ai-shows .ma{ background: #e07f83; }
.ab-intro-list li:nth-child(3) .ai-shows dd:first-child .ma{ background: #d55c60; }
.ab-intro-list li:nth-child(3) .ai-shows .ma,
.ab-intro-list li:nth-child(3) .ai-shows .name,
.ab-intro-list li:nth-child(3) .ai-shows .num span{ color: #fff; }
.ai-nav dd{ float: left; position: relative; width: 126px; height: 126px; border-radius: 100%; border: 2px solid #df2128; cursor: pointer; }
.ai-nav dd + dd{ margin-left: 35px; }
.ai-nav .ico{ position: relative; height: 100%; background-position: center top; }
.ai-nav dd:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; background: #df2128; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.ai-nav dd:after{ content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -9px; width: 18px; height: 12px; background: url('../images/ab_aw.png') no-repeat center bottom; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.ai-nav dd.act:after,
.ai-nav dd.act:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.ai-nav dd.act .ico{ background-position: center bottom; }
.ab-more a{ border-color: #ccc; color: #666; }
.ai-tx-list .ti{ font-size: 24px; color: #333; }
.ai-tx-list .freeTx{ margin-top: 30px; }
.ai-tx-list .ia-more{ margin-top: 70px; }
.ai-tx-list{ margin-top: 55px; }
.ai-tx-list dd{ display: none; }
.ix-title-fix{ position: absolute; top: 0; left: 50%; margin-left: -600px; margin-top: 115px; width: 1200px; -webkit-transition: opacity 500ms, visibility 500ms, -webkit-transform 600ms; transition: opacity 500ms, visibility 500ms, -webkit-transform 600ms; transition: transform 600ms, opacity 500ms, visibility 500ms; transition: transform 600ms, opacity 500ms, visibility 500ms, -webkit-transform 600ms; }
.ix-title-fix.act{ position: fixed; top: 80px; }
.ix-title-fix .ch{ position: relative; height: 30px; line-height: 30px; overflow: hidden; }
.ix-title-fix .en{ position: relative; height: 20px; line-height: 20px; overflow: hidden; }
.ix-title-fix p span{ display: inline-block; vertical-align: bottom; position: absolute; bottom: 100%; left: 0; opacity: 0; visibility: hidden;  }
.ix-title-fix p span.show{ bottom: 0; -webkit-transition: 400ms; transition: 400ms; opacity: 1; visibility: visible;  }
.ix-title-fix.hide{ -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; }
.fixctas{ position: fixed; top: 50%; margin-top: -76px; right: 15px; z-index: 899; width: 50px; }
.fixctas a{ display: block; position: relative; height: 50px; color: #666; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.fixctas a + a{ border-top: 1px solid #ccc; }
.fixctas .aico{ position: relative; z-index: 1; background-color: #fff; height: 100%; -webkit-transition: background-color 300ms; transition: background-color 300ms; }
.fixctas .c1 .aico{ background-position: -50px 0px; } 
.fixctas .c2 .aico{ background-position: 0px 0px; } 
.fixctas .c3 .aico{ background-position: -100px 0px; } 
.fixctas .c4 .aico{ background-position: -150px -30px; background-color: #df2128; } 
.fixctas .c4{ height: 30px; -webkit-transition: 600ms; transition: 600ms; }
.fixctas .b{ position: absolute; top: 0; right: 100%; background: #fff; white-space: nowrap; line-height: 24px; overflow: hidden; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.fixctas .c2 .b{ bottom: 0; }
.fixctas .tel{ padding: 13px 25px 0 15px; font-size: 18px; }
.fixctas .ma{ width: 100px; }
.fixctas .c3 .b{ top: 50%; margin-top: -50px; }
.fixctas .c4.act{ -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; }
.fixctas a:hover .b{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; }
.fixctas a:hover .aico{ background-color: #df2128; }
.fixctas .c1:hover .aico{ background-position: -50px -50px; } 
.fixctas .c2:hover .aico{ background-position: 0px -50px; } 
.fixctas .c3:hover .aico{ background-position: -100px -50px; } 
.fixctas .c4:hover .aico{ background-color: #666; }
.leader-list{ padding: 0 55px; }
.leader-list li{ float: left; width: 50%; }
.leader-list .ma{ margin: 0 13px; background: #fff; -webkit-transition: 600ms; transition: 600ms; }
.leader-list .pic{ border-bottom: 4px solid #df2128; }
.leader-list .txts{ position: relative; padding: 35px 80px; min-height: 330px; overflow: hidden; }
.leader-list .en{ position: absolute; right: 35px; bottom: 25px; font-size: 48px; white-space: nowrap; color: #bab8b3; opacity: 0.1; filter: alpha(opacity=10); }
.leader-list .name{ margin-bottom: 15px; font-size: 30px; color: #df2128; }
.leader-list .freeTx{ line-height: 30px; }
.leader-list .freeTx .s{ color: #000; font-weight: bold; }
.ab2{ padding: 65px 0 75px 0; }
.ab-title .ch{ font-size: 48px; color: #df2128; }
.ab-title .en{ color: #999; }
.ab4{ padding: 80px 0 90px 0; background: #fff; }
.ab-charac{ margin-left: -50px; }
.ab-charac dd{ float: left; width: 50%; }
.ab-charac .ma{ position: relative; margin-left: 50px; }
.ab-charac .ac-item{ position: relative; margin-top: 25px; }
.ab-charac dd + dd .ma:before{ content: ""; position: absolute; top: 0; bottom: 0; left: -26px; width: 0; border-left: 1px solid #ccc; }
.ab-vi .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 75px; background: url('../images/black.png'); letter-spacing: -6px; line-height: 1.2; }
.ab-vi a{ display: inline-block; vertical-align: bottom; letter-spacing: 0; color: #fff; }
.ab-vi a + a{ margin-left: 20px; padding-left: 20px; border-left: 1px solid #fff; }
.ix-title.white .en,
.ix-title.white .ch{ color: #fff; }
.ab5{ padding: 80px 0 90px 0; }
.ab-npp{ height: 190px; padding: 35px 25px; background: #fff; overflow: hidden; }
.ab-npp .pic{ float: left; width: 130px; }
.ab-npp .txts{ padding-top: 10px; margin-left: 155px; }
.tk-list .name,
.ab-npp .name{ font-size: 18px; color: #333; }
.tk-list .g,
.ab-npp .g{ margin-top: 5px; color: #999; }
.see-btn{ line-height: 1; }
.see-btn a{ color: #df2128; }
.see-btn a + a{ padding-left: 20px; margin-left: 20px; border-left: 1px solid #df2128; }
.see-more a{ width: 110px; height: 36px; background: #df2128; line-height: 36px; text-align: center; overflow: hidden; color: #fff; }
.ab-npp .see-more{ margin-top: 25px; }
.ab-npp .see-btn{ margin-top: 30px; } 
.ab-house dd{ float: left; width: 50%; }
.ab-house .ix-ab a{ margin: 0 0 0 25px; }
.ab-house{ margin-left: -25px; }
.ab-house .ia-ti .nowti{ font-size: 18px; }
.ab6 .ab-house{ margin-top: 50px; }
.ab6{ padding: 80px 0 90px 0;  }
.tk-list li{ float: left; width: 50%; margin-bottom: 20px; }
.tk-list .ma{ margin-left: 20px; height: 200px; padding: 35px; background: #fff; overflow: hidden; }
.tk-list{ margin-left: -20px; }
.tk-list .pic{ float: left; width: 140px; }
.tk-list .txts{ padding-top: 10px; margin-left: 180px; }
.tk-list .name{ font-size: 20px; }
.tk-btn a{ width: 106px; height: 32px; overflow: hidden; border: 2px solid #cfcfcf; text-align: center; line-height: 32px; color: #333; }
.tk-btn a + a{ margin-left: 5px; }
.tk-list .tk-btn{ margin-top: 65px; }
.ab7 .tk-list{ margin-top: 45px; }
.ab7{ padding: 80px 0 90px 0; }
html.open{ overflow: hidden; }
.ly-box{ position: fixed; top: 0; left: 0; right: 0; z-index: 1999; height: 100%; background: url('../images/black.png'); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.ly-main{ width: 780px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms, -webkit-transform 1s; transition: opacity 600ms, visibility 600ms, -webkit-transform 1s; transition: transform 1s, opacity 600ms, visibility 600ms; transition: transform 1s, opacity 600ms, visibility 600ms, -webkit-transform 1s; }
.ly-box.show{ opacity: 1; visibility: visible; }
.ly-box.show .ly-main{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.ly-ctt{ border-top: 5px solid #df2128; padding: 35px 50px 150px 50px; background: #fff; }
.ly-ab-ti{ padding-bottom: 30px; margin-bottom: 40px; font-size: 24px; color: #333; border-bottom: 1px solid #ccc; }
.ly-ctt .freeTx{ line-height: 2; }
.ly-close{ position: absolute; top: 0; right: -55px; width: 46px; height: 46px; background: #df2128; cursor: pointer; }
.ly-close .aico{ height: 100%; background-position: 0px -100px; -webkit-transition: 400ms; transition: 400ms; }
.station-list li{ float: left; width: 33.33%; margin-bottom: 25px; }
.station-list .video-box{ background: #fff; margin-left: 20px; -webkit-transition: 400ms; transition: 400ms; }
.station-list{ margin-left: -20px; margin-bottom: 35px; }
.station-list .txts{ height: 70px; overflow: hidden; border: 1px solid #ccc; border-top: none; -webkit-transition: 400ms; transition: 400ms; }
.station-list .nowti{ margin-top: 23px; line-height: 24px; }
.station-list .picbox{ position: relative; }
.station-list .picbox:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid transparent; border-bottom: none; -webkit-transition: 400ms; transition: 400ms; }
.station-more a{ width: 170px; height: 52px; overflow: hidden; background: #999; color: #fff; line-height: 52px; text-align: center; }
.ab8 .station-list{ margin-top: 45px; } 
.ab8{ padding: 80px 0 90px 0; }
.ab-os{ background: #fff; }
.aos-t{ height: 290px; overflow: hidden; background: #e8e6e6; }
.aos-num{ float: left; width: 63%; }
.aos-tx .pa,
.aos-num .pa{ padding: 50px 60px 0 60px; }
.aos-ti{ font-size: 24px; color: #333; line-height: 1.4; }
.aos-num-list .num{ line-height: 1; }
.aos-num-list .num span{ font-size: 48px; color: #df2128; }
.aos-num-list li{ float: left; }
.aos-num-list li + li{ border-left: 1px solid #999; padding-left: 40px; margin-left: 40px; }
.aos-num .aos-num-list{ margin-top: 45px; }
.aos-tx{ float: left; width: 37%; height: 100%; background: #d7d7d7; }
.aos-tx .aos-ti{ color: #df2128; }
.aos-tx .freeTx{ margin-top: 45px; font-size: 18px; color: #333; line-height: 2; }
.aos-b{ padding: 60px 5% 100px 5%; }
.ab9{ padding: 75px 0 65px 0; }
.news-list{ border-left: 1px solid #dadada; }
.news-list li{ float: left; width: 33.33%; }
.news-list .bodr{ overflow: hidden; border-right: 1px solid #dadada; }
.news-list a{ display: block; position: relative; margin: 12px 24px; background: #fff; color: #666; }
.nw-date{ position: relative; width: 60px; height: 70px; border: 1px solid #df2128; border-radius: 5px; overflow: hidden; font-size: 12px; color: #df2128; line-height: 1; -webkit-transition: 300ms; transition: 300ms; }
.nw-date span{ display: block; }
.nw-date .y{ margin-top: 45px; }
.nw-date .d i{ display: none; }
.nw-date .d{ position: absolute; left: 0; right: 0; top: 8px; font-size: 30px; }
.hot-news .nw-date,
.news-list .nw-date{ float: left; }
.hot-news .ti,
.news-list .ti{ margin: 10px 0 0 80px; height: 48px; overflow: hidden; font-size: 16px; line-height: 24px; color: #333; -webkit-transition: 300ms; transition: 300ms; }
.hot-news .t,
.news-list .t{ height: 110px; padding: 35px 35px 0 35px; overflow: hidden; -webkit-transition: 600ms; transition: 600ms; }
.news-list .picbox{ position: relative; overflow: hidden; }
.news-list .txts{ position: absolute; left: 35px; right: 35px; top: 0; padding-top: 25px; border-top: 1px solid #dadada; }
.news-list .tx{ max-height: 96px; }
.nw-dot{ display: block; position: relative; }
.nw-dot:after,
.nw-dot:before{ content: ""; position: absolute; top: 0; }
.nw-dot,
.nw-dot:after,
.nw-dot:before{ width: 4px; height: 4px; border-radius: 100%; background: #ccc; -webkit-transition: 300ms; transition: 300ms; }
.nw-dot:after{ left: -7px; }
.nw-dot:before{ right: -7px; }
.news-list .nw-dot{ position: absolute; bottom: 25px; left: 42px; }
.nw1{ padding: 55px 0 65px 0; }
.nw1 .news-list{ margin-bottom: 50px; }
.nw2{ padding: 7.29% 0 90px 0; }
.nd-box{ position: relative; background: #fff; min-height: 800px; overflow: hidden; }
.nd-box:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 320px; width: 1px; background: #ccc; }
.nd-l{ float: left; width: 320px;  }
.nd-back{ width: 128px; border: 1px solid #ccc; }
.nd-back a{ display: block; padding: 13px 10px 13px 30px; color: #666; line-height: 24px; }
.nd-back a + a{ border-top: 1px solid #ccc; }
.nd-l .nd-back{ margin-top: 90px; }
.nd-fix{ -webkit-transition: opacity 600ms, visibility 600ms, -webkit-transform 600ms; transition: opacity 600ms, visibility 600ms, -webkit-transform 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms, -webkit-transform 600ms; }
.nd-fix .pa{ padding: 100px 0 0 80px; }
.nd-r{ margin-left: 400px; padding: 100px 80px 100px 0; }
.share{ letter-spacing: -6px; line-height: 24px; }
.share span,
.share a{ letter-spacing: 0; display: inline-block; vertical-align: middle; }
.share a{ margin-left: 8px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center top; }
.share .w{ background-image: url('../images/share_1.png'); }
.share .s{ background-image: url('../images/share_2.png'); }
.nd-r .ti{ font-size: 24px; color: #333; }
.nd-r .share{ margin-top: 15px; }
.nd-r .t{ border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 35px; }
.nd-fix.act{ position: fixed; top: 80px; left: 50%; margin-left: -600px; /* width: 1200px; */ }
.nd-fix.hide{ -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; }

.nw3{ background: #f5f5f5; padding: 60px 0 65px 0; }
.snw-video dd{ float: left; width: 65.83%; }
.snw-video dd:first-child{ width: 34.17%; }
.snw-video .video-box{ margin-left: 15px; }

.snw-tx{ padding: 45px 50px; height: 332px; background: #fff; overflow: hidden; }
.snw-tx .tx{ margin-top: 45px; padding-top: 30px; line-height: 2; border-top: 1px solid #ccc; }
.nw4{ padding: 70px 0 75px 0; }
.cta1{ padding: 65px 0 80px 0; }
.cta-box{ background: #fff; min-height: 600px; }
.gh-cta{ padding: 60px 8.33% 70px 8.33%; }
.gh-cta .ix-title{ float: left; }
.gh-list{ float: right; }
.gh-list li{ padding: 0 45px; border-left: 1px solid #ccc; float: left; }
.gh-list a{ display: block; overflow: hidden; color: #666; line-height: 24px; cursor: default; }
.gh-list .dico{ float: left; width: 58px; height: 58px; border-radius: 8px; border: 1px solid #df2128; -webkit-transition: 300ms; transition: 300ms; }
.gh-list .txx{ margin-left: 80px; padding-top: 6px; }
.gh-list .txx span{ display: block; }
.gh-list a + a{ margin-top: 60px; }
.gh-list .c1 .dico{ background-position: 0px 0px; }
.gh-list .c2 .dico{ background-position: -58px 0px; }
.gh-list .c3 .dico{ background-position: -116px 0px; }
.gh-list .c4 .dico{ background-position: -174px 0px; }
#map{ height: 420px; }
.BMap_mask{ background: rgba(0, 0, 0, .3) !important; }
.bd-cta{ padding: 65px 8.33% 80px 8.33%; }
.bd-list li{ float: left; width: 50%; margin-bottom: 30px; }
.bd-list .ma{ margin-left: 30px; border: 1px solid #ccc; border-top-width: 4px; -webkit-transition: 400ms; transition: 400ms; }
.bd-list{ margin-left: -30px; }
.bd-list .t{ padding: 30px 45px 0 45px; height: 195px; overflow: hidden; border-bottom: 1px solid #ccc; }
.bd-list .name{ margin-bottom: 15px; font-size: 20px; color: #df2128; }
.bd-btn a{ position: relative; float: left; width: 50%; height: 60px; overflow: hidden; line-height: 60px; color: #666; text-align: center; }
.bd-btn a:first-child:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #ccc; }
.bd-btn i{ display: inline-block; vertical-align: middle; }
.bd-btn .b1 .dico{ width: 16px; height: 21px; background-position: -16px -116px; }
.bd-btn .b2 .dico{ width: 18px; height: 18px; background-position: -32px -116px; }
.bd-btn .dico{ margin-right: 10px; }
.bd-cta .bd-list{ margin-top: 70px; }
.cta-title .ti{ display: inline-block; vertical-align: bottom; padding: 15px 40px; background: #df2128; font-size: 24px; color: #fff; }
.cta-title .txx{ display: inline-block; vertical-align: bottom; margin-top: 40px; width: 800px; max-width: 100%; line-height: 2.1;  }
.cta-title .line{ display: inline-block; vertical-align: bottom; margin-top: 25px; width: 2px; height: 40px; background: #999; }
.cta2{ padding: 80px 0 25px 0; }
.cp-box{ padding: 40px 80px 80px 80px; min-height: 600px; border: 1px solid #e6e6e6; background: #fff; }
.cta2 .cp-box{ margin-top: 30px; }
.cp-box .ly-ab-ti{ padding-bottom: 15px; }
.cp-form{ line-height: 24px; }
.cp-form dd{ overflow: hidden; }
.cp-form textarea,
.cp-form input,
.cp-form label{ display: block; }
.cp-form textarea,
.cp-form .s-input{ padding: 5px 14px; background: #f9f9f9; border: 1px solid #eaeaea; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cp-form .s-input{ width: 215px; }
.cp-form .cp1 .cp-c{ float: left; }
.cp-form .cp1 .cp-c + .cp-c{ margin-left: 50px; }
.cp-form textarea{ width: 808px; height: 144px; }
.cp-form .clearfix .s-input{ float: left; }
.cp-form .vimg{ margin-left: 15px; float: left; }
.cp-form .s-input:focus,
.cp-form textarea:focus{ background: #fff; border-color: #df2128; }
.cp-form dd + dd{ margin-top: 30px; }
.sub-btn{ width: 126px; height: 36px; background: #df2128; color: #fff; cursor: pointer; -webkit-transition: 400ms; transition: 400ms; }
.cp-intro{ padding-top: 30px; margin-top: 45px; line-height: 2; border-top: 1px solid #ccc; }
.cp-intro a{ color: #666; }
.cp-intro .ti{ font-size: 18px; color: #df2128; }
.idea-img{ margin-top: 35px; }
.jb1{ padding: 110px 0 70px 0; }
.jb-list li{ background: #fff; }
.jb-list li + li{ margin-top: 20px; }
.jb-list .txts,
.jb-list .pic{ float: left; width: 50%; }
.jb-list li:nth-child(2n) .pic{ float: right; }
.jb-list .txts{ position: relative; height: 420px; overflow: hidden; }
.line-box{ position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; }
.line-box .line{ position: absolute; background: #df2128; background: rgba(223, 33, 40, .4); -webkit-transition: 600ms; transition: 600ms; }
.line-box .line2,
.line-box .line1{ width: 0; height: 1px; }
.line-box .line3,
.line-box .line4{ height: 0; width: 1px; }
.line-box .line1{ top: 0; right: 0; }
.line-box .line3{ top: 0; left: 0; }
.line-box .line2{ bottom: 0; left: 0; }
.line-box .line4{ bottom: 0; right: 0; }
.jb-list .pa{ padding: 45px 70px 0 70px; position: relative; }
.jb-ti{ color: #333; font-size: 24px; line-height: 1.4; }
.jb-ti .ico{ margin-right: 20px; width: 50px; height: 50px; background-position: left center; }
.jb-list .tx{ line-height: 28px; }
.jb-list .tx1{ height: 112px; border-top: 1px solid #ccc; padding-top: 25px; margin-top: 15px; }
.jb-list .ia-more{ margin-top: 20px; }
.jb2{ padding: 70px 0 90px 0; }
.campus-tx .picbox{ position: relative; }
.campus-more a{ background: #df2128; color: #fff; font-size: 16px; }
.campus-tx .campus-more{ position: absolute; left: 0; right: 0; bottom: 16%; }
.campus-tx{ background: #fff; }
.campus-tx .freeTx{ padding: 55px 80px 70px 80px; }
.campus-tx .ti{ margin-bottom: 30px; font-size: 24px; color: #df2128; }
.cr-input dd{ float: left; }
.cr-input dd + dd{ margin-left: 15px; }
.cr-input select{ padding: 0 25px; width: 238px; height: 48px; background: #fff url('../images/jb_aw.png') no-repeat 90% center; }
.cr-input .search{ float: right; }
.cr-input input{ float: left; padding: 11px 25px; width: 314px; border: 1px solid #fff; background: #fff; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cr-input a{ float: left; width: 54px; height: 48px; background-color: #edeaea; background-image: url('../images/jb_ico1.png'); background-position: center top; -webkit-transition: background-color 300ms; transition: background-color 300ms; }
.cr-input input:focus{ border-color: #df2128; }
.jb4 .campus-recruit{ padding-bottom: 75px; }
.jb3 .campus-recruit{ margin-top: 65px; padding-bottom: 75px; }
.jb4,
.jb3{ padding-top: 60px; }
.cr-list{ margin-top: 30px; }
.cr-list li + li{ margin-top: 4px; }
.cr-list li + li .t{ cursor: pointer; }
.cr-list .t{ padding: 18px 0; background: #fff; overflow: hidden; font-size: 15px; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cr-list li:first-child .t{ padding: 15px 0; background: #f4971f; color: #fff; font-weight: bold; }
.cr-list .t > span{ float: left; width: 25%; text-align: center; }
.cr-list .cico{ display: inline-block; margin-right: 15px; }
.cr-list .c1 .cico{ width: 24px; height: 31px; background-position: -24px -30px; }
.cr-list .c2 .cico{ width: 30px; height: 30px; background-position: 0px 0px; }
.cr-list .c3 .cico{ width: 24px; height: 32px; background-position: 0px -30px; }
.cr-list .c4 .cico{ width: 30px; height: 28px; background-position: -30px 0px; }
.cr-list .t .c1{ text-align: left; }
.cr-list li + li .c1 i{ margin-left: 79px; }
.cr-list .c1 .cico{ margin-left: 40px; }
.cr-list .b{ padding-top: 2px; display: none; }
.cr-list .freeTx{ padding: 35px 79px 75px 79px; background: #fff; }
.cr-list .campus-more a{ width: 175px; height: 46px; line-height: 46px; font-size: 15px; }
.cr-list .campus-more{ margin-top: 75px; }
.cr-list li + li.act .t{ background: #f1d8b7; color: #333; }
.pager a{ margin: 0 4px; width: 46px; height: 42px; background: #fff; color: #666; line-height: 42px; text-align: center; }
.pager .arrow{ width: 76px; }
.pager a.act{ background: #df2128; color: #fff; }
.jb4 .pager,
.jb3 .pager{ margin-top: 60px; }
.rp-box{ background: #fff; padding: 25px 0; border-top: 1px solid #ccc; }
.rp-list > p{ float: left; padding-top: 13px; font-size: 18px; line-height: 24px; color: #333; }
.rp-list .b{ float: left; }
.rp-list a{ float: left; width: 120px; margin-left: 10px; }
.jb4 .cr-list li:first-child .t{ background: #df2128; }
.jb4 .cr-list li + li.act .t{ background: #f5e2e2; color: #df2128; }
.cog1{ padding: 60px 0 65px 0; }
.cog1 .nd-box:before{ display: none; }
.cog1 .nd-r { margin-left: 320px; }
.cog-nw-list li{ float: left; width: 33.33%; margin-bottom: 35px; }
.cog-nw-list a{ display: block; margin-left: 20px; background: #fff; color: #666; }
.cog-nw-list .txts{ height: 70px; overflow: hidden; }
.cog-nw-list .nowti{  margin-top: 25px; }
.img-bodr:after,
.cog-nw-list .pic:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid transparent; border-bottom: none; -webkit-transition: 300ms; transition: 300ms; }
.cog-nw-list a:hover{ background: #df2128; color: #fff; }
.cog-nw-list a:hover .pic:after{ border-color: #df2128; }
.cog2 .cog-nw-list{ margin-bottom: 35px; }
.cog2{ padding: 65px 0 60px 0; }
.pro-nav{ background: #f5f5f5; }
.pro-nav li{ width: 14%; }
.pro-nav a{ display: block; height: 270px; padding: 0 5px; border-right: 1px solid #ccc; overflow: hidden; color: #333; }
.pro-nav .nowti{ margin-top: 3px; font-size: 20px; font-weight: bold;}
.pro-nav .nowti2{ margin-top: 3px; font-size: 18px;     text-align: left; margin-left: 52px;}
.pro-nav .nowti3{ margin-top: 3px; font-size: 18px;     text-align: left; margin-left: 30px;}
.pro-nav .ico{ margin-top: 35px; height: 70px; }
.pro-nav .bico{ width: 11px; height: 6px; margin: 17px auto 0 auto; background-position: -121px -53px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.pro-nav li:first-child a{ border-left: 1px solid #ccc; }
.pro-nav a.act{ background: #fff; }
.pro-nav a.act .bico{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; } 
.pro-banner{ position: relative; overflow: hidden; }
.video-btn{ cursor: pointer; }
.pi-img-list .video-btn .pic:after,
.pro-banner:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pro-banner .txts{ position: absolute; z-index: 9; top: 32%; left: 50%; margin-left: -600px; width: 1200px; color: #fff; }
.pro-banner .ch{ font-size: 36px; }
.pro-banner .en{ margin-top: 5px; line-height: 1.3; }
.pro-banner .pb-aw{ margin-top: 25px; }
.pro-aw .aico{ background-position: -150px -60px; -webkit-animation: fadeRight 1.6s infinite; animation: fadeRight 1.6s infinite; }
.pnav.pro-pnav{ background: #df2128; border: none; }
.pnav.pro-pnav ul{ text-align: left; }
.pnav.pro-pnav a{ color: #fff; }
.pnav.pro-pnav li{ border-color: #f75258; font-size: 28px;}
.pnav.pro-pnav a:before{ display: none; }
.pnav.pro-pnav a.act{ background: #fff; color: #df2128; }
.pro1{ padding: 40px 0; background: #fff; }
.pro-intro .txts{ float: left; width: 43.33%; }
.pro-intro .tx{ margin-top: 50px; height: 140px; line-height: 28px; }
.pro-intro .see-more a{ width: 130px; height: 40px; line-height: 40px; }
.pro-intro .see-more{ margin-top: 75px; }
 .pro-intro .pi-img-list{ float: right; width: 49.17%; }
.pi-img-list{ position: relative; }
.pi-img-list .slick-dots{ position: absolute; left: 0; right: 0; bottom: -30px; }
.pii-arrow .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -23px; width: 59px; height: 45px; background-image: url('../images/bicos.png'); background-color: #000; background-color: rgba(0, 0, 0, .5); }
.pii-arrow .slick-prev{ left: 0; background-position: 0px -92px; }
.pii-arrow .slick-next{ right: 0; background-position: -59px -92px; }
.ph-nav{ position: absolute; right: 0; left: 35px; bottom: 12px; padding-bottom: 15px; border-bottom: 1px solid #fff; line-height: 1.1; text-align: right; }
.ph-nav a{ color: #fff;  }
.ph-nav a + a{ margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; }
.ph-list .item{ width: 20%; float: left; }
.ph-list .item a{ display: block; color: #666; }
.ph-list .pic{ background: #fff; -webkit-transition: 600ms; transition: 600ms; }
.ph-list .txts{ position: relative; margin-top: 1px; padding: 0 15px; height: 64px; overflow: hidden; background: #fff; }
.ph-list .nowti{ line-height: 24px; margin-top: 20px; }
.ph-list .txts:before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #df2128; width: 0; right: 50%; -webkit-transition: 600ms; transition: 600ms; }
.ph-arrow .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -55px; width: 46px; height: 46px; border-radius: 100%; background: #fff url('../images/bicos.png') no-repeat; }
.ph-arrow .slick-prev{ left: -85px; background-position: 0px 0px; }
.ph-arrow .slick-next{ right: 0px; background-position: -46px -46px; }
.pro2 .ph-list{ margin-top: 35px; }
.pro2{ padding: 90px 0 110px 0; }
.pm-ti{ color: #333; }
.pm-ti .ti{ font-size: 36px; line-height: 1; color: #df2128; }
.pm-ti .ti i{ vertical-align: middle; }
.pm-ti .ti .n{ font-size: 48px; }
.pm-ti .txx{ font-size: 18px; }
.pm-ti .pa{ padding-right: 17.86%; }
.pro-model-list .pm-ti{ float: left; width: 28%; padding-top: 100px; }
.pro-model-list .txts{ border-left: 1px solid #b5b5b5; margin-left: 28%; padding: 110px 0 90px 0; }
.pro-model-list .name{ font-size: 24px; color: #df2128; }
.pro-model-list .tx{ margin-top: 20px; line-height: 28px; height: 84px; }
.pro-model-list .ia-more{ margin-top: 45px; }
.pro-model-list .rel{ padding-left: 11.6%; }
.pro-model-list .rel:after{ content: ""; position: absolute; top: 12px; left: -5px; width: 9px; height: 9px; background: #df2128; border-radius: 100%; }
.pro-model-list li:nth-child(2n){ background: #fff; }
.pro4{ padding: 90px 0; background: url('../img/pro_bg1.jpg') no-repeat center center/cover; }
.pro-map-img{ text-align: right; -webkit-transition: 2s; transition: 2s; }
.pro-map-img img{ vertical-align: bottom; max-width: 100%; }
.pro-map{ position: relative; }
.pro-map .ix-title{ position: absolute; top: 0; left: 100px; }
.pm-cta dd{ float: left; color: #333; }
.pm-cta dd + dd{ margin-left: 45px; }
.pm-cta a{ display: block; color: #333; cursor: default; }
.pm-cta .n{ color: #df2128; font-weight: bold; font-size: 30px; line-height: 1; }
.pm-cta a + a{ margin-top: 25px; }
.pro-map .pm-cta{ position: absolute; left: 100px; bottom: 0; }
.phx-nav{ text-align: center; }
.phx-nav a{ display: block; width: 120px; height: 40px; overflow: hidden; line-height: 40px; color: #666; background: #fff; }
.phx-nav li{ margin: 0 2px; }
.phx-nav a.act{ background: #df2128; color: #fff; }
.pro5{ padding: 90px 0 50px; }
.phx-list li{ float: left; width: 25%; margin-bottom: 30px; }
.phx-list a{ display: block; margin-left: 20px; background: #e0dfdf; color: #666; }
.phx-list{ margin-left: -20px; }
.img-bodr{ position: relative; }
.phx-list .txts{ padding: 0 15px; height: 52px; overflow: hidden; }
.phx-list .nowti{ line-height: 24px; margin-top: 14px; }
.phx-list a:hover .img-bodr:after{ border-color: #df2128; }
.phx-list a:hover{ background: #df2128; color: #fff; }
.pro5 .phx-list{ margin-top: 60px; }
.pro5 .pager{ margin-top: 40px; }
.pro6{ padding: 50px 0 70px 0; }
.pm-box.nd-box .nd-l{ width: 240px; }
.pm-box.nd-box .nd-r{ margin-left: 320px; }
.pm-box.nd-box:before{ left: 240px; }
.pm-box.nd-box .nd-fix{ width: 240px; padding: 0 }
.pmx-nav li{ border-bottom: 1px solid #ccc; }
.pmx-nav a{ display: block; position: relative; height: 170px; color: #666; }
.pmx-nav a:after{ display: none; content: ""; position: absolute; top: 50%; margin-top: -17px; right: -12px; width: 16px; height: 33px; background: url('../images/bicos.png') no-repeat -92px -53px; }
.pmx-nav .pm-ti .ti,
.pmx-nav .pm-ti{ color: #666; }
.pmx-nav .pm-ti .ti{ font-size: 26px; }
.pmx-nav .pm-ti .ti .n{ font-size: 34px; }
.pmx-nav .pm-ti .txx{ font-size: 14px; }
.pmx-nav .pm-ti{ padding: 55px 25px 0 55px; }
.pmx-nav a.act{ background: #df2128; }
.pmx-nav a.act .pm-ti .ti,
.pmx-nav a.act .pm-ti{ color: #fff !important; }
.pmx-nav a.act:after{ display: block; }
.pm-box.nd-box .nd-r .ti{ color: #df2128; font-size: 30px; }
.pm-box.nd-box .nd-r .txx{ margin-top: 5px; font-size: 16px; }
.pm-box.nd-box .nd-r .t{ padding-bottom: 35px; }
.pm-box.nd-box .nd-r{ padding-top: 80px; }
.pro-intro .see-more .link{ margin-left: 15px; border: 2px solid #ccc; height: 36px; line-height: 36px; width: 126px; background: none; color: #666; }
.pro7{ color: #fff; }
.pro7 .clearfix .ix-title{ float: left; }
.oi-num{ float: left; margin-left: 23%; }
.oi-num .tx1{ line-height: 1; }
.oi-num .ff-2{ margin-right: 15px; font-size: 48px; }
.oi-num .tx2{ margin-top: 10px; font-size: 36px; line-height: 1.4; }
.oi-list .item{ float: left; width: 33.33%; }
.oi-list .item a{ display: block; margin-left: 20px; background: #fff; color: #666; }
.oi-list{ margin-left: -20px; }
.oi-list .nowti{ padding: 0 15px; line-height: 54px; }
.oi-list.ph-arrow .slick-prev{ left: -65px }
.oi-list.ph-arrow .slick-arrow{ margin-top: -23px;  }
.pro7 .oi-list{ margin-top: 115px; }
.white.ia-more a{ border-color: #fff; color: #fff; }
.pro7 .ia-more{ margin-top: 60px; }
.pro7{ padding: 150px 0 90px 0; }
.oc-nav{ text-align: center; }
.oc-nav li{ width: 155px; margin: 0 3.5%; }
.oc-nav a{ display: block; position: relative; height: 155px; border-radius: 100%; background: #fff; color: #666; }
.oc-nav .rel{ padding-top: 35px; }
.oc-nav .ico{ height: 60px; background-position: center top; }
.oc-nav .nowti{ padding: 0 5px; margin-top: 5px; font-weight: bold; }
.oc-nav a:after,
.oc-nav a:before{ content: ""; position: absolute; border-radius: 100%; opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.oc-nav a:before{ top: 0; bottom: 0; left: 0; right: 0; background: #df2128; -webkit-transform: scale(1.2); transform: scale(1.2);  }
.oc-nav a:after{ top: -18px; bottom: -18px; left: -18px; right: -18px; border: 2px solid #df2128; -webkit-transform: scale(0.8); transform: scale(0.8); }
.oc-nav a.act:after,
.oc-nav a.act:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.oc-nav a.act{ color: #fff; }
.oc-nav a.act .ico{ background-position: center bottom; }
.jb-list a{ color: #666; }
.oc-more span{ display: inline-block; vertical-align: bottom; width: 126px; height: 36px; overflow: hidden; line-height: 36px; text-align: center; border: 2px solid #ccc; -webkit-transition: 300ms; transition: 300ms; }
.oc-list.jb-list .tx{ height: 84px; margin-top: 30px; }
.oc-list.jb-list .oc-more{ margin-top: 60px; }
.oc-list.jb-list .pa{ padding-top: 65px; }
.oc-list.jb-list .txts{ height: 385px; }
.pro8 .oc-list{ margin-top: 85px; }
.pro8{ padding: 95px 0 75px 0; }
.pro8 .pager{ margin-top: 75px; }
.pro9{ padding: 70px 0 60px 0; }
.pro9 .nd-r .ti{ margin-bottom: 30px; }
.pro9 .pi-img-list{ margin-bottom: 50px; }
.pro10{ padding: 90px 0 130px 0; }
.pro10 .ab-house{ margin-top: 55px; }
.ly-pt-box{ overflow: hidden; }
.pro-tour-box{ position: relative; height: 100%; }
.pro-tour-box .txts{ position: absolute; top: 0; right: 0; background: #e6e6e6; width: 465px; height: 100%; color: #333; }
.pro-tour-box .pic{ height: 100%; margin-right: 465px; }
.pro-tour-box .pic img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 90%; max-height: 90%; }
.pro-tour-box .aos-ti{ color: #df2128; }
.pro-tour-box .txts .pa{ top: 30%; position: relative; padding: 0 70px; }
.pro-tour-box .freeTx{ margin-top: 20px; }
.pt-back{ border: none; width: 100%; overflow: hidden; border-top: 1px solid #666; }
.pt-back li{ float: left; width: 33.33%; }
.pt-back a{  text-align: center; padding-left: 10px; }
.nd-back li + li a{ border: none; border-left: 1px solid #666; }
.pro-tour-box .pt-back{ position: absolute; left: 0; bottom: 0; }
.pro-tour-box .ly-close{ right: auto; left: -46px; }
.pro-nw-list.cog-nw-list .txts{ height: 54px; }
.pro-nw-list.cog-nw-list .nowti{ line-height: 24px; margin-top: 15px; }
.como-list a{ color: #fff; }
.como-list .item{ float: left; width: 33.33%; }
.como-list .ma{ margin-left: 50px; background: #fff; -webkit-transition: 400ms; transition: 400ms; }
.como-list{ margin-left: -50px; }
.como-list .t{ height: 94px; padding: 0 45px; overflow: hidden; }
.como-list .ti{ margin-top: 32px; font-size: 18px; color: #df2128; -webkit-transition: 400ms; transition: 400ms; }
.como-list .ti i{ font-size: 22px; margin-right: 15px; }
.como-list .picbox{ position: relative; overflow: hidden; }
.como-list .txts{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 45px; background: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.como-list .tx{ margin-top: 40px; line-height: 28px; }
.como-list .line{ position: absolute; left: 45px; right: 45px; height: 1px; background: #df2128; bottom: 50px; }
.como-list .line:before{ content: ""; position: absolute; right: 0; bottom: -18px; width: 13px; height: 7px; background: url('../images/bicos.png') no-repeat -108px -53px; }
.como-list.ph-arrow .slick-prev {left: -35px; }
.como-list.ph-arrow .slick-arrow{ margin-top: -23px; }
.pro11 .como-list{ margin-top: 64px; } 
.pro11{ padding: 90px 0 125px 0; }
.gp-list li{ float: left; width: 20%; margin-bottom: 15px; }
.gp-list .ma{ margin-left: 15px; -webkit-transition: 400ms; transition: 400ms; }
.gp-list{ margin-left: -15px; }
.pro12 .gp-list{ margin-top: 35px; }
.pro12{ padding: 90px 0 100px 0; }
.cog3 .clearfix .ia-more{ float: right; }
.cog3 .clearfix .ix-title{ float: left; }
.cog3{ padding: 100px 0 125px 0; }
.cn-list .news-list{ border: none; }
.cn-list .news-list a{ margin: 0 }
.cn-list .news-list li{ float: none; width: 100%; }
.cn-list .item{ float: left; width: 33.33%; }
.cn-list .news-list{ margin-left: 55px; }
.cn-list{ margin-left: -55px; }
.cn-list .slick-prev { left: -35px; }
.cn-list .slick-arrow{ margin-top: -23px; }
.cog3 .cn-list{ margin-top: 40px; }
.cog4 .clearfix .ix-title{ float: left; }
.cog4 .cs-list{ float: right; }
.cs-list{ width: 75.83%; }
.cs-list a{ color: #666; }
.cs-list .nowti{ font-size: 16px; padding: 0 15px; border-bottom: 1px solid #df2128; line-height: 64px; }
.cs-list .slick-arrow{ margin-top: -55px; }
.his-dot{ display: block; position: relative; margin: 0 auto; width: 18px; height: 18px; border-radius: 100%; border: 6px solid #fff; background: #df2128; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3); box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.his-list{ position: relative; padding: 70px 0 50px; overflow: hidden; }
.his-a{ position: relative; padding: 35px 50px 45px 40px; background: #fff; }
.his-list .item1 .his-a{ margin-left: 50px; } 
.his-list .item2 .his-a{ margin-right: 50px; }
.his-a .date{ float: left; width: 100px; font-size: 36px; color: #df2128; line-height: 1; } 
.his-more{ margin-left: 100px; }
.his-more a{ display: inline-block; vertical-align: bottom; position: relative; width: 50%; height: 28px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.his-more .line{ margin: 14px 84px 0 0; height: 1px; background: #ccc; }
.his-more p{ position: absolute; top: 0; right: 0; width: 82px; border: 1px solid #ccc; line-height: 26px; text-align: center; font-size: 12px; color: #666; -webkit-transition: 300ms; transition: 300ms; }
.his-a .month{ float: left; width: 60px; }
.his-a .freeTx{ margin-left: 60px; }
.his-a .b{ margin-top: 20px; }
.his-list:before{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #999; }
.his-a:after{ content: ""; position: absolute; top: 50px; width: 11px; height: 11px; border-radius: 100%; background: #df2128; }
.his-list .item1 .his-a:after{ left: -55px; }
.his-list .item2 .his-a:after{ right: -56px; }
.his-list .item2{ margin-top: 180px; }
.his-list .item1{ clear: both; }
.his-box{ padding: 0 72px; }
.his-list .item{ width: 50%; float: right; }
.his-a:before{ content: ""; position: absolute; top: 55px; width: 40px; height: 1px; background: #999; }
.his-list .item1 .his-a:before{ left: -50px; }
.his-list .item2 .his-a:before{ right: -51px; }
.ab3 .his-box{ margin-top: 40px; }
.ab3{ padding-top: 110px; }
.his-control-box{ color: #fff; background: #333; }
.his-control{ margin: 0 72px; height: 60px; position: relative; overflow: hidden; }
.his-control:before{ content: ""; position: absolute; top: 18px; left: 88px; right: 88px; height: 1px; background: #fff; }
.his-control .item{ float: left; position: relative; width: 16.66%; height: 60px; overflow: hidden; }
.his-control .item a{ color: #fff; }
.his-control .date{ margin-top: 33px; line-height: 1; }
.his-control .dot{ display: block; position: absolute; left: 50%; margin-left: -2px; top: 17px; border-radius: 100%; background: #fff; width: 3px; height: 3px; }
.his-control .dot:before{ content: ""; position: absolute; top: -7px; bottom: -7px; left: -7px; right: -7px; border-radius: 100%; border: 1px solid #fff; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.his-control .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -10px; width: 21px; height: 21px; background: url('../images/ab_aw2.png') no-repeat; cursor: pointer; -webkit-transition: 0ms; transition: 0ms; }
.his-control .slick-prev{ left: 0; }
.his-control .slick-next{ right: 0; background-position: right bottom; }
.his-control .slick-arrow.slick-disabled{ opacity: 0.5; cursor: default; }
.hc-move .item.act .dot:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } 
.ly-his{ overflow: hidden; }
.ly-his dt{ float: left; width: 90px; color: #df2128; }
.ly-his dd{ margin-left: 90px; }
.ly-his + .ly-his{ margin-top: 35px; }
.ab-intro-list .ix-title{ display: none; margin-bottom: 45px; }
.m-ly-close{ display: none; }
.cog-nw-list{ margin-left: -20px; }
.cr-list .nowti{ display: block; }
.cog4{ padding: 90px 0 110px 0; }
.banner .mbj{ display: none; }
.ix-pro .pic2 img{ display: none; }
.ip-nav{ display: none; }
.pro12 .ia-more{ margin-top: 40px; }
.pro13 {padding: 65px 0 60px 0; }
.nw1 .hot-news{ margin-bottom: 65px; }
.hot-news a{ display: block; background: #fff; color: #666; }
.hot-news .pic{ float: left; width: 45.83%; }
.hot-news .txts{ float: left; width: 54.17%; }
.hot-news .pa{ padding: 0 50px 0 50px; }
.hot-news .t{ padding-left: 0; padding-right: 0; padding-bottom: 40px; height: auto; border-bottom: 1px solid #ccc; }
.hot-news .tx{ line-height: 28px; height: 112px; margin-top: 25px; }
.hot-news .nw-dot{ margin: 115px 0 0 7px; }
.in-tx img{ display: none; }
.ab-more.no{ display: none; }
.ix-join .txts2{ position: absolute; left: 0; right: 0; bottom: 0; color: #333; padding: 0 50px 25px 50px; }
.ix-join .num span{ display: block; margin-bottom: 2px; line-height: 0.8; font-size: 48px; font-weight: bold; color: #df2128; }
.ix-join .ti{ margin-top: 40px; font-size: 22px; }
.ix-join .picbox{ position: relative; }



.jszClass{
	text-align: center;
	font-size: 18px;
	color: red;
	font-weight: bold;
}

.mt20{
	margin-top: 20px;
}
.width100{
	width: 100px;
}


.height200{
	height: 200px;
}

.height160{
	height: 160px;
}




.new-proItem3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	overflow-x: hidden
}

.new-proItem3 .new-proItem3left {
	margin-left: 0px;
	margin-right: calc(30px + 4.6875vw);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.new-proItem3 .new-proItem3Title1 {
	white-space: nowrap;
	font-size: calc(40px + 2.1875vw);
	color: #000;
	margin-bottom: 12px;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3Title2 {
	white-space: nowrap;
	font-size: calc(28px + .625vw);
	color: #000;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3TitleTemp {
	font-size: calc(40px + 1.04167vw)
}

.new-proItem3 .new-proItem3Title3 {
	font-size: calc(20px + .41667vw);
	font-family: Alibaba-PuHuiTi-Medium;
	margin: 36px 0 63px 0;
	text-align: left
}

.new-proItem3 .new-proItem3Title3 span {
	margin-right: 32px;
	margin-left: 16px;
	position: relative;
	display: inline-block;
	line-height: 36px
}

.new-proItem3 .new-proItem3Title3 span:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: -webkit-gradient(linear,left top,right top,from(var(--theme-gradient1)),to(var(--theme-gradient2)));
	background: linear-gradient(90deg,var(--theme-gradient1),var(--theme-gradient2));
	position: absolute;
	top: 50%;
	left: -16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.new-proItem3 .new-proItem3Name {
	font-size: 20px;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3Desc {
	color: #8f8f8f;
	font-size: 24px;
	line-height: 24px;
	margin: 10px 0 32px 0;
	word-break: break-all;
	text-align: left
}

.new-proItem3 .new-proItem3link {
	color: #000
}

.new-proItem3 .new-proItem3link,.new-proItem3 .new-proItem3link div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new-proItem3 .new-proItem3link div:hover {
	cursor: pointer;
	color: #0099f2
}

.new-proItem3 .new-proItem3link div:hover i {
	color: #0099f2!important
}

.new-proItem3 .new-proItem3link div:hover path {
	stroke: #0099f2!important
}

.new-proItem3Right {
	width: 630px;
	padding-bottom: 73px
}

.new-proItem3Right img {
	width: 493px;
	height: 493px
}


@media screen and (min-width: 1360px) {
	.new-style1point[data-v-7c0cf3b2] {
		padding:0px calc(50% - 640px)
	}

	.new-style1video[data-v-7c0cf3b2] {
		padding: 0 calc(50% - 640px) 50px
	}
}
.new-style1 {
	background: #fafafa;
	text-align: center;
	padding-bottom: 20px
}

.new-style1point {
	padding: 0px 60px 40px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.new-style1point .new-style1Cell {
	padding: 53px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.new-style1point .new-style1div {
	height: 100%;
	background: #fff;
	padding: 35px;
	border-radius: 20px 20px 20px 20px
}

.new-style1point .new-style1noIMG {
	margin-bottom: 30px;
    font-weight: bold;
	font-size: 28px;
	color: #141414
}

.new-style1point .new-style1p1 {
	font-size: 32px;
	color: #141414;
	margin-bottom: 30px
}

.new-style1point .new-style1p2 {
	font-size: 26px;
	color: #8f8f8f;
	line-height: 28px
}

.new-style1point .new-style1pointImg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new-style1point .new-style1pointImg div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}

.new-style1point .new-style1pointImg img {
	width: 500px;
	height: 350px
}




.fade-enter-active,
.fade-leave-active {
	-webkit-transition: opacity .28s;
	transition: opacity .28s
}

.fade-enter,
.fade-leave-active {
	opacity: 0
}

.fade-transform-enter-active,
.fade-transform-leave-active {
	-webkit-transition: all .5s;
	transition: all .5s
}

.fade-transform-enter {
	opacity: 0;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px)
}

.fade-transform-leave-to {
	opacity: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px)
}

.breadcrumb-enter-active,
.breadcrumb-leave-active {
	-webkit-transition: all .5s;
	transition: all .5s
}

.breadcrumb-enter,
.breadcrumb-leave-active {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.breadcrumb-move {
	-webkit-transition: all .5s;
	transition: all .5s
}

.breadcrumb-leave-active {
	position: absolute
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
	font-weight: 400 !important
}

.el-upload input[type=file] {
	display: none !important
}

.el-upload__input {
	display: none
}

.cell .el-tag {
	margin-right: 0
}

.small-padding .cell {
	padding-left: 5px;
	padding-right: 5px
}

.fixed-width .el-button--mini {
	padding: 7px 10px;
	width: 60px
}

.status-col .cell {
	padding: 0 10px;
	text-align: center
}

.status-col .cell .el-tag {
	margin-right: 0
}

.el-dialog {
	-webkit-transform: none;
	transform: none;
	left: 0;
	position: relative;
	margin: 0 auto
}

.upload-container .el-upload {
	width: 100%
}

.upload-container .el-upload .el-upload-dragger {
	width: 100%;
	height: 200px
}

.el-dropdown-menu a {
	display: block
}

.el-range-editor.el-input__inner {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

.el-range-separator {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#app .main-container {
	min-height: 100%;
	-webkit-transition: margin-left .28s;
	transition: margin-left .28s;
	margin-left: 200px;
	position: relative
}

#app .sidebar-container {
	-webkit-transition: width .28s;
	transition: width .28s;
	width: 200px !important;
	background-color: #304156;
	height: 100%;
	position: fixed;
	font-size: 0;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1001;
	overflow: hidden
}

#app .sidebar-container .horizontal-collapse-transition {
	-webkit-transition: width 0s ease-in-out, padding-left 0s ease-in-out, padding-right 0s ease-in-out;
	transition: width 0s ease-in-out, padding-left 0s ease-in-out, padding-right 0s ease-in-out
}

#app .sidebar-container .scrollbar-wrapper {
	overflow-x: hidden !important
}

#app .sidebar-container .el-scrollbar__bar.is-vertical {
	right: 0
}

#app .sidebar-container .el-scrollbar {
	height: 100%
}

#app .sidebar-container.has-logo .el-scrollbar {
	height: calc(100% - 50px)
}

#app .sidebar-container .is-horizontal {
	display: none
}

#app .sidebar-container a {
	display: inline-block;
	width: 100%;
	overflow: hidden
}

#app .sidebar-container .svg-icon {
	margin-right: 16px
}

#app .sidebar-container .el-menu {
	border: none;
	height: 100%;
	width: 100% !important
}

#app .sidebar-container .el-submenu__title:hover,
#app .sidebar-container .submenu-title-noDropdown:hover {
	background-color: #263445 !important
}

#app .sidebar-container .is-active>.el-submenu__title {
	color: #f4f4f5 !important
}

#app .sidebar-container .el-submenu .el-menu-item,
#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title {
	min-width: 200px !important;
	background-color: #1f2d3d !important
}

#app .sidebar-container .el-submenu .el-menu-item:hover,
#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover {
	background-color: #001528 !important
}

#app .hideSidebar .sidebar-container {
	width: 54px !important
}

#app .hideSidebar .main-container {
	margin-left: 54px
}

#app .hideSidebar .submenu-title-noDropdown {
	padding: 0 !important;
	position: relative
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
	padding: 0 !important
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
	margin-left: 20px
}

#app .hideSidebar .el-submenu {
	overflow: hidden
}

#app .hideSidebar .el-submenu>.el-submenu__title {
	padding: 0 !important
}

#app .hideSidebar .el-submenu>.el-submenu__title .svg-icon {
	margin-left: 20px
}

#app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow {
	display: none
}

#app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span {
	height: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
	display: inline-block
}

#app .el-menu--collapse .el-menu .el-submenu {
	min-width: 200px !important
}

#app .mobile .main-container {
	margin-left: 0
}

#app .mobile .sidebar-container {
	-webkit-transition: -webkit-transform .28s;
	transition: -webkit-transform .28s;
	transition: transform .28s;
	transition: transform .28s, -webkit-transform .28s;
	width: 200px !important
}

#app .mobile.hideSidebar .sidebar-container {
	pointer-events: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0)
}

#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
	-webkit-transition: none;
	transition: none
}

.el-menu--vertical>.el-menu .svg-icon {
	margin-right: 16px
}

.el-menu--vertical .el-menu-item:hover,
.el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover {
	background-color: #263445 !important
}

.el-menu--vertical>.el-menu--popup {
	max-height: 100vh;
	overflow-y: auto
}

.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece {
	background: #d3dce6
}

.el-menu--vertical>.el-menu--popup::-webkit-scrollbar {
	width: 6px
}

.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb {
	background: #99a9bf;
	border-radius: 20px
}

:export {
	menuText: #bfcbd9;
	menuActiveText: #409eff;
	subMenuActiveText: #f4f4f5;
	menuBg: #304156;
	menuHover: #263445;
	subMenuBg: #1f2d3d;
	subMenuHover: #001528;
	sideBarWidth: 200px
}

.blue-btn {
	background: #324157
}

.blue-btn:hover {
	color: #324157
}

.blue-btn:hover:after,
.blue-btn:hover:before {
	background: #324157
}

.light-blue-btn {
	background: #3a71a8
}

.light-blue-btn:hover {
	color: #3a71a8
}

.light-blue-btn:hover:after,
.light-blue-btn:hover:before {
	background: #3a71a8
}

.red-btn {
	background: #c03639
}

.red-btn:hover {
	color: #c03639
}

.red-btn:hover:after,
.red-btn:hover:before {
	background: #c03639
}

.pink-btn {
	background: #e65d6e
}

.pink-btn:hover {
	color: #e65d6e
}

.pink-btn:hover:after,
.pink-btn:hover:before {
	background: #e65d6e
}

.green-btn {
	background: #30b08f
}

.green-btn:hover {
	color: #30b08f
}

.green-btn:hover:after,
.green-btn:hover:before {
	background: #30b08f
}

.tiffany-btn {
	background: #4ab7bd
}

.tiffany-btn:hover {
	color: #4ab7bd
}

.tiffany-btn:hover:after,
.tiffany-btn:hover:before {
	background: #4ab7bd
}

.yellow-btn {
	background: #fec171
}

.yellow-btn:hover {
	color: #fec171
}

.yellow-btn:hover:after,
.yellow-btn:hover:before {
	background: #fec171
}

.pan-btn {
	font-size: 14px;
	color: #fff;
	padding: 14px 36px;
	border-radius: 8px;
	border: none;
	outline: none;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	position: relative;
	display: inline-block
}

.pan-btn:hover {
	background: #fff
}

.pan-btn:hover:after,
.pan-btn:hover:before {
	width: 100%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.pan-btn:after,
.pan-btn:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.pan-btn:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0
}

.custom-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	color: #fff;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 4px
}

:root {
	--theme-gradient1: #0d99ff;
	--theme-gradient2: #6abc23
}

body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: Alibaba-PuHuiTi-Regular, Source HanSans, PingFang SC, Helvetica, Microsoft YaHei, Arial, Heiti SC, sans-serif
}

label {
	font-weight: 700
}

html {
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#app {
	height: 100%
}

,
:after,
:before {
	/* -webkit-box-sizing:inherit; */
	/* box-sizing:inherit */
}

.no-padding {
	padding: 0 !important
}

.keyword-highlight {
	color: red
}

.padding-content {
	padding: 4px 0
}

a:active,
a:focus {
	outline: none
}

a,
a:focus,
a:hover {
	cursor: pointer;
	color: inherit;
	text-decoration: none
}

i {
	font-style: normal
}

div:focus {
	outline: none
}

.fr {
	float: right
}

.fl {
	float: left
}

.pr-5 {
	padding-right: 5px
}

.pl-5 {
	padding-left: 5px
}

.block {
	display: block
}

.pointer {
	cursor: pointer
}

.inlineBlock {
	display: block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

aside {
	background: #eef1f6;
	padding: 8px 24px;
	margin-bottom: 20px;
	border-radius: 2px;
	display: block;
	line-height: 32px;
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	color: #2c3e50;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

aside a {
	color: #337ab7;
	cursor: pointer
}

aside a:hover {
	color: #20a0ff
}

.app-container {
	padding: 20px
}

.components-container {
	margin: 30px 50px;
	position: relative
}

.pagination-container {
	margin-top: 30px
}

.text-center {
	text-align: center
}

.sub-navbar {
	height: 50px;
	line-height: 50px;
	position: relative;
	width: 100%;
	text-align: right;
	padding-right: 20px;
	-webkit-transition: position .6s ease;
	transition: position .6s ease;
	background: -webkit-gradient(linear, left top, right top, from(#20b6f9), color-stop(0, #20b6f9), color-stop(100%, #2178f1), to(#2178f1));
	background: linear-gradient(90deg, #20b6f9, #20b6f9 0, #2178f1 100%, #2178f1 0)
}

.sub-navbar .subtitle {
	font-size: 20px;
	color: #fff
}

.sub-navbar.deleted,
.sub-navbar.draft {
	background: #d0d0d0
}

.link-type,
.link-type:focus {
	color: #337ab7;
	cursor: pointer
}

.link-type:focus:hover,
.link-type:hover {
	color: #20a0ff
}

.filter-container {
	padding-bottom: 10px
}

.filter-container .filter-item {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px
}

.video-js:hover .vjs-big-play-button {
	background: rgba(0, 0, 0, .45) !important
}

.multiselect {
	line-height: 16px
}

.multiselect--active {
	z-index: 1000 !important
}

.mobile-show {
	display: none
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #3a9c9b !important
}

.data_loading,
.data_wait {
	background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik04ODguNyA3NzUuNWMwIDMyLTE2Ny40IDU2LjctMzc2LjcgNTYuNy0yMDcuNCAwLTM3Ni43LTI0LjYtMzc2LjctNTYuN3MxNjcuNC01Ni43IDM3Ni43LTU2LjdjMjA3LjQuMSAzNzYuNyAyNC43IDM3Ni43IDU2LjciIGZpbGw9IiNERkRGREYiLz48cGF0aCBkPSJNNjUzLjQgNzkyLjVIMjgyLjJjLTMxLjQgMC01Ni44LTI1LjQtNTYuOC01Ni44VjIyNy45YzAtMTYuNSAxMy40LTI5LjkgMjkuOS0yOS45aDQwMC40YzE2LjUgMCAyOS45IDEzLjQgMjkuOSAyOS45djUzMi40YzAgMTcuOC0xNC40IDMyLjItMzIuMiAzMi4yeiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Ik02NTMuNCA3OTguN0gyODIuMmMtMzQuOCAwLTYzLTI4LjMtNjMtNjNWMjI3LjljMC0xOS45IDE2LjItMzYuMSAzNi4xLTM2LjFoNDAwLjRjMTkuOSAwIDM2LjEgMTYuMiAzNi4xIDM2LjF2NTMyLjRjMCAyMS4yLTE3LjIgMzguNC0zOC40IDM4LjR6TTI1NS4zIDIwNC4yYy0xMy4xIDAtMjMuNyAxMC42LTIzLjcgMjMuN3Y1MDcuN2MwIDI3LjkgMjIuNyA1MC42IDUwLjYgNTAuNmgzNzEuMmMxNC4zIDAgMjUuOS0xMS42IDI1LjktMjUuOVYyMjcuOWMwLTEzLjEtMTAuNi0yMy43LTIzLjctMjMuN0gyNTUuM3oiIGZpbGw9IiNBOUIxQjYiLz48cGF0aCBkPSJNMzA4IDY4N3M0MC41IDgwLjEtMzUgMTA1LjVjMCAwLS40IDAgMCAwIDE2Mi4yIDAgMzI0LjQgMiA0ODYuNS0yIDcuNC0yIDE0LjctNS45IDIwLjMtOS44IDMuNy0yIDEyLjktMTEuNyAxOC40LTI1LjQgNS41LTE1LjYgNy40LTM5LjEtNy40LTU2LjYtMy43LTUuOS05LjItOS44LTE2LjYtMTEuN0gzMDguNSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Ik01MTUgNzk4LjljLTQwLjUgMC04MC44LS4xLTEyMC42LS4yLTQwLjUtLjEtODEtLjItMTIxLjUtLjJsLS4xLTYuMy0xLjgtNS40YzE5LTYuNCAzMS43LTE3IDM3LjctMzEuNiAxMS45LTI5LjItNS45LTY1LjEtNi4xLTY1LjUtMS41LTMtLjMtNi42IDIuNi04LjEgMS0uNSAyLS43IDMtLjZINzc1bC44LjJjOC44IDIuNCAxNS42IDcuMiAyMC4xIDE0LjMgMTkuNCAyMy4xIDExIDUzLjIgNy45IDYxLjktNi4yIDE1LjItMTYuMyAyNi4xLTIxLjMgMjguNy02LjIgNC41LTE0LjMgOC4zLTIxLjUgMTAuM2wtMS40LjJjLTgxLjIgMS45LTE2My40IDIuMy0yNDQuNiAyLjN6bS0yMTYuNi0xMi40YzMyLjEgMCA2NC4xLjEgOTYuMS4yIDExOS4zLjQgMjQyLjguNyAzNjQuMi0yLjIgNS43LTEuNiAxMi4xLTQuOCAxNy43LTguNyAzLTEuNiAxMS4zLTEwLjQgMTYuMy0yMi43IDIuNC02LjkgOS40LTMxLjYtNi40LTUwLjUtMy4yLTUtNy4zLTcuOS0xMi44LTkuNkgzMTcuMWM1LjIgMTMuOCAxMyA0MS43IDIuOCA2Ni43LTQuNSAxMC44LTExLjcgMTkuNy0yMS41IDI2Ljh6IiBmaWxsPSIjQTlCMUI2Ii8+PHBhdGggZD0iTTI4Ny43IDI2OS45aDE1My40djM4LjRIMjg3Ljd6bTAgNTcuNWgzNTQuOHYxOS4ySDI4Ny43em0wIDY3LjFoNzYuN3YzOC40aC03Ni43em0wIDU3LjZoMzA2Ljh2MTkuMkgyODcuN3pNMjg3LjcgNTI4LjhoMjMwLjFWNTQ4SDI4Ny43ek0yOTcuMyA1NjcuMWgxODIuMnYxOS4ySDI5Ny4zeiIgZmlsbD0iI0VERUVFRSIvPjwvc3ZnPg==) bottom no-repeat;
	background-size: 150px;
	padding-top: 150px;
	text-align: center;
	color: #999
}

.data_loading {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTQwLjkyIDM1LjI1MWM1LjUyLTguNzE4IDIuOTI4LTIwLjI2LTUuNzkxLTI1Ljc4LTguNzE4LTUuNTE4LTIwLjI2LTIuOTI1LTI1Ljc4IDUuNzkzbDMuNDM4IDIuMTc2YzQuMzE3LTYuODIgMTMuMzQ2LTguODQ5IDIwLjE2Ni00LjUzMSA2LjgyIDQuMzE4IDguODQ4IDEzLjM0NiA0LjUzIDIwLjE2NmwzLjQzOCAyLjE3NnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);
	background-size: 60px;
	background-position: 50%
}

@media screen and (max-width:900px) {

	#footer_table,
	#hlist_main,
	.footer_table02,
	.top_rzs {
		display: none !important
	}

	.mobile-show {
		display: inline-block
	}

	img {
		max-width: 100%
	}

	#app .top_main,
	body {
		min-width: 100% !important
	}

	#app .icon_logo {
		margin: 1.1rem 2rem
	}

	#app .icon_logo img {
		width: auto;
		height: 2.8rem;
		margin-top: .2rem
	}

	#app .zilist_main02 {
		top: 5.2rem
	}

	#app .navbar_height {
		height: 5.2rem
	}

	.menu-btn-toggle {
		width: 4rem;
		height: 3.4rem;
		position: fixed;
		right: 1rem;
		top: 1.5rem;
		background: transparent;
		cursor: pointer;
		border: none;
		outline: none
	}

	.menu-btn-toggle .menu-btn-line,
	.menu-btn-toggle .menu-btn-line:after,
	.menu-btn-toggle .menu-btn-line:before {
		position: absolute;
		left: 0;
		width: 2.6rem;
		height: 2px;
		border-radius: 1rem;
		background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
		background: linear-gradient(90deg, var(--theme-gradient1) 0, var(--theme-gradient2));
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.menu-btn-toggle .menu-btn-line {
		top: 1rem
	}

	.menu-btn-toggle .menu-btn-line:before {
		content: "";
		top: -.8rem
	}

	.menu-btn-toggle .menu-btn-line:after {
		content: "";
		top: .8rem
	}

	.menu-btn-toggle.menu-btn-active .menu-btn-line {
		background: transparent
	}

	.menu-btn-toggle.menu-btn-active .menu-btn-line:after,
	.menu-btn-toggle.menu-btn-active .menu-btn-line:before {
		top: 0
	}

	.menu-btn-toggle.menu-btn-active .menu-btn-line:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.menu-btn-toggle.menu-btn-active .menu-btn-line:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.template1 {
		height: calc(100vh - 20rem)
	}

	.template1 .swiper-container .swiper-img,
	.template1 .swiper-container {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: left center;
		object-position: left center;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	.template1 .swiper-pagination-bullet {
		width: 1rem !important
	}

	.page3 .cpsearch_main {
		margin-top: 10px
	}

	.page3 .h2_wen03 {
		display: none
	}

	.template2 .jjfa_lbwen {
		width: auto
	}

	.page3 .cpsearch_main input {
		font-size: 18px;
		font-weight: 700
	}

	.jjfa_lbwen .p1 {
		font-size: 16px !important
	}

	.product-wrap .symain02_top {
		width: 100%;
		margin-left: 0
	}

	.symain02_top .left {
		width: 100% !important
	}

	.symain02_top .right {
		width: 66% !important;
		display: none
	}

	.h2_wen03 {
		font-size: 22px !important
	}

	.service-wrap .symain03_l,
	.service-wrap .symain03_r {
		float: none;
		width: 100%;
		margin-top: 2rem
	}

	.service-wrap .symain03_btm {
		width: 100%
	}

	.lz01_wen {
		width: 67% !important;
		font-size: 13px
	}

	.fwzc_cjwt .cjwt_ul li span {
		white-space: nowrap
	}

	.lz01_wen p {
		font-size: 13px !important
	}

	.symain03_lz01 {
		top: 2.5rem !important
	}

	.lz01wen_btm {
		margin-top: 1rem !important
	}

	.news-wrap .h2_wen04 {
		font-size: 30px
	}

	.news-wrap .h3_wen {
		font-size: 16px !important
	}

	.news-wrap .xwzx_lbwen .pos_r {
		padding: 20px 1rem 0
	}

	.news-wrap .xwzx_lbwen .p2,
	.news-wrap .xwzx_lbwen .p3 {
		font-size: 12px !important
	}

	.news-wrap .xwzx_lbwen {
		width: 100%;
		left: 0 !important
	}

	.footer_main {
		position: relative
	}

	.footer_wrap {
		padding: 4rem 0 0 !important;
		width: 90% !important
	}

	.company_msg .right p {
		font-size: 13px !important;
		text-align: left !important
	}

	#company_msg {
		padding-bottom: 3rem !important
	}

	#company_msg .left {
		float: none;
		border-bottom: 1px solid #e0e6ed;
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	#company_msg img {
		display: inline-block;
		margin-bottom: 2rem !important;
		width: 80%
	}

	#company_msg .right {
		float: none;
		display: inline-block;
		margin: 1rem 1rem 0 0 !important
	}

	.footer_copy_main {
		width: 90% !important
	}

	.footer_copy_main .left .p1 span {
		margin: 0 1rem !important
	}

	.footer_copy_main .left a {
		margin-right: 2rem !important
	}

	.footer_copy_main .p2 b {
		font-weight: 400;
		font-size: 13px
	}

	.footer_copy_main .p2 b i {
		display: block;
		white-space: nowrap
	}

	.social-wrap {
		position: absolute;
		right: 4rem;
		top: 19.5rem
	}

	.social-wrap .right {
		float: none;
		margin-bottom: 2rem !important
	}

	.darre_company_desc .company_video,
	.darre_company_desc .desc,
	.pos_loct .right {
		float: none !important
	}

	.darre_company_desc .company_video,
	.darre_company_desc .desc {
		width: 100% !important
	}

	#zilist_main ul.cc {
		white-space: nowrap;
		overflow: scroll
	}
}

@media screen and (max-width:330px) {

	.product-wrap,
	.service-wrap,
	.solution-wrap {
		height: 50rem
	}

	.symain02_top .right {
		top: 20rem;
		width: 64% !important;
		right: 2rem !important
	}

	.ljgd_btn02 {
		-webkit-transform: scale(.6) translateX(-5rem);
		transform: scale(.6) translateX(-5rem)
	}

	.service-wrap {
		height: 90rem
	}

	.lz01_wen {
		width: 75% !important
	}

	.lz01_wen p {
		font-size: 12px !important
	}

	.social-wrap {
		top: 22.5rem
	}

	#company_msg .right {
		margin-right: 0 !important
	}

	.footer_copy_main .p1 {
		white-space: nowrap
	}

	.footer_copy_main .p2 b i {
		white-space: normal
	}
}

.newunderline_word span {
	cursor: pointer;
	position: relative;
    font-size: 24px;
}

.newunderline_word span:hover {
	font-family: Alibaba-PuHuiTi-Medium
}

.newunderline_word span:hover:after {
	-webkit-transition: width .5s;
	transition: width .5s;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2))
}

.newunderline_word span:after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	bottom: -8px;
	left: 0
}

.newunderline_active span {
	color: #141414;
	font-family: Alibaba-PuHuiTi-Medium
}

.newunderline_active span:after {
	width: 100%;
	height: 3px;
	background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2))
}

.newunderline_balckword span {
	cursor: pointer;
	position: relative
}

.newunderline_balckword span:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	bottom: -2px;
	left: 0
}

.newunderline_balckword span:hover:after {
	width: 100%;
	background: #525252
}

@media screen and (min-width:768px) {
		{
		scrollbar-color: hsla(0, 0%, 75.7%, .5) #fafafa;
		scrollbar-width: thin
	}

	:hover {
		scrollbar-color: #c1c1c1 #fafafa
	}

	::-webkit-scrollbar {
		width: 8px;
		height: 10px
	}

	::-webkit-scrollbar-thumb {
		border-radius: 3px;
		-webkit-box-shadow: inset 0 0 1px transparent;
		background: hsla(0, 0%, 75.7%, .5)
	}

	::-webkit-scrollbar-thumb:hover {
		cursor: pointer;
		background: #c1c1c1
	}

	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 1px transparent;
		border-radius: 3px;
		background: #fafafa
	}
}

.swiper-button-disabled {
	visibility: hidden
}

.newDoc-page button,
.newDoc-page span:not([class*=suffix]) {
	width: auto !important;
	height: 28px !important;
	font-size: 14px !important;
	line-height: 28px !important
}

.newDoc-page {
	margin-top: 16px;
	text-align: right;
	padding: 0
}

.newDoc-page .el-pagination__jump {
	margin-left: 0
}

.newDoc-page .el-pager .more:before {
	line-height: 28px
}

.newDoc-page .el-pagination__editor.el-input .el-input__inner {
	height: 28px !important
}

.newDoc-page .el-pagination__total {
	font-size: 14px !important
}

.newDoc-page .el-pager li {
	font-size: 14px !important;
	width: auto !important;
	height: 28px !important;
	line-height: 27px !important;
	margin-right: 8px !important
}

.newDoc-page .el-icon-arrow-left:before {
	content: "\e6de"
}

.newDoc-page.is-background .el-pager li:not(.disabled).active {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.newDoc-page.is-background .el-pager li {
	background-color: #fff;
	color: #141414;
	border: 1px solid #ebebeb;
	border-radius: 4px
}

.newDoc-page.is-background .btn-prev {
	border: 0 !important;
	background: transparent !important
}

.newDoc-page.is-background .btn-prev .el-icon {
	font-size: 16px !important
}

.newDoc-page.is-background .btn-prev .el-icon:hover {
	color: #0099f2
}

.newDoc-page.is-background .btn-next {
	border: 0 !important;
	background: transparent !important
}

.newDoc-page.is-background .btn-next .el-icon {
	font-size: 16px !important
}

.newDoc-page.is-background .btn-next .el-icon:hover {
	color: #0099f2
}

@media screen and (max-width:900px) {
	.newDoc-page {
		position: relative;
		text-align: center;
		margin-right: 0 !important
	}

	.newDoc-page.is-background .el-pager {
		display: inline-block;
		margin: 0
	}

	.newDoc-page.el-pagination button.btn-next {
		margin-left: 0 !important
	}

	.newDoc-page.el-pagination button.btn-prev {
		position: relative;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		bottom: 0
	}
}

.stop1 {
	stop-color: var(--theme-gradient1)
}

.stop2 {
	stop-color: var(--theme-gradient2)
}

.el-image-viewer__close {
	color: #fff
}

.video-container-main .search-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 32px 0 24px
}

.video-container-main .search-container .sort-type {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-container-main .search-container .sort-type>div {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	padding-right: 16px
}

.video-container-main .search-container .sort-type>div.active {
	color: #69bc28
}

.video-container-main .search-container .search-input .el-input__inner {
	width: 320px;
	border-radius: 36px;
	background: hsla(0, 0%, 96.1%, .6)
}

.video-container-main .search-container .search-input .el-icon-search {
	cursor: pointer;
	font-size: 16px;
	line-height: 36px;
	margin-right: 12px
}

.video-container-main .pt-48 {
	padding-top: 48px
}

.video-container-main .pt-20 {
	padding-top: 20px
}

.video-container-main .border-bottom {
	border-bottom: 1px solid #eee
}

.video-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.video-main .video-item {
	width: 270px;
	margin-bottom: 50px;
	margin-right: 66px;
	background-color: #f8f9fa
}

.video-main .video-item:nth-child(4n+4) {
	margin-right: 0
}

.video-main .item-image {
	overflow: hidden;
	position: relative
}

.video-main .item-image .video-cover {
	width: 100%;
	height: 140px;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s
}

.video-main .item-image .video-cover:hover {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.video-main .item-image .video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video-main .item-image .video-time {
	position: absolute;
	right: 12px;
	bottom: 6px;
	color: #fff;
	font-size: 14px;
	line-height: 20px
}

.video-main .plr-14 {
	padding: 0 14px
}

.video-main .item-title {
	font-size: 16px;
	line-height: 23px;
	height: 46px;
	font-family: Alibaba-PuHuiTi-Medium;
	margin-top: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.video-main .item-date {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	padding-top: 4px
}

.video-main .item-more {
	color: #999;
	font-size: 12px;
	line-height: 16px;
	padding-top: 12px;
	padding-bottom: 16px;
	font-family: Alibaba-PuHuiTi-Medium
}

.video-main .item-more,
.video-main .item-more span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-main .item-more span {
	padding-right: 16px
}

.video-main .item-more img {
	margin-right: 4px
}

.video-main .item-more span:first-of-type img {
	width: 17px;
	height: 17px
}

.video-main .item-more span:nth-of-type(2) img {
	width: 16px;
	height: 16px
}

.video-main .item-more span:nth-of-type(3) img {
	width: 14px;
	height: 13px
}

.video-pagination {
	margin-bottom: 20px
}

.video-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.video-list .video-index {
	color: #333;
	font-size: 16px;
	line-height: 23px;
	cursor: pointer;
	font-family: Alibaba-PuHuiTi-Medium;
	padding-right: 40px
}

.video-list .video-index.active {
	color: #0099f2
}

.video-list .video-type {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 0 6px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-right: 48px
}

.video-list .video-type.active {
	color: #333;
	-o-border-image: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2)) 1 1;
	border-image: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2))) 1 1;
	border-image: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2)) 1 1
}

.video-list .video-detail.active {
	color: #666
}

@media screen and (min-width:900px) {
	.video-container-main {
		width: 1280px;
		margin: 0 auto
	}
}

.new-proDownallBtn {
	font-family: Alibaba-PuHuiTi-Regular;
	background: linear-gradient(118deg, var(--theme-gradient1) 24%, var(--theme-gradient2) 93%);
	border-radius: 50px;
	color: #fff;
	margin-left: 20px;
	border-color: #fff
}

.new-pro-navSwiperPage1 {
	position: relative;
	margin-top: 10px
}

.new-pro-navSwiperPage1 .new-pro-navSwiper .swiper-slide {
	width: auto
}

.new-pro-navSwiperPage1 .swiper-button-prev {
	left: -24px;
	top: 26px
}

.new-pro-navSwiperPage1 .swiper-button-next {
	right: -24px;
	top: 24px
}

.new-pro-navSwiperPage1 .swiper-button-prev,
.new-pro-navSwiperPage1 .swiper-container-rtl .swiper-button-next {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.new-pro-navSwiperPage1 .swiper-button-next,
.new-pro-navSwiperPage1 .swiper-button-prev,
.new-pro-navSwiperPage1 .swiper-container-rtl .swiper-button-next,
.new-pro-navSwiperPage1 .swiper-container-rtl .swiper-button-prev {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAk1JREFUWEfF1z9oFEEUx/H37q6yOluxsBRtBAmolSm0EAQtRBTyByWgxHPegVdJZKMiKN7Nbw6MIKJ4GiSp7EURrQIWImJjKdp6pLBQuCcLm7AMwZ3d27tsu7vz+bI7M+wybfPB2+xTUICIHAXwbhSxmQEi8oyIpolojZlb1toPZYaEBGgKXFfVeefci7IiQgK6RNRIg6q64Jy7XUZEZkCMiMgSEV32wMcA5oaNCApIIhaI6KYHvgZwfJiI4IAYMcbMMfMjD/zGzJPW2h9FQnIFxECz2Typqj0iqqfAP6p6zDn3Pm9E7oDkSUwQUY+Z93rgRQBP8kQUCoiBRqOxu1ar9VR1Mg0y8x1r7fXQiMIBMRBFUa3f78ev45wHrgI4GxIxVMAGYIzpMHPTA+8DaGVFlBKQTM6Wqt7zwPMAXv4vorSAZK+YiidnCnwF4PTYApInsaqqZxK0D2DnuAM+qurBBF0DcGgsASJSV9VlZj6xATJz21p7beQBIrInwY+ksPVqtXq43W5/HWmAiBxI8H0etAggGukyjD/ViGiZiHZ50BUAD7Lw+HzhZSgipxJ8Rwr6q6pTzrmVELxwgIjMEtFTD/k5GAymu93um1C8UICICBFZD/lMRDMAPuXBcwcYYxaZ+YaHvK1UKrOdTud7XjxXgDHGMfNVD1mp1+sXoij6XQQPDkj9G2w6qrrknJsvCm9uVlkDGGMeMvMl77pbAPxXkTXUluczl6GIfCGi/am7mwBQSNvippCAeDeLv/9/EdFdAM/LwoPnQJmgP9Y/sDrIIX0kS/wAAAAASUVORK5CYII=);
	width: 18px;
	height: 18px;
	background-size: contain;
	opacity: .6
}

.new-pro-navSwiperPage1 .swiper-button-next:hover,
.new-pro-navSwiperPage1 .swiper-button-prev:hover {
	opacity: 1
}

.new-pro-navSwiperPage1 .swiper-button-disabled {
	visibility: hidden
}

.new-pro-navSwiperPage0 {
	position: relative
}

.new-pro-navSwiperPage0 .new-pro-navSwiper0 .swiper-slide {
	width: auto
}

.new-pro-navSwiperPage0 .swiper-button-prev {
	left: -24px;
	top: 34px
}

.new-pro-navSwiperPage0 .swiper-button-next {
	right: -24px;
	top: 34px
}

.new-pro-navSwiperPage0 .swiper-button-prev,
.new-pro-navSwiperPage0 .swiper-container-rtl .swiper-button-next {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.new-pro-navSwiperPage0 .swiper-button-next,
.new-pro-navSwiperPage0 .swiper-button-prev,
.new-pro-navSwiperPage0 .swiper-container-rtl .swiper-button-next,
.new-pro-navSwiperPage0 .swiper-container-rtl .swiper-button-prev {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAk1JREFUWEfF1z9oFEEUx/H37q6yOluxsBRtBAmolSm0EAQtRBTyByWgxHPegVdJZKMiKN7Nbw6MIKJ4GiSp7EURrQIWImJjKdp6pLBQuCcLm7AMwZ3d27tsu7vz+bI7M+wybfPB2+xTUICIHAXwbhSxmQEi8oyIpolojZlb1toPZYaEBGgKXFfVeefci7IiQgK6RNRIg6q64Jy7XUZEZkCMiMgSEV32wMcA5oaNCApIIhaI6KYHvgZwfJiI4IAYMcbMMfMjD/zGzJPW2h9FQnIFxECz2Typqj0iqqfAP6p6zDn3Pm9E7oDkSUwQUY+Z93rgRQBP8kQUCoiBRqOxu1ar9VR1Mg0y8x1r7fXQiMIBMRBFUa3f78ev45wHrgI4GxIxVMAGYIzpMHPTA+8DaGVFlBKQTM6Wqt7zwPMAXv4vorSAZK+YiidnCnwF4PTYApInsaqqZxK0D2DnuAM+qurBBF0DcGgsASJSV9VlZj6xATJz21p7beQBIrInwY+ksPVqtXq43W5/HWmAiBxI8H0etAggGukyjD/ViGiZiHZ50BUAD7Lw+HzhZSgipxJ8Rwr6q6pTzrmVELxwgIjMEtFTD/k5GAymu93um1C8UICICBFZD/lMRDMAPuXBcwcYYxaZ+YaHvK1UKrOdTud7XjxXgDHGMfNVD1mp1+sXoij6XQQPDkj9G2w6qrrknJsvCm9uVlkDGGMeMvMl77pbAPxXkTXUluczl6GIfCGi/am7mwBQSNvippCAeDeLv/9/EdFdAM/LwoPnQJmgP9Y/sDrIIX0kS/wAAAAASUVORK5CYII=);
	width: 18px;
	height: 18px;
	background-size: contain;
	opacity: .6
}

.new-pro-navSwiperPage0 .swiper-button-next:hover,
.new-pro-navSwiperPage0 .swiper-button-prev:hover {
	opacity: 1
}

.new-pro-navSwiperPage0 .swiper-button-disabled {
	visibility: hidden
}

.new-proItem1scroll {
	width: 100%;
	overflow: auto
}

.new-proItem1scroll ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	white-space: nowrap;
	margin-bottom: 10px
}

.new-proItem1 {
	background: #fafafa;
	padding: 24px 60px
}

.new-proItem1 .new-proItem1Title {
	display: inline-block;
	font-size: 16px;
	margin-right: 48px;
	line-height: 40px
}

.new-proItem1 .new-proItem1Radio {
	font-size: 16px;
	cursor: pointer;
	margin-right: 36px;
	color: #8f8f8f;
	line-height: 24px
}

.new-proItem1 .new-proItem1Radio:hover {
	color: #000
}

.new-proItem1 .new-proItem1Radio:hover svg {
	color: #35a8a2
}

.new-proItem1 .new-proItem1RadioActive {
	color: #000
}

.new-proItem1 .new-proItem1RadioActive svg {
	color: #35a8a2
}

.new-proItem1 .new-proItem1active span {
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem1 .new-proItem1active span:after {
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2))
}

.new-proitem2noFix {
	background: #141414
}

.new-proItem2 {
	color: #a5a2a2;
	padding: 14px 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 28px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.new-proItem2 .new-proItem2span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto
}

.new-proItem2 .new-proItem2span span {
	margin-left: 12px;
	cursor: pointer
}

.new-proItem2 .new-proItem2span span:hover {
	color: #fff
}

.new-proItem2 .new-proItem2span .new-proItem2consult {
	background: linear-gradient(118deg, var(--theme-gradient1) 24%, var(--theme-gradient2) 93%);
	border-radius: 50px 50px 50px 50px;
	color: #fff;
	line-height: 28px;
	display: inline-block;
	padding: 0 16px
}

.new-proItem2-link {
	cursor: pointer;
	white-space: nowrap
}

.new-proItem2-link span:hover {
	cursor: pointer;
	color: #fff
}

.new-proItem3 {
	padding: 110px 60px 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-x: hidden
}

.new-proItem3 .new-proItem3left {
	margin-left: 40px;
	margin-right: calc(30px + 4.6875vw);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.new-proItem3 .new-proItem3Title1 {
	white-space: nowrap;
	font-size: calc(40px + 2.1875vw);
	color: #000;
	margin-bottom: 12px;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3Title2 {
	white-space: nowrap;
	font-size: calc(28px + .625vw);
	color: #000;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3TitleTemp {
	font-size: calc(40px + 1.04167vw)
}

.new-proItem3 .new-proItem3Title3 {
	font-size: calc(20px + .41667vw);
	font-family: Alibaba-PuHuiTi-Medium;
	margin: 36px 0 63px 0;
	text-align: left
}

.new-proItem3 .new-proItem3Title3 span {
	margin-right: 32px;
	margin-left: 16px;
	position: relative;
	display: inline-block;
	line-height: 36px
}

.new-proItem3 .new-proItem3Title3 span:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2));
	position: absolute;
	top: 50%;
	left: -16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.new-proItem3 .new-proItem3Name {
	font-size: 20px;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proItem3 .new-proItem3Desc {
	color: #8f8f8f;
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0 32px 0;
	word-break: break-all;
	text-align: left
}

.new-proItem3 .new-proItem3link {
	color: #000
}

.new-proItem3 .new-proItem3link,
.new-proItem3 .new-proItem3link div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new-proItem3 .new-proItem3link div:hover {
	cursor: pointer;
	color: #0099f2
}

.new-proItem3 .new-proItem3link div:hover i {
	color: #0099f2 !important
}

.new-proItem3 .new-proItem3link div:hover path {
	stroke: #0099f2 !important
}

.new-proItem3Right {
	width: 561px;
	padding-bottom: 73px
}

.new-proItem3Right img {
	width: 493px;
	height: 493px
}

.new-proItem4 {
	padding: 120px 60px 0
}

.new-proItem4Title {
	font-size: 32px;
	font-family: Alibaba-PuHuiTi-Medium;
	margin-bottom: 48px;
	position: relative;
	padding-left: 12px
}

.new-proItem4Title:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 28px;
	bottom: 12px;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(180deg, var(--theme-gradient1), var(--theme-gradient2));
}

.new-proItem4Doc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	color: #525252;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto
}

.new-proItem4Doc div {
	display: inline-grid;
	height: 20px;
	margin-right: 48px
}

.new-proItem4Line {
	height: 1px;
	margin-top: -9px;
	width: 100%;
	background: #ebebeb
}

.new-proItem4Input {
	width: 320px;
	margin: 40px 0 24px 0
}

.new-proItem4Table .new-proItem4TableBtn {
	font-family: Alibaba-PuHuiTi-Medium;
	color: #0099f2
}

.new-proItem4Table .el-table__expanded-cell {
	padding: 0
}

.new-proItem4Table .el-loading-mask {
	z-index: 19
}

.new-proitem2Fix {
	background: rgba(20, 20, 20, .8);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1800
}

.new-proItem5 {
	padding: 80px 60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

.new-proItem5 .new-proItem4Title {
	margin-bottom: 8px
}

.new-proItem5 .new-proItem5icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #f5f5f5;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	color: #089cf2;
	cursor: pointer;
	margin-left: 12px
}

.new-proItem5 .new-proItem5icon:hover {
	background: -webkit-gradient(linear, left top, right top, from(var(--theme-gradient1)), to(var(--theme-gradient2)));
	background: linear-gradient(90deg, var(--theme-gradient1), var(--theme-gradient2));
	color: #fff
}

.new-proSpares {
	padding-left: 60px;
	width: 100%
}

.new-proSpares .swiper-slide {
	width: auto
}

.new-proSpares .new-proSparesCard {
	width: 400px;
	padding: 40px;
	margin: 40px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .08), 0 15px 16px 0 rgba(0, 0, 0, .04);
	box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .08), 0 15px 16px 0 rgba(0, 0, 0, .04);
	border-radius: 12px 12px 12px 12px
}

.new-proSpares .new-proSpareDiv {
	height: 116px
}

.new-proSpares .new-proSparesTitle {
	font-size: 24px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Alibaba-PuHuiTi-Medium
}

.new-proSpares .new-proSparesDesc {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 22px;
	margin: 8px 0 30px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box
}

.new-proSpares .new-proSparesimg1 {
	height: 220px;
	width: 100%
}

.new-proSpares .new-proSparesimg2 {
	height: 178px;
	width: 100%
}

.new-proSpares-swiper {
	width: auto !important
}

@media screen and (max-width:1200px) {
	.new-proItem1 {
		padding: 24px 40px
	}

	.new-proItem2 {
		padding: 14px 40px
	}

	.new-proItem3 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: calc(40px + 3.125vw) 40px calc(40px + 2.39583vw)
	}

	.new-proItem3 .new-proItem3left {
		margin-right: 0;
		margin-left: 0
	}

	.new-proItem3 .new-proItem3Title1 {
		font-size: calc(28px + 2.8125vw)
	}

	.new-proItem3 .new-proItem3Title2 {
		font-size: calc(24px + .83333vw)
	}

	.new-proItem3 .new-proItem3TitleTemp {
		font-size: calc(28px + 1.66667vw)
	}

	.new-proItem3 .new-proItem3Title3 {
		font-size: calc(20px + .41667vw);
		margin: 24px 0 calc(24px + 2.08333vw) 0
	}

	.new-proItem3 .new-proItem3Right {
		width: 561px;
		margin-top: 20px;
		padding-bottom: 36px
	}

	.new-proItem3 .new-proItem3Right img {
		margin: 0 auto;
		height: auto
	}

	.new-proItem3>div {
		text-align: center
	}

	.new-proItem4 {
		padding: calc(40px + 3.125vw) 40px 0
	}

	.new-proItem4Title {
		font-size: calc(18px + .72917vw)
	}

	.new-proItem4Title:before {
		height: 24px;
		width: 3px;
		bottom: 3px
	}

	.new-proItem5 {
		padding: calc(40px + 3.125vw) 40px 0
	}

	.new-proSpares {
		padding-left: 40px
	}
}

@media screen and (max-width:768px) {

	.new-proItem2span,
	.new-proItem3Right .swiper-slide,
	.new-proItem3Right {
		width: 100% !important
	}

	.new-proSparesCard {
		width: 250px !important;
		padding: 20px !important
	}

	.new-proSparesCard .new-proSparesTitle {
		font-size: 18px
	}

	.new-proSparesCard .new-proSparesimg1 {
		height: 185px
	}

	.new-proSparesCard .new-proSparesimg2 {
		height: 130px
	}
}

@media screen and (min-width:1360px) {
	.new-proItem2 {
		padding: 14px calc(50% - 640px)
	}

	.new-proItem3 {
		padding: 0px calc(50% - 640px) 47px
	}

	.new-proItem4 {
		padding: 120px calc(50% - 640px)
	}

	.new-proItem5 {
		padding: 80px calc(50% - 640px) 0
	}

	.new-proSpares {
		padding-left: calc(50% - 640px)
	}

	.new-proItem1 {
		padding: 24px calc(50% - 640px)
	}
}

@media screen and (min-width:1920px) {
	.new-proItem3 .new-proItem3left {
		margin-right: 20px
	}

	.new-proItem3 .new-proItem3Title1 {
		font-size: 82px
	}

	.new-proItem3 .new-proItem3Title2 {
		font-size: 40px
	}

	.new-proItem3 .new-proItem3TitleTemp {
		font-size: 60px
	}
}

.newDoc-proPage {
	margin-right: 78px !important;
	padding-right: 0 !important
}

.newphase-product .el-checkbox {
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.new-proItem3Right .swiper-pagination-bullet {
	position: relative;
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background: #dbdbdb;
	margin-right: 8px;
	opacity: 1
}

.new-proItem3Right .swiper-pagination-bullet:before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 0;
	height: 100%;
	border-radius: 2px
}

.new-proItem3Right .swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 2px
}

.new-proItem3Right .swiper-pagination-bullet-active:before {
	-webkit-transition: width 4.5s;
	transition: width 4.5s;
	content: "";
	top: 0;
	border-radius: 2px;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(149deg, var(--theme-gradient1), var(--theme-gradient2))
}

.new-proItem4HTML {
	width: 100%;
	overflow: auto
}

.new-proItem4HTML img {
	width: 100%;
	height: auto
}

.new-proItem4Input .el-input__inner {
	border: 0;
	background: #f5f5f5;
	border-radius: 50px
}

.new-proItem4Input .el-input__suffix-inner {
	line-height: 36px;
	margin-right: 25px;
	position: relative
}

.new-proItem4Input .el-icon-search {
	cursor: pointer;
	position: absolute;
	right: -16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #8f8f8f
}

.new-proItem4Input .el-icon-search:hover {
	color: #141414
}

.new-proItem4Table .el-table__header-wrapper th {
	background: #fff
}

.new-proItem4Table td {
	border: 0
}

.newphase-product .el-table:before {
	height: 0
}

.new-proItem4expand .grey-row {
	background: #fafafa
}

.cellNoShow {
	visibility: hidden
}

.mt10{
	margin-top: 10px;
}
.tdClass{
	width:200px;
	font-weight: bold;
	padding-left: 10px;
}

.pl10{
	padding-left: 10px;
}
.pl20{
	padding-left: 20px;
}