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

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

abbr, acronym, fieldset, img {
	border: 0
}

ol, ul {
	list-style: none
}

caption, th {
	text-align: left
}

q:after, q:before {
	content: ''
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.col-c, .col-l, .col_c, .col_l, .l {
	float: left
}

.col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span {
	float: right
}

.c {
	clear: both
}

.n, em {
	font-weight: 400;
	font-style: normal
}

.b {
	font-weight: 700
}

.i {
	font-style: italic
}

.fa {
	font-family: Arial
}

.fg {
	font-family: Georgia
}

.ft {
	font-family: Tahoma
}

.fl {
	font-family: Lucida Console
}

.fs {
	font-family: '宋体'
}

.fw {
	font-family: '微软雅黑'
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tl {
	text-align: left
}

.tdu {
	text-decoration: underline
}

.tdn, .tdn:hover, a.tdl:hover {
	text-decoration: none
}

.fc0 {
	color: #000
}

.fc3 {
	color: #333
}

.fc6 {
	color: #666
}

.fc9 {
	color: #999
}

.fcr {
	color: red
}

.fcw {
	color: #fff
}

.fcb {
	color: #00f
}

.fcg {
	color: green
}

.f0 {
	font-size: 0
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.vm {
	vertical-align: middle
}

.vtb {
	vertical-align: text-bottom
}

.vt {
	vertical-align: top
}

.vn {
	vertical-align: -2px
}

.vimg {
	margin-bottom: -3px
}

.m0 {
	margin: 0
}

.ml0 {
	margin-left: 0
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.mr0 {
	margin-right: 0
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.ml-1 {
	margin-left: -1px
}

.mt-1 {
	margin-top: -1px
}

.p1 {
	padding: 1px
}

.pl5 {
	padding-left: 5px
}

.p5 {
	padding: 5px
}

.pt5 {
	padding-top: 5px
}

.pr5 {
	padding-right: 5px
}

.pb5 {
	padding-bottom: 5px
}

.p10 {
	padding: 10px
}

.pl10 {
	padding-left: 10px
}

.pt10 {
	padding-top: 10px
}

.pr10 {
	padding-right: 10px
}

.pb10 {
	padding-bottom: 10px
}

.p20 {
	padding: 20px
}

.pl20 {
	padding-left: 20px
}

.pt20 {
	padding-top: 20px
}

.pr20 {
	padding-right: 20px
}

.pb20 {
	padding-bottom: 20px
}

.pr, .rel {
	position: relative
}

.abs, .pa {
	position: absolute
}

.dn {
	display: none
}

.db {
	display: block
}

.dib {
	-moz-inline-stack: inline-block;
	display: inline-block
}

.di {
	display: inline
}

.ovh {
	overflow: hidden
}

.ovs {
	overflow: scroll
}

.vh {
	visibility: hidden
}

.vv {
	visibility: visible
}

.lh14 {
	line-height: 14px
}

.lh16 {
	line-height: 16px
}

.lh18 {
	line-height: 18px
}

.lh20 {
	line-height: 20px
}

.lh22 {
	line-height: 22px
}

.lh24 {
	line-height: 24px
}

.fix {
	*zoom: 1
}

.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.z {
	_zoom: 1
}

.h1 {
	height: 1px
}

.h5 {
	height: 5px
}

.h, .h10 {
	height: 10px
}

.h15 {
	height: 15px
}

.h20 {
	height: 20px
}

.h, .h1, .h10, .h15, .h20, .h5 {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	clear: both
}

*, :after, :before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0 !important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased
}

body {
	font: 14px/1.5 宋体, Arial, sans-serif;
	color: #333;
	font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	padding-top: 80px
}

img {
	max-width: 100%;
	border: none;
	display: block
}

input, select, textarea {
	font-size: 14px;
	color: #333;
	font-family: PingFangSC, 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: none;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

button, input[type=button], input[type=reset], input[type=submit], select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding: 0;
	margin: 0
}

::-webkit-input-placeholder {
	color: #afafaf
}

::-moz-placeholder {
	color: #afafaf
}

::-ms-input-placeholder {
	color: #afafaf
}

select::-ms-expand {
	display: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

a {
	color: #333;
	text-decoration: none
}

.wp {
	margin: 0 auto;
	width: 100%;
	max-width: 1460px
}

.wp1 {
	margin: 0 auto;
	width: 100%;
	max-width: 1616px
}

.wp2 {
	margin: 0 auto;
	width: 100%;
	max-width: 1553px
}

.wp3 {
	margin: 0 auto;
	width: 100%;
	max-width: 1503px
}

.wp4 {
	margin: 0 auto;
	width: 100%;
	max-width: 1252px
}

.wp5 {
	margin: 0 auto;
	width: 100%;
	max-width: 1372px
}

/*@font-face {
	font-family: MiSans;
	src: url(../fonts/MiSans-Medium.ttf)
}

@font-face {
	font-family: MiSans-Regular;
	src: url(../fonts/MiSans-Regular.otf)
}

@font-face {
	font-family: MiSans-Demibold;
	src: url(../fonts/MiSans-Demibold.ttf)
}*/
*{
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff
}

.header:before {
	content: '';
	height: 1px;
	background-color: #eee;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: -1
}

.header:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.header .logo {
	float: left;
	height: 80px;
	font-size: 0;
	line-height: 80px;
	overflow: hidden
}

.header .logo a {
	display: block;
	overflow: hidden
}

.header .logo img {
	display: inline-block;
	vertical-align: middle;
	height: 27px
}

.menuBtn {
	width: 30px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 99;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none
}

.menuBtn b {
	display: block;
	height: 3px;
	background-color: #333;
	margin: 4px 0;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.menuBtn.open b {
	display: none;
}

.menuBtn.open b:first-child {
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

.header .wp1{
	display: flex;
	justify-content: space-between;
}

.nav {
	float: left;
	margin-right: 10%;
}

.nav li {
	float: left;
	margin-right: 54px
}
.nav li:last-child {
	margin-right: 0;
}

.nav li .tit {
	position: relative;
	overflow: hidden
}

.nav li .v1 {
	display: block;
	font-size: 17px;
	color: #000;
	line-height: 80px;
	/*font-family: MiSans;*/
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav li.on .v1, .nav li:hover .v1 {
	color: #00a4ff
}

.nav li .v1:after {
	content: '';
	height: 3px;
	background-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav li.on .v1:after, .nav li:hover .v1:after {
	background-color: #00a4ff
}

.nav li .tit i {
	display: none;
	width: 16px;
	height: 16px;
	background: url(../images/down.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.nav .down {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 40px 0;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	overflow: hidden;
	margin-top: 1px;
}

.nav .down dl {
	width: 58%;
	margin: 0 auto;
	overflow: hidden
}
.nav .down.center dl{
	position: relative;
}
.nav .down.center.col3 dl{
	right: calc(-58 / 7 * 4 / 2 * 1%);
}
.nav .down.center.col4 dl{
	right: calc(-58 / 7 * 3 / 2 * 1%);
}
.nav .down.center.col5 dl{
	right: calc(-58 / 7 * 2 / 2 * 1%);
}
.nav .down.center.ver dl{
	right: -8%;
}
.nav .down dd {
	float: left;
	width: 14.28%;
	padding: 0 10px;
	overflow: hidden
}
.nav .down.solution dd:nth-child(1),.nav .down.solution dd:nth-child(2),.nav .down.solution dd:nth-child(3),.nav .down.solution dd:nth-child(4),.nav .down.solution dd:nth-child(5),.nav .down.solution dd:nth-child(6){
	margin-bottom: 70px;
}
.nav .down dd.small{
	width: 5%;
}

.nav .down dd a {
	display: block;
	overflow: hidden
}

.nav .down dd i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	overflow: hidden;
	position: relative;
}
.nav .down dd i strong{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.nav .down dd:hover i strong,.nav .down dd i strong:nth-child(2){
	opacity: 0;
}
.nav .down dd.ok i strong:nth-child(2),.nav .down dd:hover i strong:nth-child(2){
	opacity: 1;
}
/*
.nav .down dd .i1 {
	background-image: url(../images/icon1.png)
}

.nav .down dd .i2 {
	background-image: url(../images/icon2.png)
}

.nav .down dd .i3 {
	background-image: url(../images/icon3.png)
}

.nav .down dd .i4 {
	background-image: url(../images/icon4.png)
}

.nav .down dd .i5 {
	background-image: url(../images/icon5.png)
}

.nav .down dd .i6 {
	background-image: url(../images/icon6.png)
}

.nav .down dd .i7 {
	background-image: url(../images/icon7.png)
}

.nav .down dd .i8 {
	background-image: url(../images/icon8.png)
}

.nav .down dd .i9 {
	background-image: url(../images/icon9.png)
}

.nav .down dd .i10 {
	background-image: url(../images/icon10.png)
}

.nav .down dd .i11 {
	background-image: url(../images/icon11.png)
}

.nav .down dd .i12 {
	background-image: url(../images/icon12.png)
}

.nav .down dd .i13 {
	background-image: url(../images/icon13.png)
}

.nav .down dd .i14 {
	background-image: url(../images/icon14.png)
}

.nav .down dd.ok .i1, .nav .down dd:hover .i1 {
	background-image: url(../images/icon1-1.png)
}

.nav .down dd.ok .i2, .nav .down dd:hover .i2 {
	background-image: url(../images/icon2-1.png)
}

.nav .down dd.ok .i3, .nav .down dd:hover .i3 {
	background-image: url(../images/icon3-1.png)
}

.nav .down dd.ok .i4, .nav .down dd:hover .i4 {
	background-image: url(../images/icon4-1.png)
}

.nav .down dd.ok .i5, .nav .down dd:hover .i5 {
	background-image: url(../images/icon5-1.png)
}

.nav .down dd.ok .i6, .nav .down dd:hover .i6 {
	background-image: url(../images/icon6-1.png)
}

.nav .down dd.ok .i7, .nav .down dd:hover .i7 {
	background-image: url(../images/icon7-1.png)
}

.nav .down dd.ok .i8, .nav .down dd:hover .i8 {
	background-image: url(../images/icon8-1.png)
}

.nav .down dd.ok .i9, .nav .down dd:hover .i9 {
	background-image: url(../images/icon9-1.png)
}

.nav .down dd.ok .i10, .nav .down dd:hover .i10 {
	background-image: url(../images/icon10-1.png)
}

.nav .down dd.ok .i11, .nav .down dd:hover .i11 {
	background-image: url(../images/icon11-1.png)
}

.nav .down dd.ok .i12, .nav .down dd:hover .i12 {
	background-image: url(../images/icon12-1.png)
}

.nav .down dd.ok .i13, .nav .down dd:hover .i13 {
	background-image: url(../images/icon13-1.png)
}

.nav .down dd.ok .i14, .nav .down dd:hover .i14 {
	background-image: url(../images/icon14-1.png)
}*/

.nav .down dd span {
	display: block;
	font-size: 17px;
	color: #333;
	line-height: 1.5em;
	/*font-family: MiSans;*/
	text-align: center;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.nav .down dd span b{
	font-weight: 600;
}

.nav .down dd.ok span, .nav .down dd:hover span {
	color: #00a1fb
}
.nav .down.ver dd.ok span, .nav .down.ver dd:hover span{
 	color: inherit;
 }
 .nav .down.ver dd a:hover{
 	color: #00a1fb;
 }
  .nav .down.ver dd a{
  	margin-bottom: 1em;
  }
   .nav .down.ver dd a:last-child{
   	margin-bottom: 0;
   }
 .nav .down.ver dd a.nohover:hover{
 	color: inherit;
 }
.nav .down dd.search.ok span, .nav .down dd.search:hover span {
	color: #ff8931
}

.nav .hd-r {
	display: none;
}

.nav .drop {
	display: none;
	height: 560px;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	overflow: hidden;
	margin-top: 1px;
}
.nav .drop .right{
	float: right;
	width: calc(100% - 570px);
	height: 100%;
}
.nav .drop .left {
	float: left;
	width: 195px;
	height: 100%;
	position: relative;
	border-right: 1px solid #eee;
	padding: 30px 0 50px;
	margin-left: 325px;
	padding-right: 50px;
}
.nav .drop .left dd .img{
	position: absolute;
	left: 100%;
	top: 30px;
	margin-left: 16vw;
	max-width: none;
	width: 200%;
	opacity: 0;
}
.nav .drop .left dd:hover .img{
	opacity: 1;
}
.nav .drop .left dd a {
	display: block;
	font-size: 15px;
	color: #333;
	line-height: 2.66;
	font-family: MiSans-Demibold;
	font-weight: normal;
	border-radius: 5px;
	overflow: hidden;
	transition: .3s;
	padding-right: 1.4em;
	position: relative;
}
.nav .drop .left dd a:last-child{
	display: none;
}

.nav .drop .left dd a::after {
	content: '';
	width: 0.8em;
	height: 0.8em;
	background: url(../images/icon20.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) ;
	transition: .3s;
}

.nav .drop .left dd.on a::after,.nav .drop .left dd:hover a::after {
	background-image: url(../images/icon20-1.png)
}
.nav .drop .left dd.on a {
	color: #00a4ff;
}

.nav .drop .left .aa {
	display: block;
	font-size: 16px;
	color: #00a4ff;
	line-height: 2em;
	position: absolute;
	left: 0;
	bottom: 48px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav .drop .left .aa:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.nav .drop .left .aa i {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background: url(../images/icon40.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-left: 6px
}

.m-list {
	float: left;
	width: 16.6%;
	padding-top: 30px;
	display: none;
	border-right: 1px solid #eee;
	height: 100%;
}
.m-list.on{
	display: block;
}
.m-list h4{
	display: none;
}
.m-list .tt {
	font-size: 15px;
	color: #333;
	line-height: 2.66;
	font-family: MiSans-Demibold;
	font-weight: normal;
	position: relative;
	padding-right: 20px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 50px;
}
.m-list .tt:hover,.m-list .item.on .tt{
	color: #00a4ff;
}

.m-list .tt::after {
	content: '';
	width: 12px;
	height: 12px;
	background: url(../images/icon20.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) ;
	transition: .3s;
}

.m-list .item.on .tt::after {
	background-image: url(../images/icon20-1.png)
}

.m-list .tt i {
	display: inline-block;
	vertical-align: middle;
	width: 1.66em;
	height: 1.66em;
	margin-right: 0.4em;
	position: relative;
}
.m-list .tt i strong{
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m-list .tt i strong:first-child{
	opacity: 1;
}
.m-list .tt i strong:last-child{
	opacity: 0;
}
.m-list .tt:hover i strong:first-child,.m-list .item.on .tt i strong:first-child{
	opacity: 0;
}
.m-list .tt:hover i strong:last-child,.m-list .item.on .tt i strong:last-child{
	opacity: 1;
}
.m-list .dwn {
	position: absolute;
	right: 30.7%;
	top: 0;
	padding-top: 30px;
	width: 530px;
	display: none;
	padding-left: 50px;
	padding-right: 50px;
	height: 100%;
}
.m-list .item.on .dwn{
	display: block;
}
.m-list .dwn li{
	float: none;
	margin-right: 0;
}
.m-list .dwn li > h3 {
	cursor: pointer;
	display: block;
	font-size: 15px;
	color: #333;
	line-height: 2.66;
	font-weight: normal;
	font-family: MiSans-Regular;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: color 0.3s;
	position: relative;
	padding-right: 1em;
}

.m-list .dwn li > h3:hover,.m-list .dwn li.on > h3 {
	color: #00a4ff
}
.m-list .dwn li > h3 a{
	color: inherit;
}
.m-list .dwn li > h3 a:last-child{
	display: none;
}
.m-list .dwn li > h3::after {
	content: '';
	width: 12px;
	height: 12px;
	background: url(../images/icon20.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) ;
	transition: .3s;
}

.m-list .dwn li > h3:hover::after,.m-list .dwn li.on > h3::after {
	background-image: url(../images/icon20-1.png)
}

.nav .drop .item > .pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 30.7%;
	height: 100%;
	background-color: #f9f9fb;
	overflow: hidden;
	display: none;
}
.nav .drop .box {
	position: absolute;
	left: 100%;
	top: 0;
	width: 30.7vw;
	background-color: #f9f9fb;
	overflow: hidden;
	display: none;
	z-index: 1;
	height: 560px;
}
.nav .drop .dwn li.on .box,.nav .drop .item.on > .pic {
	display: block;
}

.nav .drop .pic {
	height: 310px;
	font-size: 0;
	line-height: 310px;
	text-align: center;
	overflow: hidden
}
.nav .drop .pic img {
	display: inline-block;
	vertical-align: middle;
	object-fit: contain;
	width: 52.27%;
}

.nav .drop .box .txt {
	padding: 35px 80px 10px;
	position: relative;
	z-index: 1;
	height: calc(100% - 310px);
	overflow-y: auto;
}

.nav .drop .box h3 {
	font-size: 15px;
	color: #00a4ff;
	line-height: 1.5;
	font-weight: 600;
	/*font-family: MiSans;*/
	overflow: hidden
}

.nav .drop .box .bot {
	margin-top: 11px;
	overflow: hidden
}

.nav .drop .box .bot a {
	float: left;
	min-width: 50%;
	font-size: 14px;
	color: #333;
	line-height: 2em;
	font-family: MiSans-Regular;
	padding-right: 10px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}

.nav .drop .box .bot a:hover {
	color: #00a4ff
}

.nav .drop .box .bot a i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-left: 23px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	flex-shrink: 0;
}

.nav .drop .box .bot a:hover i {
	background-image: url(../images/icon47.png)
}

.hd-r {
	float: right;
	display: flex;
	align-items: center;
}

.hd-r .loginfo{
	font-size: 14px;
	color: #333;
	display: none;
	margin-left: 1em;
}
.hd-r.logged .loginfo{
	display: block;
}
.hd-r .loginfo img{
	width: auto;
	height: 1.43em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.hd-r .loginfo span{
	vertical-align: middle;
}
.hd-r .loginfo .logout{
	margin-left: 1em;
	opacity: 0.5;
}
.hd-r .soicon {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	background: url(../images/icon15.png) center center no-repeat #ff8931;
	background-size: 50% auto;
	border-radius: 5px;
	margin-right: 1px;
	overflow: hidden;
	transition: .3s;
}

.sobox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden
}

.sobox .close {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/close.png) center center no-repeat;
	-webkit-background-size: 24px auto;
	-moz-background-size: 24px auto;
	-ms-background-size: 24px auto;
	-o-background-size: 24px auto;
	background-size: 24px auto;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.sobox .close:hover {
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sobox .so {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-right: 100px;
	margin: 0 auto;
	overflow: hidden
}

.sobox .so .inp {
	display: block;
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #404450;
	line-height: 50px;
	background: #fff;
	border: none;
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sobox .so .sub-btn {
	display: block;
	width: 100px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	border: none;
	background-color: #00a1fb;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.sobox .so .sub-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.hd-r .user {
	float: left;
	width: 35px;
	height: 35px;
	background: url(../images/icon16.png) center center no-repeat #00a4ff;
	background-size: 50% auto;
	border-radius: 5px;
	overflow: hidden;
	transition: .3s;
	margin-left: 4px;
}
.hd-r.logged .user{
	display: none;
}

.hd-r .lang {
	float: left;
	position: relative;
	margin-left: 25px;
}

.hd-r .lang .v1 {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 80px;
	/*font-family: MiSans;*/
	overflow: hidden
}

.hd-r .lang .v1 i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/icon17.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 8px
}

.hd-r .lang dl {
	display: none;
	width: 150%;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -75%;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	padding: 10px 0;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
	margin-top: 1px;
}

.hd-r .lang dd a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.hd-r .lang dd:hover a {
	color: #00a1fb
}

.hd-r a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.footer {
	background-color: #343434;
	padding-top: 127px
}

.footer:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.footer .wp {
	max-width: 1718px
}

.fd-top {
	background-color: #3d3d3d;
	border-radius: 15px;
	padding: 60px 0 59px
}

.fd-top:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.fd-ll {
	float: left;
	width: 402px;
	min-height: 521px;
	border-right: 1px solid rgba(152, 152, 152, .4);
	position: relative;
	padding-bottom: 50px;
	padding-left: 79px;
	margin-right: 101px
}

.fd-logo {
	width: 120px;
	height: auto;
	margin-top: 4px;
	margin-bottom: 22px;
	overflow: hidden
}

.fd-logo a {
	display: block;
	overflow: hidden
}

.fd-logo img {
	display: block;
	width: 100%;
	height: auto
}

.fd-ll .s1 {
	display: block;
	font-size: 16px;
	color: #edf1fa;
	line-height: 1.5em;
	margin-bottom: 22px;
	overflow: hidden
}

.fd-ll .s2 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 1.5em;
	overflow: hidden
}

.fd-ll .s2 em {
	display: inline-block;
	font-size: 32px;
	font-family: MiSans-Demibold;
	font-weight: bold;
	margin-right: 24px
}

.fd-ll .share .item {
	float: left;
	position: relative;
	margin: 0 10px
}

.fd-ll .share .v1 {
	display: block;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-ll .share a:hover {
	background-color: #00a4ff
}

.fd-ll .share .v1 i {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: .6;
	filter: alpha(opacity=60);
	filter: alpha(Opacity=60);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-ll .share a:hover i {
	opacity: 1;
	filter: alpha(opacity=100);
	filter: alpha(Opacity=100);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.fd-ll .share .v1 .i1 {
	background-image: url(../images/icon33.png)
}

.fd-ll .share .v1 .i2 {
	background-image: url(../images/icon34.png)
}

.fd-ll .share .v1 .i3 {
	background-image: url(../images/icon35.png)
}

.fd-ll .share .down {
	display: none;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	top: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 13px 0 9px;
	white-space: nowrap;
}

.fd-ll .share .down:after {
	content: '';
	width: 20px;
	height: 12px;
	background: url(../images/icon36.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: -7px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.fd-ll .share .down .box {
	display: inline-block;
	vertical-align: top;
	width: 104px;
	padding: 0 8px
}

.fd-ll .share .down .pic {
	width: 81px;
	height: 81px;
	border-radius: 3px;
	border: 1px solid rgba(51, 51, 51, .3);
	padding: 4px;
	margin: 0 auto 4px;
	overflow: hidden
}

.fd-ll .share .down .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.fd-ll .share .down span {
	display: block;
	font-size: 12px;
	color: #343434;
	line-height: 1.5em;
	text-align: center;
	overflow: hidden
}

.fd-nav {
	overflow: hidden
}

.fd-nav dl {
	float: left;
	width: 16.66%;
	padding-right: 10px;
	overflow: hidden
}

.fd-nav dt {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 1.11em;
	font-weight: bold;
	/*font-family: MiSans;*/
	margin-bottom: 44px;
	overflow: hidden;
}

.fd-nav dt a {
	color: inherit;
}

.fd-nav dt a:hover {
	color: #fff;
}

.fd-nav dd {
	overflow: hidden
}

.fd-nav dd a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-nav dd a:hover {
	text-decoration: underline
}

.fd-copy {
	font-size: 14px;
	color: #d6d4d4;
	line-height: 30px;
	padding: 16px 22px 22px 13px;
	overflow: hidden
}

.fd-copy .rr {
	float: right;
	font-size: 15px;
	color: #d6d4d4;
	line-height: 30px;
	overflow: hidden
}

.fd-copy a {
	display: inline-block;
	color: #d6d4d4;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-copy a:hover {
	color: #fff
}

.curbox {
	font-size: 0;
}

.cur {
	font-size: 14px;
	color: #3d3d3d;
	line-height: 48px;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	margin-bottom: -48px;
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid rgba(204,204,204,0.52);
	max-width: 100%;
}
.curbox.white .cur{
	color: #fff;
	border-color: rgba(204,204,204,0.34);
}
.cur a {
	color: inherit;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.cur a:hover {
	color: #00a4ff
}

.cur i {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: url(../images/icon19.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 14px
}
.curbox.white .cur i {
	background-image: url(../images/icon19-1.png);
}

.cur a i {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url(../images/icon18.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: -4px 3px 0 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.curbox.white .cur a i{
	background-image: url(../images/icon18-1.png)
}

.cur a:hover i {
	background-image: url(../images/icon18-2.png) !important;
}

.pages {
	font-size: 0;
	text-align: center;
	margin-bottom: 177px;
	overflow: hidden
}

.pages ul {
	display: inline-block;
	vertical-align: middle
}

.pages li {
	float: left;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 26px;
	margin: 0 5px;
	overflow: hidden
}

.pages .pages-next, .pages .pages-prev {
	margin: 0 14px
}

.pages li a, .pages li span {
	display: block;
	width: 26px;
	color: #3d3d3d;
	border-radius: 3px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.pages .jq-pages a{
	cursor: pointer;
}
.pages .jq-pages a.jp-current, .pages .jq-pages a:hover,.pages .pages-next a:hover, .pages .pages-prev a:hover  {
	color: #fff;
	background-color: #00a4ff
}
.pages .jq-pages a,.pages .jq-pages span{
	display: inline-block;
	margin: 0 5px;
	line-height: inherit;
}

.pages .pages-num {
	margin-left: -4px;
	margin-right: 26px
}

.pages .pages-num span {
	width: auto;
	display: inline;
}

.pages .pages-form {
	margin-right: 35px
}

.pages .pages-form .inp {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 21px;
	text-align: center;
	border: 1px solid rgba(51, 51, 51, .7);
	border-radius: 3px;
	padding: 0 5px;
	margin: -2px 6px 0;
	overflow: hidden
}

.pages .pages-jump {
	margin: 0
}

.pages .pages-jump a {
	width: auto
}

.pages .pages-jump a:hover {
	color: #00a4ff;
	background: 0 0
}

.pages .pages-jump a i {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: url(../images/icon20.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-left: 7px
}

.pages .pages-jump a:hover i {
	background-image: url(../images/icon20-1.png)
}

@media only screen and (min-width:1199px) {
	.wp {
		max-width: 76.04vw
	}

	.wp1 {
		max-width: 84.16vw
	}

	.wp2 {
		max-width: 80.88vw
	}

	.wp3 {
		max-width: 78.28vw
	}

	.wp4 {
		max-width: 65.2vw
	}

	.wp5 {
		max-width: 71.45vw
	}

	body {
		padding-top: 4.167vw
	}

	.header .logo {
		height: 4.167vw;
		line-height: 4.167vw
	}

	.header .logo img {
		height: 1.406vw
	}


	.nav li {
		margin-right: 2.812vw
	}

	.nav li .v1 {
		line-height: 4.167vw
	}

	.nav li .v1:after {
		height: .156vw
	}

	.nav .down {
		top: 4.167vw;
		border-radius: 0 0 .52vw .52vw;
		padding: 2vw 0;
		-webkit-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-ms-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-o-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2)
	}
	.nav .down dd {
		padding: 0 .52vw;
	}
	.nav .down.solution dd:nth-child(1),.nav .down.solution dd:nth-child(2),.nav .down.solution dd:nth-child(3),.nav .down.solution dd:nth-child(4),.nav .down.solution dd:nth-child(5),.nav .down.solution dd:nth-child(6){
		margin-bottom: 3.802vw
	}

	.nav .down dd i {
		width: 2.083vw;
		height: 2.083vw;
		margin: 0 auto .625vw
	}

	.nav .drop {
		top: 4.167vw;
		border-radius: 0 0 .52vw .52vw;
		-webkit-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-ms-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		-o-box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2)
	}

	.nav .drop .right{
		width: calc(100% - 29.68125vw);
	}
	.nav .drop .left {
		width: 10.15vw;
		padding: 1.562vw 0 2.604vw;
		margin-left: 16.93125vw;
		padding-right: 2.6vw;
	}
	.nav .drop .left dd .img{
		top: 1.562vw;
	}



	.nav .drop .left .aa {
		bottom: 2.5vw;
	}

	.nav .drop .left .aa i {
		width: .781vw;
		height: .781vw;
		margin-top: -.104vw;
		margin-left: .312vw
	}

	.m-list {
		padding-top: 1.562vw;
	}

	.m-list .tt {
		margin-right: 2.6vw;
	}

	.m-list .tt::after {
		width: .625vw;
		height: .625vw
	}

	.m-list .dwn {
		padding-top: 1.562vw;
		width: 27.6vw;
		padding-left: 2.6vw;
		padding-right: 2.6vw;
	}




	.nav .drop .box .txt {
		padding: 1.822vw 4.166vw .52vw
	}


	.nav .drop .box .bot {
		margin-top: .572vw
	}

	.nav .drop .box .bot a {
		padding-right: .52vw
	}

	.nav .drop .box .bot a i {
		width: .833vw;
		height: .833vw;
		margin-top: -.104vw;
		margin-left: 1.197vw
	}

	.hd-r .soicon {
		width: 1.823vw;
		height: 1.823vw;
		border-radius: .26vw;
	}

	.sobox .close {
		width: 2.604vw;
		height: 2.604vw;
		-webkit-background-size: 1.25vw auto;
		-moz-background-size: 1.25vw auto;
		-ms-background-size: 1.25vw auto;
		-o-background-size: 1.25vw auto;
		background-size: 1.25vw auto;
		top: 1.041vw;
		right: 1.041vw
	}

	.sobox .so {
		padding-right: 5.208vw
	}

	.sobox .so .inp {
		height: 2.604vw;
		line-height: 2.604vw;
		padding: 0 1.041vw
	}

	.sobox .so .sub-btn {
		width: 5.208vw;
		height: 2.604vw;
		line-height: 2.604vw
	}

	.hd-r .user {
		width: 1.823vw;
		height: 1.823vw;
		border-radius: .26vw;
	}
	.hd-r .lang {
		margin-left: 1.302vw;
	}
	.hd-r .lang .v1 {
		line-height: 4.167vw
	}

	.hd-r .lang .v1 i {
		width: 1.041vw;
		height: 1.041vw;
		margin-top: -.104vw;
		margin-right: .416vw
	}

	.hd-r .lang dl {
		width: 150%;
		top: 4.167vw;
		box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		padding: .52vw 0;
		border-radius: 0 0 .52vw .52vw;
	}

	.hd-r .lang dd a {
		line-height: 2.083vw
	}
	.cur{
		line-height: 2.5vw;
		margin-bottom: -2.5vw;
	}

	.cur i {
		width: .52vw;
		height: .52vw;
		margin: 0 .729vw
	}

	.cur a i {
		width: .729vw;
		height: .729vw;
		margin-right: .156vw;
		margin-top: -.208vw
	}

	.pages {
		margin-bottom: 9.22vw
	}

	.pages li {
		line-height: 1.354vw;
		margin: 0 .26vw
	}

	.pages .pages-next, .pages .pages-prev {
		margin: 0 .729vw
	}

	.pages li a, .pages li span {
		width: 1.354vw;
		border-radius: .156vw
	}

	.pages .pages-num {
		margin-left: -.208vw;
		margin-right: 1.354vw
	}

	.pages .pages-form {
		margin-right: 1.822vw
	}

	.pages .pages-form .inp {
		width: 1.822vw;
		line-height: 1.093vw;
		border-radius: .156vw;
		padding: 0 .26vw;
		margin: -.104vw .312vw 0
	}

	.pages .pages-jump a i {
		width: .52vw;
		height: .52vw;
		margin-top: -.104vw;
		margin-left: .364vw
	}

	.footer {
		padding-top: 6.614vw
	}

	.footer .wp {
		max-width: 89.47vw
	}

	.fd-top {
		border-radius: .781vw;
		padding: 3.125vw 0 3.072vw
	}

	.fd-ll {
		width: 20.93vw;
		min-height: 27.13vw;
		padding-bottom: 2.604vw;
		padding-left: 4.114vw;
		margin-right: 5.26vw
	}

	.fd-logo {
		width: 6.25vw;
		margin-top: .208vw;
		margin-bottom: 1.145vw
	}

	.fd-ll .s1 {
		margin-bottom: 1.145vw
	}

	.fd-ll .s2 em {
		margin-right: 1.25vw
	}

	.fd-ll .share {
		margin-top: 80%;
	}

	.fd-ll .share .item {
		margin: 0 .52vw
	}

	.fd-ll .share .item:first-child {
		margin-left: 0;
	}

	.fd-ll .share .v1 {
		width: 2.083vw;
		height: 2.083vw;
		border-radius: .26vw
	}

	.fd-ll .share .down {
		border-radius: .156vw;
		top: 2.604vw;
		padding: .677vw 0 .468vw
	}

	.fd-ll .share .down:after {
		width: 1.041vw;
		height: .625vw;
		top: -.364vw
	}

	.fd-ll .share .down .box {
		width: 5.42vw;
		padding: 0 .416vw;
	}

	.fd-ll .share .down .pic {
		width: 4.218vw;
		height: 4.218vw;
		border-radius: .156vw;
		padding: .208vw;
		margin: 0 auto .208vw
	}


	.fd-nav dl {
		padding-right: .52vw
	}

	.fd-nav dt {
		margin-bottom: 2.291vw
	}


	.fd-copy {
		line-height: 1.562vw;
		padding: .833vw 1.145vw 1.145vw .677vw
	}

	.fd-copy .rr {
		line-height: 1.562vw
	}

}
@media only screen and (max-width:1300px) {
	.nav{
		margin-right: 15%;
	}
}
@media only screen and (max-width:1199px) {
	.wp, .wp1, .wp2, .wp3, .wp4, .wp5 {
		max-width: none;
		padding: 0 10px
	}

	.menuBtn {
		display: block
	}

	.nav {
		display: none;
		float: none;
		position: fixed;
		top: 80px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
		-ms-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
		-o-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
		box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
		padding: 10px 0;
		overflow: hidden;
		overflow-y: auto;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		margin-right: 0;
	}

	.nav ul {
		overflow: hidden
	}

	.nav li {
		float: none;
		margin-right: 0!important
	}

	.nav li .v1 {
		font-size: 15px;
		line-height: 45px;
		padding: 0 50px 0 20px
	}

	.nav li .v1:after {
		display: none
	}

	.nav li .tit i {
		display: block
	}

	.nav .down {
		position: static;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		padding: 5px 0
	}

	.nav .down dl {
		width: auto;
		margin-bottom: 0;
	}
	.nav .down.center dl{
		position: static;
	}
	.nav .down.solution dd:nth-child(1), .nav .down.solution dd:nth-child(2), .nav .down.solution dd:nth-child(3), .nav .down.solution dd:nth-child(4), .nav .down.solution dd:nth-child(5), .nav .down.solution dd:nth-child(6){
		margin-bottom: 0;
	}

	.nav .down dd {
		float: none;
		width: auto;
	}

	.nav .down dd i {
		display: none
	}

	.nav .down dd span {
		font-size: 15px;
		line-height: 35px;
		text-align: left;
		padding: 0 40px
	}


	.nav .drop {
		height: auto;
		position: static;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		border-radius: 0
	}


	.m-list, .nav .drop .box, .nav .drop .left .aa {
		display: none
	}

	.nav .drop .left {
		float: none;
		width: auto;
		padding: 5px 0;
		margin: 0;
	}
	.nav .drop .left dd .img{
		display: none;
	}

	.nav .drop .left dl {
		padding: 0 40px;
	}
	.nav .drop .item > .pic{
		display: none !important;
	}
	.m-list .dwn {
		position: static;
		padding-left: 0;
		padding-top: 0;
		padding-right: 0;
		height: auto;
	}
	.m-list .dwn li > h3 a{
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 1em;
	}
	.m-list .dwn li > h3 a:first-child{
		display: none;
	}
	.m-list .dwn li > h3 a:last-child{
		display: block;
	}

	.nav .drop .left dd a {
		font-size: 15px;
		text-align: left;
		display: none;
	}
	.nav .drop .left dd a:last-child{
		display: block;
	}


	.nav .drop .left dd.on a, .nav .drop .left dd:hover a {
		color: #00a1fb;
		background: 0 0
	}

	.hd-r {
		padding-right: 30px;
	}

	.hd-r .lang {
		margin-right: 15px;
	}



	.hd-r .search-box,.hd-r .user {
		display: none;
	}
	
	.hd-r .soicon,.hd-r .user {
		width: 40px;
		height: 40px;
	}
	.nav .hd-r {
		float: none;
		padding-right: 10px;
		padding-left: 20px;
		display: block;
		padding-top: 10px;
	}
	.nav .hd-r .search-box {
		float: none;
		padding-right: 0;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		z-index: 1;
		display: inline-flex;
		vertical-align: top;
		margin-bottom: 20px;
		width: calc(100% - 55px);
	}
	.nav .hd-r.logged .search-box{
		width: 100%;
		display: flex;
	}
	.nav .hd-r .search-box input {
		position: static;
		opacity: 1;
		width: auto;
		flex-grow: 1;
		height: 40px;
	}
	.hd-r .lang dl {
		top: 50px;
	}
	.nav .hd-r .user {
		display: inline-block;
		vertical-align: top;
		float: none;
	}
	.nav .hd-r.logged .user{
		display: none;
	}
	.hd-r.logged .loginfo{
		display: none;
		margin-left: 0;
	}
	.nav .hd-r.logged .loginfo{
		display: block;
	}



	.sobox .so {
		width: 80%
	}

	.cur {
		line-height: 35px;
		margin-bottom: -35px;
	}

	.cur i {
		margin: 0 6px
	}

	.pages {
		margin-bottom: 50px
	}

	.pages li {
		font-size: 14px
	}

	.pages .pages-next, .pages .pages-prev {
		margin: 0 5px
	}

	.pages .pages-num {
		margin-left: 0;
		margin-right: 5px
	}

	.pages .pages-form {
		margin-right: 5px
	}

	.footer {
		padding-top: 30px
	}

	.fd-top {
		padding: 20px 0
	}

	.fd-ll {
		float: none;
		width: auto;
		min-height: 0;
		border-right: none;
		padding-bottom: 0;
		padding-left: 0;
		margin-right: 0
	}

	.fd-ll .share .down {
		top: auto;
		bottom: 50px
	}

	.fd-ll .share .down:after {
		top: auto;
		bottom: -7px;
		background-image: url(../images/icon36-1.png)
	}

	.fd-logo {
		margin: 0 auto 10px
	}

	.fd-ll .s1, .fd-ll .s2 {
		font-size: 14px;
		text-align: center;
		margin-bottom: 10px
	}

	.fd-ll .s2 em {
		font-size: 20px;
		margin-right: 10px
	}

	.fd-ll .share {
		font-size: 0;
		text-align: center;
	}

	.fd-ll .share .item {
		display: inline-block;
		vertical-align: middle;
		float: none
	}

	.fd-nav {
		display: none
	}

	.fd-copy {
		line-height: 1.5em;
		text-align: center;
		padding: 10px 0
	}

	.fd-copy .rr {
		float: none;
		line-height: 1.5em
	}

}

@media only screen and (max-width:767px) {
	body {
		padding-top: 50px
	}

	.header .logo {
		height: 50px;
		line-height: 50px
	}

	.header .logo img {
		height: 20px
	}

	.nav {
		top: 50px
	}

	.hd-r .lang{
		margin-left: 15px;
		margin-right: 10px;
	}
	.hd-r .lang .v1{
		line-height: 50px;
	}
	.sobox .so {
		width: 90%;
		padding-right: 80px
	}

	.sobox .so .inp {
		height: 40px;
		font-size: 14px;
		line-height: 40px
	}

	.sobox .so .sub-btn {
		width: 80px;
		height: 40px;
		font-size: 16px;
		line-height: 40px
	}

	.pages .jq-pages a,.pages .jq-pages span{
		display: none
	}

	.pages .pages-form, .pages .pages-jump, .pages .pages-next, .pages .pages-prev, .pages .jq-pages a.jp-current {
		display: block
	}

	.pages .pages-form .inp {
		width: 30px
	}

	.pages .pages-jump a i {
		margin-left: 5px
	}


}

@keyframes spinner {
	to {
		transform: rotateZ(360deg)
	}

}

@keyframes letters-loading {
	0%, 100%, 75% {
		opacity: 0;
		transform: rotateY(-90deg)
	}

	25%, 50% {
		opacity: 1;
		transform: rotateY(0)
	}

}

.text-center {
	text-align: center
}

:root {
	--body: #fff;
	--black: #000;
	--white: #fff;
	--theme: #0095D9;
	--theme2:#FF5E15;
	--theme3:#ffbc13;
	--header: #0095D9;
	--header-2:#111;
	--base: #0095D9;
	--text: #666;
	--text2:#CFCFCF;
	--text2:#444;
	--border: #C5C5C5;
	--border2:#E8E8E9;
	--button: #1C2539;
	--button2:#030734;
	--ratting: #FF9F0D;
	--bg: #F2F3F5;
	--bg2:#DF0A0A0D
}

.preloader {
	align-items: center;
	cursor: default;
	display: flex;
	height: 100%;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999999;
	background: #fff;
	font-size: 18px
}

.preloader.loaded {
	background: 0 0
}

.preloader .animation-preloader {
	z-index: 1000
}

.preloader .animation-preloader .spinner {
	animation: 1s linear infinite spinner;
	border-radius: 50%;
	border: 3px solid rgba(0, 0, 0, .2);
	border-top-color: var(--theme);
	height: 9em;
	margin: 0 auto 3.5em;
	width: 9em;
	-webkit-animation: 1s linear infinite spinner
}

.preloader .animation-preloader .txt-loading {
	font-size: 5em;
	font-weight: 700;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media (max-width:767px) {
	
	.preloader .animation-preloader .spinner {
		width: 7.5em;
		height: 7.5em;
		margin: 0 auto 1.5em
	}

	.preloader .animation-preloader .txt-loading {
		font-size: 2.5em
	}

}

.preloader .animation-preloader .txt-loading .letters-loading {
	color: var(--theme2);
	position: relative
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
	animation-delay: .2s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
	animation-delay: .4s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
	animation-delay: .6s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
	animation-delay: .8s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
	animation-delay: 1s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
	animation-delay: 1.2s
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
	animation-delay: 1.4s
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
	animation: 4s infinite letters-loading;
	color: var(--theme);
	content: attr(data-text-preloader);
	left: 0;
	opacity: 0;
	font-family: Unbounded, sans-serif;
	position: absolute;
	top: -3px;
	transform: rotateY(-90deg)
}

.preloader p {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 8px;
	color: var(--theme)
}

.preloader .loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 1;
	pointer-events: none
}

.preloader .loader .row {
	height: 100%
}

.preloader .loader .loader-section {
	padding: 0
}

.preloader .loader .loader-section .bg {
	background-color: #fff;
	height: 100%;
	left: 0;
	width: 100%;
	transition: all .8s cubic-bezier(.77, 0, .175, 1)
}

.preloader.loaded .animation-preloader {
	opacity: 0;
	transition: .3s ease-out
}

.preloader.loaded .loader-section .bg {
	width: 0;
	transition: .7s .3s allcubic-bezier(.1, .1, .1, 1)
}

.banner {
	position: relative;
	overflow: hidden
}

.banner .item {
	overflow: hidden
}

.banner .pic {
	position: relative
}

.banner .pic .img {
	display: block;
	width: 100%;
	height: auto
}

.banner .pic img, .banner .pic video {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 5s ease-out;
	-webkit-transition: all 5s ease-out;
	-moz-transition: all 5s ease-out;
	-ms-transition: all 5s ease-out;
	-o-transition: all 5s ease-out
}

.banner .img_scale .pic img, .banner .img_scale .pic video {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.banner .txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-28%);
	width: 100%
}

.banner .txt .tit {
	font-weight: 600;
	font-size: 64px;
	color: #0095d9;
	transform: translateY(1.2em);
	-webkit-transform: translateY(1.2em);
	-moz-transform: translateY(1.2em);
	-ms-transform: translateY(1.2em);
	-o-transform: translateY(1.2em);
	opacity: 0
}

.banner .txt .info {
	font-weight: 600;
	font-size: 64px;
	color: #7ab9e3;
	opacity: .8;
	margin-bottom: 12px;
	transform: translateY(2em);
	-webkit-transform: translateY(2em);
	-moz-transform: translateY(2em);
	-ms-transform: translateY(2em);
	-o-transform: translateY(2em);
	opacity: 0
}

.banner .txt .desc {
	font-weight: 600;
	font-size: 24px;
	color: #feffff;
	transform: translateY(3em);
	-webkit-transform: translateY(3em);
	-moz-transform: translateY(3em);
	-ms-transform: translateY(3em);
	-o-transform: translateY(3em);
	opacity: 0;
	margin-bottom: 70px
}

.banner .txt .more {
	width: 146px;
	line-height: 41px;
	background: #f58630;
	font-size: 16px;
	color: #fff;
	font-family: Medium;
	display: block;
	text-align: center;
	transform: translateY(4em);
	-webkit-transform: translateY(4em);
	-moz-transform: translateY(4em);
	-ms-transform: translateY(4em);
	-o-transform: translateY(4em);
	opacity: 0
}

.banner .txt .more span {
	display: inline-block;
	padding-right: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-image: url(../images/top/arr.png)
}

.banner .txt .desc, .banner .txt .info, .banner .txt .more, .banner .txt .tit {
	transition: opacity 2s ease-out, transform 2s ease-out;
	-webkit-transition: opacity 2s ease-out, transform 2s ease-out;
	-moz-transition: opacity 2s ease-out, transform 2s ease-out;
	-ms-transition: opacity 2s ease-out, transform 2s ease-out;
	-o-transition: opacity 2s ease-out, transform 2s ease-out
}

.banner .img_scale .txt .desc, .banner .img_scale .txt .info, .banner .img_scale .txt .more, .banner .img_scale .txt .tit {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1
}

.banner .img_scale .txt .more {
	transition: .3s
}

.banner .img_scale .txt .more:hover {
	background-color: #0095d9
}

.banner .img_scale .txt .info {
	opacity: .8
}

.banner .slick-arrow {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	border: 1px solid #fff;
	right: 65px;
	font-size: 0;
	background-color: transparent;
	transition: .3s;
	position: absolute;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
	cursor: pointer
}

.banner .slick-arrow:hover {
	background-color: #f58630;
	border-color: #f58630
}

.banner .slick-prev {
	background-image: url(../images/top/left.png);
	top: 54%
}

.banner .slick-next {
	background-image: url(../images/top/right.png);
	top: 60%
}

.row-idx1 {
	padding: 165px 0 130px
}

.g-titbox {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.g-titbox .tit {
	font-weight: 500;
	font-size: 48px;
	color: #000
}

.g-titbox .tit .span1 {
	color: #f58630
}

.g-more {
	display: block;
	width: 146px;
	line-height: 41px;
	background-color: #0095d9;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	text-align: center;
	transition: .3s
}

.g-more2 {
	background-color: #f58630
}

.g-more .span2 {
	display: inline-block;
	padding-right: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-image: url(../images/top/arr.png)
}

.g-more:hover {
	background-color: #f58630
}

.g-more2:hover {
	background-color: #0095d9
}

.ul-idx1 {
	margin-top: 78px
}

.ul-idx1 li {
	margin-bottom: 30px;
	position: relative
}

.ul-idx1 .con {
	border: 1px solid #dadada;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 100px 30px 50px;
	min-height: 175px;
	transition: .3s
}

.ul-idx1 .con:hover {
	border-color: #f58630
}

.ul-idx1 .con .left {
	width: 446px
}

.ul-idx1 .con .tit {
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: 600;
	font-size: 24px;
	color: #000;
	margin-bottom: 16px
}

.ul-idx1 .con .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 400;
	font-size: 16px;
	color: #666
}

.ul-idx1 .con .right {
	width: 24px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/top/right1.png);
	transition: .3s
}

.ul-idx1 .con:hover .right {
	background-image: url(../images/top/right1-1.png)
}

.ul-idx1 li .tg-reveal-bg img {
	border-radius: 5px
}

.ul-idx1 li .tg-reveal-bg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	margin: -150px 0 0 -150px;
	overflow: hidden;
	pointer-events: none;
	z-index: 99;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	-moz-transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	-ms-transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	-o-transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	width: 250px;
	height: 250px
}

.ul-idx1 li:hover .tg-reveal-bg {
	opacity: 1
}

.tabidx2 {
	opacity: 0;
	height: 0;
	overflow: hidden;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.tabidx2.op {
	opacity: 1;
	height: auto;
	visibility: visible;
	animation-name: fadeInUp
}

.m-idx2 {
	padding-left: 230px;
	overflow: hidden;
	margin-top: 92px
}

.m-idx2 .col-l {
	width: 250px
}

.ul-listidx2 {
	width: 148px
}

.ul-listidx2 li {
	margin-bottom: 10px
}

.ul-listidx2 .con {
	display: block;
	transition: .3s;
	position: relative;
	font-size: 17px;
	color: #565656
}

.ul-listidx2 .con span {
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 1;
	padding-left: 5px;
	transition: .3s
}

.ul-listidx2 .con::after {
	position: absolute;
	left: 0;
	width: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	height: 1px;
	background-color: #f58630;
	transition: .3s
}

.ul-listidx2 .con:hover {
	color: #f58630
}

.ul-listidx2 .on .con {
	text-align: right
}

.ul-listidx2 .on .con::after {
	width: 100%
}

.rightbox {
	overflow: hidden
}

.m-banidx2 .item {
	padding: 0 12px
}

.m-banidx2 .pic {
	padding-top: 115%;
	position: relative;
	overflow: hidden;
	margin-bottom: 32px
}

.m-banidx2 .pic .after {
	position: absolute;
	right: 28px;
	width: 56px;
	height: 56px;
	background-color: #fff;
	border-radius: 50%;
	background-position: center;
	background-size: 24px;
	background-repeat: no-repeat;
	background-image: url(../images/top/right1.png);
	content: "";
	transition: .3s;
	cursor: pointer;
	top: 0;
	opacity: 0
}

.m-banidx2 .con:hover .pic .after {
	top: 30px;
	opacity: 1
}

.m-banidx2 .pic .after:hover {
	background-color: #f58630;
	background-image: url(../images/top/right1-2.png)
}

.m-banidx2 .pic img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: .3s
}

.m-banidx2 .con:hover .pic img {
	transform: scale(1.06)
}

.m-banidx2 .con {
	display: block
}

.m-banidx2 .tit {
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 1.5em;
	font-weight: 500;
	font-size: 24px;
	color: #000
}

.row-idx2 {
	padding-bottom: 125px
}

.row-idx6 {
	padding: 160px 0
}

.ul-idx6 {
	margin-top: 90px;
	font-size: 0;
	overflow: hidden
}

.ul-idx6 li {
	float: left;
	width: 25%
}

.ul-idx6 .con {
	display: block;
	border-top: 1px solid rgba(0, 0, 0, .1);
	transition: .3s;
	border-bottom: none;
	height: 455px;
	position: relative
}

.ul-idx6 .con::after {
	position: absolute;
	right: 0;
	top: 0;
	height: 386px;
	background-color: rgba(0, 0, 0, .1);
	width: 1px;
	content: ""
}

.ul-idx6 li:first-child .con::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 386px;
	background-color: rgba(0, 0, 0, .1);
	width: 1px;
	content: ""
}

.ul-idx6 .con .sp {
	display: inline-block;
	width: 93px;
	line-height: 31px;
	background: #f58630;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 30px;
	left: 28px
}

.ul-idx6 .con .txt {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 28px;
	z-index: 1
}

.ul-idx6 .con:hover, .ul-idx6 .on .con {
	color: #fff;
	border: none
}

.ul-idx6 .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: .3s;
	opacity: 0
}

.ul-idx6 .con:hover .bg, .ul-idx6 .on .con .bg {
	opacity: 1
}

.ul-idx6 .con .tit {
	font-weight: 500;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 45px
}

.ul-idx6 .con .date {
	font-size: 16px;
	margin-bottom: 6px
}

.ul-idx6 .con .box {
	padding: 0 28px
}

.ul-idx6 .con .line {
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, .1)
}

.ul-idx6 .con:hover .line, .ul-idx6 .g-more, .ul-idx6 .on .con .line {
	opacity: 0
}

.ul-idx6 .con:hover .g-more, .ul-idx6 .on .g-more {
	opacity: 1
}

.g-more3 {
	background-color: #fff;
	color: #f58630
}

.g-more3:hover {
	background-color: #f58630;
	color: #fff
}

.g-more3 .span2 {
	background-image: url(../images/top/arr-1.png)
}

.g-more3:hover .span2 {
	background-image: url(../images/top/arr.png)
}

.row-bana1 {
	background-color: #f0f2f3;
	min-height: 420px
}

.g-ban1 .item {
	position: relative
}

.g-ban1 .con {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 0 330px 0 205px
}

.g-ban1 .con .left {
	width: 57%
}

.g-ban1 .con .right {
	width: 43%;
	padding-top: 40px
}

.g-ban1 .con .right img {
	display: block;
	width: 100%
}

.g-ban1 .con .tit {
	font-weight: 600;
	font-size: 42px;
	font-family: MiSans-Demibold;
	font-weight: bold;
	margin-bottom: 64px
}

.g-ban1 .con .info {
	font-size: 16px
}

.g-ban1 .con .span1 {
	display: inline-block;
	margin-right: 40px;
	padding-left: 30px;
	transition: .3s;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	position: relative;
	overflow: hidden;
}

.g-ban1 .con label {
	cursor: pointer
}

.g-ban1 .con .label {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/inset/icon1-1.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
	cursor: pointer;
	overflow: hidden
}

.g-ban1 .con .checked .label {
	background-image: url(../images/inset/icon1.png)
}

.g-ban1 .con label input {
	position: absolute;
	left: -9999px
}

.g-ban1 .con .on {
	color: #0095d9
}

.g-ban1 .con .span2 {
	background-image: url(../images/inset/icon2.png)
}

.g-ban1 .con .span2.on {
	background-image: url(../images/inset/icon2-1.png)
}

.g-ban1 .con .span3 {
	background-image: url(../images/inset/icon3.png)
}


.g-ban1 .con .span4 {
	background-image: url(../images/inset/icon4.png)
}

.g-ban1 .con .span6 {
	background-image: url(../images/inset/icon6.png)
}

.ul-taba1 {
	text-align: center;
	background-color: #f0f2f3;
	white-space: nowrap;
	overflow-x: auto
}

.ul-taba1 li {
	display: inline-block;
	margin: 0 8px
}

.ul-taba1 .con {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 62px;
	padding: 0 6px;
	border-bottom: 4px solid transparent;
	transition: .3s;
	color: #999;
}

.ul-taba1 .on .con {
	border-color: #00a4ff;
	color: #333
}

.row-detp1 {
	padding: 120px 0 0
}

.row-detp1 .wp {
	max-width: 1242px
}

.g-titd1 {
	margin-bottom: 36px;
	font-size: 32px;
	font-weight: 700
}

.m-tabp2 {
	padding-top: 70px
}

.m-tabp1 table {
	width: 100%;
	text-align: center
}

.m-tabp1 .table th {
	background-color: #2c2e35;
	height: 56px;
	color: #fff;
	text-align: center;
	border-radius: 5px 5px 0 0;
	font-size: 20px;
	padding: 0 10px
}

.m-tabp1 .table .th1 {
	background-color: #56585d
}

.m-tabp1 .table td {
	height: 54px;
	border: 1px solid #e8e8e8;
	font-size: 18px;
	padding: 0 10px
}

.m-tabp1 .table .td1 {
	font-size: 16px
}

.m-tabp1 .table th:first-child,.m-tabp1 .table td:first-child{
	text-align: left;
	font-weight: bold;
	padding: 0 1em;
}
.m-tabp1 .table tbody tr:nth-child(odd) {
	background-color: #f6f6f7;
}
.m-tabp1 .table tbody tr:first-child {
	background-color: #dddedf;
}

.ban.g-ban2 .so .sub-btn {
	width: 108px;
	font-size: 14px;
	color: #fff;
	background-size: 0
}

.m-boxp1 {
	padding-top: 118px
}

.m-boxp2 {
	padding-top: 88px
}

.g-titbox1 {
	text-align: center;
	margin-bottom: 90px
}

.g-titbox1 .tit {
	font-size: 28px;
	margin-bottom: 22px;
	font-weight: 700
}

.g-titbox1 .desc {
	font-size: 16px
}

.row-product {
	padding-bottom: 78px
}

.row-product .wp {
	max-width: 1270px
}

.ul-listp1 {
	text-align: center;
	margin: 0 -32px
}

.ul-listp1 li {
	display: inline-block;
	width: 25%;
	padding: 0 32px;
	float: left;
	margin-bottom: 70px
}

.ul-listp1 .con {
	display: block;
	text-align: left
}

.ul-listp1 .pic {
	padding-top: 72.3%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
	transition: .3s;
	background-color: #fafafa;
}

.ul-listp1 .con:hover .pic {
	background: #fafafa;
	box-shadow: 0 3px 7px 0 rgba(64, 64, 64, .18)
}

.ul-listp1 .pic img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: .3s
}

.ul-listp1 .con:hover .pic img {
	transform: scale(1.06)
}

.ul-listp1 .tit {
	height: 1.5em;
	line-height: 1.5;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 12px;
	transition: .3s
}

.ul-listp1 .con:hover .tit {
	color: #00a4ff;
}

.ul-listp1 .desc {
	height: 1.5em;
	line-height: 1.5;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: box;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding-right: 20px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 13px auto;
	color: #999;
	transition: .3s
}

.ul-listp1 .con:hover .desc {
	color: #333;
	background-image: url(../images/inset/arr.png)
}

.g-tabbox1 {
	min-height: 73px
}

.g-tabbox2 {
	min-height: 64px;
	margin-top: -30px
}

.ul-txt1.ul-taba2 {
	padding-right: 0;
	padding-top: 25px;
	text-align: center;
	overflow: visible;
	background-color: #fff;
	z-index: 10
}

.ul-txt1.ul-taba2:after {
	display: none
}

.ul-txt1.ul-taba2 ul {
	font-size: 0;
	display: inline-block;
	overflow: visible
}

.ul-txt1.ul-taba2 ul::after {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 1px;
	content: "";
	background-color: #ccc
}

.ul-txt1.ul-taba2 li {
	display: inline-block;
	float: none;
	margin: 0 20px;
	overflow: visible
}

.ul-txt1.ul-taba2 li a:after {
	bottom: -1px;
	z-index: 2
}

.ul-txt1.ul-taba2 li a {
	overflow: visible
}

.fixed.g-tabbox1 .inner {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 10
}

.ul-listp1_2 {
	text-align: center
}

.ul-listp1_2 li {
	float: none
}

@media only screen and (min-width:1199px) {
	.banner .pic .img {
		height: auto
	}

	.banner .pic img, .banner .pic video {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transition: all 5s ease-out;
		-webkit-transition: all 5s ease-out;
		-moz-transition: all 5s ease-out;
		-ms-transition: all 5s ease-out;
		-o-transition: all 5s ease-out
	}

	.banner .img_scale .pic img, .banner .img_scale .pic video {
		transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transform: scale(1.1)
	}

	.banner .txt {
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-28%)
	}

	.banner .txt .tit {
		font-weight: 600;
		transform: translateY(1.2em);
		-webkit-transform: translateY(1.2em);
		-moz-transform: translateY(1.2em);
		-ms-transform: translateY(1.2em);
		-o-transform: translateY(1.2em);
		opacity: 0
	}

	.banner .txt .info {
		font-weight: 600;
		opacity: .8;
		margin-bottom: .625vw;
		transform: translateY(2em);
		-webkit-transform: translateY(2em);
		-moz-transform: translateY(2em);
		-ms-transform: translateY(2em);
		-o-transform: translateY(2em);
		opacity: 0
	}

	.banner .txt .desc {
		font-weight: 600;
		transform: translateY(3em);
		-webkit-transform: translateY(3em);
		-moz-transform: translateY(3em);
		-ms-transform: translateY(3em);
		-o-transform: translateY(3em);
		opacity: 0;
		margin-bottom: 3.645vw
	}

	.banner .txt .more {
		width: 7.604vw;
		line-height: 2.135vw;
		background: #f58630;
		font-family: Medium;
		transform: translateY(4em);
		-webkit-transform: translateY(4em);
		-moz-transform: translateY(4em);
		-ms-transform: translateY(4em);
		-o-transform: translateY(4em);
		opacity: 0
	}

	.banner .txt .more span {
		padding-right: .937vw;
		background-size: .416vw auto
	}

	.banner .slick-arrow {
		width: 2.447vw;
		height: 2.447vw;
		border-radius: 50%;
		border: 1px solid #fff;
		right: 4.167vw;
		font-size: 0;
		transition: .3s;
		background-size: .781vw;
		background-repeat: no-repeat
	}

	.banner .slick-prev {
		background-image: url(../images/top/left.png);
		top: 54%
	}

	.banner .slick-next {
		background-image: url(../images/top/right.png);
		top: 60%
	}

	.row-idx1 {
		padding: 8.593vw 0 6.77vw
	}

	.g-titbox {
		align-items: center;
		justify-content: space-between
	}

	.g-titbox .tit {
		font-weight: 500;
	}

	.g-more {
		width: 7.604vw;
		line-height: 2.135vw;
		font-weight: 500;
		transition: .3s
	}

	.g-more .span2 {
		padding-right: .937vw;
		background-size: .416vw auto
	}

	.ul-idx1 {
		margin-top: 4.062vw
	}

	.ul-idx1 li {
		margin-bottom: 1.562vw
	}

	.ul-idx1 .con {
		border: 1px solid #dadada;
		align-items: center;
		justify-content: space-between;
		padding: 1.562vw 5.208vw 1.562vw 2.604vw;
		min-height: 9.114vw;
		transition: .3s
	}

	.ul-idx1 .con .left {
		width: 23.22vw
	}

	.ul-idx1 .con .tit {
		margin-bottom: .833vw
	}


	.ul-idx1 .con .right {
		width: 1.25vw;
		height: .677vw
	}

	.ul-idx1 .con:hover .right {
		background-image: url(../images/top/right1-1.png)
	}

	.ul-idx1 li .tg-reveal-bg img {
		border-radius: .26vw
	}

	.ul-idx1 li .tg-reveal-bg {
		opacity: 0;
		top: 0;
		left: 0;
		width: 10.41vw;
		height: 10.41vw;
		opacity: 0;
		margin: -7.812vw 0 0 -7.812vw;
		pointer-events: none;
		width: 13.02vw;
		height: 13.02vw
	}

	.ul-idx1 li:hover .tg-reveal-bg {
		opacity: 1
	}

	.tabidx2 {
		opacity: 0
	}

	.tabidx2.op {
		visibility: visible;
		opacity: 1;
		height: auto
	}

	.m-idx2 {
		padding-left: 10.57vw;
		margin-top: 4.791vw
	}

	.m-idx2 .col-l {
		width: 13.02vw
	}

	.ul-listidx2 {
		width: 7.708vw
	}

	.ul-listidx2 li {
		margin-bottom: .52vw
	}

	.ul-listidx2 .con {
		transition: .3s;
	}

	.ul-listidx2 .con span {
		padding-left: .26vw;
		transition: .3s
	}

	.ul-listidx2 .con::after {
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		content: "";
		height: 1px;
		transition: .3s
	}

	.m-banidx2 .item {
		padding: 0 .625vw
	}

	.m-banidx2 .pic {
		margin-bottom: 1.666vw
	}

	.m-banidx2 .pic .after {
		right: 1.458vw;
		width: 2.916vw;
		height: 2.916vw;
		border-radius: 50%;
		content: "";
		transition: .3s;
		top: 0;
		opacity: 0
	}

	.m-banidx2 .con:hover .pic .after {
		top: 1.562vw;
		opacity: 1
	}

	.m-banidx2 .pic .after:hover {
		background-image: url(../images/top/right1-2.png)
	}

	.m-banidx2 .pic img {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		object-fit: cover;
		transition: .3s
	}

	.m-banidx2 .con:hover .pic img {
		transform: scale(1.06)
	}


	.row-idx2 {
		padding-bottom: 6.51vw
	}

	.row-idx6 {
		padding: 8.333vw 0
	}

	.ul-idx6 {
		margin-top: 4.687vw;
		font-size: 0
	}

	.ul-idx6 .con {
		border-top: 1px solid rgba(0, 0, 0, .1);
		transition: .3s;
		border-bottom: none;
		height: 23.69vw
	}

	.ul-idx6 .con::after {
		right: 0;
		top: 0;
		height: 20.1vw;
		width: 1px;
		content: ""
	}

	.ul-idx6 li:first-child .con::before {
		left: 0;
		top: 0;
		height: 20.1vw;
		width: 1px;
		content: ""
	}

	.ul-idx6 .con .sp {
		width: 4.843vw;
		line-height: 1.614vw;
		background: #f58630;
		font-weight: 700;
		top: 1.562vw;
		left: 1.458vw
	}

	.ul-idx6 .con .txt {
		left: 0;
		right: 0;
		bottom: 1.458vw
	}

	.ul-idx6 .con:hover, .ul-idx6 .on .con {
		border: none
	}

	.ul-idx6 .bg {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		object-fit: cover;
		transition: .3s;
		opacity: 0
	}

	.ul-idx6 .con:hover .bg, .ul-idx6 .on .con .bg {
		opacity: 1
	}

	.ul-idx6 .con .tit {
		font-weight: 500;
		margin-bottom: 2.343vw
	}

	.ul-idx6 .con .date {
		margin-bottom: .312vw
	}

	.ul-idx6 .con .box {
		padding: 0 1.458vw
	}

	.ul-idx6 .con .line {
		height: 1px
	}

	.ul-idx6 .con:hover .line, .ul-idx6 .g-more, .ul-idx6 .on .con .line {
		opacity: 0
	}

	.ul-idx6 .con:hover .g-more, .ul-idx6 .on .g-more {
		opacity: 1
	}

	.row-bana1 {
		min-height: 21.87vw
	}

	.g-ban1 .con {
		align-items: center;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: 0 17.18vw 0 10.67vw
	}

	.g-ban1 .con .right {
		padding-top: 4.083vw
	}

	.g-ban1 .con .tit {
		font-weight: 600;
		font-family: MiSans-Demibold;
		font-weight: bold;
		margin-bottom: 3.333vw
	}


	.g-ban1 .con .span1 {
		margin-right: 2.083vw;
		padding-left: 1.562vw;
		transition: .3s;
		background-size: 1.041vw auto
	}

	.g-ban1 .con .label {
		width: 1.041vw;
		height: 1.041vw
	}

	.ul-taba1 li {
		margin: 0 .416vw
	}

	.ul-taba1 .con {
		font-weight: 700;
		line-height: 3.229vw;
		padding: 0 .312vw;
		transition: .3s
	}

	.row-detp1 {
		padding: 6.25vw 0 0
	}

	.row-detp1 .wp {
		max-width: 64.68vw
	}

	.g-titd1 {
		margin-bottom: 1.875vw;
		font-weight: 700
	}

	.m-tabp2 {
		padding-top: 3.645vw
	}

	.m-tabp1 .table th {
		height: 2.916vw;
		border-radius: .26vw .26vw 0 0;
	}

	.m-tabp1 .table td {
		height: 2.812vw;
		border: 1px solid #e8e8e8;
	}


	.ban.g-ban2 .so .sub-btn {
		width: 5.625vw;
		background-size: 0
	}

	.m-boxp1 {
		padding-top: 6.145vw
	}

	.m-boxp2 {
		padding-top: 4.583vw
	}

	.g-titbox1 {
		margin-bottom: 4.687vw
	}

	.g-titbox1 .tit {
		margin-bottom: 1.145vw;
		font-weight: 700
	}


	.row-product {
		padding-bottom: 4.062vw
	}

	.row-product .wp {
		max-width: 66.14vw
	}

	.ul-listp1 {
		margin: 0 -1.666vw
	}

	.ul-listp1 li {
		width: 25%;
		padding: 0 1.666vw;
		margin-bottom: 3.645vw
	}

	.ul-listp1 .pic {
		padding-top: 72.3%;
		border-radius: .52vw;
		margin-bottom: 1.822vw;
		transition: .3s
	}

	.ul-listp1 .con:hover .pic {
		background: #fafafa;
		box-shadow: 0 .156vw .364vw 0 rgba(64, 64, 64, .18)
	}

	.ul-listp1 .pic img {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		object-fit: cover;
		transition: .3s
	}

	.ul-listp1 .con:hover .pic img {
		transform: scale(1.06)
	}

	.ul-listp1 .tit {
		height: 1.5em;
		margin-bottom: .625vw;
		transition: .3s
	}

	.ul-listp1 .desc {
		height: 1.5em;
		padding-right: 1.041vw;
		background-size: .677vw auto;
		transition: .3s
	}

	.ul-listp1 .con:hover .desc {
		background-image: url(../images/inset/arr.png)
	}

	.g-tabbox1 {
		min-height: 3.802vw
	}

	.g-tabbox2 {
		min-height: 3.333vw;
		margin-top: -1.562vw
	}

	.ul-txt1.ul-taba2 {
		padding-top: 1.302vw
	}

	.ul-txt1.ul-taba2 ul {
		font-size: 0
	}

	.ul-txt1.ul-taba2 ul::after {
		left: 1.041vw;
		right: 1.041vw;
		bottom: 0;
		height: 1px;
		content: ""
	}

	.ul-txt1.ul-taba2 li {
		margin: 0 1.041vw
	}

	.ul-txt1.ul-taba2 li a:after {
		bottom: -1px
	}

	.fixed.g-tabbox1 .inner {
		top: 4.16vw;
		left: 0;
		right: 0
	}

}

@media only screen and (max-width:1199px) {
	.g-titbox1 {
		margin-bottom: 30px
	}

	.g-titbox1 .tit {
		font-size: 20px;
		margin-bottom: 5px
	}

	.g-titbox1 .desc {
		font-size: 14px
	}

	.m-boxp1 {
		padding-top: 60px
	}

	.ul-listp1 {
		margin: 0
	}

	.ul-listp1 li {
		padding: 0 20px;
		margin-bottom: 40px
	}

	.ul-listp1 .pic {
		margin-bottom: 10px
	}

	.ul-listp1 .tit {
		margin-bottom: 5px;
		font-size: 16px
	}

	.ul-txt1.ul-taba2 {
		padding-top: 10px
	}

	.g-tabbox1 {
		min-height: 54px
	}

	.ul-txt1.ul-taba2 ul {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		width: auto
	}

	.ul-listp1_2 li {
		float: left
	}

	.g-ban1 .con {
		padding: 0 20px
	}

	.g-ban1 .con .tit {
		font-size: 22px
	}

	.g-ban1 .con .info {
		font-size: 14px
	}

	.g-ban1 .con .span1 {
		margin-right: 20px;
		padding-left: 20px;
		background-size: 15px auto
	}

	.g-ban1 .con .label {
		width: 15px;
		height: 15px
	}

	.row-bana1 {
		min-height: auto
	}

	.g-ban1 {
		min-height: 240px
	}

	.ul-taba1 .con {
		line-height: 40px;
		border-width: 2px
	}

	.g-tabbox1 {
		min-height: 40px
	}

	.g-ban1 .con .right {
		padding-top: 20px
	}

	.row-detp1 {
		padding: 60px 0 0
	}

	.g-titd1 {
		font-size: 20px;
		margin-bottom: 20px
	}

	.m-tabp1 .table th {
		height: 40px;
		font-size: 16px
	}

	.m-tabp1 .table .td1, .m-tabp1 .table td {
		height: 35px;
		font-size: 14px
	}

	.m-tabp2 {
		padding-top: 40px
	}

	.g-tabbox2 {
		margin-top: 0
	}

}

@media only screen and (max-width:959px) {
	.ul-listp1 li {
		width: 49%
	}

}

@media only screen and (max-width:767px) {
	.fixed.g-tabbox1 .inner {
		top: 50px
	}

	.ul-listp1 li {
		padding: 0;
		width: 100%;
		float: none
	}

	.ul-txt1.ul-taba2::after{
		width: 100%;
		height: 1px;
		background-color: #ccc;
		content: "";
		display: block;
		bottom: 0;
	}

	.ul-txt1.ul-taba2 li {
		width: auto
	}

	.ul-txt1.ul-taba2 ul::after {
		display: none;
	}
	.ul-txt1.ul-taba2 li a::after{
		bottom: -1px;
	}
	.ul-txt1.ul-taba2 li a {
		padding-bottom: 0
	}

	.g-tabbox1 {
		min-height: 46px
	}

	.g-tabbox2 {
		min-height: 36px
	}

	.g-ban1 .con {
		display: block
	}

	.g-ban1 .con .right {
		width: 100%;
		margin-bottom: 10px
	}

	.g-ban1 .con .left {
		width: 100%
	}

	.g-ban1 .con .tit {
		font-size: 18px;
		margin-bottom: 10px
	}

	.g-ban1 .con .span1 {
		padding-left: 15px;
		background-size: 10px;
		margin-right: 10px;
		margin-bottom: 10px
	}

	.g-ban1 .con .label {
		width: 10px;
		height: 10px
	}

	.g-ban1 .con .info {
		font-size: 12px
	}

	.ul-taba1 .con {
		line-height: 35px;
		font-size: 14px
	}

	.row-detp1 {
		padding: 40px 0
	}

	.g-titd1 {
		font-size: 18px;
		margin-bottom: 15px
	}

	.ban.g-ban2 .so .sub-btn {
		width: 66px;
		font-size: 12px
	}

	.ban.g-ban2 .so .inp {
		padding-right: 76px
	}

}

.swiper-list {
	overflow: hidden;
	display: flex;
	margin-left: 58px
}

.m-e1 {
	margin: -19px 0 273px
}

.swiper-list .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear
}

.swiper-list .swiper-slide {
	width: auto
}

.swiper-list .text-slider {
	font-size: 60px;
	height: 100px;
	line-height: 90px;
	font-weight: 600;
	color: #264fa1;
	text-transform: uppercase;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #264fa1;
	-webkit-text-fill-color: transparent;
	padding-right: 30px
}

.m-e2 .wp {
	max-width: 1474px
}

.m-e2 .l .con1 .desc {
	font-size: 16px;
	color: #333;
	line-height: 36px
}

.m-e2 .inner {
	overflow: hidden;
	padding-bottom: 115px
}

.m-e2 .inner .l {
	width: 45%;
	overflow: hidden
}

.m-e2 .inner .r {
	width: 47.5%;
	overflow: hidden
}

.ul-num-e1 {
	overflow: hidden
}

.ul-num-e1 li {
	width: 33.3%;
	float: left
}

.ul-num-e1 .con {
	margin-bottom: 30px
}

.ul-num-e1 .pic {
	display: block
}

.ul-num-e1 .li3 .pic {
	padding: 19px 19px 0 0
}

.ul-num-e1 .li4 .pic {
	padding: 19px 0 0 19px
}

.ul-num-e1 .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s
}

.ul-num-e1 .con1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 260px
}

.ul-num-e1 .tit {
	margin-bottom: 20px
}

.ul-num-e1 .num {
	font-family: Arial;
	font-weight: 700;
	font-size: 84px;
	color: rgba(0, 149, 217, 0);
	line-height: 72px;
	text-stroke: 1px #f58530;
	-webkit-text-stroke: 1px #f58530;
	padding-right: 10px
}

.ul-num-e1 .con1 em {
	display: inline-block;
	vertical-align: baseline;
	font-weight: 400;
	font-size: 16px;
	color: #f58630
}

.ul-num-e1 .desc {
	font-weight: 500;
	font-size: 18px;
	color: #333
}

.ul-num-e1 .li2 .pic {
	width: 91px
}

.ul-num-e1 .li2 .pic img {
	height: auto
}

.ul-num-e1 .li1 .con1 {
	border: 1px solid rgba(0, 0, 0, .1)
}

.video-pulse {
	position: relative
}

.video-pulse::after, .video-pulse::before {
	position: absolute;
	content: "";
	width: 69px;
	height: 69px;
	border: 1px solid rgba(255, 255, 255, .5);
	left: 0;
	top: 0;
	border-radius: 50%;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-name: video-animation;
	animation-iteration-count: infinite
}

.video-pulse::before {
	animation-delay: 1s
}

@keyframes video-animation {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.5)
	}

	100% {
		opacity: 0;
		transform: scale(2)
	}

}

.m-video {
	position: relative
}

.m-video video {
	display: block;
	width: 100%;
	height: 552px;
	object-fit: cover
}

.js-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 69px;
	height: 69px;
	background-image: url(../images/e-play.png);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-color: transparent;
	outline: 0;
	border: none
}

.ul-liste1 {
	overflow: hidden
}

.ul-liste1 li {
	float: left;
	width: 33.3%
}

.ul-liste1 .con {
	display: block;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .2);
	height: 120px;
	background-color: #0095d9;
	padding: 36px 61px 36px 52px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 0;
	transition: .5s
}

.ul-liste1 li:last-child .con {
	border-color: transparent !important
}

.ul-liste1 .con:hover {
	background-size: cover;
	border-color: #0095d9
}

.ul-liste1 .con .item {
	display: flex;
	align-items: center
}

.ul-liste1 .con .more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 61px;
	display: block;
	width: 24px
}

.ul-liste1 .pic {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #fafafa;
	margin-right: 24px;
	transition: .5s
}

.ul-liste1 .con:hover .pic {
	background-size: cover;
	background-color: #fff;
	border: 1px solid #fff
}

.ul-liste1 .pic img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s
}

.ul-liste1 .con:hover .pic .img1, .ul-liste1 .pic .img2 {
	opacity: 0
}

.ul-liste1 .con:hover .pic .img2 {
	opacity: 1
}

.ul-liste1 .tit {
	font-weight: 500;
	font-size: 19px;
	color: #fff
}

.footer {
	position: relative
}

.footer .m-e4 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5
}

.footer .bg {
	display: block;
	width: 100%
}

.m-e2 .g-titbox {
	display: block;
	margin-bottom: 37px
}

.m-e2 .g-titbox .tit {
	margin-bottom: 28px
}

.m-e2 .g-titbox .span1 {
	display: block
}

@media only screen and (min-width:1199px) {
	.swiper-list {
		margin-left: 3.020vw
	}

	.m-e1 {
		margin: -.989vw 0 14.21vw
	}

	.swiper-list .swiper-wrapper {
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-ms-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear
	}

	.swiper-list .swiper-slide {
		width: auto
	}

	.swiper-list .text-slider {
		height: 5.208vw;
		line-height: 4.687vw;
		font-weight: 600;
		text-transform: uppercase;
		-webkit-text-stroke-width: .104vw;
		padding-right: 1.562vw
	}

	.m-e2 .wp {
		max-width: 76.77vw
	}

	.m-e2 .l .con1 .desc {
		line-height: 1.875vw
	}

	.m-e2 .inner {
		padding-bottom: 5.989vw
	}

	.m-e2 .inner .r {
		width: 47.5%
	}

	.ul-num-e1 li {
		width: 33.3%
	}

	.ul-num-e1 .con {
		margin-bottom: 1.562vw
	}

	.ul-num-e1 .li3 .pic {
		padding: .989vw .989vw 0 0
	}

	.ul-num-e1 .li4 .pic {
		padding: .989vw 0 0 .989vw
	}

	.ul-num-e1 .pic img {
		object-fit: cover;
		transition: .5s
	}

	.ul-num-e1 .con1 {
		justify-content: center;
		align-items: center;
		height: 13.54vw
	}

	.ul-num-e1 .tit {
		margin-bottom: 1.041vw
	}

	.ul-num-e1 .num {
		font-family: Arial;
		font-weight: 700;
		line-height: 3.75vw;
		text-stroke: 1px #f58530;
		-webkit-text-stroke: 1px #f58530;
		padding-right: .52vw
	}

	.ul-num-e1 .con1 em {
		font-weight: 400;
	}

	.ul-num-e1 .desc {
		font-weight: 500;
	}

	.ul-num-e1 .li2 .pic {
		width: 4.739vw
	}

	.ul-num-e1 .li2 .pic img {
		height: auto
	}

	.ul-num-e1 .li1 .con1 {
		border: 1px solid rgba(0, 0, 0, .1)
	}

	.video-pulse::after, .video-pulse::before {
		content: "";
		width: 3.593vw;
		height: 3.593vw;
		border: 1px solid rgba(255, 255, 255, .5);
		left: 0;
		top: 0;
		border-radius: 50%;
		animation-duration: 2.5s;
		animation-timing-function: linear;
		animation-name: video-animation;
		animation-iteration-count: infinite
	}

	.video-pulse::before {
		animation-delay: 1s
	}

	@keyframes video-animation {
		0% {
			transform: scale(1)
		}

		50% {
			transform: scale(1.5)
		}

		100% {
			opacity: 0;
			transform: scale(2)
		}

	}

	.m-video video {
		height: 28.75vw;
		object-fit: cover
	}

	.js-play {
		top: 50%;
		transform: translate(-50%, -50%);
		width: 3.593vw;
		height: 3.593vw;
		background-image: url(../images/e-play.png);
		background-repeat: no-repeat;
		border-radius: 50%;
		outline: 0;
		border: none
	}

	.ul-liste1 li {
		width: 33.3%
	}

	.ul-liste1 .con {
		border-right: 1px solid rgba(255, 255, 255, .2);
		height: 6.25vw;
		padding: 1.875vw 3.177vw 1.875vw 2.708vw;
		background-repeat: no-repeat;
		background-size: 0;
		transition: .5s
	}

	.ul-liste1 li:last-child .con {
		border-color: transparent !important
	}

	.ul-liste1 .con:hover {
		background-size: cover
	}

	.ul-liste1 .con .item {
		align-items: center
	}

	.ul-liste1 .con .more {
		top: 50%;
		transform: translateY(-50%);
		right: 3.177vw;
		width: 1.25vw
	}

	.ul-liste1 .pic {
		width: 2.604vw;
		height: 2.604vw;
		border-radius: 50%;
		border: 1px solid #fafafa;
		margin-right: 1.25vw;
		transition: .5s
	}

	.ul-liste1 .con:hover .pic {
		background-size: cover;
		border: 1px solid #fff
	}

	.ul-liste1 .pic img {
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		object-fit: cover;
		transition: .5s
	}

	.ul-liste1 .con:hover .pic .img1, .ul-liste1 .pic .img2 {
		opacity: 0
	}

	.ul-liste1 .con:hover .pic .img2 {
		opacity: 1
	}

	.ul-liste1 .tit {
		font-weight: 500;
	}

	.footer .m-e4 {
		top: 0;
		left: 0;
		right: 0
	}

	.m-e2 .g-titbox {
		margin-bottom: 1.927vw
	}

	.m-e2 .g-titbox .tit {
		margin-bottom: 1.458vw
	}

}

.ban {
	height: 430px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 100px;
	overflow: hidden
}

.ban .txt {
	width: 900px;
	margin: 0 auto;
	overflow: hidden
}

.ban .txt h3 {
	font-size: 36px;
	color: #fff;
	line-height: 1.5em;
	font-weight: 400;
	/*font-family: MiSans;*/
	text-align: center;
	overflow: hidden
}

.ban .so {
	background-color: #f2f2f2;
	border-radius: 5px;
	border: 1px solid rgba(204, 204, 204, .5);
	position: relative;
	margin-top: 40px;
	overflow: hidden
}

.ban .so:after {
	content: '';
	width: 1px;
	height: 25px;
	background-color: rgba(151, 151, 151, .5);
	position: absolute;
	top: 50%;
	left: 55px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ban .so i {
	display: block;
	width: 30px;
	height: 32px;
	background: url(../images/icon21.png) center center no-repeat;
	background-position: contain;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 18px;
	left: 18px
}

.ban .so .inp {
	display: block;
	width: 100%;
	height: 69px;
	font-size: 16px;
	color: #333;
	line-height: 69px;
	border: none;
	background-color: #f2f2f2;
	padding: 0 80px 0 72px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ban .so .sub-btn {
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/icon22.png) center center no-repeat #00a4ff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: none;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ban .so .sub-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.ban .hot {
	font-family: MiSans-Regular;
	margin-top: 36px;
	margin-left: 68px;
	overflow: hidden
}

.ban .hot span {
	display: block;
	float: left;
	font-size: 16px;
	color: #000;
	line-height: 2.14em;
	margin-right: -6px;
	overflow: hidden
}

.ban .hot .rr {
	font-size: 16px;
	color: #000;
	line-height: 2.14em;
	overflow: hidden;
}

.ban .hot .rr a {
	display: inline-block;
	color: #000;
	margin: 0 20px 0 16px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ban .hot .rr a:hover {
	color: #00a4ff
}

.m-down {
	width: 1242px;
	margin: 0 auto;
	padding-top: 128px;
	max-width: 100%;
}

.m-down:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.m-down .top {
	text-align: center;
	overflow: hidden
}

.m-down .top h3 {
	font-size: 36px;
	color: #3d3d3d;
	line-height: 1.33em;
	font-weight: 700;
	margin-bottom: 27px;
	overflow: hidden
}

.m-down .top span {
	display: block;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 1.5em;
	overflow: hidden
}

.m-down .select-table {
	padding-bottom: 48px;
}
.m-down .select-table .ban {
	height: auto !important;
	padding-top: 0 !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
}
.m-down .select-table .ban .hot{
	margin-top: 1em;
}
.m-down .select-table .so {
	margin-top: 0 !important;
}
.m-down .select-table .ban .so, .m-down .select-table .ban .so .inp {
	background-color: transparent;
}
.m-down .select-table .ban .hot .rr, .m-down .select-table .ban .hot span {
	color: #333;
}
.m-down .select-table .ban .hot .rr a {
	color: inherit;
}
.m-down .select-table .ban .hot .rr a:hover {
	color: #ff8931;
}
.m-down .select-table .so .inp {
	height: 54px;
	line-height: 54px;
}
.m-down .select-table  .ban .so .sub-btn {
	height: 44px;
	line-height: 44px;
	right: 5px;
}
.m-down .select-table .ban .so i{
	top: 10px;
}
.m-down .select-table table{
	width: 100%;
	font-size: 16px;
	color: #333;
}
.m-down .select-table th {
	width: 9em;
}
.m-down .select-table th, .m-down .select-table td {
	padding: 1em 0;
	vertical-align: top;
}
.m-down .select-table th p {
	line-height: 56px;
	font-size: inherit;
}
.m-down .selectbox {
	position: relative;
}

.m-down .selectbox:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.m-down .selectbox .item {
	float: left;
	width: 50%;
	padding-right: 23px;
}
.m-down .select-table .ban {
	padding-right: 23px;
}

.g-sel {
	position: relative
}

.g-sel .tit {
	background-color: #f2f2f2;
	border-radius: 5px;
	border: 1px solid rgba(204, 204, 204, .5);
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.g-sel .tit.on {
	background-color: #fff
}

.g-sel .tit span {
	display: block;
	font-size: 16px;
	color: #afafaf;
	line-height: 71px;
	padding: 0 80px 0 73px;
	overflow: hidden
}

.g-sel .tit.check span {
	color: #333;
	font-weight: normal;
}

.g-sel .tit .i1 {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/icon23.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.g-sel .tit .i1:after {
	content: '';
	width: 1px;
	height: 25px;
	background-color: rgba(151, 151, 151, .5);
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.g-sel .tit .i2 {
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/icon22.png) center center no-repeat #b0b0b0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: none;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.g-sel .tit.on .i2 {
	background-color: #00a4ff;
	background-image: url(../images/icon22-1.png)
}

.g-sel .tit.check .i2 {
	background-color: #00a4ff
}

.g-sel dl {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 2px;
	z-index: 5;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid rgba(204, 204, 204, .5);
	padding: 8px 10px;
	max-height: 50vh;
	overflow-y: auto;
}

.g-sel dd a {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 2;
	border-radius: 5px;
	padding: 0 23px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.g-sel .haschildren:not(dd),.g-sel .haschildren > div:not(.haschildren){
	padding-left: 32px;/*2em*/	
}
.g-sel .haschildren > div{
	display: none;
}
.g-sel .haschildren.down > div{
	display: block;
}
.g-sel dd a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-right: 1em;
	transition: transform 0.3s;
}
.g-sel .haschildren > div:not(.haschildren) a::before {
	display: none;
	margin-right: 0;
}
.g-sel .haschildren > a::before {
	background-repeat: no-repeat;
	background-image: url(../images/icon22-2.png);
	background-size: contain;
	transform: rotate(-90deg);
}
.g-sel .haschildren.down > a::before {
	transform: rotate(0deg);
}

.g-sel dd a:hover {
	color: #00a4ff;
}

.m-down .select-table .reset {
	font-size: 16px;
	color: #999;
	text-decoration: underline;
	overflow: hidden;
	transition: .3s;
	margin-top: 60px;
}

.m-down .select-table .reset:hover {
	color: #00a4ff
}
.m-down .select-table .reset.web{
	display: block;
}
.m-down .select-table .reset.mobile{
	display: none;
}
.g-result {
	overflow: hidden
}

.g-result .tit {
	font-size: 18px;
	color: #3d3d3d;
	line-height: 2em;
	font-weight: 700;
	margin-bottom: 6px;
	overflow: hidden
}

.ul-txt1 {
	position: relative;
	padding-right: 310px;
	overflow: hidden
}
.ul-txt1.norightpadding {
	padding-right: 0 !important;
}

.ul-txt1:after {
	content: '';
	height: 1px;
	background-color: rgba(102, 102, 102, .3);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px
}

.ul-txt1 ul {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.ul-txt1 li {
	float: left;
	margin-right: 38px;
	overflow: hidden
}

.ul-txt1 li a {
	display: block;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 2.56em;
	font-weight: 700;
	position: relative;
	padding-bottom: 8px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt1 li.on a {
	color: #3d3d3d
}
.ul-txt1.black li.on a {
	color: #3d3d3d
}

.ul-txt1 li a:after {
	content: '';
	height: 3px;
	background-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt1 li.on a:after {
	background-color: #00a4ff
}

.ul-txt1.black li.on a:after {
	background-color: #00a4ff
}

.ul-txt1 .so {
	width: 297px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden
}

.ul-txt1 .so .form {
	position: relative;
	overflow: hidden
}

.ul-txt1 .so .form:after {
	content: '';
	width: 1px;
	height: 19px;
	background-color: #999;
	position: absolute;
	top: 50%;
	right: 44px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ul-txt1 .so .inp {
	display: block;
	width: 100%;
	height: 41px;
	font-size: 14px;
	color: #333;
	line-height: 41px;
	background-color: rgba(173, 173, 173, .15);
	border-radius: 5px;
	padding: 0 50px 0 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ul-txt1 .so .sub-btn {
	display: block;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../images/icon31.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt1 .so .sub-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.ul-txt2 {
	border-bottom: 1px solid rgba(102, 102, 102, .3);
	overflow: hidden
}

.ul-txt2 li {
	float: left;
	margin-right: 25px;
	overflow: hidden
}

.ul-txt2 li a {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 62px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt2 li.on a, .ul-txt2 li:hover a {
	font-weight: bold;
	color: #3d3d3d;
}

.g-result .a-down {
	margin-top: 54px;
	overflow: hidden
}

.g-result .a-down a {
	display: inline-block;
	font-size: 16px;
	color: #666;
	line-height: 2.25em;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.g-result .a-down a.on{
	color: #00a4ff;
}
.g-result .a-down a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.g-result .a-down i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 14px
}
.g-result .a-down i{
	background-image: url(../images/icon25_1.png);
}
.g-result .a-down a.on i{
	background-image: url(../images/icon25.png);
}

.ul-imgtxt1 {
	margin-top: 20px;
	margin-bottom: 58px;
	overflow: hidden
}

.ul-imgtxt1 li {
	border-bottom: 1px solid rgba(102, 102, 102, .3);
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden
}

.ul-imgtxt1 .con {
	position: relative;
	padding: 0 220px 0 65px;
	overflow: hidden
}

.ul-imgtxt1 label {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/icon26.png) center center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 2;
	cursor: pointer;
	overflow: hidden
}

.ul-imgtxt1 label.checked {
	background-image: url(../images/icon26-1.png)
}

.ul-imgtxt1 label input {
	position: absolute;
	left: -9999px
}

.ul-imgtxt1 a {
	display: block;
	font-size: 16px;
	color: #00a4ff;
	line-height: 1.5em;
	position: absolute;
	top: 20px;
	z-index: 2;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-imgtxt1 a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.ul-imgtxt1 .look {
	right: 136px
}

.ul-imgtxt1 .down {
	right: 27px
}

.ul-imgtxt1 a i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 13px
}

.ul-imgtxt1 .txt {
	overflow: hidden;
}

.ul-imgtxt1 h3 {
	font-size: 16px;
	color: #3d3d3d;
	line-height: 30px;
	margin-bottom: 12px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ul-imgtxt1 h3:hover {
	color: #00a4ff;
}
.ul-imgtxt1 .bot {
	font-size: 14px;
	color: #666;
	line-height: 1.5em;
	overflow: hidden
}

.ul-imgtxt1 .bot span {
	display: block;
	float: left;
	overflow: hidden
}
.ul-imgtxt1 .bot span:last-child{
	margin-right: 0;
}

.ul-imgtxt1 .bot span em {
	color: #999;
	display: inline-block;
}
.ul-imgtxt1 .bot span.filesize em {
	width: 5em;
}
.ul-imgtxt1 .bot span.filever em {
	width: 4em;
}
.ul-imgtxt1 .bot span.filetype em {
	width: 4em;
}
.ul-imgtxt1 .bot span.filedate em {
	width: 5em;
}

.ban .box {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	margin-top: 4px
}

.ban .box h3 {
	font-size: 42px;
	color: #edf1fa;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	overflow: hidden
}

.m-solution {
	margin: 98px 0 29px;
	overflow: hidden
}

.m-solution .tips {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 2.14em;
	/*font-family: MiSans;*/
	overflow: hidden
}

.ul-imgtxt2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 9px;
	margin-top: 29px;
	margin-bottom: 36px;
	overflow: hidden
}

.ul-imgtxt2 ul {
	margin: 0 -20px;
	overflow: hidden
}

.ul-imgtxt2 li {
	float: left;
	width: 33.33%;
	padding: 0 20px;
	margin-bottom: 56px;
	overflow: hidden
}

.ul-imgtxt2 .con {
	background-color: rgba(239, 240, 242, .5);
	border-radius: 10px;
	overflow: hidden
}

.ul-imgtxt2 .pic {
	position: relative;
	height: 0;
	padding-top: 50%;
	overflow: hidden
}

.ul-imgtxt2 .pic a {
	display: block;
	overflow: hidden
}

.ul-imgtxt2 .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-imgtxt2 li:hover .pic img {
	-webkit-transform: translate(-50%, -50%) scale(1.08);
	-moz-transform: translate(-50%, -50%) scale(1.08);
	-ms-transform: translate(-50%, -50%) scale(1.08);
	-o-transform: translate(-50%, -50%) scale(1.08);
	transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt2 .txt {
	position: relative;
	padding: 30px;
	overflow: hidden
}

.ul-imgtxt2 .txt span {
	display: block;
	font-size: 16px;
	color: #00a4ff;
	line-height: 1.8em;
	margin-bottom: 10px;
	overflow: hidden
}

.ul-imgtxt2 .txt span i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 10px
}

.ul-imgtxt2 h3 {
	font-size: 18px;
	color: #3d3d3d;
	line-height: 1.5;
	margin-bottom: 0.5em;
	font-weight: 700;
	transition: .3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ul-imgtxt2 li:hover h3 {
	color: #00a4ff
}
.ul-imgtxt2 p {
	font-size: 15px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-category {
	padding: 116px 0 13px
}

.ul-imgtxt3 {
	margin: 0 -27px 39px;
	overflow: hidden
}

.ul-imgtxt3 li {
	float: left;
	width: 14.28%;
	padding: 0 27px;
	margin-bottom: 22px;
	overflow: hidden
}

.ul-imgtxt3 .con {
	overflow: hidden
}

.ul-imgtxt3 label {
	display: block;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 2.88em;
	font-weight: 700;
	border-bottom: 1px solid #d2d0d0;
	background: url(../images/icon32.png) right center no-repeat;
	-webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	-ms-background-size: 22px auto;
	-o-background-size: 22px auto;
	background-size: 22px auto;
	position: relative;
	padding-right: 30px;
	cursor: pointer;
	overflow: hidden
}

.ul-imgtxt3 label.checked {
	background-image: url(../images/icon32-1.png)
}

.ul-imgtxt3 label input {
	position: absolute;
	left: -9999px
}

.m-category .selectbox:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.m-category .selectbox .top {
	margin-bottom: 22px;
	overflow: hidden
}

.m-category .selectbox .top span {
	display: block;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-category .selectbox .top .reset {
	display: block;
	float: right;
	font-size: 16px;
	color: #999;
	line-height: 1.5em;
	text-decoration: underline;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.m-category .selectbox .top .reset:hover {
	color: #00a4ff
}

.m-category .selectbox .box {
	margin: 0 -13px
}

.m-category .selectbox .box:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.m-category .selectbox .item {
	float: left;
	width: 50%;
	padding: 0 13px
}

.m-category .g-sel .tit .i2 {
	background-color: #00a4ff
}

.m-solution.qm {
	margin-top: 27px
}

.ban2 {
	height: 400px;
	min-height: 280px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden
}

.ban2 .box {
	position: absolute;
	top: 20.2%;
	left: 0;
	right: 0
}

.ban2 .txt {
	width: 752px
}

.ban2 .txt h2 {
	font-size: 42px;
	color: #333;
	line-height: 1.5em;
	font-family: MiSans-Demibold;
	font-weight: bold;
	background: linear-gradient(#42c4ff, #0095d9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 3px;
	overflow: hidden
}

.ban2 .txt h3 {
	font-size: 42px;
	color: #333;
	line-height: 1.5em;
	font-family: MiSans-Demibold;
	font-weight: bold;
	margin-bottom: 36px;
	overflow: hidden
}

.ban2 .txt .desc {
	font-size: 18px;
	color: #333;
	line-height: 2em;
	overflow: hidden
}

.ban2 .txt dl {
	margin-top: 38px;
	overflow: hidden
}

.ban2 .txt dd {
	float: left;
	margin-right: 38px;
	overflow: hidden
}

.ban2 .txt dd a {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 1.5em;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ban2 .txt dd a:hover {
	color: #00a4ff
}

.ban2 .txt dd a i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 12px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ban2 .txt dd a .i1 {
	background-image: url(../images/icon37.png)
}

.ban2 .txt dd a .i2 {
	background-image: url(../images/icon38.png)
}

.ban2 .txt dd a:hover .i1 {
	background-image: url(../images/icon37-1.png)
}

.ban2 .txt dd a:hover .i2 {
	background-image: url(../images/icon38-1.png)
}

.m-plan {
	overflow: hidden
}

.m-plan .item1 {
	padding: 148px 0 176px;
	overflow: hidden
}

.m-plan .item2 {
	padding: 156px 0 182px;
	overflow: hidden
}

.m-plan .item3 {
	padding: 145px 0 123px;
	overflow: hidden
}

.m-plan .pic {
	float: left;
	width: 46.86%;
	height: auto;
	margin-right: 6.7%;
	overflow: hidden
}
.m-plan .item1.center .pic{
	width: 100%;
	margin-right: 0;
}

.m-plan .item2 .pic {
	float: right;
	width: 42.64%;
	margin-right: 5.4%;
	margin-left: 3%;
}

.m-plan .item3 .pic {
	width: 414px;
	margin-right: 171px;
	margin-left: 89px
}

.m-plan .pic img {
	display: block;
	width: 100%;
	height: auto
}

.m-plan .txt {
	overflow: hidden
}
.m-plan .text-box {
	text-align: center;
	margin-bottom: 4.3%;
}
.m-plan h3.small {
	font-size: 24px;
	margin-top: 8%;
}

.m-plan .col-textpadding{
    padding-left: 10%;
}
.m-plan .flex-lg-row-reverse .col-textpadding{
    padding-left: 0;
    padding-right: 10%;
}

@media only screen and (max-width:1024px) {
	.m-plan .text-box {
		margin-bottom: 3rem;
	}
	.m-plan h3.small {
		font-size: 14px;
	}
	.m-plan .col-textpadding{
	    padding-left: 0;
	}
	.m-plan .flex-lg-row-reverse .col-textpadding{
	    padding-right: 0;
	}
}

.m-plan .item3 .txt {
	padding-top: 173px
}
.m-plan .item1.center .txt {
	text-align: center;
	margin-bottom: 60px;
}
@media only screen and (max-width:1024px) {
	.m-plan .item1.center .txt {
		margin-bottom: 25px;
	}
}

.m-plan h3 {
	font-size: 32px;
	color: #3d3d3d;
	line-height: 1.25em;
	font-weight: 700;
	margin-bottom: 29px;
	overflow: hidden
}

.m-plan .desc {
	font-size: 18px;
	color: #333;
	line-height: 1.66;
	font-family: MiSans-Regular;
	overflow: hidden;
	word-break: break-word;
}


.g-tit1 {
	overflow: hidden
}

.g-tit1 h3 {
	font-size: 32px;
	color: #3d3d3d;
	line-height: 1.25em;
	font-weight: 700;
	overflow: hidden;
}
.g-tit1 h3,.m-plan .g-tit1 h3{
	margin-bottom: 62px;
}
.g-tit1 h3:empty,.m-plan .g-tit1 h3:empty{
	margin-bottom: 0;
}
.m-advantage {
	padding: 175px 0 157px;
	overflow: hidden
}

.ul-txt3 {
	margin: 62px 0 0;
	overflow: hidden;
}
.ul-txt3:first-child {
	margin: 0;
}

.ul-txt3 li {
	float: left;
	width: 33.33%;
	padding: 0 40px;
	margin-bottom: 20px;
	overflow: hidden
}

.ul-txt3 .con {
	overflow: hidden;
	padding-left: 2em;
	padding-right: 2em;
}
.ul-txt3 .con:first-child{
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.ul-txt3 .con:last-child{
	padding-right: calc(var(--bs-gutter-x) * .5);
}
@media only screen and (max-width:1024px){
	.ul-txt3 .con{
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
		margin-bottom: 20px;
	}
	.ul-txt3 .con:last-child {
		margin-bottom: 0;
	}
}

.ul-txt3 h3 {
	font-size: 22px;
	color: #00a4ff;
	line-height: 1.78em;
	font-family: MiSans-Demibold;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ul-txt3 .desc {
	font-size: 18px;
	color: #333;
	font-family: MiSans-Regular;
	text-align: justify;
}

.m-topology {
	padding: 147px 0 151px;
	overflow: hidden
}

.m-topology .pic {
	width: 1053px;
	height: auto;
	margin: 52px auto 0;
	overflow: hidden;
	float: none;
}

.m-topology .pic img {
	display: block;
	width: 100%;
	height: auto
}

.m-interface {
	padding: 147px 0 135px;
	overflow: hidden
}

.ul-img1 {
	margin: 48px -14px 0;
	overflow: hidden
}

.ul-img1 li {
	float: left;
	width: 33.33%;
	padding: 0 14px;
	margin-bottom: 20px;
	overflow: hidden
}

.ul-img1 .con {
	display: block;
	overflow: hidden
}

.ul-img1 .pic {
	position: relative;
	height: 0;
	padding-top: 58.8%;
	overflow: hidden;
	width: auto;
	margin-right: 0;
	float: none;
}

.ul-img1 .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-img1 a:hover .pic img {
	-webkit-transform: translate(-50%, -50%) scale(1.08);
	-moz-transform: translate(-50%, -50%) scale(1.08);
	-ms-transform: translate(-50%, -50%) scale(1.08);
	-o-transform: translate(-50%, -50%) scale(1.08);
	transform: translate(-50%, -50%) scale(1.08)
}

.m-field {
	padding-top: 173px;
	overflow: hidden
}

.ul-img2 {
	margin: 61px -16px 0;
	overflow: hidden
}

.ul-img2 li {
	float: left;
	width: 33.33%;
	padding: 0 16px;
	margin-bottom: 20px;
	overflow: hidden
}

.ul-img2 .con {
	display: block;
	overflow: hidden
}

.ul-img2 .pic {
	position: relative;
	height: 0;
	padding-top: 58.8%;
	border-radius: 10px;
	overflow: hidden;
	float: none;
	margin-right: 0;
	width: auto;
}

.ul-img2 .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-img2 a:hover .pic img {
	-webkit-transform: translate(-50%, -50%) scale(1.08);
	-moz-transform: translate(-50%, -50%) scale(1.08);
	-ms-transform: translate(-50%, -50%) scale(1.08);
	-o-transform: translate(-50%, -50%) scale(1.08);
	transform: translate(-50%, -50%) scale(1.08)
}

.m-related {
	padding: 159px 0 185px
}

.ul-imgtxt4 {
	margin: 51px -28px 0
}

.ul-imgtxt4:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.ul-imgtxt4 li {
	float: left;
	width: 25%;
	padding: 0 28px;
	margin-bottom: 20px
}

.ul-imgtxt4 .con {
	display: block
}

.ul-imgtxt4 .pic {
	height: 275px;
	font-size: 0;
	line-height: 275px;
	text-align: center;
	background-color: #fafafa;
	border-radius: 10px;
	margin-bottom: 34px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	overflow: hidden
}

.ul-imgtxt4 a:hover .pic {
	-webkit-box-shadow: 0 3px 7px rgba(64, 64, 64, .18);
	-moz-box-shadow: 0 3px 7px rgba(64, 64, 64, .18);
	-ms-box-shadow: 0 3px 7px rgba(64, 64, 64, .18);
	-o-box-shadow: 0 3px 7px rgba(64, 64, 64, .18);
	box-shadow: 0 3px 7px rgba(64, 64, 64, .18)
}

.ul-imgtxt4 .pic img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover
}

.ul-imgtxt4 h3 {
	font-size: 18px;
	color: #000;
	line-height: 1.67em;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-imgtxt4 a:hover h3 {
	color: #00a4ff
}

.g-tab {
	margin-top: -66px;
	position: relative;
	z-index: 2
}

.g-tab .ul-taba1 {
	background-color: transparent
}

.g-tab.fixed .ul-taba1 {
	background-color: #f0f2f3
}

@media only screen and (min-width:1700px) {
	.ul-imgtxt1 a i {
		width: 1.041vw;
		height: 1.041vw;
		margin-top: -.104vw;
		margin-right: .677vw
	}
	.ul-imgtxt1 .txt {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: row;
	}
	.ul-imgtxt1 h3 {
		line-height: 1.6;
		margin-bottom: 0;
		flex-grow: 1;
	}
	.ul-imgtxt1 .bot{
		flex-shrink: 0;
	}
}

@media only screen and (min-width:1199px) {
	.ban {
		height: 22.4vw;
		padding-top: 5.2vw;
	}

	.ban .txt {
		width: 46.87vw
	}


	.ban .so {
		border-radius: .26vw;
		margin-top: 2.083vw
	}

	.ban .so:after {
		height: 1.302vw;
		left: 2.864vw
	}

	.ban .so i {
		width: 1.562vw;
		height: 1.666vw;
		top: .937vw;
		left: .937vw
	}

	.ban .so .inp {
		height: 3.593vw;
		line-height: 3.593vw;
		padding: 0 4.166vw 0 3.75vw
	}

	.ban .so .sub-btn {
		width: 2.812vw;
		height: 2.812vw;
		border-radius: .156vw;
		right: .52vw
	}

	.ban .hot {
		margin-top: 1.875vw;
		margin-left: 3.541vw
	}

	.ban .hot span {
		margin-right: -.312vw
	}


	.ban .hot .rr a {
		margin: 0 1.041vw 0 .833vw
	}

	.m-down {
		padding-top: 6.666vw
	}

	.m-down .top h3 {
		margin-bottom: 1.406vw
	}

	.m-down .select-table {
		padding-bottom: 2.5vw;
	}

	.m-down .selectbox .item {
		padding-right: 1.197vw;
	}
	.m-down .select-table .ban {
		padding-right: 1.197vw;
	}
	.m-down .select-table .so .inp {
		height: 2.8125vw;
		line-height: 2.8125vw;
	}
	.m-down .select-table  .ban .so .sub-btn {
		height: 2.29vw;
		line-height: 2.29vw;
		right: 0.26vw;
	}
	.m-down .select-table .ban .so i {
		top: 0.52vw;
	}

	.g-sel .tit {
		border-radius: .26vw
	}

	.g-sel .tit span {
		line-height: 3.697vw;
		padding: 0 4.166vw 0 3.802vw
	}

	.m-down .select-table .reset {
		margin-top: 3.125vw;
	}
	
	.m-down .select-table th p {
		line-height: 2.916vw;
	}	

	.g-sel .tit .i1 {
		width: 2.916vw;
		height: 2.916vw
	}

	.g-sel .tit .i1:after {
		height: 1.302vw
	}

	.g-sel .tit .i2 {
		width: 2.812vw;
		height: 2.812vw;
		border-radius: .156vw;
		right: .52vw
	}

	.g-sel dl {
		border-radius: .26vw;
		padding: .416vw .52vw
	}

	.g-sel dd a {
		border-radius: .26vw;
		padding: 0 1.197vw
	}


	.g-result .tit {
		margin-bottom: .312vw
	}

	.ul-txt1 {
		padding-right: 16.14vw
	}

	.ul-txt1 li {
		margin-right: 1.979vw
	}

	.ul-txt1 li a {
		padding-bottom: .416vw
	}

	.ul-txt1 li a:after {
		height: .156vw
	}

	.ul-txt1 .so {
		width: 15.46vw
	}

	.ul-txt1 .so:after {
		height: .989vw;
		right: 2.291vw
	}

	.ul-txt1 .so .inp {
		height: 2.135vw;
		line-height: 2.135vw;
		border-radius: .26vw;
		padding: 0 2.604vw 0 .937vw
	}

	.ul-txt1 .so .sub-btn {
		width: 2.083vw;
		height: 2.083vw;
		right: .26vw
	}

	.ul-txt2 li {
		margin-right: 1.302vw
	}

	.ul-txt2 li a {
		line-height: 3.229vw
	}

	.g-result .a-down {
		margin-top: 2.812vw
	}


	.g-result .a-down i {
		width: 1.041vw;
		height: 1.041vw;
		margin-top: -.104vw;
		margin-right: .729vw
	}

	.ul-imgtxt1 {
		margin-top: 1.041vw;
		margin-bottom: 3.020vw
	}

	.ul-imgtxt1 li {
		padding-bottom: 1vw;
		margin-bottom: 1vw
	}

	.ul-imgtxt1 .con {
		padding: 0 11.45vw 0 2.167vw
	}

	.ul-imgtxt1 label {
		top: 0;
	}

	.ul-imgtxt1 label input {
		left: -520.7vw
	}

	.ul-imgtxt1 a {
		top: 0
	}

	.ul-imgtxt1 .look {
		right: 7.083vw
	}

	.ul-imgtxt1 .down {
		right: 1.406vw
	}
	.ul-imgtxt1 h3 {
		margin-right: 5%;
	}




	.ban .box {
		margin-top: .208vw
	}


	.m-solution {
		margin: 5.104vw 0 1.51vw
	}


	.ul-imgtxt2 {
		padding-bottom: .468vw;
		margin-top: 1.51vw;
		margin-bottom: 1.875vw
	}

	.ul-imgtxt2 ul {
		margin: 0 -1.041vw
	}

	.ul-imgtxt2 li {
		padding: 0 1.041vw;
		margin-bottom: 2.916vw
	}

	.ul-imgtxt2 .con {
		border-radius: .52vw
	}

	.ul-imgtxt2 .txt {
		padding: 1.5vw;
	}

	.ul-imgtxt2 .txt span {
		margin-bottom: .52vw
	}

	.ul-imgtxt2 .txt span i {
		width: 1.041vw;
		height: 1.041vw;
		margin-top: -.104vw;
		margin-right: .52vw
	}


	.m-category {
		padding: 6.041vw 0 .677vw
	}

	.ul-imgtxt3 {
		margin: 0 -1.406vw 2.031vw
	}

	.ul-imgtxt3 li {
		padding: 0 1.406vw;
		margin-bottom: 1.145vw
	}

	.ul-imgtxt3 label {
		-webkit-background-size: 1.145vw auto;
		-moz-background-size: 1.145vw auto;
		-ms-background-size: 1.145vw auto;
		-o-background-size: 1.145vw auto;
		background-size: 1.145vw auto;
		padding-right: 1.562vw
	}

	.m-category .selectbox .top {
		margin-bottom: 1.145vw
	}
	.m-category .selectbox .box {
		margin: 0 -.677vw
	}

	.m-category .selectbox .item {
		padding: 0 .677vw
	}

	.m-solution.qm {
		margin-top: 1.406vw
	}

	.ban2 {
		height: 20.8333vw;
		min-height: 11.45vw
	}

	.ban2 .txt {
		width: 39.16vw
	}

	.ban2 .txt h2 {
		margin-bottom: .156vw
	}

	.ban2 .txt h3 {
		margin-bottom: 1.875vw
	}

	.ban2 .txt dl {
		margin-top: 1.979vw
	}

	.ban2 .txt dd {
		margin-right: 1.979vw
	}

	.ban2 .txt dd a i {
		width: 1.041vw;
		height: 1.041vw;
		margin-top: -.104vw;
		margin-right: .625vw
	}

	.m-plan .item1 {
		padding: 7.708vw 0 9.166vw
	}

	.m-plan .item2 {
		padding: 8.125vw 0 9.479vw
	}

	.m-plan .item3 {
		padding: 7.552vw 0 6.406vw
	}


	.m-plan .item3 .pic {
		width: 21.56vw;
		margin-right: 8.906vw;
		margin-left: 4.635vw
	}

	.m-plan .item3 .txt {
		padding-top: 9.010vw
	}

	.m-plan h3 {
		margin-bottom: 1.51vw
	}
	.g-tit1 h3,.m-plan .g-tit1 h3{
		margin-bottom: 3.229vw;
	}

	.m-advantage {
		padding: 9.114vw 0 8.177vw
	}

	.ul-txt3 {
		margin: 3.229vw 0 0
	}

	.ul-txt3 li {
		padding: 0 2.083vw;
		margin-bottom: 1.041vw
	}

	.ul-txt3 h3 {
		margin-bottom: .52vw
	}


	.m-topology {
		padding: 7.656vw 0 7.864vw
	}

	.m-topology .pic {
		width: 54.84vw;
		margin: 2.708vw auto 0
	}

	.m-interface {
		padding: 7.656vw 0 7.031vw
	}

	.ul-img1 {
		margin: 2.5vw -.729vw 0
	}

	.ul-img1 li {
		padding: 0 .729vw;
		margin-bottom: 1.041vw
	}

	.m-field {
		padding-top: 9.010vw
	}

	.ul-img2 {
		margin: 3.177vw -.833vw 0
	}

	.ul-img2 li {
		padding: 0 .833vw;
		margin-bottom: 1.041vw
	}

	.ul-img2 .pic {
		border-radius: .52vw
	}

	.m-related {
		padding: 8.281vw 0 9.635vw
	}

	.ul-imgtxt4 {
		margin: 2.656vw -1.458vw 0
	}

	.ul-imgtxt4 li {
		padding: 0 1.458vw;
		margin-bottom: 1.041vw
	}

	.ul-imgtxt4 .pic {
		height: 14.32vw;
		line-height: 14.32vw;
		border-radius: .52vw;
		margin-bottom: 1.77vw
	}

	.ul-imgtxt4 a:hover .pic {
		-webkit-box-shadow: 0 .156vw .364vw rgba(64, 64, 64, .18);
		-moz-box-shadow: 0 .156vw .364vw rgba(64, 64, 64, .18);
		-ms-box-shadow: 0 .156vw .364vw rgba(64, 64, 64, .18);
		-o-box-shadow: 0 .156vw .364vw rgba(64, 64, 64, .18);
		box-shadow: 0 .156vw .364vw rgba(64, 64, 64, .18)
	}


	.g-tab {
		margin-top: -3.437vw
	}

}
@media only screen and (max-width:1600px) {
	.ul-imgtxt3 li {
		width: 16.66%;
	}
}
@media only screen and (max-width:1199px) {
	.ban {
		height: auto;
		min-height: 200px;
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.ban .txt {
		width: 90%
	}

	.ban .txt h3 {
		font-size: 20px
	}

	.ban .so {
		margin-top: 10px
	}

	.ban .so:after {
		left: 40px
	}

	.ban .so i {
		top: 50%;
		left: 10px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.ban .so .inp {
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		padding: 0 50px
	}

	.ban .so .sub-btn {
		width: 30px;
		height: 30px
	}

	.ban .hot {
		margin-top: 10px;
		margin-left: 10px
	}

	.ban .hot span {
		font-size: 12px;
		line-height: 1.8em;
		margin-right: 0
	}

	.ban .hot .rr {
		font-size: 12px;
		line-height: 1.8em
	}

	.ban .hot .rr a {
		margin: 0 5px
	}

	.m-down {
		width: auto;
		padding-top: 30px
	}

	.m-down .top h3 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.m-down .top span {
		font-size: 14px
	}
	.m-down .select-table {
		padding-bottom: 20px;
	}
	.m-down .select-table table{
		font-size: 14px;
	}

	.g-sel .tit .i1 {
		width: 40px;
		height: 40px
	}

	.g-sel .tit .i2 {
		width: 30px;
		height: 30px
	}

	.g-sel .tit span {
		font-size: 14px;
		line-height: 50px;
		padding: 0 50px
	}
	.m-down .select-table th p {
		line-height: 50px;
	}	
	

	.g-sel dd a {
		font-size: 14px;
		padding: 0 10px
	}
	.g-sel .haschildren:not(dd),.g-sel .haschildren > div:not(.haschildren){
		padding-left: 28px;/*2em*/	
	}

	.m-down .select-table .reset {
		font-size: 14px;
		margin-top: 1.5em;
	}
	.m-down .select-table .reset.web{
		display: none;
	}
	.m-down .select-table .reset.mobile{
		display: block;
	}

	.g-result .tit {
		font-size: 16px
	}

	.ul-txt1 {
		padding-right: 250px
	}

	.ul-txt1 li {
		margin-right: 10px
	}

	.ul-txt1 li a {
		font-size: 14px;
		padding-bottom: 10px
	}

	.ul-txt1 .so {
		width: 240px
	}

	.ul-txt1 .so .inp {
		padding-left: 10px
	}

	.ul-txt2 li {
		margin-right: 10px
	}

	.ul-txt2 li a {
		font-size: 14px;
		line-height: 40px
	}

	.g-result .a-down {
		margin-top: 20px
	}

	.g-result .a-down a {
		font-size: 14px
	}

	.ul-imgtxt1 {
		margin-bottom: 20px
	}

	.ul-imgtxt1 li {
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.ul-imgtxt1 .con {
		padding: 0 200px 0 40px
	}

	.ul-imgtxt1 label {
		width: 20px;
		height: 20px
	}

	.ul-imgtxt1 a {
		font-size: 14px
	}

	.ul-imgtxt1 a i {
		margin-right: 5px
	}

	.ul-imgtxt1 .look {
		right: 80px
	}

	.ul-imgtxt1 .down {
		right: 10px
	}

	.ul-imgtxt1 h3 {
		font-size: 14px;
		line-height: 1.88em;
		margin-bottom: 5px;
	}

	.ul-imgtxt1 .bot {
		font-size: 12px
	}

	.ban .box {
		margin-top: 0;
		transform: translateY(0);
		top: 35px;
		bottom: 0;
		display: flex;
		align-items: center;
	}

	.ban .box h3 {
		font-size: 24px
	}

	.m-solution {
		margin: 30px 0 0
	}

	.ul-imgtxt2 {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.ul-imgtxt2 ul {
		margin: 0 -10px
	}

	.ul-imgtxt2 li {
		padding: 0 10px;
		margin-bottom: 20px
	}

	.ul-imgtxt2 .txt {
		padding: 15px;
	}

	.ul-imgtxt2 .txt span {
		font-size: 14px;
		margin-bottom: 5px
	}

	.ul-imgtxt2 .txt span i {
		width: 16px;
		height: 16px
	}

	.ul-imgtxt2 h3 {
		font-size: 16px
	}

	.m-category {
		width: auto;
		padding: 30px 0 0
	}

	.ul-imgtxt3 {
		margin: 0 -10px 20px
	}

	.ul-imgtxt3 li {
		width: 20%;
		padding: 0 10px;
		margin-bottom: 10px
	}

	.ul-imgtxt3 label {
		font-size: 14px;
		line-height: 35px
	}

	.m-category .selectbox .top {
		margin-bottom: 10px
	}

	.m-category .selectbox .top .reset, .m-category .selectbox .top span {
		font-size: 14px
	}

	.m-category .selectbox .box {
		margin: 0 -10px
	}

	.m-category .selectbox .item {
		padding: 0 10px
	}

	.ban2 .box {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.ban2 .txt {
		width: 600px
	}

	.ban2 .txt h2 {
		font-size: 22px
	}

	.ban2 .txt h3 {
		font-size: 22px;
		margin-bottom: 10px
	}

	.ban2 .txt .desc {
		font-size: 16px;
		line-height: 1.8em
	}

	.ban2 .txt dl {
		margin-top: 10px
	}

	.ban2 .txt dd {
		margin-right: 10px
	}

	.ban2 .txt dd a {
		font-size: 14px
	}

	.ban2 .txt dd a i {
		width: 15px;
		height: 15px;
		margin-right: 6px
	}

	.m-advantage, .m-field, .m-interface, .m-plan .item1, .m-plan .item2, .m-plan .item3, .m-related, .m-topology {
		padding: 30px 0
	}

	.m-advantage, .m-field, .m-interface, .m-related {
		padding-bottom: 10px
	}

	.m-plan .item2 .pic, .m-plan .item3 .pic, .m-plan .pic {
		float: none;
		margin: 0 auto 10px
	}

	.m-plan .item2 .txt, .m-plan .item3 .txt, .m-plan .txt {
		padding-top: 0
	}

	.m-plan h3 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.m-plan .desc {
		font-size: 16px;
	}

	.g-tit1 h3 {
		font-size: 20px
	}

	.ul-img1, .ul-img2, .ul-imgtxt4, .ul-txt3 {
		margin: 20px -10px 0
	}

	.ul-img1 li, .ul-img2 li, .ul-imgtxt4 li, .ul-txt3 li {
		padding: 0 10px
	}
	.ul-txt3 h3 {
		font-size: 18px;
	}
	.ul-txt3 .desc {
		font-size: 16px
	}

	.m-topology .pic {
		width: auto;
		margin-top: 20px
	}

	.ul-imgtxt4 .pic {
		height: 250px;
		line-height: 250px;
		margin-bottom: 10px
	}

	.ul-imgtxt4 h3 {
		font-size: 16px
	}

	.g-tab {
		margin-top: 0
	}

	.nav .drop .box {
		height: auto;
	}
	.nav .drop .box .txt {
		height: auto;
	}

}
@media only screen and (max-width:959px) {
	.ul-txt1 {
		padding-right: 0
	}

	.ul-txt1 .so {
		width: auto;
		position: static;
		margin: 0 auto 10px
	}

}

@media only screen and (max-width:767px) {
	.ban .txt {
		width: auto
	}

	.ban .hot {
		margin-left: 0
	}

	.ban .hot .rr a {
		margin: 0 2px
	}


	.m-down .selectbox .item {
		float: none;
		width: auto;
		margin-bottom: 10px;
		padding-right: 0;
	}
	.m-down .select-table .ban {
		padding-right: 0;
	}
	.m-down .select-table th {
		width: 100%;
	}
	.m-down .select-table th p{
		line-height: 1;
	}
	.m-down .select-table th, .m-down .select-table td {
		display: block;
		padding-bottom: 0;
	}
	.m-down .select-table .reset {
		text-align: center;
	}
	.m-down .selectbox .item:last-child{
		margin-bottom: 0;
	}

	.m-down .select-table .so .inp {
		height: 40px;
		line-height: 40px;
	}
	.m-down .select-table  .ban .so .sub-btn {
		height: 30px;
		line-height: 30px;
	}


	.ul-txt1 .box {
		overflow-x: auto
	}

	.ul-txt1 ul {
		width: 578px
	}

	.ul-txt1 li a {
		text-align: center
	}

	.ul-txt2 .box {
		overflow-x: auto
	}

	.ul-txt2 ul {
		width: 490px
	}

	.ul-txt2 li a {
		text-align: center
	}

	.ul-imgtxt1 .con {
		padding-right: 0;
		padding-bottom: 40px
	}

	.ul-imgtxt1 a {
		top: auto;
		bottom: 10px
	}

	.ul-imgtxt2 li {
		width: 100%
	}

	.ul-imgtxt3 li {
		width: 33.33%
	}

	.m-category .selectbox .box {
		margin: 0
	}

	.m-category .selectbox .item {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px
	}

	.ban2 .txt, .m-plan .item2 .pic, .m-plan .item3 .pic, .m-plan .pic {
		width: auto
	}


	.g-tit1 h3,.m-plan .g-tit1 h3{
		margin-bottom: 20px;
	}
	.ul-img1, .ul-img2, .ul-imgtxt4, .ul-txt3 {
		margin: 20px 0 0;
	}

	.ul-img1 li, .ul-img2 li, .ul-imgtxt4 li, .ul-txt3 li {
		float: none;
		width: auto;
		padding: 0
	}


}

@media only screen and (max-width:479px) {
	.ul-imgtxt2 ul {
		margin: 0
	}

	.ul-imgtxt2 li {
		padding: 0 10px;
	}

	.ul-imgtxt2 h3 {
		height: auto;
		-webkit-box-orient: initial
	}

	.ul-imgtxt3 li {
		width: 50%
	}

}

.ban .left h3 {
	text-align: left
}

.m-table-z {
	padding: 140px 0 238px
}

.g-table .imp {
	font-size: 16px;
	color: #56585d;
	line-height: 1.5em;
	display: flex;
	align-items: center;
	margin-bottom: 30px
}

.g-table .imp .icon {
	background: url(../images/project/a2.png) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin-right: 12px
}

.ul-table {
	font-size: 16px;
	color: #333;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	font-weight: 700
}

.ul-table .title {
	line-height: 1.5;
	background-color: #ddd;
	padding-left: 70px;
	padding: 1em 0;
}

.ul-table .list {
	line-height: 1.5;
	overflow: hidden
}

.g-table .td {
	padding: 0.9375em 0;
	width: 17%;
	float: left;
	text-align: center;
	border-right: 1px solid #e8e8e8
}

.g-table .tit {
	width: 15%
}

.ul-table .list:nth-child(2n-1) {
	background-color: rgba(86, 88, 93, .05)
}

.g-table .top .td {
	border-radius: 5px 5px 0 0;
	background-color: #56585d;
	border-right: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: relative;
	padding: 1.08333em 0;
}

.g-table .btns {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 0;
	top: 0;
	z-index: 1
}

.g-table .btns::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url(../images/project/a3.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1
}

.g-table .top .mark {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0
}

.g-table .top .cl {
	font-size: 14px;
	color: #fff
}

.m-table {
	margin-bottom: 90px
}

.m-about-project .title, .m-down .title, .m-table .title {
	font-size: 32px;
	line-height: 1.4em;
	margin-bottom: 38px;
	font-weight: 700
}

.m-table table {
	width: 100%
}

.m-table tr {
	border-bottom: 1px solid #ccc;
}

.m-table td {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	padding: 15px;
	border-right: 1px solid #ccc;
	text-align: center
}

.m-table .layui-table-cell {
	height: auto;
	line-height: normal;
	padding: 0;
	min-height: normal;
	position: static;
}

.m-table td img {
	width: 50%;
	display: inline-block
}

.m-table th {
	line-height: 36px;
	padding: 10px 0;
	border-radius: 5px 5px 0 0;
	background-color: #56585d;
	border-right: 1px solid #ccc;
	font-size: 20px;
	color: #fff;
	text-align: center
}

.m-table .tits {
	font-weight: 700;
	width: 140px;
	border-left: 1px solid #ccc;
	height: 100%;
}

.m-project-z {
	margin-bottom: 135px
}

.wp-z {
	max-width: 1250px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative
}

.m-project-z .wp-z2 {
	max-width: 1430px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative
}

.m-project-z .pic-box {
	float: right;
	width: 50%
}

.m-project-z .txt-box {
	width: 42%;
}


.m-project-z .pic {
	position: relative;
	border-radius: 20px;
	overflow: hidden
}

.m-project-z .pic img {
	width: 100%;
	display: block
}

.m-project-z .tit {
	font-size: 32px;
	color: #333;
	line-height: 1.2em;
	margin-bottom: 30px;
	font-weight: 700
}
.m-project-z .tit.small{
	font-size: 24px;
	margin-top: 8%;
}
.m-project-z .txt-box.center .tit{
	text-align: center;
}
.m-project-z .item-v .tit {
	margin-bottom: 60px;
	text-align: center;
}

.m-project-z .item4 .tit {
	margin-bottom: 45px
}

.m-project-z .desc {
	font-size: 18px;
	color: #333;
	line-height: 40px
}

.m-project-z .item {
	overflow: hidden;
	padding: 100px 0;
	min-height: 560px
}
.m-project-z .item.nominheight {
	min-height: 1px
}
.m-project-z .item.nominheight .row{
	margin-top: 5%;
}
.m-project-z .item.nominheight .row:first-child{
	margin-top: 0;
}
.m-project-z .item2 {
	background-color: #f0f2f3
}
.m-project-z .col-textpadding{
    padding-left: 10%;
}
.m-project-z .flex-lg-row-reverse .col-textpadding{
    padding-left: 0;
    padding-right: 10%;
}


.m-project-z .item2 .pic-box, .m-project-z .item3 .pic-box {
	float: left
}
.m-project-z .item3 .txt-box {
	width: auto;
	overflow: hidden;
	position: static
}

.m-project-z .item3 .txt {
	position: static;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none
}
.m-project-z .txt-box.center .desc{
	text-align: center;
}
.m-project-z .desc p.dot::after {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 0.75em;
	background-color: #333;
	transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.m-project-z .desc p {
	position: relative;
	line-height: 1.66;
}
.m-project-z .desc p.dot {
	padding-left: 10px;
}

.m-project-z .pic2 {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0
}

.m-project-z .desc .imp {
	padding-left: 60px;
	display: block;
	position: relative;
	color: #999;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.m-project-z .desc .imp::after {
	content: "";
	display: block;
	position: absolute;
	width: 48px;
	height: 1px;
	background-color: #999;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	left: 0;
	top: 20px
}

.m-project-z .on .desc .imp::after {
	width: 48px;
	height: 6px;
	background: url(../images/project/b6.png) center center no-repeat;
	background-size: contain
}

.m-project-z .on .desc .imp {
	color: #333
}

.m-project-z .item3 .pic-box {
	margin-right: 10%;
	width: 34%;
	margin-top: 15px
}

.m-project-z .con {
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 10px
}

.m-project-z .ql {
	color: #00a4ff;
	float: left;
	width: 120px;
	margin-right: 25px
}

.m-project-z .qr {
	overflow: hidden
}

.m-project-z .ql span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #00a4ff;
	color: #fff;
	line-height: 20px;
	text-align: center;
	margin-right: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.m-project-z .info {
	font-size: 28px;
	font-weight: 700;
	color: #333;
	line-height: 1.5em
}

.m-project-z .info .c {
	display: inline-block;
	padding-bottom: 30px;
	position: relative
}

.m-project-z .info .marks {
	text-decoration: underline
}

.m-project-z .info .num {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #333;
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 18px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.m-table2 td {
	padding: 12px 10px;
	line-height: 30px
}

.m-table2 .zt {
	width: 50%;
	padding-left: 30px;
	text-align: left
}

.m-table2 .zt2 {
	width: 10%
}

.m-table2 .zt3 {
	border-left: 1px solid #ccc
}

.m-project-z .item4 {
	padding: 130px 0 136px
}

.m-project-z .item4 .txt-box {
	width: 32%;
	position: static
}

.m-project-z .item4 .pic-box {
	width: 66%;
	margin-top: 80px
}

.m-about-project {
	padding-bottom: 200px
}

.ul-about-project {
	overflow: hidden;
	margin: 0 -25px
}

.ul-about-project li {
	width: 33.33%;
	float: left
}

.ul-about-project .con {
	margin: 0 25px;
	display: block
}

.ul-about-project .pic {
	padding-top: 73.37%;
	position: relative;
	margin-bottom: 35px;
	overflow: hidden
}

.ul-about-project .pic img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.ul-about-project .con:hover .pic img {
	transform: scale(1.1) translateY(-50%);
	-webkit-transform: scale(1.1) translateY(-50%);
	-moz-transform: scale(1.1) translateY(-50%);
	-ms-transform: scale(1.1) translateY(-50%);
	-o-transform: scale(1.1) translateY(-50%)
}

.ul-about-project .tit {
	font-size: 18px;
	line-height: 1.5em;
	color: #333;
	text-align: center
}

.m-project-z2 {
	margin-bottom: 0
}

.m-project-z2 .item .pic-box {
	width: 100%;
	float: none;
	text-align: center
}

.m-project-z2 .item .pic {
	display: inline-block;
	width: 60%
}
.m-project-z2 .item .pic.all {
	width: 100%
}

.m-project-z2 .item .txt-box {
	position: static;
	width: 100%;
	margin-bottom: 60px
}
.m-project-z2 .item.nominheight .txt-box{
	margin-bottom: 0;
}

.m-project-z2 .desc p::after {
	display: none
}

.m-project-z .item4 .txt {
	position: static;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none
}

.m-project-z2 .item .txt {
	text-align: center;
	position: static;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none
}

.m-table3 .zt {
	width: 38%
}

.m-project-z2 .item4 .txt {
	text-align: left
}

.m-table3 .zt2 {
	width: 8%
}

.m-model .title {
	font-size: 14px;
	color: #000;
	line-height: 1.4em;
	margin-bottom: 45px
}

.m-model .title span {
	font-size: 20px
}

.ul-model {
	margin: 0 -9px
}

.ul-model li {
	width: 50%;
	float: left;
	margin-bottom: 35px
}

.ul-model .con {
	margin: 0 9px;
	display: block;
	padding: 28px;
	border: 1px solid rgba(153, 153, 153, .5);
	border-left: 8px solid #00a4ff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}

.ul-model .pic {
	width: 200px;
	height: 144px;
	float: left;
	margin-right: 26px;
	background-color: #fafafa;
}

.ul-model .pic img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover
}

.ul-model .tit {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 22px;
	color: #333
}

.ul-model .desc {
	color: rgba(51, 51, 51, .6);
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 24px
}

.ul-model .select {
	color: #00a4ff;
	font-size: 14px;
	line-height: 1.5em;
	display: inline-block;
	position: relative;
	padding-right: 25px
}

.m-snv-z .select::after, .ul-model .select::after {
	content: "";
	display: block;
	width: 14px;
	height: 10px;
	background: url(../images/project/md2.png) center center no-repeat;
	background-size: contain;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.m-snv-z .title {
	font-size: 26px;
	line-height: 1.4em;
	color: #333;
	margin-bottom: 30px;
	font-weight: 700
}

.m-snv-z .icon {
	width: 17px;
	height: 19px;
	background: url(../images/project/md3.png) center center no-repeat;
	background-size: contain;
	margin-right: 8px
}


.m-snv-z .select-z {
	padding: 0 34px 0 40px;
}

.m-snv-z .select {
	font-size: 18px;
	line-height: 1.5em;
	color: #00a4ff;
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 15px;
	cursor: pointer
}

.m-model {
	overflow: hidden;
	padding: 100px 0 200px
}

.wp-z3 {
	max-width: 1740px;
	width: 100%;
	margin: 0 auto
}

.m-model .left {
	width: 18%;
	float: left;
	margin-right: 4%
}

.m-model .right {
	padding-top: 66px;
	float: left;
	width: 78%;
}

.m-snv-z .box {
	border: 1px solid #e7e7e7;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
	border-radius: 8px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden
}

.m-snv-z .box::after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: linear-gradient(35deg, #00a4ff, #264fa1);
	position: absolute;
	top: 0;
	left: 0
}

.m-snv-z .top {
	padding: 28px 34px 0 40px
}

.m-snv-z .info {
	font-size: 14px;
	color: rgba(51, 51, 51, .6);
	line-height: 1.4em;
	margin-bottom: 15px
}

.m-snv-z .list {
	padding: 0 34px 0 40px;
	margin-bottom: 18px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.m-snv-z .list .f-right{
	flex-shrink: 0;
}
.m-snv-z .list .cl {
	display: none;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 24px 0 8px;
	background-color: #e5f4fb;
	color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	margin-right: 5px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
}
.m-snv-z .list .cl.on{
	display: inline-block;
}

.m-snv-z .list .ql {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.m-snv-z .list .ql::after {
	width: 9px;
	height: 9px;
	display: block;
	content: "";
	position: absolute;
	background: url(../images/project/md4.png) center center no-repeat;
	background-size: contain;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.m-snv-z .list .btn {
	padding: 0 5px;
	background-color: transparent;
	margin-right: 0 !important;
	color: #555;
	float: right;
	clear: both;
}

.m-snv-z .list .btn::after {
	display: none
}

.ul-snv-z {
	background: rgba(231, 231, 231, .2);
	padding: 16px 0 1px
}

.ul-snv-z .z1 {
	padding: 0 34px 0 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.ul-snv-z .z2 {
	padding: 16px 34px 16px 40px;
	display: none;
	background-color: #fff
}

.ul-snv-z .tit {
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	color: #000;
	font-weight: 700
}

.ul-snv-z .icon1 {
	width: 30px;
	height: 30px;
	position: relative;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.ul-snv-z .icon1::after {
	width: 16px;
	height: 16px;
	background: url(../images/down.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%)
}

.ul-snv-z .icon2::after {
	width: 12px;
	height: 12px;
	background: url(../images/project/md5.png) center center no-repeat;
	background-size: contain;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.ul-snv-z .tit2 {
	height: 36px;
	line-height: 36px;
	color: #666;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.ul-snv-z .z3 {
	display: none;
	padding: 10px 0
}

.ul-snv-z .z3 label {
	display: block;
	font-size: 14px;
	color: #3d3d3d;
	line-height: 32px;
	font-weight: 700;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	overflow: hidden
}

.ul-model .select-list label::after, .ul-snv-z .z3 label::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background: url(../images/project/md8.png) center center no-repeat;
	background-size: contain
}

.ul-model .select-list input, .ul-snv-z label input {
	position: absolute;
	left: -9999px
}

.ul-model .select-list .checked::after, .ul-snv-z .z3 .checked::after {
	background: url(../images/project/md7.png) center center no-repeat;
	background-size: contain
}

.m-snv-z .select.on::after {
	transform: rotate(180deg) translateY(50%);
	-webkit-transform: rotate(180deg) translateY(50%);
	-moz-transform: rotate(180deg) translateY(50%);
	-ms-transform: rotate(180deg) translateY(50%);
	-o-transform: rotate(180deg) translateY(50%)
}

.m-snv-z .imp{
	position: relative;
}
.m-snv-z .imp-box {
	display: none;
	padding: 10px 10px 20px;
	border-top: 1px solid #ccc;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 1;
}

.ul-snv-z .tit.on .icon1 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.ul-snv-z .tit2.on .icon2::after {
	background: url(../images/project/md6.png) center center no-repeat;
	background-size: contain
}

.ul-model .select-list label {
	height: 35px;
	line-height: 35px;
	position: relative;
	padding-right: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.ul-model .select-list label::after {
	width: 20px;
	height: 20px;
	left: auto;
	right: 0
}

.ul-model .select-box {
	position: relative;
	display: inline-block
}

.ul-model .select-list {
	display: none;
	font-size: 14px;
	background: #fff;
	position: absolute;
	top: 120%;
	left: 0;
	padding: 16px 30px;
	box-shadow: 0 0 13px 0 rgba(64, 64, 64, .15);
	z-index: 2
}

.ul-model .select-list a {
	color: #000;
	margin-right: 70px;
}

.ul-model .select-list a:hover {
	color: #00a4ff;
}

.ul-model .select-list span {
	color: rgba(61, 61, 61, 1)
}

.ul-model .select.on::after {
	transform: rotate(180deg) translateY(50%);
	-webkit-transform: rotate(180deg) translateY(50%);
	-moz-transform: rotate(180deg) translateY(50%);
	-ms-transform: rotate(180deg) translateY(50%);
	-o-transform: rotate(180deg) translateY(50%)
}

.m-pop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	cursor: auto;
	height: 290px
}

.m-pop .pop-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	background: rgba(235, 235, 235, .9)
}

.m-pop .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	overflow: hidden
}

.m-win {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.ul-pro-model {
	margin: 0 -7px;
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ul-pro-model .con {
	margin: 0 7px
}

.ul-pro-model .pic {
	width: 200px;
	height: 144px;
	position: relative;
	margin-bottom: 15px;
	background-color: #fafafa;
}

.ul-pro-model .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.ul-pro-model .delate {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.ul-pro-model .delate::after {
	position: absolute;
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: url(../images/project/md4.png) center center no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%)
}

.ul-pro-model .tit {
	font-size: 16px;
	line-height: 28px;
	color: #333;
	text-align: center
}

.m-win .btns {
	display: block;
	width: 64px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #efefef;
	border: 1px solid #ebebeb
}

.m-win .btns1 {
	color: #fff;
	background-color: #00a4ff;
	border: 1px solid #ebebeb;
	margin-bottom: 18px
}

.g-ban1 .titz {
	font-size: 42px;
	background: linear-gradient(0deg, #42c4ff 0, #0095d9 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin-bottom: 20px;
	font-weight: 700;
	margin-top: 30px
}

.g-ban1 .con .right {
	position: relative
}

.g-ban1 .play {
	background: url(../images/project/b1.png) center center no-repeat;
	background-size: contain;
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%)
}

.m-pop-video {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	cursor: auto;
	display: none
}

.m-pop-video .pop-bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background: rgba(0, 0, 0, .6)
}

.m-pop-video .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	overflow: hidden
}

.m-pop-video .close {
	position: absolute;
	right: 14px;
	top: 12px;
	z-index: 5;
	color: #fff;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/project/cls-1.png)
}

.m-pop-video.open {
	display: block
}

.m-win .video {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000
}

.m-win .video video {
	display: block;
	width: 100%;
	height: auto
}

.g-ban1 .con .span5 {
	background-image: url(../images/project/md10.png)
}

.g-ban1 .con .span5:hover {
	background-image: url(../images/project/md11.png)
}

.g-ban2 .slick-dots {
	width: 30px;
	position: absolute;
	right: 240px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.g-ban2 .slick-dots li {
	display: inline-block
}

.g-ban2 .slick-dots button {
	background: url(../images/project/md14.png) center center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	border: none;
	font-size: 0
}

.g-ban2 .slick-dots .slick-active button {
	background: url(../images/project/md13.png) center center no-repeat;
	background-size: contain
}

.m-table-z .top .layui-form {
	display: inline-block;
	margin-right: 15px
}

.m-table-z .top .layui-form-switch {
	margin-top: 0;
	height: 20px;
	width: 46px
}

.m-table-z .top .layui-form-onswitch {
	background: #f6f6f7;
	border-color: #f6f6f7
}

.m-table-z .layui-form-select .layui-edge {
	border-top-color: #000;
	right: 70px
}

.m-table-z .top .layui-form-onswitch i, .m-table-z .top .layui-form-switch>i {
	background-color: #fff
}

.m-table-z .top .layui-form-switch>i::after {
	position: absolute;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: #56585d;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%)
}

.m-table-z .top .layui-form-switch>i {
	left: 0;
	top: -4px;
	width: 26px;
	height: 26px
}

.m-table-z .top .layui-form-onswitch>i {
	margin-left: 19px
}

.m-table-z .top .mark .layui-form {
	margin: 0;
	display: block
}

.m-table-z .top .mark .layui-col-md6 {
	width: 100%;
	padding: 0
}

.m-table-z .top .mark .layui-input {
	border: none;
	height: 66px;
	text-align: center;
	font-size: 16px
}

.layui-textarea:focus, .m-table-z .top .mark .layui-input:focus {
	border-color: transparent !important;
	box-shadow: none
}

.m-table-z .top .mark .layui-form-select dl {
	top: 70px;
	font-size: 16px
}

.m-table-z .top .mark .layui-form-select dl dd.layui-this, .m-table-z .top .mark .layui-form-select dl dd:hover {
	color: #fff;
	background-color: #56585d
}

.wp-z4 {
	max-width: 1500px;
	margin: 0 auto;
	width: 100%
}

.g-result .top {
	position: relative;
	padding-top: 4px
}

.g-result .so {
	background-color: rgba(173, 173, 173, .15);
	width: 296px;
	border-radius: 5px;
	height: 40px;
	padding-right: 44px;
	position: absolute;
	right: 0;
	top: 0
}

.g-result .so input {
	width: 250px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
	padding: 10px 20px;
	font-size: 14px
}

.g-result .so .icon {
	width: 44px;
	height: 100%;
	position: absolute;
	right: 0;
	cursor: pointer
}

.g-result .so .icon::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/project/so.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%)
}

.g-result .so .icon::before {
	background-color: #999;
	height: 10px;
	width: 1px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.g-ban2 {
	height: 600px
}

.g-ban2 .con .tit {
	margin-bottom: 50px
}

.g-ban2 .desc {
	font-size: 16px;
	line-height: 2em;
	color: #333;
	margin-bottom: 52px
}

.g-ban2 .con .right {
	width: 43%
}

.m-snv-z .c2 {
	display: block;
	border-radius: 5px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: left;
	font-size: 16px;
	color: #333;
	padding-left: 40px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.m-snv-z .icon-z {
	width: 25px;
	height: 20px;
	margin-right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.5;
}

.m-snv-z .c2:hover {
	background: rgba(0, 164, 255, .6);
	font-weight: 700
}

.m-snv-z .c2:hover .icon-z {
	opacity: 1;
}

.ul-tab-nav {
	overflow: hidden;
	margin: 0 -8px 48px
}

.ul-tab-nav li {
	float: left
}

.ul-tab-nav .con {
	margin: 0 8px;
	height: 34px;
	line-height: 34px;
	background: #f5f5f5;
	border-radius: 17px;
	padding: 0 25px;
	color: #000;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	cursor: pointer
}

.ul-tab-nav .on .con {
	background: #00a4ff;
	color: #fff
}

.m-table th .z1 {
	border-radius: 3px;
	border: 1px solid #fff;
	font-size: 14px;
	padding: 0 10px;
	line-height: 28px;
	color: rgba(255, 255, 255, .8);
	cursor: pointer
}

.m-model .left .fixed {
	width: 18%;
	position: fixed;
	top: 70px;
	left: 66px;
	z-index: 9;
	background-color: #fff
}

.m-win {
	position: relative
}

.m-win .click {
	position: absolute;
	top: 0;
	right: 25px;
	width: 16px;
	height: 16px;
	background: url(../images/down.png) center center no-repeat;
	background-size: contain;
	cursor: pointer
}

.m-pop.on {
	height: 50px
}

.m-pop.on .btns, .m-pop.on .pic {
	display: none
}

.m-pop.on .btns1 {
	display: block;
	margin-bottom: 0;
	overflow: hidden
}

.m-pop.on .click {
	transform: rotate(180deg);
	position: static;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.m-video2 .js-play {
	top: 50%;
	transform: translate(-50%, -50%);
	width: 142px;
	height: 142px;
	background-image: url(../images/project/n2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.m-video2 video {
	height: auto
}

.m-video2 .video-pulse::after, .m-video2 .video-pulse::before {
	display: none
}

@media only screen and (min-width:1199px) {
	.wp-z4 {
		max-width: 78.12vw;
		margin: 0 auto
	}

	.g-result .top {
		padding-top: .208vw
	}

	.g-result .so {
		width: 15.41vw;
		border-radius: .26vw;
		height: 2.083vw;
		padding-right: 2.291vw;
		right: 0;
		top: 0
	}

	.g-result .so input {
		width: 13.02vw;
		left: 0;
		top: 0;
		padding: .52vw 1.041vw;
	}

	.g-result .so .icon {
		width: 2.291vw;
		right: 0
	}

	.g-result .so .icon::after {
		content: "";
		width: .833vw;
		height: .833vw;
		top: 50%;
		background: url(../images/project/so.png) center center no-repeat;
		background-size: contain;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%)
	}

	.g-result .so .icon::before {
		height: .52vw;
		width: 1px;
		content: "";
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.m-snv-z .c2 {
		border-radius: .26vw;
		height: 2.5vw;
		align-items: center;
		justify-content: left;
		padding-left: 2.083vw
	}

	.m-snv-z .icon-z {
		width: 1.302vw;
		height: 1.041vw;
		margin-right: .52vw
	}

	.m-snv-z .c2:hover {
		background: rgba(0, 164, 255, .6);
		font-weight: 700
	}

	.ul-tab-nav {
		margin: 0 -.416vw;
		margin-bottom: 2.5vw
	}

	.ul-tab-nav .con {
		margin: 0 .416vw;
		height: 1.77vw;
		line-height: 1.77vw;
		background: #f5f5f5;
		border-radius: .885vw;
		padding: 0 1.302vw;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.ul-tab-nav .on .con {
		background: #00a4ff
	}

	.m-table th .z1 {
		border-radius: .156vw !important;
		border: 1px solid #fff !important;
		font-size: 14px !important;
		padding: 0 .52vw !important;
		line-height: 1.458vw	!important;
		-webkit-border-radius: .156vw !important;
		-moz-border-radius: .156vw !important;
		-ms-border-radius: .156vw !important;
		-o-border-radius: .156vw !important;
}

	.m-win .click {
		top: 0;
		right: 1.302vw;
		width: .833vw;
		height: .833vw;
		background: url(../images/down.png) center center no-repeat;
		background-size: contain
	}

	.m-pop.on {
		height: 2.604vw
	}

	.m-pop.on .click {
		transform: rotate(180deg);
		margin-top: .26vw;
		margin-right: .52vw;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg)
	}

	.m-model .left .fixed {
		top: 3.645vw;
		left: 3.437vw
	}

	.g-ban2 .con .tit {
		margin-bottom: 2.604vw
	}

	.g-ban2 .desc {
		line-height: 2em;
		margin-bottom: 2.708vw
	}

	.m-project-z .item3 .pic-box {
		margin-top: .781vw
	}

	.m-table-z {
		padding: 7.291vw 0 12.39vw
	}

	.g-table .imp {
		line-height: 1.5em;
		align-items: center;
		margin-bottom: 1.562vw
	}

	.g-table .imp .icon {
		background: url(../images/project/a2.png) center center no-repeat;
		background-size: contain;
		width: 1.041vw;
		height: 1.041vw;
		margin-right: .625vw
	}

	.ul-table {
		border: 1px solid #e8e8e8;
		font-weight: 700
	}

	.ul-table .title {
		padding-left: 3.645vw
	}


	.g-table .td {
		border-right: 1px solid #e8e8e8
	}

	.g-table .top .td {
		border-radius: .26vw .26vw 0 0;
		border-right: 1px solid #fff;
	}

	.g-table .btns {
		width: 1.25vw;
		height: 1.25vw;
		right: 0;
		top: 0
	}

	.g-table .btns::after {
		content: "";
		width: .416vw;
		height: .416vw;
		background: url(../images/project/a3.png) center center no-repeat;
		background-size: contain;
		top: .416vw;
		right: .416vw
	}

	.g-table .top .mark {
		border: 1px solid #ddd;
		padding: 0
	}


	.m-table {
		margin-bottom: 4.687vw
	}

	.m-about-project .title, .m-down .title, .m-table .title {
		line-height: 1.4em;
		margin-bottom: 1.979vw;
		font-weight: 700
	}

	.m-table td {
		font-size: 16px !important;
		line-height: 1.25vw !important;
		padding: .781vw !important
	}

	.m-table th {
		line-height: 1.875vw !important;
		padding: .52vw 0 !important;
		border-radius: .26vw .26vw 0 0 !important;
		border-right: 1px solid #fff !important;
		font-size: 20px	!important;
		-webkit-border-radius: .26vw .26vw 0 0 !important;
		-moz-border-radius: .26vw .26vw 0 0 !important;
		-ms-border-radius: .26vw .26vw 0 0 !important;
		-o-border-radius: .26vw .26vw 0 0 !important;
}

	.m-table .tits {
		font-weight: 700 !important;
		width: 7.291vw !important;
		border-left: 1px solid #e8e8e8
	}

	.m-project-z {
		margin-bottom: 7.031vw
	}

	.wp-z {
		max-width: 65.1vw;
		margin: 0 auto
	}

	.m-project-z .wp-z2 {
		max-width: 74.47vw;
		margin: 0 auto
	}



	.m-project-z .pic {
		border-radius: 1.041vw
	}

	.m-project-z .tit {
		line-height: 1.2em;
		margin-bottom: 1.562vw;
		font-weight: 700
	}

	.m-project-z .item-v .tit {
		margin-bottom: 3.125vw;
	}

	.m-project-z .item4 .tit {
		margin-bottom: 2.343vw
	}

	.m-project-z .desc {
		line-height: 2.083vw
	}

	.m-project-z .item {
		padding: 5.2vw 0;
		min-height: 29.16vw
	}
	.m-project-z .item.nominheight {
		min-height: 1px
	}

	.m-project-z .item4 {
		padding: 6.77vw 0 7.083vw
	}

	.m-project-z .item3 .txt-box {
		width: auto
	}

	.m-project-z .item3 .txt {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none
	}

	.m-project-z .desc p.dot::after {
		content: "";
		width: .208vw;
		height: .208vw;
		left: 0;
		transform: translateY(-50%);
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

	.m-project-z .desc p.dot {
		padding-left: .52vw
	}

	.m-project-z .pic2 {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0
	}

	.m-project-z .desc .imp {
		padding-left: 3.125vw;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.m-project-z .desc .imp::after {
		content: "";
		width: 2.5vw;
		height: 1px;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		left: 0;
		top: 1.041vw
	}

	.m-project-z .desc .imp:hover::after {
		width: 2.5vw;
		height: .312vw;
		background: url(../images/project/b6.png) center center no-repeat;
		background-size: contain
	}

	.m-project-z .con {
		line-height: 2em;
		margin-bottom: .52vw
	}

	.m-project-z .ql {
		margin-right: 1.302vw
	}

	.m-project-z .ql span {
		width: 1.041vw;
		height: 1.041vw;
		line-height: 1.041vw;
		margin-right: .416vw;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

	.m-project-z .info {
		font-weight: 700;
		line-height: 1.5em
	}

	.m-project-z .info .c {
		padding-bottom: 1.562vw
	}

	.m-project-z .info .marks {
		text-decoration: underline
	}

	.m-project-z .info .num {
		bottom: 0;
		width: 1.041vw;
		height: 1.041vw;
		border-radius: 50%;
		border: 1px solid #333;
		line-height: .937vw;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

	.m-table2 td {
		padding: .625vw .52vw;
		line-height: 1.562vw
	}

	.m-about-project {
		padding-bottom: 10.41vw
	}

	.m-project-z .item4 .pic-box {
		margin-top: 4.166vw
	}

	.ul-about-project {
		margin: 0 -1.302vw
	}

	.ul-about-project li {
		width: 33.33%
	}

	.ul-about-project .con {
		margin: 0 1.302vw
	}

	.ul-about-project .pic {
		padding-top: 73.37%;
		margin-bottom: 1.822vw
	}

	.ul-about-project .pic img {
		left: 0;
		top: 50%;
		object-fit: contain;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.ul-about-project .con:hover .pic img {
		transform: scale(1.1) translateY(-50%);
		-webkit-transform: scale(1.1) translateY(-50%);
		-moz-transform: scale(1.1) translateY(-50%);
		-ms-transform: scale(1.1) translateY(-50%);
		-o-transform: scale(1.1) translateY(-50%)
	}

	.ul-about-project .tit {
		line-height: 1.5em
	}

	.m-project-z2 .item .txt-box {
		margin-bottom: 3.125vw
	}
	.m-project-z2 .item.nominheight .txt-box{
		margin-bottom: 0;
	}

	.m-project-z2 .item .txt {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none
	}

	.m-model .title {
		line-height: 1.4em;
		margin-bottom: 2.343vw
	}


	.ul-model {
		margin: 0 -.468vw
	}

	.ul-model li {
		margin-bottom: 1.822vw
	}

	.ul-model .con {
		margin: 0 .468vw;
		padding: 1.458vw;
		border: 1px solid rgba(153, 153, 153, .5);
		border-left: solid #00a4ff;
		border-radius: .52vw;
		-webkit-border-radius: .52vw;
		-moz-border-radius: .52vw;
		-ms-border-radius: .52vw;
		-o-border-radius: .52vw
	}

	.ul-model .pic {
		width: 10.41vw;
		height: 7.5vw;
		margin-right: 1.354vw
	}

	.ul-model .pic img {
		object-fit: cover
	}

	.ul-model .tit {
		line-height: 1.4em;
		margin-bottom: 1.145vw
	}

	.ul-model .desc {
		line-height: 1.458vw;
		margin-bottom: 1.25vw
	}

	.ul-model .select {
		line-height: 1.5em;
		padding-right: 1.302vw
	}

	.m-snv-z .select::after, .ul-model .select::after {
		content: "";
		width: .729vw;
		height: .52vw;
		background: url(../images/project/md2.png) center center no-repeat;
		background-size: contain;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.m-snv-z .title {
		line-height: 1.4em;
		margin-bottom: 1.562vw;
		font-weight: 700
	}

	.m-snv-z .icon {
		width: .885vw;
		height: .989vw;
		background: url(../images/project/md3.png) center center no-repeat;
		background-size: contain;
		margin-right: .416vw
	}

	.m-snv-z .select-z {
		padding: 0 1.77vw 0 2.083vw
	}

	.m-snv-z .select {
		line-height: 1.5em;
		align-items: center;
		padding-bottom: .781vw
	}

	.m-model {
		padding: 5.208vw 0 10.41vw
	}

	.wp-z3 {
		max-width: 90.62vw;
		margin: 0 auto
	}

	.m-model .right {
		padding-top: 3.437vw
	}

	.m-snv-z .box {
		box-shadow: 0 .104vw .52vw 0 rgba(0, 0, 0, .1);
		border-radius: .416vw
	}

	.m-snv-z .box::after {
		content: "";
		height: .312vw;
		background: linear-gradient(35deg, #00a4ff, #264fa1);
		top: 0;
		left: 0
	}

	.m-snv-z .top {
		padding: 1.458vw 1.77vw 0 2.083vw
	}

	.m-snv-z .info {
		line-height: 1.4em;
		margin-bottom: .781vw
	}

	.m-snv-z .list {
		margin-bottom: .937vw;
		padding: 0 1.77vw 0 2.083vw
	}

	.m-snv-z .list .cl {
		height: 1.562vw;
		line-height: 1.562vw;
		padding: 0 1.25vw 0 .416vw;
		border-radius: .156vw;
		-webkit-border-radius: .156vw;
		-moz-border-radius: .156vw;
		-ms-border-radius: .156vw;
		-o-border-radius: .156vw;
		margin-right: .26vw
	}

	.m-snv-z .list .ql {
		width: 1.041vw;
		height: 1.041vw;
		right: .104vw;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.m-snv-z .list .ql::after {
		width: .468vw;
		height: .468vw;
		content: "";
		background: url(../images/project/md4.png) center center no-repeat;
		background-size: contain;
		right: .312vw;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.m-snv-z .list .btn {
		padding: 0 .26vw
	}

	.ul-snv-z {
		padding: .833vw 0 1px
	}

	.ul-snv-z .z1 {
		padding: 0 1.77vw 0 2.083vw;
		align-items: center;
		justify-content: space-between
	}

	.ul-snv-z .z2 {
		padding: .833vw 1.77vw .833vw 2.083vw
	}

	.ul-snv-z .tit {
		height: 2.343vw;
		line-height: 2.343vw;
		font-weight: 700
	}

	.ul-snv-z .icon1 {
		width: 1.562vw;
		height: 1.562vw;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.ul-snv-z .icon1::after {
		width: .833vw;
		height: .833vw;
		background: url(../images/down.png) center center no-repeat;
		background-size: contain;
		content: "";
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%)
	}

	.ul-snv-z .icon2::after {
		width: .625vw;
		height: .625vw;
		background: url(../images/project/md5.png) center center no-repeat;
		background-size: contain;
		transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s
	}

	.ul-snv-z .tit2 {
		height: 1.875vw;
		line-height: 1.875vw;
		align-items: center;
		justify-content: space-between
	}

	.ul-snv-z .z3 {
		padding: .52vw 0
	}

	.ul-snv-z .z3 label {
		line-height: 1.666vw;
		font-weight: 700;
		padding-left: 1.562vw
	}

	.ul-model .select-list label::after, .ul-snv-z .z3 label::after {
		content: "";
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: .781vw;
		height: .781vw;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		background: url(../images/project/md8.png) center center no-repeat;
		background-size: contain
	}

	.ul-model .select-list input, .ul-snv-z label input {
		left: -520.7vw
	}

	.ul-model .select-list .checked::after, .ul-snv-z .z3 .checked::after {
		background: url(../images/project/md7.png) center center no-repeat;
		background-size: contain
	}

	.m-snv-z .select.on::after {
		transform: rotate(180deg) translateY(50%);
		-webkit-transform: rotate(180deg) translateY(50%);
		-moz-transform: rotate(180deg) translateY(50%);
		-ms-transform: rotate(180deg) translateY(50%);
		-o-transform: rotate(180deg) translateY(50%)
	}

	.ul-snv-z .tit.on .icon1 {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg)
	}

	.ul-snv-z .tit2.on .icon2::after {
		background: url(../images/project/md6.png) center center no-repeat;
		background-size: contain
	}

	.m-snv-z .imp-box {
		padding: .52vw .52vw 1.041vw
	}

	.ul-model .select-list label {
		height: 1.822vw;
		line-height: 1.822vw;
		padding-right: 1.562vw
	}

	.ul-model .select-list label::after {
		width: 1.041vw;
		height: 1.041vw;
		left: auto;
		right: 0
	}

	.ul-model .select-list {
		background: #fff;
		top: 120%;
		left: 0;
		padding: .833vw 1.562vw;
		box-shadow: 0 0 .677vw 0 rgba(64, 64, 64, .15)
	}

	.ul-model .select-list a {
		margin-right: 3.645vw
	}

	.ul-model .select.on::after {
		transform: rotate(180deg) translateY(50%);
		-webkit-transform: rotate(180deg) translateY(50%);
		-moz-transform: rotate(180deg) translateY(50%);
		-ms-transform: rotate(180deg) translateY(50%);
		-o-transform: rotate(180deg) translateY(50%)
	}

	.m-pop {
		left: 0;
		right: 0;
		bottom: 0;
		height: 15.1vw
	}

	.m-pop .pop-bg {
		left: 0;
		bottom: 0;
		top: 0;
		right: 0
	}

	.m-pop .inner {
		top: 50%;
		width: 62.5vw;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%)
	}

	.m-win {
		justify-content: space-between;
		align-items: center
	}

	.ul-pro-model {
		margin: 0 -.364vw
	}

	.ul-pro-model .con {
		margin: 0 .364vw
	}

	.ul-pro-model .pic {
		width: 10.41vw;
		height: 7.5vw;
		margin-bottom: .781vw
	}

	.ul-pro-model .pic img {
		object-fit: cover
	}

	.ul-pro-model .delate {
		width: 1.562vw;
		height: 1.562vw;
		top: 0;
		right: 0
	}

	.ul-pro-model .delate::after {
		content: "";
		width: .468vw;
		height: .468vw;
		background: url(../images/project/md4.png) center center no-repeat;
		background-size: contain;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%)
	}

	.ul-pro-model .tit {
		line-height: 1.458vw
	}

	.m-win .btns {
		width: 3.333vw;
		height: 1.562vw;
		line-height: 1.562vw;
		border-radius: .156vw;
		-webkit-border-radius: .156vw;
		-moz-border-radius: .156vw;
		-ms-border-radius: .156vw;
		-o-border-radius: .156vw;
		border: 1px solid #ebebeb
	}

	.m-win .btns1 {
		border: 1px solid #ebebeb;
		margin-bottom: .937vw
	}

	.g-ban1 .titz {
		background: linear-gradient(0deg, #42c4ff 0, #0095d9 100%);
		-webkit-background-clip: text;
		background-clip: text;
		margin-bottom: 1.041vw;
		margin-top: 1.562vw
	}

	.g-ban1 .play {
		background: url(../images/project/b1.png) center center no-repeat;
		background-size: contain;
		width: 6.77vw;
		height: 6.77vw;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%)
	}

	.m-pop-video {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0
	}

	.m-pop-video .pop-bg {
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background: rgba(0, 0, 0, .6)
	}

	.m-pop-video .inner {
		top: 50%;
		width: 62.5vw;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%)
	}

	.m-pop-video .close {
		right: .729vw;
		top: .625vw;
		line-height: 2.604vw;
		width: 2.604vw;
		height: 2.604vw;
		border-radius: 50%
	}

	.m-win .video {
		height: 31.25vw;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
		background-color: #000
	}

	.m-win .video video {
		height: auto
	}

	.g-ban1 .con .span5 {
		background-image: url(../images/project/md10.png)
	}

	.g-ban1 .con .span5:hover {
		background-image: url(../images/project/md11.png)
	}

	.g-ban2 .slick-dots {
		width: 1.562vw;
		right: 12.5vw;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.g-ban2 .slick-dots button {
		background: url(../images/project/md14.png) center center no-repeat;
		background-size: contain;
		width: 1.25vw;
		height: 1.25vw;
		border: none;
		font-size: 0
	}

	.g-ban2 .slick-dots .slick-active button {
		background: url(../images/project/md13.png) center center no-repeat;
		background-size: contain
	}

	.m-table-z .top .layui-form {
		margin-right: .781vw
	}

	.m-table-z .top .layui-form-switch {
		height: 1.041vw;
		width: 2.395vw
	}

	.m-table-z .top .layui-form-onswitch {
		background: #f6f6f7
	}

	.m-table-z .top .layui-form-switch>i::after {
		content: "";
		width: 1.25vw;
		height: 1.25vw;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		top: 50%
	}

	.m-table-z .top .layui-form-switch>i {
		left: 0;
		top: -.208vw;
		width: 1.354vw;
		height: 1.354vw
	}

	.m-table-z .layui-form-select .layui-edge {
		right: 3.645vw
	}

	.m-table-z .top .layui-form-onswitch>i {
		margin-left: .989vw
	}

	.m-table-z .top .mark .layui-input {
		border: none;
		height: 3.437vw
	}

	.m-table-z .top .mark .layui-form-select dl {
		top: 3.645vw;
	}

	.m-project-z2, .m-table2 {
		margin-bottom: 0
	}

	.m-video2 .js-play {
		top: 50%;
		transform: translate(-50%, -50%);
		width: 7.395vw;
		height: 7.395vw;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

}

@media only screen and (max-width:1199px) {
	.m-video2 .js-play {
		width: 80px;
		height: 80px
	}

	.m-model .left .fixed {
		position: fixed;
		top: 60px;
		left: 10px;
		width: 35%
	}

	.m-table-z .layui-form-select .layui-edge {
		right: 10px
	}

	.m-snv-z .select-z {
		padding: 0 20px
	}
	.m-snv-z .list{
		padding: 0 20px
	}

	.m-snv-z .c2 {
		font-size: 14px;
		padding: 0 10px;
		height: 32px
	}

	.m-snv-z .icon-z {
		width: 18px;
		height: 18px
	}

	.m-table-z {
		padding: 40px 0 50px
	}

	.g-table .imp {
		font-size: 14px;
		margin-bottom: 20px
	}

	.g-table .imp .icon {
		width: 16px;
		height: 16px
	}

	.g-table .top .td {
		height: 45px;
		font-size: 15px;
		padding: 0.75em 0;
	}

	.g-table .layui-form-switch {
		min-width: 40px;
		height: 21px
	}

	.m-table-z .top .layui-form-switch>i {
		width: 22px;
		height: 22px
	}

	.m-table-z .top .layui-form-switch>i::after {
		width: 20px;
		height: 20px
	}

	.m-table-z .top .layui-form-switch {
		height: 16px;
		width: 35px
	}

	.m-table-z .top .layui-form-onswitch>i {
		margin-left: 16px
	}

	.m-table-z .top .mark .layui-input {
		height: 40px
	}

	.m-table-z .top .mark .layui-form-select dl {
		top: 45px;
		font-size: 14px
	}

	.g-table .top .cl {
		font-size: 12px
	}

	.ul-table {
		font-size: 14px
	}

	.ul-table .title {
		padding-left: 40px
	}


	.g-ban2 .con .right {
		padding-right: 50px
	}

	.g-ban2 .slick-dots {
		right: 20px
	}

	.m-project-z .item {
		min-height: auto;
		padding: 50px 0
	}

	.m-project-z .wp-z2, .wp-z, .wp-z3, .wp-z4 {
		max-width: 100%;
		padding: 0 15px
	}


	.m-project-z .tit {
		font-size: 24px;
		margin-bottom: 20px
	}
	.m-project-z .tit.small{
		font-size: 18px;
	}

	.m-project-z .desc {
		font-size: 16px;
		line-height: 30px
	}

	.m-table th {
		font-size: 15px;
		height: 45px;
		line-height: 45px
	}

	.m-table td {
		font-size: 14px;
		height: 45px
	}

	.m-project-z, .m-table {
		margin-bottom: 50px
	}

	.m-about-project .title, .m-down .title, .m-table .title {
		font-size: 24px;
		margin-bottom: 25px
	}

	.m-about-project {
		padding-bottom: 60px
	}

	.g-ban1 .titz {
		font-size: 28px
	}

	.m-project-z2 {
		margin-bottom: 0
	}

	.ul-model {
		margin: 0
	}

	.ul-model li {
		width: 100%;
		float: none;
		margin-bottom: 20px
	}

	.m-model .left {
		width: 35%
	}

	.ul-model .con {
		margin: 0
	}

	.m-snv-z .title {
		font-size: 22px;
		margin-bottom: 20px
	}

	.m-snv-z .select {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px
	}

	.m-snv-z .top {
		padding: 20px 20px 0
	}

	.m-model .right {
		padding-top: 50px;
		width: 61%;
	}

	.ul-model .con {
		padding: 15px
	}

	.m-model {
		padding: 40px 0 60px
	}

	.m-pop {
		height: 220px
	}

	.m-pop .inner {
		width: 100%;
		padding: 0 10px
	}

	.m-model .title {
		margin-bottom: 30px
	}

	.ul-snv-z .tit {
		height: 40px;
		line-height: 40px
	}

	.ul-snv-z .z1 {
		padding: 0 20px
	}

	.ul-snv-z .z2 {
		padding: 10px 20px
	}

	.ul-tab-nav {
		margin-bottom: 25px;
		white-space: nowrap;
		overflow-x: auto
	}

	.m-down2 {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.g-ban2 {
		height: auto;
	}

	.g-ban2 .desc {
		font-size: 14px;
		margin-bottom: 20px
	}

	.m-pop-video .inner {
		width: 100%;
		padding: 0 10px
	}

	.m-win .video {
		height: 520px
	}

	.ul-tab-nav li {
		display: inline-block;
		text-align: center;
		float: none
	}

}

@media only screen and (max-width:960px) {
	.m-video2 .js-play {
		width: 60px;
		height: 60px
	}

	.m-project-z .item4 .tit {
		margin-bottom: 20px
	}

	.g-table .box, .m-table .box, .m-table2 {
		overflow-x: auto;
		overflow-y: hidden
	}

	.m-project-z2 .item .pic {
		width: 100%
	}

	.g-table .top, .ul-table {
		min-width: 950px
	}

	.m-project-z .txt-box {
		width: 100%;
		margin-bottom: 25px
	}

	.m-project-z .pic-box {
		float: none;
		width: 100%
	}

	.m-project-z .item2 .txt {
		float: none;
		position: static;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none
	}

	.m-project-z .tit {
		font-size: 20px
	}
	.m-project-z .tit.small{
		font-size: 15px;
	}

	.m-table2 {
		margin-bottom: 0
	}

	.m-project-z .item3 .pic-box, .m-project-z .item4 .pic-box {
		width: 100%;
		float: none;
		margin: 0 0 25px
	}

	.m-project-z .info {
		font-size: 18px
	}

	.m-project-z .item4 .txt-box {
		width: 100%;
		float: none;
		margin: 0
	}

	.m-project-z .info .num {
		width: 18px;
		height: 18px
	}

	.ul-about-project .pic {
		margin-bottom: 20px
	}

	.ul-about-project .tit {
		font-size: 16px
	}

	.g-ban1 .titz {
		font-size: 24px
	}

	.m-project-z .con {
		font-size: 14px;
		margin-bottom: 6px
	}

	.m-about-project .title, .m-down .title, .m-table .title {
		font-size: 20px
	}

	.m-project-z2 .item4 .txt-box {
		margin-bottom: 20px
	}

	.ul-model .tit {
		font-size: 16px;
		margin-bottom: 15px
	}

	.ul-model .desc {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px
	}

	.ul-model .con {
		border-left-width: 4px
	}

	.m-project-z .desc {
		line-height: 22px
	}

	.m-project-z .desc p.dot {
		margin-bottom: 8px
	}

	.g-ban2 .con .tit {
		margin-bottom: 24px
	}

	.g-ban1 .play {
		width: 80px;
		height: 80px
	}

	.g-result .so {
		width: 80%;
		position: relative;
		margin-bottom: 20px
	}

}

@media only screen and (max-width:767px) {
	.m-project-z .item {
		padding: 40px 0
	}
	.m-project-z .item.nominheight .row{
		margin-top: 10%;
	}
	.m-project-z .item.nominheight .col-12{
		margin-bottom: 10%;
	}
	.m-project-z .item.nominheight .col-12:last-child{
		margin-bottom: 0;
	}

	.m-pop-video .inner {
		max-width: 500px
	}

	.m-win .video {
		max-height: 220px
	}


	.m-model .left .fixed {
		position: static;
		width: 100%
	}

	.g-ban2 .con .right {
		margin-bottom: 50px;
		text-align: center;
		width: 100%;
		padding-left: 50px;
		padding-bottom: 20px;
	}

	.g-ban2 .con .left {
		padding-bottom: 20px
	}

	.g-ban2 .con .right img {
		max-width: 400px;
		display: inline-block
	}

	.m-project-z .ql {
		margin-right: 15px
	}

	.m-snv-z .title {
		font-size: 20px
	}

	.m-model .left {
		width: 100%;
		float: none
	}
	.m-model .right {
		width: 100%;
		float: none
	}

	.g-ban1 .titz {
		font-size: 20px
	}

	.m-project-z .tit {
		font-size: 18px
	}
	.m-project-z .tit.small{
		font-size: 14px;
	}

	.m-project-z .desc {
		font-size: 14px
	}

	.m-table table, .m-table2 table {
		width: 750px
	}

	.m-project-z .info {
		font-size: 16px
	}

	.ul-about-project, .ul-about-project .con {
		margin: 0
	}

	.ul-about-project li {
		width: 100%;
		margin-bottom: 25px
	}

	.ul-model .pic {
		width: 180px;
		height: 128px;
		margin-right: 10px
	}

	.ul-pro-model .pic {
		width: 100px;
		height: 72px
	}

	.ul-pro-model .tit {
		font-size: 14px;
		line-height: 20px
	}

}

@media only screen and (max-width:470px) {
	.ul-model .pic {
		width: 100%;
		height: auto;
		float: none;
		margin-bottom: 20px
	}

	.ul-pro-model {
		margin: 0 -7px 15px
	}

	.m-win {
		display: block
	}

	.m-win .btns {
		margin-bottom: 0;
		display: inline-block
	}

	.g-result .so {
		width: 290px
	}

}

.g-bancenter .con .right {
	width: 489px;
	height: 327px;
	padding-top: 0;
	margin: 80px 0 40px
}

.g-bancenter .con .info, .g-bancenter .con .tit {
	font-weight: 600;
	font-size: 44px;
	color: #333;
	margin-bottom: 13px
}

.g-bancenter .con .info {
	margin-bottom: 0;
	background: linear-gradient(0deg, #42c4ff 0, #0095d9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.m-nav-mzw-m3 .item3 {
	position: relative
}

.m-nav-mzw-m3 .item1 {
	padding-bottom: 22px;
	text-align: center
}

.m-hdul1 {
	display: inline-block;
	border-bottom: 1px solid #ccc;
	font-size: 0;
	text-align: center
}

.m-hdul1 li {
	display: inline-block;
	font-size: 0;
	border: 0;
	margin-right: 61px
}

.m-hdul1 li:last-child {
	margin-right: 0
}

.m-hdul1 .links {
	position: relative;
	display: block;
	padding: 19px 4px 21px;
	font-weight: 700;
	color: #3d3d3d;
	font-size: 16px;
	text-align: center;
	transition: .5s
}

.m-hdul1 .links::after {
	position: absolute;
	width: 100%;
	height: 4px;
	left: 50%;
	bottom: -2px;
	transform: translateX(-50%);
	transition: .5s;
	background: 0 0;
	content: ' ';
	display: block
}

.m-hdul1 .links:hover::after, .m-hdul1 .on .links::after {
	background: #00a4ff
}

.m-hdul1 .links:hover, .m-hdul1 .on .links {
	color: #333
}

.m-nav-mzw-m3 .item2 {
	margin-bottom: 63px
}

.m-hdul2 {
	font-size: 0;
	text-align: center;
	white-space: nowrap;
	overflow-y: auto;
	margin: 0 -10px
}

.m-hdul2 li {
	display: inline-block;
	margin: 0 30px
}

.m-hdul2 .links {
	display: block;
	font-weight: 700;
	font-size: 16px;
	color: #999;
	transition: .5s
}

.m-hdul2 .links:hover, .m-hdul2 .on .links {
	color: #333
}

.m-hdul3 {
	overflow: hidden
}

.m-hdul3 li {
	margin-bottom: 12px;
	
}
/* .m-hdul3 li.on1 .tabsub{
	display: block;
} */
.m-hdul3 .links {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	transition: .5s;
	margin-bottom: 7px;
	padding-left: 17px
}
.js-g-open{
	cursor: pointer;
}
.m-hdul3  a.on,
.m-hdul3 .on  .tit2{
	color: #ff8931;
}
.m-hdul3 .links.icon {
	padding-left: 0
}

.m-hdul3 .links i {
	position: relative;
	z-index: 5;
	display: inline-block;
	width: 7px;
	height: 12px;
	background-image: url(../images/e-icon2.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
	cursor: pointer
}

.m-hdul3 .on .links i {
	/* background-image: url(../images/e-icon2on.png);
	width: 12px;
	height: 7px */
}

.m-hdul3 .tit2 {
	display: block;
	font-size: 14px;
	color: #666;
	transition: .5s;
	line-height: 32px;
	padding-left: 17px
}
.m-hdul3 li .on .tit2,
.m-hdul3 li .tit2.on, .m-hdul3 li .tit2:hover {
	color: #ff8931;
	text-decoration: underline
}

.m-nav-mzw-m3 .item3 .box .more {
	position: absolute;
	right: 22px;
	bottom: 22px;
	font-family: Inter-Medium;
	font-size: 14px;
	color: #007aff
}

.g-procentertite2 {
	position: relative;
	margin-bottom: 44px;
	padding-left: 20px
}

.g-procentertite2 span {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 28px;
	color: #3d3d3d;
	vertical-align: middle
}

.g-procentertite2::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: ' ';
	left: 0;
	width: 5px;
	height: 23px;
	background: linear-gradient(0deg, #00a4ff, #264fa1);
	border-radius: 2px
}

.ul-listprocetnter1 .tit {
	text-align: center
}

.ul-listprocetnter1 .tit span {
	display: inline-block;
	padding-right: 28px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 13px auto
}

.g-procentertite2 i {
	font-style: normal;
	width: 7px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/e-icon3.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	margin: 0 8px
}

.g-procentertite1 img {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	margin-right: 16px
}

.g-procentertite1 span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 18px;
	color: #3d3d3d
}

.m-tabprol {
	float: left;
	position: absolute;
	width: 341px;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
	border-radius: 8px;
	border: 1px solid #e7e7e7;
	padding-top: 9px;
	overflow: hidden;
	margin-right: 86px;
	margin-top: 9px;
	z-index: 6
}

.m-nav-mzw-m3 .on .m-tabprol {
	position: fixed;
	left: 66px;
	top: 0
}

.m-nav-mzw-m3 .m-procenter {
	padding-left: 427px
}

.m-procenter {
	overflow: hidden
}

.m-tabprol::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	content: ' ';
	height: 8px;
	background: linear-gradient(35deg, #264fa1, #00a4ff)
}

.m-tabprol .tit1 {
	font-size: 17px;
	color: #999;
	margin-bottom: 26px
}

.m-tabprol .txt1 {
	border-top: 1px solid #e7e7e7;
	padding: 18px 32px
}

.m-nav-mzw-m3 .box-item {
	padding: 0 154px 0 66px;
	overflow: hidden
}

.g-procentertite1 {
	padding: 31px 37px 37px 38px
}

.m-nav-mzw-m3 {
	overflow: hidden
}

.m-nav-mzw-m3 .itemtabcon {
	margin-bottom: 20px
}

.ul-listprocetnter1 .pic {
	padding-top: 74.3%;
	background-color: #fafafa;
}

.m-nav-mzw-m3 .tabsub {
	display: none
}

.m-nav-mzw-m3 .m-tabprol.fixed {
	position: fixed;
	top: 70px;
	left: 66px
}

.m-nav-mzw-m3 .m-tabprol .txt1 {
	max-height: calc(100vh - 250px);
	overflow-y: auto
}

@media only screen and (min-width:1199px) {
	.g-bancenter .con .right {
		width: 25.46vw;
		height: 17.03vw;
		margin: 4.2vw 0 2.1vw
	}

	.g-bancenter .con .info, .g-bancenter .con .tit {
		font-weight: 600;
		margin-bottom: .677vw
	}

	.g-bancenter .con .info {
		background: linear-gradient(0deg, #42c4ff 0, #0095d9 100%);
		-webkit-background-clip: text
	}

	.m-nav-mzw-m3 .item1 {
		padding-bottom: 1.145vw
	}

	.m-hdul1 {
		border-bottom: 1px solid #ccc;
		font-size: 0
	}

	.m-hdul1 li {
		font-size: 0;
		border: 0;
		margin-right: 3.177vw
	}

	.m-hdul1 .links {
		padding: 0.989vw .208vw 1.093vw;
		font-weight: 700;
		transition: .5s
	}

	.m-hdul1 .links::after {
		height: .208vw;
		bottom: -.104vw;
		transform: translateX(-50%);
		transition: .5s;
		background: 0 0;
		content: ' '
	}

	.m-hdul1 .links:hover::after, .m-hdul1 .on1 .links::after {
		background: #00a4ff
	}

	.m-nav-mzw-m3 .item2 {
		margin-bottom: 3.281vw
	}

	.m-hdul2 {
		font-size: 0;
		white-space: nowrap;
		margin: 0 -.52vw
	}

	.m-hdul2 li {
		margin: 0 1.562vw
	}

	.m-hdul2 .links {
		font-weight: 700;
		transition: .5s
	}

	.m-hdul3 li {
		margin-bottom: .625vw
	}

	.m-hdul3 .links {
		font-weight: 700;
		transition: .5s;
		margin-bottom: .364vw;
		padding-left: .885vw
	}

	.m-hdul3 .links i {
		width: .364vw;
		height: .625vw;
		background-image: url(../images/e-icon2.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		margin-right: .52vw
	}

	.m-hdul3 .on .links i {
		/* background-image: url(../images/e-icon2on.png);
		width: .625vw;
		height: .364vw */
	}

	.m-hdul3 .tit2 {
		transition: .5s;
		line-height: 1.666vw;
		padding-left: .885vw
	}

	.m-hdul3 li .tit2.on, .m-hdul3 li .tit2:hover {
		text-decoration: underline
	}

	.m-nav-mzw-m3 .item3 .box .more {
		right: 1.145vw;
		bottom: 1.145vw;
		font-family: Inter-Medium;
	}

	.g-procentertite2 {
		margin-bottom: 2.291vw;
		padding-left: 1.041vw
	}

	.g-procentertite2 span {
		font-weight: 700;
	}

	.g-procentertite2::before {
		top: 50%;
		transform: translateY(-50%);
		content: ' ';
		left: 0;
		width: .26vw;
		height: 1.197vw;
		background: linear-gradient(0deg, #00a4ff, #264fa1);
		border-radius: .104vw
	}

	.ul-listprocetnter1 .tit span {
		padding-right: 1.458vw;
		background-repeat: no-repeat;
		background-size: .677vw auto
	}

	.ul-listprocetnter1 .con:hover .tit span {
		background-image: url(../images/inset/arr.png)
	}

	.g-procentertite2 i {
		font-style: normal;
		width: .364vw;
		height: .677vw;
		background-image: url(../images/e-icon3.png);
		background-repeat: no-repeat;
		background-size: .364vw auto;
		margin: 0 .416vw
	}

	.g-procentertite1 img {
		width: 1.406vw;
		margin-right: .833vw
	}

	.g-procentertite1 span {
		font-weight: 700;
	}

	.m-tabprol {
		width: 17.76vw;
		background: #fff;
		box-shadow: 0 .104vw .52vw 0 rgba(0, 0, 0, .1);
		border-radius: .416vw;
		border: 1px solid #e7e7e7;
		padding-top: .468vw;
		margin-right: 4.479vw;
		margin-top: .468vw
	}

	.m-nav-mzw-m3 .on .m-tabprol {
		left: 3.437vw;
		top: 0
	}

	.m-nav-mzw-m3 .m-procenter {
		padding-left: 22.23vw
	}

	.m-tabprol::before {
		top: 0;
		left: 0;
		right: 0;
		content: ' ';
		height: .416vw;
		background: linear-gradient(35deg, #264fa1, #00a4ff)
	}

	.m-tabprol .tit1 {
		margin-bottom: 1.354vw
	}

	.m-tabprol .txt1 {
		border-top: 1px solid #e7e7e7;
		padding: .937vw 1.666vw
	}

	.m-nav-mzw-m3 .m-tabprol .txt1 {
		max-height: calc(100vh - 13.02vw)
	}

	.m-nav-mzw-m3 .box-item {
		padding: 0 8.020vw 0 3.437vw
	}

	.g-procentertite1 {
		padding: 1.614vw 1.927vw 1.927vw 1.979vw
	}

	.m-nav-mzw-m3 .itemtabcon {
		margin-bottom: 1.041vw
	}

	.ul-listprocetnter1 .pic {
		padding-top: 74.3%
	}

	.m-nav-mzw-m3 .m-tabprol.fixed {
		top: 3.645vw;
		left: 3.437vw
	}

}

@media only screen and (max-width:1199px) {
	.g-bancenter .con .info, .g-bancenter .con .tit {
		font-size: 22px;
		margin-bottom: 8px
	}

	.g-bancenter .con .right {
		width: 38%;
		height: auto;
		padding-top: 0;
		margin: 38px 0 31px
	}

	.m-hdul1 .links {
		padding: 12px 0 14px;
		transition: .5s
	}

	.m-hdul1 li {
		margin-right: 31px
	}

	.m-hdul1 li:last-child {
		margin-right: 0
	}

	.m-hdul1 .links::after {
		position: absolute;
		width: 100%;
		height: 3px
	}

	.m-hdul2 li {
		display: inline-block;
		margin: 0 20px
	}

	.m-tabprol {
		float: none;
		position: static;
		width: 100%;
		background: #fff;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
		border-radius: 8px;
		border: 1px solid #e7e7e7;
		padding-top: 9px;
		overflow: hidden;
		margin-right: 0;
		margin-top: 0;
		z-index: 6
	}

	.m-nav-mzw-m3 .box-item {
		padding: 0 15px;
		overflow: hidden
	}

	.m-nav-mzw-m3 .m-tabprol.fixed {
		position: static;
		top: 65px;
		left: 15px;
		right: 15px;
		width: auto
	}

	.g-procentertite1 {
		padding: 25px 20px
	}

	.m-tabprol .txt1 {
		padding: 18px 25px
	}

	.m-nav-mzw-m3 .m-tabprol.fixed .txt1 {
		max-height: inherit
	}

	.m-nav-mzw-m3 .item2 {
		margin-bottom: 30px
	}

	.m-nav-mzw-m3 .item1 {
		padding-bottom: 18px
	}

	.m-nav-mzw-m3 .m-procenter {
		padding-left: 0;
		padding-top: 30px
	}

	.g-procentertite2 span {
		font-size: 20px
	}

	.g-procentertite2 {
		margin-bottom: 15px;
		padding-left: 13px
	}

	.g-procentertite2::before {
		width: 3px;
		height: 20px
	}

	.ul-listprocetnter1 {
		margin: 0 -10px
	}

	.ul-listprocetnter1 li {
		padding: 0 10px;
		margin-bottom: 20px
	}

}

@media only screen and (max-width:767px) {
	.m-nav-mzw-m3 .itemtabcon.active {
        padding-top: 38px;
    }
	.g-bancenter .con .right {
		width: 50%;
		height: auto;
		padding-top: 30px;
		margin: 0 auto 10px
	}

	.g-bancenter .con .info, .g-bancenter .con .tit {
		font-size: 18px;
		margin-bottom: 2px
	}

	.m-hdul1 {
		display: block;
		border-bottom: 1px solid #ccc;
		text-align: center;
		font-size: 0;
		overflow-x: auto;
		white-space: nowrap;
		padding: 0 0 0 15px
	}

	.m-nav-mzw-m3 .item1 {
		padding-bottom: 15px
	}

	.m-hdul2 li {
		display: inline-block;
		padding-bottom: 10px;
		margin: 0 10px
	}

	.m-hdul2 {
		margin: 0 -10px;
		padding-left: 15px
	}

	.m-nav-mzw-m3 .item2 {
		margin-bottom: 20px
	}

	.g-procentertite1 {
		padding: 20px 15px
	}

	.g-procentertite1 span {
		font-size: 16px
	}

	.g-procentertite1 img {
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		margin-right: 13px
	}

	.m-tabprol .tit1 {
		font-size: 16px;
		color: #999;
		margin-bottom: 14px
	}

	.g-procentertite2 span {
		font-size: 18px
	}

	.g-procentertite2::before {
		width: 3px;
		height: 18px
	}

}

.m-nav-mzw-m3 .itemtabcon.active {
	padding-top: 70px
}

@media only screen and (min-width:1199px) {
	.m-nav-mzw-m3 .itemtabcon.active {
		padding-top: 3.645vw
	}

}

@media only screen and (max-width:1199px) {
	.m-nav-mzw-m3 .itemtabcon.active {
		padding-top: 70px
	}

}

/*fixed*/
.nav .drop .left .aa {
	font-family: MiSans-Demibold;
	font-weight: bold;
}

.m-snv-z .select {
	font-weight: bold;
}

.m-snv-z .select::after {
	margin-top: -0.375em;
}

.m-snv-z .c2 {
	padding-left: 1.4375vw;
}

.hd-r .search-box {
	float: left;
	position: relative;
	z-index: 1;
}

.hd-r .soicon {
	cursor: pointer;
	float: none;
	margin-top: 0;
}

.hd-r .search-box input {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: -1;
	border: 1px solid rgba(204, 204, 204, .5);
	border-right: 0 none;
	margin-right: -5px;
	padding: 0 1em;
	width: 0;
	overflow: hidden;
	transition: opacity 0.3s, width 0.3s;
	width: 11em;
	background-color: #f9f9f9;
}


.g-ban2 .slick-dots {
	text-align: center;
	right: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	line-height: 1;
	font-size: 0;
}

.g-ban2 .slick-dots li {
	vertical-align: top;
	margin: 0 4px;
}

.g-ban2 .slick-dots button {
	vertical-align: top;
	width: 5px;
	height: 5px;
	border-radius: 2.5px;
	background-image: none;
	background-color: #bdbfbf;
	transition: width 0.5s, background-color 0.5s;
}

.g-ban2 .slick-dots .slick-active button {
	background-image: none;
	background-color: #75c6f3;
	width: 10px;
}

.g-ban1 .titz {
	font-size: 50px;
	margin-top: 1.75em;
	margin-bottom: 0.56em;
}

.g-ban2 .con .tit {
	margin-bottom: 0.76em;
}

.m-project-z .item5 {
	background-color: #f0f2f3
}

.m-table.nobottom {
	margin-bottom: 0;
}

.m-table th .z1 {
	display: none;
}

.m-table th .z1.cancel {
	background-color: #fff;
	color: #000;
}

.m-table th .z1.active {
	display: inline-block;
}

.m-table .box .js-tab {
	display: none;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

.m-table .box .js-tab.active {
	display: block;
}

.m-table .box .js-tab table {
	table-layout: fixed;
}

.m-table td img {
	width: auto;
	height: 10em;
}

.m-table .normal {
	width: 277.5px;
}

.m-table .auto .normal {
	width: auto;
}

.m-table .box .js-tab table.fake .normal {
	position: relative;
}

.m-about-project.small {
	padding: 100px 0;
}

.ul-tab-nav {
	margin-bottom: 100px;
}

.nicescroll-rails.nicescroll-rails-hr {
	margin-top: -30px;
}

.nav .down.col6 dd {
	width: 16.66%;
}

@media only screen and (min-width:1199px) {

	.hd-r .search-box input {
		margin-right: -0.26vw;
		border-top-left-radius: 0.26vw;
		border-bottom-left-radius: 0.26vw;
	}

	.m-table .normal {
		width: 14.453125vw;
	}

	.m-table .auto .normal {
		width: auto;
	}

	.m-about-project.small {
		padding: 5.2vw 0;
	}

	.ul-tab-nav {
		margin-bottom: 5.2vw;
	}

}

@media only screen and (max-width:1199px) {
	.m-about-project.small {
		padding: 30px 0;
	}

	.ul-tab-nav {
		margin-bottom: 60px;
	}

}








/*移动端*/
@media only screen and (min-width:1024px) {
	.ul-txt1 li:hover a {
		color: #3d3d3d
	}
	.ul-txt1.black li:hover a {
		color: #3d3d3d
	}
	.nav .drop .left dd:hover a {
		color: #00a4ff;
	}
	.ul-txt1 li:hover a:after {
		background-color: #00a4ff
	}
	.ul-txt1.black li:hover a:after {
		background-color: #00a4ff
	}
	.g-ban1 .con .span1:hover {
		color: #00a4ff
	}

	.g-ban1 .con .span2:hover {
		background-image: url(../images/inset/icon2-1.png)
	}

	.g-ban1 .con .span3:hover {
		background-image: url(../images/inset/icon3-1.png)
	}

	.g-ban1 .con .span4:hover {
		background-image: url(../images/inset/icon4-1.png)
	}
	.g-ban1 .con .span6:hover {
		background-image: url(../images/inset/icon6-1.png)
	}
	.ul-taba1 .con:hover {
		border-color: #00a4ff;
		color: #333
	}
	.ul-listprocetnter1 .con:hover .tit span {
		background-image: url(../images/inset/arr.png)
	}
}

@media only screen and (max-width:1024px) {
	* {
		scrollbar-width: none;
	}

	*::-webkit-scrollbar {
		display: none;
	}

	.wp, .wp1, .wp2, .wp3, .wp4, .wp5 {
		padding: 0 15px;
	}

	.menuBtn {
		height: 30px;
	}

	.menuBtn b {
		height: 2px;
		margin: 0;
		top: 50%;
		left: 50%;
		margin-top: -1px;
		position: absolute;
		width: 22px;
		margin-left: -11px;
	}
	.menuBtn b:first-child{
		margin-top: -8px;
	}
	.menuBtn b:last-child{
		margin-top: 6px;
	}
	.menuBtn.open b:first-child {
		margin-top: -1px;
	}
	.menuBtn.open b:last-child {
		margin-top: -1px;
	}

	.ul-listp1 {
		text-align: left;
		margin-left: -10px;
		margin-right: -10px;
	}

	.ul-listp1 li {
		width: 49%;
		padding: 0 10px;
		vertical-align: top;
	}

	.ban .so .sub-btn {
		width: 88px !important;
	}

	.m-hdul1 {
		overflow-y: hidden;
	}

	.fd-copy .rr {
		font-size: 12px;
	}

	.fd-copy {
		font-size: 12px;
	}

	.fd-logo {
		width: 100px;
	}

	.nav li .v1 {
		display: inline-block;
		vertical-align: top;
		padding-right: 0;
	}

	.nav .down.col6 dd {
		width: 100%;
	}

	.nav li .tit i {
		background-image: none;
	}

	.nav li .tit i::before, .nav li .tit i::after {
		position: absolute;
		transition: opacity 0.5s;
		content: "";
		background-color: #777;
	}

	.nav li .tit i::before {
		left: 0;
		top: 50%;
		margin-top: -1px;
		width: 100%;
		height: 2px;
	}

	.nav li .tit i::after {
		left: 50%;
		margin-left: -1px;
		top: 0;
		width: 2px;
		height: 100%;
	}

	.nav li.on .tit i::after {
		opacity: 0;
	}

	.nav li.on .drop, .nav li.on .down {
		display: block;
	}

	.g-ban1 .con {
		display: flex;
		flex-direction: column-reverse;
	}

	.g-ban1.ban-c1 .con {
		display: block;
	}

	.m-table table {
		width: 100%;
	}

	.ul-imgtxt1 a i {
		background-size: auto 1em;
	}

	.ul-pro-model {
		margin-bottom: 0;
	}

	.m-pop.on {
		height: 90px;
	}

	.m-win .btn-box {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row-reverse;
		margin-bottom: 20px;
	}

	.m-pop.on .m-win .btn-box {
		margin-bottom: 10px;
	}

	.m-win .click {
		position: static;
		margin-left: 20px;
	}

	.ul-img2 li, .ul-imgtxt4 li {
		padding: 0 10px;
		width: 49%;
		float: left;
	}

	.ul-imgtxt4 {
		margin: 20px 0 0;
	}

	.ul-imgtxt4 .pic {
		height: 120px;
		line-height: 120px;
	}

	.ul-imgtxt4 .pic img {
		max-width: 80%;
	}


	.nav .drop .right{
		float: none;
		width: auto;
		height: auto;
	}
	.m-list{
		float: none;
		width: 100%;
		position: absolute;
		left: 100%;
		top: 0;
		bottom: 0;
		z-index: 2;
		background-color: #fbfbfb;
		margin-top: 0;
		display: block;
		transition: left 0.5s;
	}
	.m-list.on{
		left: 0;
	}
	.m-list h4{
		display: block;
		text-align: center;
		background-color: #00a4ff;
		color: #fff;
		font-size: 14px;
		height: 48px;
		line-height: 48px;
		position: relative;
	}
	.m-list h4 .back{
		display: block;
		position: absolute;
		left: 16px;
		top: 50%;
		background-repeat: no-repeat;
		background-image: url(../images/top/arr.png);
		background-position: center;
		background-size: 50% auto;
		width: 16px;
		height: 24px;
		margin-top: -12px;
		transform: rotate(180deg);
	}
	.m-list .item .dwn{
		background-color: #fbfbfb;
	}
	.m-list .item.on .dwn{
		max-height: 100vh;
	}
	.m-list .tt {
		width: 100%;
		padding: 0 24px;
		background-color: #fff;
		color: #00a4ff;
		font-size: 14px;
		border-bottom: 1px solid #ccc;
	}
	.m-list .tt::after{
		right: 24px;
	}
	.m-list .tt i{
		display: none;
	}
	.m-list .dwn {
		width: 100%;
	}
	.m-list .dwn li > h3{
		color: #000;
		font-size: 13px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding: 0 24px;
		position: relative;
	}
	.m-list .dwn li > h3:after {
		content: '';
		width: 12px;
		height: 12px;
		background: url(../images/icon46.png) center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: absolute;
		top: 50%;
		right: 24px;
		transform: translateY(-50%);
		transition: .3s
	}
	.m-list .dwn li.on > h3:after {
		background-image: url(../images/icon46-1.png)
	}
	.m-list .dwn li > h3:hover, .m-list .dwn li.on > h3{
		color: #000;
	}
	.nav .drop .box {
		position: static;
		width: 100%;
	}
	.nav .drop .dwn li.on .box{
		display: none;
	}
	.nav .drop .pic{
		display: none;
	}
	.nav .drop .box .txt {
		padding: 0;
	}
	.nav .drop .box .bot a {
		float: none;
		min-width: 100%;
		padding: 0 24px;
		font-size: 13px;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		background-color: #e1f2fb;
	}
	.nav .drop .box h3{
		display: none;
	}
	.nav .drop .box .bot{
		margin-top: 0;
	}
	.m-win .btns1{
		margin-left: 20px;
	}
	.nav li .tit i{
		width: 14px;
		height: 14px;
	}
	.m-hdul1{
		border-bottom: 0 none;
	}
	.m-hdul1::after{
		content: "";
		width: 100%;
		height: 1px;
		background-color: #ccc;
		display: block;
	}
	.ul-listp1 .tit{
		overflow: visible;
		height: auto;
		text-overflow: auto;
		-ms-text-overflow: auto;
		line-clamp: none;
		-webkit-line-clamp: none;
		-webkit-box-orient: horizontal;
		display: block;
		font-size: 15px;
	}
	.ul-listprocetnter1 .tit span{
		padding-right: 0;
	}
	.ul-imgtxt4 h3{
		overflow: visible;
		white-space: normal;
		text-overflow: auto;
	}
	.ul-listp1 .desc{
		padding-right: 0;
		font-size: 13px;
	}
	.ul-img2,.ul-imgtxt4{
		margin-left: -10px;
		margin-right: -10px;
	}

	.m-project-z .item-v .tit {
		margin-bottom: 25px;
	}
	
    .m-project-z .col-textpadding{
        padding-left: 0;
    }
    .m-project-z .flex-lg-row-reverse .col-textpadding{
        padding-right: 0;
    }
}










/*侧边栏*/
.side-part{
	font-size: 16px;
	line-height: 1;
    position: fixed;
    right: 0.75em;
    bottom: 0.75em;
    z-index: 51;
}
.side-part .btn-box{
    width: 5em;
    border-radius: 2.5em;
  	box-shadow: 0px 0px 0.625em rgba(0, 0, 0, 0.25);
  	margin-bottom: 1.25em;
    background-color: #fff;
    padding: 1.5em 0.75em;
    transition: border-radius 0.5s;
    cursor: pointer;
}
.side-part .btn-box > ul{
	display: none;
}
.side-part a{
    display: block;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 1em;
    text-align: center;
}
.side-part a .icon-box{
    transition: background-color 0.5s,margin-bottom 0.5s,margin-top 0.5s;
    position: relative;
    border-radius: 50%;
    width: 3em;
    margin: 0 auto;
}
.side-part a:hover .icon-box{
    background-color: #00a4ff;
    margin-bottom: 1em;
    margin-top: 1em;
}
.side-part li:first-child a:hover .icon-box{
	margin-top: 0;
}
.side-part a .icon1,.side-part a .icon2{
	transition: opacity 0.5s;
	width: 100%;
}
.side-part a:hover .icon1{
	opacity: 0;
}
.side-part a .icon2{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.side-part a:hover .icon2{
	opacity: 1;
}
.side-part a > p{
	font-size: 0.8125em;
	color: #333;
}
.side-part .slide-box{
    position: absolute;
    right: 100%;
    top: 0.75em;
    margin-right: 1.5em;
    white-space: nowrap;
    transition: max-width 0.75s;
    max-width: 0;
    overflow: hidden;
}
.side-part a:hover .slide-box{
    max-width: 15.5em;
}
.side-part .slide-box p{
    font-size: 0.875em;
    color: #fff;
    line-height: 1;
    padding: 0.6em 1.3em;
    background-color: #00a4ff;
    border-radius: 0.714em;
    text-align: left;
}
.side-part .btn-toggle{
	font-size: 0.8125em;
	color: #333;
	width: 100%;
	position: relative;
}
.side-part .btn-toggle .icon{
	margin-top: -1.25em;
}
.side-part.on .btn-toggle .icon{
	margin-top: 0;
	display: none;
}
.side-part .btn-toggle p{
	text-align: center;
}
.side-part.on .btn-toggle p{
	padding-top: 1em;
}
.side-part .btn-toggle p span:last-child,.side-part.on .btn-toggle p span:first-child{
	display: none;
}
.side-part .btn-toggle p span:first-child,.side-part.on .btn-toggle p span:last-child{
	display: block;
}
/*侧边箭头*/
.scroll-top{
    width: 5em;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s,bottom 0.5s;
    border-radius: 50%;
  	box-shadow: 0px 0px 0.625em rgba(0, 0, 0, 0.25);
  	position: relative;
}
.scroll-top.active{
    opacity: 1;
    pointer-events: auto;
}
.scroll-top svg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    fill: #fff;
}
.scroll-top svg path{
    transition: stroke-dashoffset 10ms linear 0s;
    stroke: #00a4ff;
    stroke-width: 4px;
}
.scroll-top img{
	position: relative;
	z-index: 1;
}


@media only screen and (max-width:1024px){
	.side-part { 
		font-size: 14px;
	}

	.side-part .btn-box{
	    border-radius: 1em;
	    transition: border-radius 0.5s,padding 0.5s;
	    padding: 1em 0.75em;
	}
	.side-part.on .btn-box{
	    border-radius: 2.5em;
	    padding: 1.5em 0.75em;
	}
	.scroll-top{
		display: none;
	}
}



@media only screen and (max-width:480px) {
	.ul-imgtxt2 {
		margin-left: -10px;
		margin-right: -10px;
	}

}

/*去除fontsize*/

@media only screen and (max-width:1366px) {
	.fd-ll .s2 em{
		display: block;
		margin-bottom: 0.5em;
	}
}
@media only screen and (max-width:1024px) {
	.g-ban2 .con .right {
		width: 100%
	}
	.g-ban2 .con .left {
		width: 100%
	}


}


/*导航*/
.hd-r .user {
	overflow: visible;
	position: relative;
}
.hd-r .user dl {
	display: none;
	width: 230%;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -115%;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	overflow: hidden;
	border-radius: 0 0 10px 10px;
	margin-top: 10px;
}
.hd-r .user dd{
	border-bottom: 1px solid #f2f2f2;
}
.hd-r .user dd:last-child{
	border-bottom: 0 none;
}
.hd-r .user dd a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.hd-r .user dd:hover a {
	color: #00a1fb;
}
@media only screen and (min-width:1199px) {
	.hd-r .user dl {
		width: 230%;
		box-shadow: 0 .52vw .52vw rgba(0, 0, 0, .2);
		border-radius: 0 0 .52vw .52vw;
		margin-top: 0.52vw;
	}
	.hd-r .user dd a {
		line-height: 2.083vw
	}
}
@media only screen and (max-width:1024px) {
	.hd-r .user dl {
		width: 250%;
		margin-left: -125%;
	}
}


@media only screen and (max-width:1500px) {
	.nav li {
		margin-right: 1.4vw;
	}
}
@media only screen and (max-width:1366px) {
	.nav li .v1 {
		font-size: 15px;
	}
}
@media only screen and (max-width:1660px) {
	.nav .drop .left dd a, .m-list .tt, .m-list .dwn li > h3, .nav .drop .box h3{
		font-size: 14px;
	}
	.nav .drop .box .bot a {
		font-size: 13px;
	}
}
@media only screen and (max-width:1560px) {
	.nav .drop .left dd a, .m-list .tt, .m-list .dwn li > h3, .nav .drop .box h3{
		font-size: 13px;
	}
	.nav .drop .box .bot a {
		font-size: 12px;
	}
}
@media only screen and (max-width:1460px) {
	.nav .drop .left dd a, .m-list .tt, .m-list .dwn li > h3, .nav .drop .box h3{
		font-size: 12px;
	}
	.nav .drop .box .bot a {
		font-size: 11px;
	}
}
@media only screen and (max-width:1360px) {
	.nav .drop .left dd a, .m-list .tt, .m-list .dwn li > h3, .nav .drop .box h3{
		font-size: 11px;
	}
	.nav .drop .box .bot a {
		font-size: 10px;
	}
	.nav .down dd span{
		font-size: 14px;
	}
}
@media only screen and (max-width:1270px) {
	.nav .drop .left dd a, .m-list .tt, .m-list .dwn li > h3, .nav .drop .box h3{
		font-size: 10px;
	}
	.nav .drop .box .bot a {
		font-size: 9px;
	}
}
@media only screen and (max-width:1199px) {
	.nav .drop .left dd a {
		font-size: 14px;
	}
	.m-list .tt {
		font-size: 14px;
	}
	.m-list .dwn li > h3 {
		font-size: 13px;
	}
	.nav .drop .box .bot a {
		font-size: 13px;
	}
}