@charset "UTF-8";
	.onlinebox a:hover,a {
	text-decoration:none
}
.onlinebox {
	position:absolute;
	top:100px;
	right:0;
	z-index:999;
	background:#2aa2df;
	border-radius:6px 0 0 6px
}
.onlinebox a {
	color:#00A0E9
}
.onlinebox a:hover {
	color:#ff8100
}
.onlinebox .hd {
	width:36px;
	float:left;
	position:relative;
	z-index:1;
	margin-top:21px;
	height:181px
}
.onlinebox .hd a {
	font-size:0;
	text-indent:-999em;
	display:block;
	position:relative;
	z-index:9;
	top:0;
	left:0;
	background:url() 0 12px no-repeat;
	width:20px;
	height:146px;
	overflow:hidden;
	padding:8px
}
.onlinebox .bd .con,.onlinebox .con {
	background:#F7F7F7
}
.onlinebox .bd {
	display:none;
	float:left;
	width:150px;
	padding:5px;
	overflow:hidden
}
.onlinebox .con {
	min-height:152px;
	border-radius:6px;
	margin-top:4px
}
.online-left .hd a,.online-show .hd a {
	background-position:-36px 12px
}
.onlinebox .con h3 {
	font-size:14px;
	color:#333;
	font-weight:600;
	line-height:24px;
	padding:5px;
	text-align:center
}
.onlinebox .con ul {
	padding:0
}
.onlinebox .con ul li {
	line-height:38px;
	height:38px;
	border-bottom:solid 1px #E6E4E4;
	overflow:hidden;
	padding:0 8px
}
.onlinebox .con ul li .tit {
	color:#666
}
.onlinebox .con ul li .img {
	margin-right:5px
}
.onlinebox .con ul li img {
	vertical-align:middle
}
.error404 .sorry .con h3,.error404 .sorry .con h3 a,.error404 .sorry .con h3 em,.filter td,.ta,.tb {
	vertical-align:top
}
.onlinebox .con ul li:last-child {
	border-bottom:0
}
.online-show .bd {
	display:block
}
.onlinebox .en a {
	background-image:url()
}
.online-left {
	left:0;
	right:auto;
	border-radius:0 6px 6px 0
}
.online-left .hd {
	float:right
}
.online-left.online-show .hd a {
	background-position:0 12px
}
.sidefloat {
	top:20%;
	position:fixed;
	right:0;
	width:50px;
	z-index:9999
}
.sidefloat ul li,.sidefloat ul li.top {
	position:relative;
	line-height:50px;
	width:50px;
	cursor:pointer
}
.sidefloat ul li {
	background:#555;
	font-size:14px;
	height:50px;
	color:#fff;
	margin-bottom:1px
}
.sidefloat ul li.top {
	background:#2aa2df;
	color:#1c1c1c;
	font-weight:800;
	text-align:center;
	overflow:visible
}
.sidefloat ul li.top span {
	margin-top:15px
}
.sidefloat ul li a {
	display:block;
	height:50px;
	line-height:50px;
	white-space:nowrap;
	color:#555
}
.sidefloat ul li a:hover {
	color:#333
}
.sidefloat ul li i {
	background:url() center 0 no-repeat;
	display:block;
	height:50px;
	overflow:hidden;
	width:50px
}
.sidefloat ul li i.ico-qq {
	background-position:0 0
}
.sidefloat ul li i.ico-ali,.sidefloat ul li i.ico-alius,.sidefloat ul li i.ico-taobao {
	background-position:center -50px
}
.sidefloat ul li i.ico-weixin {
	background-position:center -100px
}
.sidefloat ul li i.ico-skype {
	background-position:center -150px
}
.sidefloat ul li i.ico-whatapp {
	background-position:center -200px
}
.sidefloat ul li i.ico-tel {
	background-position:center -250px
}
.sidefloat ul li i.ico-email {
	background-position:center -300px
}
.sidefloat ul li i.ico-msn {
	background-position:center -350px
}
.sidefloat ul li i.ico-top {
	background-position:center -400px
}
.sidefloat ul li i.ico-msg {
	background-position:center -450px
}
.sidefloat ul li.tel .list {
	width:auto
}
.sidefloat ul li.tel .list a {
	white-space:nowrap
}
.sidefloat ul li .list {
	position:absolute;
	display:none;
	right:60px;
	top:0;
	min-width:120px;
	padding:0 14px;
	border:2px solid #2aa2df;
	border-radius:5px;
	background:#fff;
	width:auto
}
.sidefloat ul li .list:after,.sidefloat ul li .list:before {
	position:absolute;
	content:'';
	top:16px;
	display:block;
	height:0;
	width:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent
}
.form,.form .field,.form .mtip,.sidefloat ul li .list a {
	position:relative
}
.sidefloat ul li .list:after {
	right:-9px;
	border-left:7px solid #2aa2df;
	z-index:1
}
.sidefloat ul li .list:before {
	right:-7px;
	border-left:7px solid #fff;
	z-index:2
}
.sidefloat ul li .list a {
	height:46px;
	line-height:46px;
	border-bottom:1px solid #ddd;
	font-size:14px;
	display:flex;
	align-items:center;
	white-space:nowrap
}
.sidefloat ul li .list a svg {
	font-size:24px;
	color:#2aa2df;
	width:24px;
	height:24px
}
.sidefloat ul li .list a em {
	min-width:20px
}
.sidefloat ul li .list a span {
	flex:1;
	width:10%;
	padding-left:8px
}
.sidefloat ul li .list a:last-child {
	border-bottom:0
}
.sidefloat ul li .list.erweima {
	padding:10px
}
.sidefloat ul li .list.erweima p {
	color:#000;
	font-size:14px;
	line-height:30px;
	text-align:center;
	display:block
}
.sidefloat ul li .list.erweima p img {
	display:block;
	width:100%
}
.sidefloat ul li:hover>a,.sidefloat ul li:hover>i {
	background-color:#2aa2df
}
.sidefloat ul li.active .list {
	display:block
}
.sidefloat.sidefloat-left {
	right:auto;
	left:0
}
.sidefloat.sidefloat-left ul li .list {
	left:60px;
	right:auto
}
.sidefloat.sidefloat-left ul li .list:after {
	left:-9px;
	right:auto;
	border-left:0;
	border-right:7px solid #febe30
}
.sidefloat.sidefloat-left ul li .list:before {
	left:-7px;
	right:auto;
	border-left:0;
	border-right:7px solid #fff
}
.tips-dialog {
	position:absolute;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,.3);
	background:#fff;
	z-index:999
}
.tips-dialog a {
	color:#2a8dda
}
.tips-dialog a.brown {
	color:#b8954b
}
.tips-dialog a:hover {
	text-decoration:underline
}
.tips-dialog .icon-close {
	position:absolute;
	top:14px;
	right:20px;
	cursor:pointer;
	overflow:hidden;
	font-size:16px;
	line-height:16px
}
.c-tips-header {
	height:48px;
	line-height:48px;
	color:#333;
	padding:0 20px
}
.c-tips-header .title {
	font-size:16px
}
.c-tips-box {
	position:absolute;
	opacity:0;
	filter:Alpha(opacity=0)
}
.c-tips-box .j_loading {
	margin:2px 0 17px;
	padding:20px 0 10px;
	text-align:center
}
.c-tips-box .j_loading span {
	background:url() 0 center no-repeat;
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 0 0 26px
}
.tips-top .tips-dialog,.tips-top-left .tips-dialog,.tips-top-right .tips-dialog {
	top:-8px
}
.tips-bottom .tips-dialog,.tips-bottom-left .tips-dialog,.tips-bottom-right .tips-dialog {
	top:8px
}
.tips-left .tips-dialog,.tips-left-bottom .tips-dialog,.tips-left-top .tips-dialog {
	left:-8px
}
.tips-right .tips-dialog,.tips-right-bottom .tips-dialog,.tips-right-top .tips-dialog {
	left:8px
}
.j-arrow-a,.j-arrow-b {
	position:absolute;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	line-height:0;
	font-size:0
}
.form,.ta,.tb {
	font-size:16px
}
.tips-top .j-arrow-a,.tips-top-left .j-arrow-a,.tips-top-right .j-arrow-a {
	bottom:-8px;
	border-top:8px solid #f6f6f6;
	border-bottom:0 none;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.tips-top .j-arrow-b,.tips-top-left .j-arrow-b,.tips-top-right .j-arrow-b {
	bottom:-7px;
	border-top:8px solid #fff;
	border-bottom:0 none;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.tips-top-left .j-arrow-a,.tips-top-left .j-arrow-b {
	left:15px
}
.tips-top .j-arrow-a,.tips-top .j-arrow-b {
	left:50%;
	margin-left:-8px
}
.tips-top-right .j-arrow-a,.tips-top-right .j-arrow-b {
	right:15px
}
.tips-bottom .j-arrow-a,.tips-bottom-left .j-arrow-a,.tips-bottom-right .j-arrow-a {
	top:-8px;
	border-bottom:8px solid #f6f6f6;
	border-top:0 none;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.tips-bottom .j-arrow-b,.tips-bottom-left .j-arrow-b,.tips-bottom-right .j-arrow-b {
	top:-7px;
	border-bottom:8px solid #fff;
	border-top:0 none;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.tips-bottom-left .j-arrow-a,.tips-bottom-left .j-arrow-b {
	left:15px
}
.tips-bottom .j-arrow-a,.tips-bottom .j-arrow-b {
	margin-left:-8px;
	left:50%
}
.tips-bottom-right .j-arrow-a,.tips-bottom-right .j-arrow-b {
	right:15px
}
.tips-left .j-arrow-a,.tips-left-bottom .j-arrow-a,.tips-left-top .j-arrow-a {
	right:-8px;
	border-left:8px solid #f6f6f6;
	border-right:0 none;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}
.tips-left .j-arrow-b,.tips-left-bottom .j-arrow-b,.tips-left-top .j-arrow-b {
	right:-7px;
	border-left:8px solid #fff;
	border-right:0 none;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}
.tips-left-top .j-arrow-a,.tips-left-top .j-arrow-b {
	top:7px
}
.tips-left .j-arrow-a,.tips-left .j-arrow-b {
	margin-top:-8px;
	top:50%
}
.tips-left-bottom .j-arrow-a,.tips-left-bottom .j-arrow-b {
	bottom:15px
}
.tips-right .j-arrow-a,.tips-right-bottom .j-arrow-a,.tips-right-top .j-arrow-a {
	left:-8px;
	border-right:8px solid #f6f6f6;
	border-left:0 none;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}
.tips-right .j-arrow-b,.tips-right-bottom .j-arrow-b,.tips-right-top .j-arrow-b {
	left:-7px;
	border-right:8px solid #f6f6f6;
	border-left:0 none;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}
.tips-right-top .j-arrow-a,.tips-right-top .j-arrow-b {
	top:7px
}
.tips-right .j-arrow-a,.tips-right .j-arrow-b {
	margin-top:-8px;
	top:50%
}
.tips-right-bottom .j-arrow-a,.tips-right-bottom .j-arrow-b {
	bottom:15px
}
.form li {
	margin-top:20px;
	line-height:32px
}
.form .label,.form .th {
	float:left;
	width:100px;
	line-height:40px;
	font-weight:400;
	text-align:right
}
.ta,.tb {
	width:540px
}
.form .label em {
	color:red;
	margin-right:5px
}
.form .field {
	margin-left:100px;
	display:block;
	line-height:40px;
	min-height:40px
}
.ta,.tb {
	border:1px solid #edf0f1;
	height:40px;
	line-height:30px;
	padding:4px 10px;
	background-color:#fff;
	color:#333;
	box-sizing:border-box;
	transition:All .15s ease-in-out;
	-webkit-transition:All .15s ease-in-out;
	-moz-transition:All .15s ease-in-out;
	-o-transition:All .15s ease-in-out;
	border-radius:2px
}
.ta {
	display:block;
	height:152px;
	resize:none
}
.form .error,.ta:focus,.tb:focus {
	border-color:#ccc;
	background:#f1f1f1
}
.tb380 {
	width:380px
}
.radiobox input {
	display:inline-block;
	vertical-align:middle;
	margin:-2px 6px 0 0;
	cursor:pointer
}
.form .field .radiobox {
	margin-right:10px;
	color:#666
}
.form .verify,.inav li a svg {
	margin-right:20px
}
.form .formbtn {
	padding:40px 0 40px 100px
}
.form .formbtn .btn {
	display:block;
	width:200px;
	padding:0;
	font-size:18px;
	height:50px;
	line-height:50px;
	border-radius:5px
}
.form .verify input {
	width:130px
}
.form .verify img {
	height:38px;
	width:80px;
	border:1px solid #ddd;
	border-radius:2px;
	margin-left:8px
}
.form .tips-txt {
	display:none;
	position:absolute;
	left:10px;
	z-index:10;
	line-height:34px;
	color:#999;
	font-size:12px;
	white-space:nowrap;
	background:#fff3e6;
	border:1px solid #ffba8c;
	padding:0 10px 0 5px
}
.form .tips-txt:after,.form .tips-txt:before {
	position:absolute;
	margin-top:-6px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	content:'';
	top:50%
}
.form .tips-txt:before {
	left:-6px;
	border-right:6px solid #ffba8c
}
.form .tips-txt:after {
	left:-5px;
	border-right:6px solid #fff3e6
}
.form .tips-txt .n-icon {
	width:16px;
	height:16px;
	overflow:hidden;
	background:url() no-repeat;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle
}
.form .tips-txt .n-msg {
	display:inline-block;
	line-height:15px
}
.form .tips-txt.n-error {
	color:#c33
}
.form .tips-txt.n-ok {
	color:#390;
	border-color:#390;
	background-color:#fff
}
.form .tips-txt.n-tip,.form-info .tips-txt.n-loading {
	color:grey
}
.form .tips-txt.n-error .n-icon {
	background-position:0 0
}
.form .tips-txt.n-ok .n-icon {
	background-position:-16px 0
}
.form .tips-txt.n-tip .n-icon {
	background-position:-32px 0
}
.form .tips-txt.n-loading .n-icon {
	background:url(../images/loading.gif?v=1629736656218) 0 center no-repeat!important
}
.form .tips-txt.n-ok:before {
	border-right-color:#390
}
.form .tips-txt.n-ok:after {
	border-right-color:#fff
}
.checkbox,.radio {
	position:relative;
	display:inline-block;
	padding-left:0;
	height:40px;
	overflow:hidden
}
.checkbox input,.radio input {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2
}
.checkbox label,.radio label {
	padding:0 0 0 25px;
	margin:0;
	vertical-align:middle;
	display:inline-block;
	left:0;
	font-size:12px;
	white-space:nowrap
}
.checkbox label:after,.radio label:after {
	background:url(../images/uniform.png?v=1629736656218) no-repeat;
	display:block;
	position:absolute;
	left:0;
	top:50%;
	height:18px;
	width:18px;
	margin:-9px 2px 0;
	content:""
}
.dlform li,.dlform li .field.verify,.dlform li.name .field,.inav,.inav li a,.inav ul {
	display:flex
}
.radio label:after {
	background-position:0 -18px
}
.radio input:active+label:after {
	background-position:-18px -18px
}
.radio input:hover+label:after {
	background-position:-36px -18px
}
.radio input:active:hover+label:after {
	background-position:-54px -18px
}
.radio input:checked+label:after {
	background-position:-72px -18px
}
.radio input:checked:active+label:after {
	background-position:-90px -18px
}
.radio input:checked:hover+label:after {
	background-position:-108px -18px
}
.radio input:checked:active:hover+label:after {
	background-position:-126px -18px
}
.radio input:disabled+label:after {
	background-position:-144px -18px
}
.radio input:checked:disabled+label:after {
	background-position:-162px -18px
}
.checkbox input:active+label:after {
	background-position:-19px 0
}
.checkbox input:hover+label:after {
	background-position:-38px 0
}
.checkbox input:active:hover+label:after {
	background-position:-57px 0
}
.checkbox input:checked+label:after {
	background-position:-76px 0
}
.checkbox input:checked:active+label:after {
	background-position:-95px 0
}
.checkbox input:checked:hover+label:after {
	background-position:-114px 0
}
.checkbox input:checked:active:hover+label:after {
	background-position:-133px 0
}
.checkbox input:disabled+label:after {
	background-position:-152px 0
}
.checkbox input:checked:disabled+label:after {
	background-position:-171px 0
}
.dlform li:first-child {
	margin-top:0
}
.dlform li .field {
	margin-left:0;
	flex:1;
	width:10%
}
.dlform li .field input,.dlform li .field textarea {
	width:100%
}
.dlform li .field textarea {
	height:80px
}
.dlform li.name .field {
	white-space:nowrap
}
.dlform li.name .field input[type=text] {
	flex:1;
	width:10%
}
.dlform li.name .field .radio {
	height:48px;
	margin-left:20px
}
.dlform li.name .field label {
	white-space:nowrap;
	line-height:48px
}
.ihome .banner {
	position:relative;
	overflow:hidden
}
.ihome .banner .banner_m h2 {
	font-size:56px;
	line-height:60px
}
.ihome .banner .banner_m .con {
	font-size:24px;
	max-width:100%;
	line-height:40px
}
.ihome .banner .banner_m li.active {
	opacity:1
}
.ihome .banner .banner_m li.active h2 {
	top:30%
}
.ihome .banner .banner_m li.active .con {
	top:42%
}
.ihome .tbanner .wrapper {
	top:62%
}
.ihome .search {
	left:0;
	right:auto;
	border-radius:60px;
	width:580px
}
.ihome .search input {
	height:60px;
	line-height:60px
}
.ihome .search .select_container .select_input {
	line-height:60px
}
.ihome .search a {
	border-radius:0 60px 60px 0
}
.mtitle {
	text-align:center;
	padding:100px 0;
	color:#333;
	font-weight:700;
	font-size:44px
}
.mtitle em {
	color:#2aa2df
}
.inav {
	background:#f6f6f6;
	height:140px;
	line-height:140px;
	font-size:18px
}
.inav li {
	width:100%;
	border-right:1px solid #e6e6e6
}
.inav li:first-child {
	border-left:1px solid #e6e6e6
}
.inav li a {
	align-items:center;
	justify-content:center
}
.inav li a svg {
	font-size:40px
}
.inav li a:hover {
	background:#fafafa;
	color:#2aa2df
}
.inav:after {
	display:none
}
.prod {
	background:url() right top no-repeat #fff;
	padding-bottom:120px;
	background-size:auto 100%
}
.prod .tab-hd {
	width:180px
}
.prod .tab-hd a {
	display:block;
	height:76px;
	line-height:76px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:18px;
	padding:0 20px;
	background:#333;
	color:#ccc;
	border-radius:10px;
	margin-bottom:5px
}
.news .bd .list .tab-con,.prod .tab-con,.tab .tabm .tabc {
	display:none
}
.prod .tab-hd a.active,.prod .tab-hd a:hover {
	background:#2aa2df;
	color:#fff
}
.prod .tab-bd {
	width:10%;
	flex:1;
	padding:0 0 0 100px
}
.prod .tab-con {
	color:#333;
	font-size:16px;
	line-height:24px
}
.prod .tab-con .tatcon {
	display:flex
}
.prod .tab-con .intro {
	width:10%;
	flex:1;
	padding-right:100px
}
.prod .tab-con h2 {
	font-size:24px;
	line-height:76px;
	margin-bottom:30px;
	font-weight:700
}
.prod .tab-con .cont {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:7;
	-webkit-box-orient:vertical;
	margin-bottom:40px;
	height:168px
}
.processes .bd>ul,.processes .bd>ul li .cont .li,.prod .bd,.youshi .bd>ul {
	display:flex
}
.news .bd .hot .con,.news .bd .list .item .desc .con {
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.prod .tab-con .pic {
	padding-top:50px
}
.prod .tab-con .more a {
	color:#2aa2df;
	text-decoration:underline;
	line-height:50px
}
.prod .fd {
	padding:8px 0 50px
}
.youshi {
	padding-bottom:100px
}
.youshi .bd>ul li {
	width:27.3333%;
	text-align:center;
	margin:0 3%;
	border:1px solid #e6e6e6;
	border-radius:16px;
	background-color:#fff;
	height:400px;
	padding-top:62px;
	transition:All .2s ease-in-out;
	-webkit-transition:All .2s ease-in-out;
	-moz-transition:All .2s ease-in-out;
	-o-transition:All .2s ease-in-out
}
.youshi .bd>ul li:hover {
	background:#2aa2df;
	color:#fff!important
}
.youshi .bd>ul li:hover * {
	color:#fff!important
}
.youshi .bd>ul li:hover .tit {
	color:#fff
}
.youshi .bd>ul li:hover .pic img {
	filter:grayscale(100%) brightness(200%) grayscale(100%) brightness(200%)
}
.youshi .bd>ul li .pic img {
	width:80px;
	height:80px
}
.youshi .bd>ul li .tit {
	font-size:20px;
	color:#1e212d;
	font-weight:700;
	height:50px;
	line-height:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:20px
}
.youshi .bd>ul li .cont {
	font-size:16px;
	line-height:24px
}
.processes {
	background:url() no-repeat;
	background-size:cover;
	padding-bottom:140px
}
.processes .bd>ul {
	margin:0 -13px
}
.processes .bd>ul li {
	border-radius:16px;
	overflow:hidden;
	background:#fff;
	margin:0 13px;
	width:calc(25% - 26px);
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
	height:440px
}
.processes .bd>ul li:hover {
	background:#383d48
}
.processes .bd>ul li:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.processes .bd>ul li:hover .desc,.processes .bd>ul li:hover .tit {
	color:#fff
}
.processes .bd>ul li .pic {
	overflow:hidden
}
.processes .bd>ul li .pic img {
	width:100%;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.processes .bd>ul li .tit {
	font-size:20px;
	color:#1e212d;
	font-weight:700;
	height:40px;
	line-height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:15px
}
.processes .bd>ul li .desc {
	padding:20px 30px;
	color:#777
}
.processes .bd>ul li .cont {
	font-size:16px;
	line-height:24px
}
.processes .bd>ul li .cont .li p {
	width:10%;
	flex:1
}
.quanyi .bd>ul .item,.quanyi .bd>ul .title {
	width:calc(33.3333% - 1px);
	border-bottom:1px solid #222633;
	border-right:1px solid #222633;
	height:300px;
	display:flex
}
.quanyi {
	background:url()
}
.quanyi .bd>ul {
	display:flex;
	margin:0 -13px;
	flex-wrap:wrap;
	text-align:center
}
.quanyi .bd>ul .title {
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background:rgba(194,144,75,.9);
	border-left:1px solid #222633
}
.quanyi .bd>ul .title .tit {
	margin-top:40px;
	font-size:36px;
	line-height:48px;
	color:#fff;
	font-weight:700
}
.quanyi .bd>ul .item {
	overflow:hidden;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
	align-items:center;
	justify-content:center;
	flex-direction:column
}
.quanyi .bd>ul .item:nth-child(4) {
	border-left:1px solid #222633
}
.quanyi .bd>ul .item:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.quanyi .bd>ul .item .pic img {
	width:100%;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.quanyi .bd>ul .item .tit {
	font-size:24px;
	color:#e9c18a;
	font-weight:700;
	height:40px;
	line-height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.liucheng {
	background:url() no-repeat;
	background-size:cover;
	padding-bottom:96px
}
.liucheng .mtitle {
	padding-bottom:50px
}
.liucheng .bd {
	text-align:center
}
.liucheng .bd ul {
	display:flex;
	justify-content:space-between;
	align-items:flex-start
}
.liucheng .bd ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.liucheng .bd ul h3 {
	font-size:18px;
	line-height:24px;
	margin-top:24px
}
.liucheng .bd ul .num {
	position:relative;
	width:60px;
	height:100px;
	line-height:100px;
	text-align:center;
	background-color:#fff;
	font-size:48px;
	font-weight:700;
	color:#2aa2df
}
.liucheng .bd ul .num em {
	position:absolute;
	left:-30px;
	right:-30px;
	top:0;
	bottom:0;
	z-index:1;
	font-style:italic;
	padding-right:12px
}
.liucheng .bd ul .num:after,.liucheng .bd ul .num:before {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0
}
.bpic,.news .bd .hot,.news .bd .hot .bfocus_wrap,.news_detail .hd .tt,.prod_info .tt,.prod_list .loadings,.spic,.spic .list {
	position:relative
}
.liucheng .bd ul .num:before {
	right:60px;
	border-width:50px 30px;
	border-style:solid;
	border-color:transparent #fff transparent transparent
}
.liucheng .bd ul .num:after {
	left:60px;
	border-width:50px 30px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	top:0
}
.liucheng .bd ul .arrow {
	height:100px;
	color:#2aa2df;
	font-size:42px
}
.news {
	padding-bottom:70px
}
.news .bd {
	display:flex;
	align-items:flex-start
}
.news .bd .hot {
	width:480px;
	height:480px;
	margin-right:72px
}
.news .bd .hot .bfocus_wrap {
	width:100%;
	height:100%;
	overflow:hidden
}
.news .bd .hot .num_nav {
	position:absolute;
	bottom:65px;
	left:50%
}
.news .bd .hot .num_nav span {
	float:left;
	width:10px;
	height:10px;
	text-indent:-999em;
	margin:0 7px;
	cursor:pointer;
	background:rgba(255,255,255,.25);
	border-radius:50%
}
.news .bd .hot .num_nav span.selected {
	background:#fff
}
.news .bd .hot li {
	position:absolute;
	left:0;
	top:0;
	width:100%
}
.news .bd .hot li a {
	display:block;
	border:1px solid #e0e0e0
}
.news .bd .hot li .pic {
	border-bottom:1px solid #e0e0e0;
	overflow:hidden
}
.news .bd .hot img {
	width:100%;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.news .bd .hot .desc {
	padding:6px 20px 22px
}
.news .bd .hot h2 {
	font-size:16px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:700
}
.news .bd .hot .con {
	display:-webkit-box;
	white-space:normal!important;
	text-overflow:ellipsis;
	line-height:20px;
	height:40px;
	font-size:16px;
	color:#777
}
.news .bd .hot a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.news .bd .list {
	flex:1;
	width:10%
}
.news .bd .list .cate {
	display:flex
}
.news .bd .list .cate a {
	border:1px solid #e0e0e0;
	line-height:48px;
	padding:0 34px;
	text-align:center;
	color:#777;
	border-radius:48px;
	margin-right:10px;
	font-size:18px
}
.news .bd .list .cate a.active,.news .bd .list .cate a:hover {
	border:1px solid #2aa2df;
	color:#2aa2df
}
.news .bd .list .item {
	margin-top:53px;
	display:flex;
	align-items:center
}
.news .bd .list .item .pic {
	flex:0 0 120px;
	width:120px;
	border:1px solid #e0e0e0;
	overflow:hidden
}
.news .bd .list .item .pic img {
	width:100%;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.c_list>li>a,.menu-panel .wrapper .catea,.pic_list .li a .pic img,.prods .item a .pic img,.solution_list .li a .pic img,.xg-apps li a .pic img {
	transition:All .3s ease-in-out
}
.news .bd .list .item .desc {
	flex:1;
	width:10%;
	padding:0 100px 0 30px;
	font-size:14px;
	line-height:20px;
	color:#777
}
.news .bd .list .item .desc h2 {
	height:20px;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	font-weight:700;
	color:#555;
	margin-bottom:10px
}
.news .bd .list .item .desc .con {
	display:-webkit-box;
	white-space:normal!important;
	text-overflow:ellipsis;
	height:40px
}
.news .bd .list .item .desc .info {
	display:flex
}
.news .bd .list .item .desc .info span {
	width:50%
}
.news .bd .list .item .more {
	border:1px solid #e0e0e0;
	line-height:30px;
	width:68px;
	text-align:center;
	color:#777;
	border-radius:30px
}
.news .bd .list .item .more:hover {
	border:1px solid #2aa2df;
	color:#2aa2df
}
.news .bd .list .item:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.prods .bd {
	margin:0 -20px
}
.prods #album-slider .owl-stage-outer {
	border-radius:10px;
	overflow:hidden
}
.prods #album-slider .owl-nav {
	margin:0!important
}
.prods #album-slider .owl-nav button.owl-next,.prods #album-slider .owl-nav button.owl-prev {
	position:absolute;
	top:calc(50% - 60px);
	font-size:18px;
	background:#ccc;
	width:25px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	margin:0
}
.prods #album-slider .owl-nav button.owl-next:hover,.prods #album-slider .owl-nav button.owl-prev:hover,.prods .fd a {
	background:#2aa2df
}
.prods .item a .sale,.prods .item a .tt {
	height:56px;
	line-height:56px;
	font-size:16px;
	text-overflow:ellipsis;
	overflow:hidden
}
.prods #album-slider .owl-nav button.owl-prev {
	left:-10px;
	border-radius:50px 0 0 50px
}
.prods #album-slider .owl-nav button.owl-next {
	right:-10px;
	border-radius:0 50px 50px 0
}
.prods .item {
	margin:0 20px
}
.prods .item a {
	display:block
}
.prods .item a .pic {
	border:1px solid #edf0f1;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px
}
.prods .item a .pic img {
	display:block;
	width:100%;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.prods .item a .desc {
	display:flex;
	justify-content:space-between
}
.prods .item a .tt {
	flex:1;
	width:1%;
	white-space:nowrap;
	margin-right:10px
}
.prods .item a .sale {
	white-space:nowrap;
	color:#2aa2df
}
.prods .item a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.prods .fd {
	display:flex;
	justify-content:center;
	padding:60px 0 120px
}
.prods .fd a {
	padding:0 44px;
	line-height:50px;
	font-size:18px;
	color:#fff;
	border-radius:6px
}
.dy-content {
	line-height:24px
}
.dy-content .photo {
	line-height:0;
	padding-bottom:27px
}
.dy-content a {
	color:#555
}
.dy-content p {
	margin-bottom:20px
}
.contacts {
	line-height:24px;
	padding:0
}
#dituContent {
	height:460px;
	margin-top:30px;
	border:1px solid #ddd
}
#dituContent img {
	max-width:none
}
.contact {
	line-height:28px
}
.contact h2 {
	font-size:18px;
	margin-bottom:8px
}
.newslist .item {
	padding:30px;
	display:flex;
	align-items:center
}
.newslist .item .pic {
	flex:0 0 240px;
	width:240px;
	height:164px;
	border:1px solid #e0e0e0;
	overflow:hidden
}
.newslist .item .pic a {
	display:block;
	width:100%;
	height:100%;
}
.newslist .item .pic img {
	width:100%;
	height:100%;
	vertical-align:middle
}
.newslist .item .info {
	width:100%;
	color:#777
}
.newslist .item .info h3 {
	font-size:18px;
	height:34px;
	line-height:34px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:15px
}
.newslist .item .info .desc,.newslist.faq .item .info .desc,.pbox-bd a .tt {
	white-space:normal!important;
	word-wrap:break-word
}
.newslist .item .info .time {
	line-height:24px;
	color:#999
}
.newslist .item .info .desc {
	line-height:24px;
	height:72px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.download_list .item .con,.newslist.faq .item .info .desc,.pbox-bd a .tt {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.newslist .item .more {
	border:1px solid #e0e0e0;
	line-height:30px;
	width:68px;
	text-align:center;
	color:#777;
	border-radius:30px
}
.newslist .item .more:hover {
	border:1px solid #2aa2df;
	color:#2aa2df
}
.nbox-hd,.news-hd,.newslist.faq .item {
	border-bottom:1px solid #e6e6e6
}
.newslist .item .info+.more {
	margin-left:120px
}
.newslist .item:hover {
	background:#f5f5f5
}
.newslist .item:hover .info h3 a {
	color:#2aa2df;
	font-weight:700
}
.newslist .item .pic+.info {
	flex:1;
	width:10%;
	padding-left:30px
}
.newslist.faq .item {
	padding:0 0 20px;
	margin-bottom:20px
}
.newslist.faq .item .info h3 {
	margin-bottom:10px
}
.newslist.faq .item .info .desc {
	height:48px;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis
}
.newslist.faq .item:hover {
	background:0 0
}
.news-hd {
	padding-bottom:10px
}
.news-hd .tt {
	font-size:30px;
	line-height:40px;
	padding:19px 0
}
.news-hd .share {
	padding:15px 0
}
.news_details {
	display:flex
}
.news-tj {
	width:370px;
	margin-left:50px;
	background:#f5f5f5;
	padding:10px 30px 30px
}
.nbox {
	margin-bottom:20px
}
.nbox-hd {
	line-height:58px;
	font-size:16px;
	font-weight:700;
	margin-bottom:10px
}
.nbox-bd a {
	display:block;
	height:36px;
	line-height:36px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	color:#777
}
.news_detail {
	flex:1;
	width:10%;
	padding:10px 0 50px
}
.news_detail .hd,.pic_detail .hd {
	padding:25px 0 15px
}
.news_detail .hd {
	text-align:center;
	border-bottom:1px solid #eee
}
.news_detail .hd .tt {
	line-height:38px;
	font-size:24px;
	color:#333;
	margin-bottom:10px
}
.news_detail .datetime {
	line-height:48px;
	font-size:16px;
	color:#777
}
.news_detail .intro {
	font-size:16px;
	line-height:30px;
	border-bottom:1px solid #e6e6e6;
	padding:14px 0 17px
}
.news_detail .intro strong {
	color:#2aa2df
}
.news_detail .detail {
	word-wrap:break-word;
	word-break:normal;
	padding:20px 0 10px;
	line-height:28px;
	font-size:16px;
	color:#777
}
.news_detail .detail a {
	color:#555
}
.news_detail .pic {
	text-align:center;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	margin-bottom:15px;
	box-sizing:border-box
}
.news_detail .pic img {
	border:2px solid #B47738
}
.news_detail img {
	max-width:100%
}
@media (max-width:1080px) {
	.newslist .item {
	padding:.2rem;
	align-items:flex-start
}
.newslist .item .pic {
	flex:0 0 2.4rem;
	width:2.4rem;
	height:auto
}
.newslist .item .info {
	width:100%
}
.newslist .item .info h3 {
	font-size:.28rem;
	height:.4rem;
	line-height:.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:.2rem;
	font-weight:700
}
.newslist .item .info .desc,.newslist.faq .item .info .desc {
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-box-orient:vertical
}
.newslist .item .info .time {
	display:none
}
.newslist .item .info .desc {
	line-height:.4rem;
	height:auto;
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:3
}
.newslist .item .more {
	display:none
}
.newslist .item .info+.more {
	margin-left:.3rem
}
.newslist .item .pic+.info {
	padding-left:.3rem
}
.newslist.faq .item {
	padding:0 0 20px;
	margin-bottom:20px;
	border-bottom:1px solid #e6e6e6
}
.newslist.faq .item .info h3 {
	margin-bottom:10px
}
.newslist.faq .item .info .desc {
	height:48px;
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2
}
.newslist.faq .item:hover {
	background:0 0
}
.news-hd {
	padding-bottom:0
}
.news-hd .tt {
	font-size:.3rem;
	line-height:.5rem;
	padding:.3rem 0
}
.news-hd .share {
	padding:.2rem 0
}
.news-tj,.news_detail {
	width:100%;
	padding:.3rem;
	box-sizing: border-box;
}
.news_details {
	display:flex;
	flex-direction:column
}
.news-tj {
	margin-left:0;
	background:#f5f5f5
}
.nbox {
	margin-bottom:20px
}
.nbox-hd {
	line-height:.8rem;
	font-size:.3rem;
	margin-bottom:.2rem
}
.nbox-bd a {
	display:block;
	height:.7rem;
	line-height:.7rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:.24rem;
	color:#777
}
.news_detail {
	flex:1
}
.news_detail .hd {
	text-align:center;
	border-bottom:1px solid #eee;
	padding:25px 0 15px
}
.news_detail .hd .tt {
	line-height:38px;
	position:relative;
	font-size:24px;
	color:#333;
	margin-bottom:10px
}
.news_detail .datetime {
	line-height:48px;
	font-size:16px;
	color:#777
}
.news_detail .intro {
	font-size:.24rem;
	line-height:.35rem;
	padding:0;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	border-bottom:0
}
.news_detail .detail {
	border-top:1px solid #e6e6e6;
	margin-top:.3rem;
	padding:.3rem 0;
	font-size:.24rem;
	line-height:.35rem
}
}.prod-item,.xg-apps li {
	width:calc(25% - 40px)
}
.prod-item {
	float:left;
	margin:0 20px 32px
}
.prod-item a {
	display:block;
	transition:all .3s ease-out 0s;
	color:#555
}
.prod-item a .pic {
	overflow:hidden;
	border:1px solid #ccc;
	border-radius:4px
}
.prod-item a .pic img {
	width:100%;
	transition:all .5s ease
}
.prod-item a .tt {
	height:46px;
	line-height:46px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	text-align:center
}
.prod-item a:hover {
	color:#2aa2df
}
.prod-item a:hover .pic {
	border-color:#2aa2df
}
.bpic,.spic li a {
	border:1px solid #ccc
}
.prod-item a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.prod_list .list {
	margin:0 -20px
}
.prod_list .loadings {
	height:200px;
	display:flex;
	justify-content:center;
	align-items:center
}
.prod_list .loadings span {
	line-height:32px;
	padding-left:30px;
	background:url(../images/loading.gif?v=1629736656218) left center no-repeat;
	font-size:18px
}
.prod_details {
	background:#f8f8f8;
	padding-bottom:30px
}
.prod_detail {
	padding:30px;
	background:#fff
}
.prod_pic {
	float:left;
	width:550px
}
.bpic {
	width:548px;
	height:448px;
	overflow:hidden
}
.bpic img {
	display:block;
	width:100%;
	height:100%
}
.spic {
	height:110px
}
.spic .list {
	overflow:hidden;
	height:110px
}
.spic .list ul {
	width:9999px
}
.spic li {
	float:left;
	margin-right:8px
}
.spic li a {
	float:left;
	width:134px;
	height:110px;
	transition:none;
	box-sizing:border-box
}
.spic li a img {
	width:100%;
	height:100%
}
.spic li a:hover,.spic li.active a {
	border:2px solid #ffaf6d
}
.spic .next,.spic .prev {
	position:absolute;
	top:50%;
	margin-top:-13px;
	width:9px;
	height:16px;
	background:#2aa2df;
	padding:5px;
	z-index:3;
	opacity:0;
	transition:All .15s ease-in-out;
	-webkit-transition:All .15s ease-in-out;
	-moz-transition:All .15s ease-in-out;
	-o-transition:All .15s ease-in-out
}
.spic .next i,.spic .prev i {
	display:block;
	width:9px;
	height:16px;
	background:url() no-repeat
}
.spic .next i {
	background-position:-9px 0
}
.spic .prev {
	left:0
}
.spic .next {
	right:0
}
.spic:hover .next,.spic:hover .prev {
	opacity:1
}
.prod_title {
	font-size:24px;
	color:#333;
	line-height:55px;
	margin-bottom:10px
}
.prod_info {
	float:right;
	width:560px
}
.prod_info .tt {
	font-size:18px;
	line-height:30px;
	color:#333;
	padding-bottom:14px
}
.prod_info .tt:after {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	background:#be5b5e;
	width:80px;
	height:2px
}
.prod_info .intro {
	line-height:26px;
	padding:25px 0;
	min-height:156px;
	color:#777
}
.chat {
	line-height:28px;
	margin:7px 0 33px
}
.chat a {
	float:left
}
.prod-content {
	padding-bottom:100px
}
.prod-content a {
	color:#555
}
.tabt {
	display:flex;
	border-bottom:1px solid #e6e6e6
}
.tabt a,.tabt span {
	line-height:60px;
	padding:0 20px;
	font-size:16px;
	cursor:pointer;
	position:relative;
	white-space:nowrap
}
.tabt a.active,.tabt span.active {
	color:#2aa2df
}
.tabt a.active:after,.tabt span.active:after {
	position:absolute;
	content:'';
	left:0;
	bottom:-1px;
	right:0;
	border-bottom:2px solid #2aa2df
}
.tab .tabm {
	padding:30px 0;
	line-height:24px;
	font-size:16px
}
.tab .tabm .tabc:first-child {
	display:block
}
.product-hd {
	background:#333;
	padding:90px 0 100px
}
.prod-hd {
	display:flex;
	justify-content:space-between;
	margin-bottom:55px
}
.prod-hd .tt {
	flex:1;
	width:10%;
	font-size:40px;
	line-height:60px;
	font-weight:700;
	color:#fff;
	margin-bottom:24px
}
.prod-hd .mapnav {
	margin-left:50px
}
.product-intro {
	display:flex;
	flex-direction:row-reverse;
	margin-top:30px
}
.product-intro .pics {
	width:46%;
	margin-left:6.2%
}
.product-intro .pics #album-slider .owl-stage-outer {
	overflow:hidden
}
.product-intro .pics #album-slider .owl-nav {
	margin:0!important
}
.product-intro .pics #album-slider .owl-nav button.owl-next,.product-intro .pics #album-slider .owl-nav button.owl-prev {
	position:absolute;
	top:calc(50% - 15px);
	font-size:30px;
	margin:0;
	height:30px;
	width:30px;
	display:flex;
	align-items:center;
	justify-content:center
}
.product-intro .pics #album-slider .owl-nav button.owl-next:active,.product-intro .pics #album-slider .owl-nav button.owl-next:focus,.product-intro .pics #album-slider .owl-nav button.owl-next:hover,.product-intro .pics #album-slider .owl-nav button.owl-prev:active,.product-intro .pics #album-slider .owl-nav button.owl-prev:focus,.product-intro .pics #album-slider .owl-nav button.owl-prev:hover {
	background:0 0;
	color:#2aa2df;
	border:0
}
.product-intro .pics #album-slider .owl-nav button.owl-prev {
	left:10px
}
.product-intro .pics #album-slider .owl-nav button.owl-next {
	right:10px
}
.product-intro .info {
	width:10%;
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.product-intro .info .intro {
	color:#ccc;
	font-size:16px;
	line-height:32px;
	margin-bottom:32px
}
.product-intro .info .intro p {
	text-indent:2em
}
.product-intro .info .chat {
	display:flex;
	margin:0
}
.product-intro .info .chat a {
	line-height:60px;
	padding:0 32px;
	background:#fff;
	border-radius:4px;
	font-size:18px;
	margin:10px 10px 0 0;
	display:flex;
	align-items:center
}
.product-intro .info .chat a svg {
	font-size:26px;
	margin-right:12px;
	color:#2aa2df
}
.product-intro .info .chat a.active,.product-intro .info .chat a:hover {
	background:#2aa2df;
	color:#fff
}
.product-intro .info .chat a.active svg,.product-intro .info .chat a:hover svg {
	color:#fff
}
.prod-serive {
	border:1px dotted #2aa2df;
	padding:18px 18px 15px;
	border-radius:4px;
	margin-top:30px
}
.prod-serive li {
	display:flex;
	line-height:24px;
	margin-bottom:5px;
	color:#999
}
.prod-serive li strong {
	color:#2aa2df
}
.prod-serive li:last-child {
	margin-bottom:0
}
.prod-tabhd {
	display:block;
	padding-top:10px
}
.prod-tabhd .wrapper {
	display:flex
}
.prod-tabhd.is_stuck {
	background:#fff;
	z-index:1000
}
.prod-con {
	padding-top:24px
}
.prod-con>.title {
	font-size:24px;
	font-weight:700;
	color:#2aa2df;
	line-height:104px
}
.prod-con>.detail {
	font-size:16px;
	line-height:30px
}
.xg-apps ul {
	display:flex;
	flex-wrap:wrap;
	margin:0 -20px
}
.xg-apps li {
	margin:0 20px 18px
}
.xg-apps li a {
	display:block
}
.xg-apps li a .pic {
	border:1px solid #edf0f1;
	border-radius:10px;
	overflow:hidden
}
.xg-apps li a .pic img {
	display:block;
	width:100%;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.xg-apps li a .tt {
	height:58px;
	line-height:58px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	text-align:center
}
.xg-apps li a:hover {
	color:#2aa2df
}
.xg-apps li a:hover .pic {
	border-color:#2aa2df
}
.xg-apps li a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.xg-down.download_list .item {
	width:calc(33.3333% - 40px);
	margin:0 20px 40px
}
.comment-panel {
	display:flex;
	align-items:flex-start
}
.comment-list {
	flex:1;
	width:10%
}
.comment-list .noifo {
	background:#f6f6f6;
	margin-bottom:10px;
	border-radius:4px;
	padding:200px 30px;
	text-align:center;
	fon-size:16px
}
.comment-list .item {
	background:#f6f6f6;
	margin-bottom:10px;
	border-radius:4px;
	padding:24px 30px 30px;
	display:flex
}
.comment-list .item .face {
	margin-right:10px
}
.comment-list .item h3 {
	font-size:16px;
	line-height:26px;
	font-weight:700
}
.comment-list .item .info {
	line-height:20px;
	color:#777;
	margin-bottom:10px
}
.comment-list .item .con {
	line-height:20px
}
.comment-form {
	margin-left:60px;
	width:400px;
	padding:29px;
	background:#f6f6f6;
	border:1px solid #e6e6e6
}
.comment-form .tt {
	font-size:16px;
	line-height:16px;
	font-weight:700;
	margin-bottom:30px
}
.comment-form li {
	margin-bottom:10px
}
.comment-form input,.comment-form textarea {
	width:100%;
	padding:0 16px;
	line-height:48px;
	border:1px solid #dbdbdb
}
.comment-form .name {
	display:flex;
	white-space:nowrap
}
.comment-form .name input[type=text] {
	flex:1;
	width:10%
}
.comment-form .name .radio {
	height:48px;
	margin-left:20px
}
.comment-form .name label {
	white-space:nowrap;
	line-height:48px
}
.comment-form textarea {
	line-height:20px;
	padding:14px 16px;
	height:138px
}
.comment-form .verify {
	flex:1;
	width:1%;
	line-height:40px;
	border:1px solid #dbdbdb;
	display:flex;
	padding:4px;
	margin-right:20px
}
.comment-form .verify input {
	flex:1;
	width:1%;
	border:0
}
.comment-form .formbtn {
	display:flex;
	margin-top:20px;
	margin-bottom:0
}
.related-prod {
	display:flex
}
.related-prod .hot {
	width:392px;
	margin-right:7.8%
}
.related-prod .hot a {
	display:block;
	border:4px solid #e6e6e6;
	border-radius:10px;
	overflow:hidden
}
.related-prod .item {
	display:flex;
	border-bottom:1px solid #e6e6e6;
	line-height:48px;
	font-size:16px
}
.related-prod .item .itemno a {
	color:#2aa2df;
	font-weight:700
}
.related-prod .item span {
	width:25%
}
.related-prod .list {
	flex:1;
	width:10%
}
.related-prod .list h2 {
	line-height:24px;
	margin-bottom:12px;
	font-size:18px;
	font-weight:700
}
@media (max-width:1080px) {
	.prod-item a .tt,.xg-apps li a .tt {
	height:.6rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.prod-item {
	width:calc(50% - .2rem);
	margin:0 .1rem .2rem
}
.prod-item a .tt {
	line-height:.6rem;
	font-size:.24rem
}
.prod_list .list {
	margin:0 -.1rem
}
.tabt a,.tabt span {
	line-height:.8rem;
	padding:0 .1rem;
	font-size:.26rem;
	text-align:center;
	width:100%
}
.tab .tabm {
	padding:30px 0;
	line-height:24px;
	font-size:16px
}
.tab .tabm .tabc {
	display:none
}
.tab .tabm .tabc:first-child {
	display:block
}
.product-hd {
	background:#333;
	padding:.3rem 0
}
.prod-hd {
	display:flex;
	justify-content:space-between;
	margin-bottom:.3rem;
	padding:0 .3rem
}
.prod-hd .tt {
	flex:1;
	width:10%;
	font-size:.4rem;
	line-height:.6rem;
	margin-bottom:0
}
.prod-hd .mapnav {
	display:none
}
.product-intro {
	display:flex;
	margin-top:0;
	flex-direction:column
}
.product-intro .pics {
	width:100%;
	margin-left:0
}
.product-intro .pics #album-slider .owl-nav button.owl-next,.product-intro .pics #album-slider .owl-nav button.owl-prev {
	display:none
}
.product-intro .info {
	width:100%;
	flex:1;
	display:flex;
	padding:.2rem
}
.product-intro .info .intro {
	color:#ccc;
	font-size:.24rem;
	line-height:.4rem;
	margin-bottom:.3rem
}
.product-intro .info .chat {
	display:flex;
	margin:0;
	flex-wrap:wrap
}
.product-intro .info .chat a {
	line-height:.6rem;
	padding:0 .2rem;
	font-size:.24rem;
	margin:.1rem .1rem 0 0
}
.product-intro .info .chat a svg {
	font-size:.3rem;
	margin-right:.1rem
}
.prod-serive {
	padding:.2rem;
	margin-top:.3rem
}
.prod-serive li {
	line-height:.4rem
}
.prod-serive li p {
	flex:1;
	width:10%
}
.prod-tabhd {
	display:block;
	padding-top:10px
}
.prod-tabhd .wrapper {
	display:flex
}
.prod-tabhd.is_stuck {
	background:#fff;
	z-index:1000
}
.comment-list .item,.comment-list .noifo {
	background:#f6f6f6;
	border-radius:4px;
	margin-bottom:10px
}
.prod-con {
	padding:.2rem
}
.prod-con>.title {
	font-size:.4rem;
	line-height:1rem
}
.prod-con>.detail {
	font-size:.24rem;
	line-height:.4rem
}
.xg-apps ul {
	margin:0 -.1rem
}
.xg-apps li {
	width:calc(33.3333% - .2rem);
	margin:0 .1rem .2rem
}
.xg-apps li a .pic {
	border-radius:.05rem
}
.xg-apps li a .tt {
	line-height:.6rem;
	font-size:.24rem
}
.xg-down.download_list .list {
	margin:0
}
.xg-down.download_list .item {
	width:100%;
	margin:0 0 .2rem
}
.comment-panel {
	display:flex;
	align-items:flex-start;
	flex-direction:column
}
.comment-list {
	flex:1;
	width:100%
}
.comment-list .noifo {
	padding:.5rem;
	text-align:center;
	fon-size:16px
}
.comment-list .item {
	padding:24px 30px 30px;
	display:flex
}
.comment-list .item .face {
	margin-right:10px
}
.comment-list .item h3 {
	font-size:16px;
	line-height:26px;
	font-weight:700
}
.comment-list .item .info {
	line-height:20px;
	color:#777;
	margin-bottom:10px
}
.comment-list .item .con {
	line-height:20px
}
.comment-form {
	margin-left:0;
	width:100%;
	padding:.2rem
}
.comment-form .tt {
	font-size:.35rem;
	line-height:.5rem;
	font-weight:700;
	margin-bottom:.3rem
}
.comment-form li {
	margin-bottom:10px
}
.comment-form input,.comment-form textarea {
	width:100%;
	height:auto;
	padding:0 .2rem;
	line-height:.7rem
}
.comment-form .name {
	display:flex;
	white-space:nowrap
}
.comment-form .name input[type=text] {
	flex:1;
	width:10%
}
.comment-form .name .radio {
	height:.7rem;
	margin-left:.2rem
}
.comment-form .name label {
	white-space:nowrap;
	line-height:.7rem
}
.comment-form textarea {
	line-height:.3rem;
	padding:.1rem .2rem;
	height:2rem
}
.comment-form .verify {
	width:100%;
	line-height:.5rem;
	margin:0 0 .2rem;
	background:#fff;
	padding:.1rem
}
.comment-form .formbtn {
	display:flex;
	flex-direction:column;
	margin-top:.2rem;
	margin-bottom:0
}
.related-prod .hot,.related-prod .list h2 {
	display:none
}
.comment-form .formbtn .btn {
	width:100%;
	line-height:.7rem;
	font-size:.3rem;
	padding:0 .3rem
}
.related-prod .item {
	line-height:.4rem;
	padding:.2rem .2rem .2rem 0;
	font-size:.24rem
}
.related-prod .list {
	flex:1;
	width:10%
}
}@media (max-width:768px) {
	.prod-item a .tt,.xg-apps li a .tt {
	height:.6rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.prod-item {
	width:calc(50% - .2rem);
	margin:0 .1rem .2rem
}
.prod-item a .tt {
	line-height:.6rem;
	font-size:.24rem
}
.prod_list .list {
	margin:0 -.1rem
}
.tabt a,.tabt span {
	line-height:.8rem;
	padding:0 .1rem;
	font-size:.26rem;
	text-align:center;
	width:100%
}
.tab .tabm {
	padding:30px 0;
	line-height:24px;
	font-size:16px
}
.tab .tabm .tabc {
	display:none
}
.tab .tabm .tabc:first-child {
	display:block
}
.product-hd {
	background:#333;
	padding:.3rem 0
}
.prod-hd {
	display:flex;
	justify-content:space-between;
	margin-bottom:.3rem;
	padding:0 .3rem
}
.prod-hd .tt {
	flex:1;
	width:10%;
	font-size:.4rem;
	line-height:.6rem;
	margin-bottom:0
}
.prod-hd .mapnav {
	display:none
}
.product-intro {
	display:flex;
	margin-top:0;
	flex-direction:column
}
.product-intro .pics {
	width:100%;
	margin-left:0
}
.product-intro .pics #album-slider .owl-nav button.owl-next,.product-intro .pics #album-slider .owl-nav button.owl-prev {
	display:none
}
.product-intro .info {
	width:100%;
	flex:1;
	display:flex;
	padding:.2rem;
	box-sizing: border-box;
}
.product-intro .info .intro {
	color:#ccc;
	font-size:.24rem;
	line-height:.4rem;
	margin-bottom:.3rem
}
.product-intro .info .chat {
	display:flex;
	margin:0;
	flex-wrap:wrap
}
.product-intro .info .chat a {
	line-height:.6rem;
	padding:0 .2rem;
	font-size:.24rem;
	margin:.1rem .1rem 0 0
}
.product-intro .info .chat a svg {
	font-size:.3rem;
	margin-right:.1rem
}
.prod-serive {
	padding:.2rem;
	margin-top:.3rem
}
.prod-serive li {
	line-height:.4rem
}
.prod-serive li p {
	flex:1;
	width:10%
}
.prod-tabhd {
	display:block;
	padding-top:10px
}
.prod-tabhd .wrapper {
	display:flex
}
.prod-tabhd.is_stuck {
	background:#fff;
	z-index:1000
}
.comment-list .item,.comment-list .noifo {
	background:#f6f6f6;
	border-radius:4px;
	margin-bottom:10px
}
.prod-con {
	padding:.2rem
}
.prod-con>.title {
	font-size:.4rem;
	line-height:1rem
}
.prod-con>.detail {
	font-size:.24rem;
	line-height:.4rem
}
.xg-apps ul {
	margin:0 -.1rem
}
.xg-apps li {
	width:calc(33.3333% - .2rem);
	margin:0 .1rem .2rem
}
.xg-apps li a .pic {
	border-radius:.05rem
}
.xg-apps li a .tt {
	line-height:.6rem;
	font-size:.24rem
}
.xg-down.download_list .list {
	margin:0
}
.xg-down.download_list .item {
	width:100%;
	margin:0 0 .2rem
}
.comment-panel {
	display:flex;
	align-items:flex-start;
	flex-direction:column
}
.comment-list {
	flex:1;
	width:100%
}
.comment-list .noifo {
	padding:.5rem;
	text-align:center;
	fon-size:16px
}
.comment-list .item {
	padding:24px 30px 30px;
	display:flex
}
.comment-list .item .face {
	margin-right:10px
}
.comment-list .item h3 {
	font-size:16px;
	line-height:26px;
	font-weight:700
}
.comment-list .item .info {
	line-height:20px;
	color:#777;
	margin-bottom:10px
}
.comment-list .item .con {
	line-height:20px
}
.comment-form {
	margin-left:0;
	width:100%;
	padding:.2rem
}
.comment-form .tt {
	font-size:.35rem;
	line-height:.5rem;
	font-weight:700;
	margin-bottom:.3rem
}
.comment-form li {
	margin-bottom:10px
}
.comment-form input,.comment-form textarea {
	width:100%;
	height:auto;
	padding:0 .2rem;
	line-height:.7rem
}
.comment-form .name {
	display:flex;
	white-space:nowrap
}
.comment-form .name input[type=text] {
	flex:1;
	width:10%
}
.comment-form .name .radio {
	height:.7rem;
	margin-left:.2rem
}
.comment-form .name label {
	white-space:nowrap;
	line-height:.7rem
}
.comment-form textarea {
	line-height:.3rem;
	padding:.1rem .2rem;
	height:2rem
}
.comment-form .verify {
	width:100%;
	line-height:.5rem;
	margin:0 0 .2rem;
	background:#fff;
	padding:.1rem
}
.comment-form .formbtn {
	display:flex;
	flex-direction:column;
	margin-top:.2rem;
	margin-bottom:0
}
.related-prod .hot,.related-prod .list h2 {
	display:none
}
.comment-form .formbtn .btn {
	width:100%;
	line-height:.7rem;
	font-size:.3rem;
	padding:0 .3rem
}
.related-prod .item {
	line-height:.4rem;
	padding:.2rem .2rem .2rem 0;
	font-size:.24rem
}
.related-prod .list {
	flex:1;
	width:10%
}
}.pic_list .li a .tt,.solution_list .li a .tt {
	height:46px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.pic_list ul {
	margin:0 -22px
}
.pic_list .li {
	float:left;
	width:calc(33.3333% - 44px);
	margin:0 22px 25px
}
.pic_list .li a {
	display:block
}
.pic_list .li a .pic {
	border:1px solid #edf0f1;
	border-radius:4px;
	overflow:hidden
}
.pic_list .li a .pic img {
	display:block;
	width:100%;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.pic_list .li a .tt {
	line-height:46px;
	font-size:16px;
	text-align:center
}
.pic_list .li a:hover {
	color:#2aa2df
}
.pic_list .li a:hover .pic {
	border-color:#2aa2df
}
.pic_detail .hd,.pic_detail .pic {
	border-bottom:1px solid #eee;
	text-align:center
}
.pic_list .li a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.pic_detail .hd .tt {
	line-height:38px;
	position:relative;
	font-size:24px;
	color:#333;
	margin-bottom:10px
}
.pic_detail .hd .datetime {
	color:#999
}
.pic_detail .detail {
	word-wrap:break-word;
	word-break:normal;
	padding:20px 0 10px;
	line-height:28px;
	font-size:14px;
	color:#777
}
.pic_detail .detail a {
	color:#18b6ea
}
.pic_detail .pic {
	padding:20px 0;
	margin-bottom:15px;
	box-sizing:border-box
}
.pic_detail img {
	max-width:100%
}
.tabm a {
	color:#555
}
.solution_list .list {
	margin:0 -20px
}
.solution_list .li {
	float:left;
	width:calc(25% - 40px);
	margin:0 20px 30px
}
.solution_list .li a {
	display:block
}
.solution_list .li a .pic {
	border:1px solid #edf0f1;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px
}
.solution_list .li a .pic img {
	display:block;
	width:100%;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.solution_list .li a .tt {
	line-height:46px;
	font-size:16px;
	text-align:center
}
.solution_list .li a:hover .pic img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1)
}
.solution-hd {
	background:#333;
	padding:30px 0 100px
}
.solution-intro {
	display:flex;
	margin-top:30px
}
.solution-intro .pics {
	width:39%;
	margin-right:4.5%
}
.solution-intro .pics #album-slider .owl-stage-outer {
	border-radius:10px;
	overflow:hidden
}
.solution-intro .pics #album-slider .owl-nav {
	margin:0!important
}
.solution-intro .pics #album-slider .owl-nav button.owl-prev {
	position:absolute;
	left:10px;
	top:50%;
	font-size:30px
}
.solution-intro .pics #album-slider .owl-nav button.owl-prev:hover {
	background:0 0
}
.solution-intro .pics #album-slider .owl-nav button.owl-next {
	position:absolute;
	right:10px;
	top:50%;
	font-size:30px;
	margin:0;
	height:30px;
	width:30px;
	display:flex;
	align-items:center;
	justify-content:center
}
.solution-intro .pics #album-slider .owl-nav button.owl-next:active,.solution-intro .pics #album-slider .owl-nav button.owl-next:focus,.solution-intro .pics #album-slider .owl-nav button.owl-next:hover {
	background:0 0;
	border:0
}
.solution-intro .info {
	width:10%;
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.solution-intro .info .tt {
	font-size:40px;
	line-height:96px;
	font-weight:700;
	color:#fff;
	margin-bottom:24px
}
.solution-intro .info .intro {
	color:#ccc;
	font-size:16px;
	line-height:32px;
	margin-bottom:32px
}
.solution-intro .info .chat {
	display:flex;
	margin:0
}
.solution-intro .info .chat a {
	line-height:60px;
	padding:0 32px;
	background:#fff;
	border-radius:4px;
	font-size:18px;
	margin:10px 10px 0 0;
	display:flex;
	align-items:center
}
.solution-intro .info .chat a svg {
	font-size:26px;
	margin-right:12px;
	color:#2aa2df
}
.header .logo,.pbox-bd a .pic {
	margin-right:20px
}
.solution-intro .info .chat a.active,.solution-intro .info .chat a:hover {
	background:#2aa2df;
	color:#fff
}
.solution-intro .info .chat a.active svg,.solution-intro .info .chat a:hover svg {
	color:#fff
}
.solution_details {
	display:flex
}
.solution_detail {
	flex:1;
	width:10%;
	padding:10px 0 50px
}
.pbox-bd li {
	margin-bottom:20px
}
.pbox-bd a {
	display:flex;
	align-items:center
}
.pbox-bd a .pic {
	width:120px;
	border:1px solid #e6e6e6;
	border-radius:4px;
	overflow:hidden
}
.pbox-bd a .tt {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:16px;
	line-height:24px
}
@media (max-width:1080px) {
	.pbox-bd a .pic,.pic_list .li a .pic {
	border-radius:.08rem
}
.pbox-bd a .tt,.pic_list .li a .tt,.solution_list .li a .tt {
	overflow:hidden;
	text-overflow:ellipsis
}
.pic_list ul {
	margin:0 -.1rem
}
.pic_list .li {
	width:calc(50% - .2rem);
	margin:0 .1rem .2rem
}
.pic_list .li a .tt {
	height:.5rem;
	line-height:.5rem;
	white-space:nowrap;
	font-size:.24rem
}
.pic_detail .hd {
	text-align:center;
	border-bottom:1px solid #eee;
	padding:25px 0 15px
}
.pic_detail .hd .tt {
	line-height:38px;
	position:relative;
	font-size:24px;
	color:#333;
	margin-bottom:10px
}
.pic_detail .hd .datetime {
	color:#999
}
.pic_detail .detail {
	word-wrap:break-word;
	word-break:normal;
	padding:20px 0 10px;
	line-height:28px;
	font-size:14px;
	color:#777
}
.pic_detail .detail a {
	color:#18b6ea
}
.pic_detail .pic {
	text-align:center;
	border-bottom:1px solid #eee;
	padding:20px 0;
	margin-bottom:15px;
	box-sizing:border-box
}
.pic_detail img {
	max-width:100%
}
.solution_list .list {
	margin:0 -.1rem
}
.solution_list .li {
	width:calc(50% - .2rem);
	margin:0 .1rem .2rem
}
.solution_list .li a .pic {
	border-radius:.1rem;
	margin-bottom:.1rem
}
.solution_list .li a .pic img {
	display:block;
	width:100%;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.solution_list .li a .tt {
	height:.5rem;
	line-height:.5rem;
	white-space:nowrap;
	font-size:.24rem
}
.solution-hd {
	background:#333;
	padding:.2rem
}
.solution-intro {
	display:flex;
	flex-direction:column;
	margin-top:30px
}
.solution-intro .pics {
	width:100%;
	margin-right:0
}
.solution-intro .pics #album-slider .owl-stage-outer {
	border-radius:.1rem;
	overflow:hidden
}
.solution-intro .pics #album-slider .owl-nav {
	margin:0!important;
	display:none
}
.solution-intro .info {
	width:100%;
	flex:1;
	display:flex;
	padding:.2rem
}
.solution-intro .info .tt {
	font-size:.4rem;
	line-height:.6rem;
	margin-bottom:0
}
.solution-intro .info .intro {
	color:#ccc;
	font-size:.24rem;
	line-height:.4rem;
	margin-bottom:.3rem
}
.solution-intro .info .chat {
	display:flex;
	margin:0;
	flex-wrap:wrap
}
.solution-intro .info .chat a {
	line-height:.6rem;
	padding:0 .2rem;
	font-size:.24rem;
	margin:.1rem .1rem 0 0
}
.solution-intro .info .chat a svg {
	font-size:.3rem;
	margin-right:.1rem
}
.solution_details {
	display:flex;
	flex-direction:column
}
.solution_detail {
	flex:1;
	width:100%;
	padding:0
}
.solution_detail .tabc {
	padding:.3rem
}
.pbox-bd li {
	margin-bottom:20px
}
.pbox-bd a {
	display:flex;
	align-items:center
}
.pbox-bd a .pic {
	width:2rem;
	margin-right:.2rem
}
.pbox-bd a .tt {
	display:-webkit-box;
	white-space:normal!important;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:.28rem;
	line-height:.4rem
}
}.header,.main_t,.mapnavs .wrapper {
	justify-content:space-between
}
.Comm-Box {
	padding:18px 0 18px 50px
}
.comm-frm .tit {
	height:41px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	margin-bottom:28px
}
.comm-frm .tit span {
	float:left;
	border-bottom:3px solid #3abdff;
	color:#333;
	font-size:16px
}
.search_list .item {
	padding:0 0 20px;
	border-bottom:1px dotted #ddd;
	margin-bottom:20px
}
.search_list .item:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden
}
.search_list .item .pic {
	width:100px;
	float:left;
	overflow:hidden
}
.search_list .item .pic a {
	display:block;
	border:1px solid #ddd
}
.search_list .item .pic img {
	display:block;
	width:100%
}
.search_list .item .info {
	margin-left:120px
}
.search_list .item .info h3 {
	font-size:16px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.search_list .item .info .time {
	line-height:24px;
	height:24px;
	color:#999;
	font-size:12px;
	margin-bottom:5px
}
#nav>li .snav,.cf:after,.clear,.wrapper:after {
	height:0;
	overflow:hidden
}
.search_list .item .info .desc {
	line-height:24px;
	color:#777
}
/** {
	box-sizing:border-box;
	outline:0
}*/
body,dd,dl,dt,h1,h2,h3,h4,h5,html,li,ol,ul {
	margin:0;
	padding:0
}
body {
	color:#555;
	font:14px/1.5 "PingFang SC","Microsoft YaHei","Microsoft YaHei UI","WenQuanYi Micro Hei",Arial,sans-serif,\5b8b\4f53;
	background:#fff
}
.btn,h1,h2,h3,h4,h5,h6 {
	font-weight:400
}
body,div,p {
	word-wrap:break-word
}
p {
	margin:0
}
table {
	border-collapse:collapse
}
a {
	outline:0;
	cursor:pointer;
	color:#555;
	transition:all .15s ease-in-out 0s
}
a:hover {
	outline:0;
	color:#2aa2df
}
.btn-blue,.btn-blue:hover,.btn-default,.btn-default:hover,.btn-disabled,.btn-disabled:hover,.btn-primary,.btn-primary:hover,.btn-red,.btn-red:hover {
	color:#fff;
	text-decoration:none
}
ol,ul {
	list-style-type:none
}
img,input,select,textarea {
	vertical-align:middle;
	font-family:"PingFang SC","Microsoft YaHei","Microsoft YaHei UI","WenQuanYi Micro Hei",Arial,sans-serif,\5b8b\4f53;
	outline:0
}
em,i {
	font-style:normal
}
.fc {
	clear:both
}
.clear {
	clear:both;
	display:block
}
.cf:after,.wrapper:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden
}
.cf {
	zoom:1
}
.top,.wrapper {
	width:1440px;
	margin:0 auto;
	padding:0;
	position:relative
}
img {
	max-width:100%;
	height:auto
}
textarea {
	resize:none;
	min-height:60px;
	padding:15px 20px
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility:hidden
}
@-webkit-keyframes bounce {
	20%,53%,80%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
40%,43% {
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}
70% {
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)
}
90% {
	-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)
}
}@keyframes bounce {
	20%,53%,80%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
40%,43% {
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}
70% {
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)
}
90% {
	-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)
}
}.bounce {
	-webkit-animation-name:bounce;
	animation-name:bounce;
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom
}
@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	transform:translateY(-100px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
	0% {
	opacity:0;
	-webkit-transform:translateY(-2000px);
	transform:translateY(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInDownBig {
	0% {
	opacity:0;
	-webkit-transform:translateY(-2000px);
	-ms-transform:translateY(-2000px);
	transform:translateY(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInDownBig {
	-webkit-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	transform:translateX(-100px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes fadeInLeftBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	-ms-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.fadeInLeftBig {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(100px);
	transform:translateX(100px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(100px);
	-ms-transform:translateX(100px);
	transform:translateX(100px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(2000px);
	transform:translateX(2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes fadeInRightBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(2000px);
	-ms-transform:translateX(2000px);
	transform:translateX(2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.fadeInRightBig {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(100px);
	transform:translateY(100px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(100px);
	-ms-transform:translateY(100px);
	transform:translateY(100px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
	0% {
	opacity:0;
	-webkit-transform:translateY(2000px);
	transform:translateY(2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUpBig {
	0% {
	opacity:0;
	-webkit-transform:translateY(2000px);
	-ms-transform:translateY(2000px);
	transform:translateY(2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInUpBig {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
50% {
	opacity:1
}
}@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
50% {
	opacity:1
}
}.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn
}
.i:before,[class*=" icon-"]:before,[class^=icon-]:before {
	font-family:iconfont!important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.svgicon {
	display:inline-block;
	width:1em;
	height:1em;
	fill:currentColor;
	vertical-align:-.1em;
	font-size:inherit
}
.icon-arrow:before {
	background-position:0 0;
	width:4px;
	height:10px
}
.icon-arrowb:before {
	background-position:0 -20px;
	width:4px;
	height:10px
}
.icon-dot:before {
	background-position:0 -66px;
	width:20px;
	height:20px
}
.icon-email:before {
	background-position:0 -40px;
	width:22px;
	height:16px
}
.icon-more:before {
	background-position:0 -186px;
	width:60px;
	height:60px
}
.icon-qq:before {
	background-position:0 -96px;
	width:18px;
	height:20px
}
.icon-tel:before {
	background-position:0 -126px;
	width:50px;
	height:50px
}
.icon,[class*=" icon-"],[class^=icon-] {
	display:inline-block
}
.icon:before,[class*=" icon-"]:before,[class^=icon-]:before {
	background-image:url();
	background-repeat:no-repeat;
	display:inline-block;
	content:' ';
	vertical-align:middle
}
#mnav .hsub:after,#nav>li .active:after,#nav>li .ca:hover:after,#nav>li .shover:after,#nav>li .subnav:after,#nav>li .subnav:before,.banner .bnav a em,.btn-outline-default:before,.foot:after,.header .nav:after,.menu-panel .wrapper .catea a:after,.mnav .close:after,.mnav .close:before,.select_container .select_input:after {
	content:''
}
.btn {
	cursor:pointer;
	display:inline-block;
	font-size:16px;
	line-height:48px;
	padding:0 30px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	border-radius:4px;
	position:relative;
	border:0
}
.btn-default,.btn-default:hover {
	background:#9293a0
}
.btn-blue {
	background-color:#7cd0f4
}
.btn-blue:hover {
	background-color:#2db6f0
}
.btn-red,.btn-red:hover {
	background-color:#ff0606
}
.btn-primary {
	background-color:#2aa2df
}
.btn-primary:hover {
	background-color:rgba(235,97,0,.9)
}
.btn-disabled,.btn-disabled:hover {
	background-color:#999;
	cursor:default
}
.btn-outline-default {
	color:#333;
	text-decoration:none;
	background-color:#fff
}
.btn-outline-default:before {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:1px solid #ccc;
	border-radius:4px
}
.btn-outline-default:hover {
	color:#fff;
	background:#2aa2df
}
.btn-outline-default:hover:before {
	border:0
}
.btn-outline-default.btn-radius:before,.btn-radius {
	border-radius:36px
}
.btn-big {
	line-height:50px;
	padding:0 32px
}
.header {
	position:sticky;top:0;left:0;width: 100%;box-sizing: border-box;
	z-index:12;
	height:100px;
	background:#fff;
	display:flex;
	padding:0 80px;
	box-shadow:0 0 3px rgba(0,0,0,.1)
}
.back-top,.header.is_stuck {
	z-index:1001
}
.header .top-left,.header .top-right {
	display:flex;
	align-items:center;
	position:relative
}
.header .slogan {
	font-size:14px;
	color:#777;
	line-height:20px
}
.header .slogan h3,.header .tels,.header .tels .tel,.searchs .close,.searchs .search svg {
	font-size:24px
}
.header .slogan h3 {
	color:#2aa2df;
	font-weight:700;
	line-height:28px
}
.header .slogan p{
	white-space: nowrap;
}
.header .top {
	position:relative
}
.header .logo img {
	max-width:360px;
	max-height:48px
}
.header .tels {
	display:flex;
	align-items:center;
	line-height:26px;
	color:#2aa2df;
	white-space:nowrap
}
.header .tels .tel {
	white-space:nowrap;
	padding-left:10px
}
#nav,.searchs {
	z-index:2
}
.searchs {
	position:absolute;
	right:0;
	left:-40px;
	top:0;
	bottom:0;
	background:#fff;
	display:none;
	align-items:center;
	justify-content:space-between
}
#nav,.searchs.show {
	display:flex
}
.searchs .search {
	width:70%;
	position:static;
	border-bottom:1px solid #e6e6e6;
	align-items:center;
	border-radius:unset
}
.searchs .search input {
	height:50px;
	line-height:50px;
	font-size:16px
}
.searchs .search a {
	background:0 0;
	color:#555;
	padding:0
}
.header .top-right{
	width: 100%;
}
.header .nav {
	height:100px;
	position:relative;
	padding-right:30px;
	margin-right:40px
}
.header .nav:after {
	position:absolute;
	right:0;
	top:calc(50% - 12px);
	width:1px;
	height:24px;
	background:#e0e0e0
}
#nav,#nav>li,#nav>li .ca {
	position:relative
}
#nav{
	width: 100%;
	margin-left: 50px;
}
#nav>li {
	text-align:center;
	margin-right:1px
}
#nav>li.navk{
	width: 100%;
}
#nav>li .ca {
	display:block;
	color:#555;
	font-size:18px;
	line-height:100px;
	padding:0 15px;
	white-space:nowrap
}
.icon-h-menu {
 width: 16px;
 height: 16px;
 background: url(../images/menu-on.png) no-repeat center;
 background-size: contain;
 margin-top: -2px;
 margin-left: 10px;
 vertical-align: middle;
}
#nav>li.home:after {
	display:none
}
#nav>li .active,#nav>li .ca:hover,#nav>li .shover {
	text-decoration:none;
	color:#2aa2df
}
/*#nav>li .active:after,#nav>li .ca:hover:after,#nav>li .shover:after {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:#2aa2df;
	transform:skewX(-11deg);
	z-index:-1
}*/
#nav>li .subnav,#nav>li .subnav:after,#nav>li .subnav:before {
	position:absolute;
	background:#fff
}
#nav>li .snav {
	position:absolute;
	left:0;
	top:100%
}
#nav>li .subnav {
	left:5px;
	bottom:5px;
	float:left;
	padding:6px 0;
	width:150px;
	border:1px solid #ebebeb;
	border-radius:4px;
	box-shadow:0 0 8px rgba(0,0,0,.3)
}
#nav>li .subnav:before {
	top:-5px;
	left:50px;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	box-shadow:0 0 8px rgba(0,0,0,.3);
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg)
}
#nav>li .subnav:after {
	top:0;
	left:0;
	right:0;
	height:10px;
	z-index:1
}
#nav>li .subnav .sub-menu {
	float:left;
	position:relative;
	z-index:2
}
#nav>li .subnav .sub-menu li {
	position:relative
}
#nav>li .subnav .sub-menu li a {
	position:relative;
	display:block;
	text-align:left;
	line-height:34px;
	height:34px;
	padding:0 20px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap
}
#nav>li .subnav .sub-menu li a.active,#nav>li .subnav .sub-menu li a:hover {
	color:#2aa2df;
	text-decoration:none
}
#nav>li .subnav .sub-menu li:hover ul {
	opacity:1;
	left:100%
}
#nav>li .subnav .sub-menu ul {
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	min-width:150px;
	background:#4f9be3;
	padding:10px 0;
	z-index:-1
}
#nav>li .subnav .sub-menu ul li a {
	color:#003b73
}
#nav>li .subnav .sub-menu ul li a.active,#nav>li .subnav .sub-menu ul li a:hover {
	color:#fff
}
.menu-panel {
	position:absolute;
	left:0;
	right:0;
	top:calc(100% - 1px);
	background:#fff;
	border-top:1px solid #e5e5e5;
	display:none;
	height:0;
	z-index:100
}
.menu-panel.show {
	display:block
}
.menu-panel .wrapper {
	height:100%
}
.menu-panel .wrapper>.items {
	display:none;
	height:100%
}
.menu-panel .wrapper>.items.active {
	display:flex
}
.menu-panel .wrapper .catea {
	width:25%;
	background:#fff;
	padding:22px 0 22px 20px;
	overflow-y:auto;
	overflow-x:hidden;
	border-right:1px solid #e6e6e6;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.menu-panel .wrapper .catea:hover {
	background:#f7f7f7
}
.menu-panel .wrapper .catea:last-child {
	border-right:0
}
.menu-panel .wrapper .catea>h2 {
	font-size:22px;
	line-height:40px;
	margin-left:20px;
	font-weight:700;
	display:inline-block;
	border-bottom:2px solid #2aa2df;
	margin-bottom:10px
}
.menu-panel .wrapper .catea a {
	display:block;
	line-height:24px;
	position:relative;
	font-size:16px;
	padding:14px 40px
}
.menu-panel .wrapper .catea a.ca {
	font-weight:700
}
.menu-panel .wrapper .catea a:after {
	position:absolute;
	left:20px;
	top:24px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#555
}
.banner .banner_m .con,.banner .banner_m .pic,.banner .banner_m h2,.banner .bnav,.banner .bnav a em {
	left:0;
	position:absolute
}
.menu-panel .wrapper .catea a:hover:after {
	background:#2aa2df
}
.menu-panel .wrapper .cate_5 .catea:last-child {
	width:60%
}
.menu-panel .wrapper .cate_5 .catea:last-child>ul ul {
	display:flex;
	flex-wrap:wrap;
	padding-left:40px;
	margin-bottom:10px
}
.menu-panel .wrapper .cate_5 .catea:last-child>ul ul a {
	padding:0;
	margin:0 40px 14px 0
}
.menu-panel .wrapper .cate_5 .catea:last-child>ul ul a:after {
	display:none
}
.banner {
	position:relative;
	overflow:hidden
}
.banner .banner_m {
	margin:0 auto;
	overflow:hidden;
	position:relative
}
.banner .banner_m li {
	float:left;
	position:relative;
	width:100%;
	height:100%;
	background:url(../images/loading.gif) center no-repeat
}
.banner .banner_m .pic {
	top:0;
	display:block;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}
.banner .banner_m .video video {
	width:100%;
	height:100%;
	object-fit:cover
}
.banner .banner_m img {
	width:100%
}
.banner .banner_m h2 {
	top:0;
	font-size:40px;
	color:#fff;
	line-height:50px;
	font-weight:700;
	text-transform:uppercase;
	opacity:0
}
.banner .banner_m .con {
	top:0;
	opacity:0;
	max-width:600px;
	font-size:24px;
	color:#fff;
	line-height:36px
}
.banner .banner_m li.active {
	opacity:1
}
.banner .banner_m li.active h2 {
	top:28%;
	opacity:1;
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown;
	-webkit-animation-duration:1.6s;
	animation-duration:1.6s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
	-webkit-animation-iteration-count:none;
	animation-iteration-count:none
}
.banner .banner_m li.active .con {
	top:48%;
	opacity:1;
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown;
	-webkit-animation-duration:2.2s;
	animation-duration:2.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
	-webkit-animation-iteration-count:none;
	animation-iteration-count:none
}
.banner .bnav {
	right:0;
	bottom:26px;
	z-index:10;
	text-align:center;
	display:flex;
	justify-content:center
}
.banner .bnav a {
	display:inline-block;
	width:100px;
	height:3px;
	margin:0 3px;
	cursor:pointer;
	background:rgba(255,255,255,.5);
	position:relative
}
.banner .bnav a em {
	top:0;
	bottom:0;
	width:0;
	background:#3db88f
}
.banner .bnav a.selected em {
	transition:All 5s ease-in-out;
	width:100%
}
#navigateLeft,#navigateRight {
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-30px;
	width:40px;
	height:60px;
	line-height:60px;
	color:#fff;
	text-align:center;
	font-size:30px;
	z-index:4;
	display:none;
	background:rgba(0,0,0,.48)
}
#main_content,#side,.c_list>li>a,.main_t,.tbanner {
	position:relative
}
#navigateRight {
	right:80px
}
#navigateLeft {
	left:80px
}
.tbanner .hname {
	position:absolute;
	bottom:38px;
	left:calc(50% - 600px);
	z-index:1;
	width:1200px;
	font-size:36px;
	color:#fff;
	line-height:55px
}
.tbanner .wrapper {
	position:absolute;
	left:50%;
	transform:translateX(-720px);
	top:45%;
	z-index:10
}
.search {
	transition:all .15s ease-out 0s;
	position:absolute;
	top:0;
	right:0;
	display:flex;
	border-radius:50px;
	background:#fff;
	width:500px;
	padding-left:15px
}
.search form{
	width: 100%;
	height: 100%;
	display: flex;
}
.search select {
	border:0;
	background:0 0;
	color:#2aa2df;
	font-size:16px
}
.search select option {
	color:#555;
	padding:0 15px;
	line-height:30px;
	font-size:14px
}
.search .select_container.shover .select_input {
	background:0 0;
	color:#2aa2df
}
.search .select_container.shover .select_input:after {
	border-top-color:#2aa2df
}
.search .select_container .select_input {
	border:0;
	font-size:16px;
	font-weight:700;
	line-height:50px;
	color:#2aa2df
}
.search input {
	height:50px;
	line-height:50px;
	border:0;
	flex:1;
	padding:0 15px
}
.search a {
	width:95px;
	background:#2aa2df;
	color:#fff;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0 50px 50px 0
}
.search input[type="submit"]{
	width: 95px;
	background: unset;
	border: none;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	cursor: pointer;
	border-radius:0 50px 50px 0
}
#main_content {
	display:flex
}
#side {
	width:280px;
	background:#f5f5f5;
	padding:10px 20px 20px
}
#main {
	width:100%;
	flex:1;
	padding:0 0 80px
}
#side+#main {
	width:10%;
	flex:1;
	padding:0 40px 80px
}
.bg-gray {
	background:#f8f8f8
}
.mainc {
	background:#fff;
	padding:30px;
	margin-bottom:30px
}
.category {
	display:flex;
	margin:18px 0 30px;
	flex-wrap:wrap
}
.category .selectbox,.category a {
	margin-right:20px
}
.category a{display: block;}
.category a {
	border:1px solid #e0e0e0;
	line-height:48px;
	padding:0 48px;
	text-align:center;
	color:#777;
	border-radius:4px;
	font-size:16px
}
.category a.active,.category a:hover {
	border:1px solid #2aa2df;
	color:#fff;
	background:#2aa2df
}
.category .subcate {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:20px
}
.category .subcate a {
	font-size:14px;
	line-height:40px;
	padding:0 30px;
	margin:0 10px 10px 0;
	background:#e6e6e6;
	color:#555;
	border:1px solid #e6e6e6
}
.category .subcate a.active,.category .subcate a:hover {
	border:1px solid #2aa2df;
	color:#fff;
	background:#2aa2df
}
.main_t {
	height:85px;
	line-height:85px;
	display:flex;
	align-items:center
}
.main_t h2 {
	float:left;
	font-size:24px;
	color:#2aa2df;
	font-weight:700
}
.main_t .search {
	width:320px;
	position:static;
	line-height:36px;
	padding-right:10px;
	border:1px solid #e6e6e6
}
.main_t .search input {
	line-height:36px;
	height:36px
}
.main_t .search a {
	width:40px;
	background:0 0;
	color:#555;
	font-size:16px
}
.main_c {
	min-height:150px;
	height:auto
}
.main_c img {
	max-width:100%
}
.main_c p {
	margin-bottom:10px
}
.mapnavs {
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	padding-top:30px;
	line-height:74px
}
.mapnavs.mapnav2 {
	border-bottom:0
}
.mapnavs .wrapper {
	display:flex;
	align-items:center
}
.mapnavs .wrapper:after {
	display:none
}
.mapnavs .wrapper h2 {
	font-size:36px;
	color:#333;
	font-weight:700
}
.mapnav {
	color:#777;
	font-size:14px;
	line-height:40px;
	display:flex
}
.mapnav svg {
	width:16px;
	height:16px;
	margin:7px 8px 0 0
}
.mapnav a {
	color:#777
}
.mapnav em {
	padding:0 5px
}
.mapnav .ns {
	color:#2aa2df
}
.sbox {
	margin-bottom:20px
}
.sbox_t {
	background:#2aa2df;
	padding:0 0 0 15px;
	height:60px;
	font-size:18px;
	color:#fff;
	line-height:60px
}
.c_list>li>a {
	display:block;
	font-size:16px;
	line-height:24px;
	padding:18px 0;
	font-weight:700;
	border-bottom:1px solid #e6e6e6;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out
}
.c_list>li>a>svg,.navBtn .line {
	transition:All .15s ease-in-out
}
.c_list>li>a>svg {
	opacity:0;
	position:absolute;
	right:36px;
	top:15px;
	width:10px;
	height:10px;
	-webkit-transition:All .15s ease-in-out;
	-moz-transition:All .15s ease-in-out;
	-o-transition:All .15s ease-in-out
}
.c_list>li>a.active,.c_list>li>a:hover {
	text-decoration:none;
	color:#2aa2df
}
.c_list>li>a.active:before,.c_list>li>a:hover:before {
	background:#fff
}
.c_list>li>a.active:after,.c_list>li>a:hover:after {
	background:#0063c0
}
.c_list>li>a.active>svg,.c_list>li>a:hover>svg {
	opacity:1;
	right:16px
}
.c_list>li:last-child a:after {
	display:none
}
.c_list>li .sub-menu {
	position:relative;
	padding:10px 0
}
.c_list>li .sub-menu a {
	display:block;
	position:relative;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color:#555;
	padding:6px 10px 6px 18px
}
.c_list>li .sub-menu a:after {
	display:none
}
.c_list>li .sub-menu a.active,.c_list>li .sub-menu a:hover {
	background:0 0;
	color:#2aa2df
}
.c_list>li .sub-menu li {
	position:relative
}
.c_list>li:last-child a {
	margin-bottom:0
}
.loading {
	width:200px;
	height:31px;
	line-height:31px;
	border-radius:5px;
	margin:10px auto 40px
}
.loading span {
	display:block;
	background:url(../images/loading.gif?v=1629736656218) 0 center no-repeat;
	padding-left:25px;
	font-size:14px;
	color:#fff
}
.loading .all {
	background:#ddd;
	padding:0;
	text-align:center;
	border-radius:4px
}
.baojia {
	background:url() center bottom no-repeat;
	background-size:cover;
	height:435px
}
.baojia .title {
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:100px 0 48px
}
.baojia .title h3 {
	font-size:44px;
	line-height:80px;
	font-weight:700
}
.baojia .form ul {
	display:flex
}
.baojia .form li {
	width:20%;
	padding-right:20px
}
.baojia .form li:nth-child(3) {
	flex:1;
	padding:0
}
.baojia .form li:nth-child(3) input {
	border-radius:4px 0 0 4px;
	border-right:0
}
.baojia .form li:nth-child(4) {
	width:120px
}
.baojia .form li .submit {
	width:120px;
	height:54px;
	line-height:54px;
	text-align:center;
	font-size:16px;
	border-radius:0 4px 4px 0
}
.baojia .form input {
	background:0 0;
	border:1px solid #fff;
	border-radius:4px;
	padding:0 20px;
	line-height:52px;
	color:#fff;
	font-size:16px;
	width:100%
}
.baojia .form input:focus {
	border-color:#f08519
}
.baojia .form input::placeholder {
	color:#fff
}
.footer .qcode {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:25px 0
}
.footer .qcode .logo img {
	height:30px
}
.footer .qcode .q {
	borde:1px solid #fff
}
.footer .qcode .q img {
	width:110px;
	height:110px
}
.footer .finfo {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5
}
.footer .fnav {
	display:flex;
	padding:54px 0
}
.footer .fnav .contact {
	width:28%;
	color:#2aa2df;
	line-height:34px
}
.footer .fnav .contact h4 {
	font-size:24px;
	margin-bottom:20px
}
.footer .fnav .contact strong {
	font-size:32px
}
.footer .fnav>ul {
	width:10%;
	flex:1;
	display:flex;
	justify-content:space-between
}
.footer .fnav>ul>li>a {
	line-height:28px;
	font-size:18px;
	margin-bottom:20px;
	display:block
}
.footer .fnav>ul ul li a {
	display:block;
	height:32px;
	line-height:32px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer .links {
	display:flex;
	justify-content:center;
	line-height:22px;
	padding:12px 0
}
.footer .links a {
	margin-right:15px
}
.footer .copyright {
	background:#fbfbfb;
	color:#777;
	padding:15px 0;
	line-height:22px;
	position:relative;
	text-align:center;
	font-size:14px
}
.footer .copyright a {
	color:#999
}
.footer .copyright a:hover {
	color:#555
}
.fat {
	font-weight:700
}
.fl {
	float:left
}
.fr {
	float:right
}
.red {
	color:red
}
.orange {
	color:#f60
}
.blue {
	color:#2678b7
}
.song {
	font-family:"\5B8B\4F53"
}
.yahei {
	font-family:"\5FAE\8F6F\96C5\9ED1"
}
.heiti {
	font-family:"\9ED1\4F53"
}
.arial {
	font-family:Arial
}
.tc {
	text-align:center
}
.tu {
	text-transform:uppercase
}
.tlow {
	text-transform:lowercase
}
.tj {
	text-align:justify
}
.tl {
	text-align:left
}
.tr {
	text-align:right
}
.bfocus .num_nav span,.error404 .sorry .con,.error404 .sorry .pic,.filter .c1,.noinfo,.pagination,.pagination li a.num {
	text-align:center
}
.hide {
	display:none
}
.mr20 {
	margin-right:20px
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px
}
.mb20 {
	margin-bottom:20px
}
.noinfo {
	color:#777;
	padding:150px 0;
	font-size:20px
}
.noinfo a {
	color:#016aaf
}
.pagination li,.pagination li a {
	display:inline-block;
	color:#555
}
.pagination {
	padding:0;
	clear:both;
	margin:20px 0 40px;
	font-size:16px
}
.pagination li {
	margin:0 5px
}
.pagination li a {
	height:34px;
	line-height:34px;
	border-radius:2px;
	background:#ddd;
	padding:0 15px
}
.pagination li a.num {
	width:34px;
	height:34px;
	border-radius:3px;
	padding:0
}
.pagination li a.current,.pagination li a:hover {
	background:#2aa2df;
	color:#fff;
	text-decoration:none
}
.pnav,.pnav a {
	color:#777
}
.pnav {
	line-height:20px;
	padding:15px 0;
	border-top:1px solid #edf0f1;
	margin:20px 0 0
}
.pnav span {
	display:block
}
.back-top {
	display:none;
	width:60px;
	height:60px;
	background:url() center center no-repeat #2aa2df;
	position:fixed;
	bottom:100px;
	right:10px;
	filter:alpha(Opacity=80);
	opacity:.8
}
.back-top:hover {
	filter:alpha(Opacity=100);
	opacity:1;
	cursor:pointer;
	transition:all .4s ease-in 0s
}
.wapBtnAn {
	transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg)
}
.error404 {
	background:#fff;
	padding:0;
	border-top:1px solid #ddd
}
.error404 .sorry .pic img {
	max-width:100%
}
.error404 .sorry .con {
	padding:40px 0 160px;
	font-size:24px;
	line-height:40px;
	color:#333
}
.error404 .sorry .con h3 em {
	display:inline-block;
	font-size:60px;
	line-height:60px;
	height:60px;
	color:#81c36a;
	font-family:Arial;
	font-weight:700;
	margin-right:20px
}
.error404 .sorry .con h3 a {
	display:inline-block;
	border:2px solid #81c36a;
	color:#81c36a;
	padding:0 15px;
	line-height:46px;
	margin-top:5px
}
.error404 .sorry .con h3 a:hover {
	background:#81c36a;
	color:#fff;
	text-decoration:none
}
.bfocus {
	position:relative;
	margin:0 auto
}
.bfocus img {
	border:0
}
.bfocus .bfocus_wrap a {
	display:block;
	overflow:hidden
}
.bfocus .link_nav {
	position:absolute;
	width:100%;
	bottom:0;
	height:32px;
	font-weight:700;
	color:#818181
}
.bfocus .link_nav a {
	position:absolute;
	line-height:32px;
	left:5px;
	color:#818181
}
.bfocus .num_nav {
	position:absolute;
	bottom:20px;
	right:20px
}
.bfocus .num_nav span {
	float:left;
	width:24px;
	height:20px;
	line-height:20px;
	background:#e4ebf5;
	cursor:pointer;
	margin-right:5px
}
.bfocus .num_nav span.selected {
	background:#0092df;
	width:26px;
	color:#fff
}
.bfocus .slt_nav {
	position:absolute;
	bottom:5px;
	right:0
}
.bfocus .slt_nav a {
	display:block;
	float:left;
	margin-right:10px;
	position:relative;
	border:1px solid #222
}
.bfocus .slt_nav span {
	display:block;
	float:left;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	filter:alpha(opacity=40);
	opacity:.4
}
.select_container {
	position:relative;
	border:0;
	float:left;
	z-index:9
}
.select_container .select_input {
	position:relative;
	box-sizing:content-box;
	float:left;
	line-height:50px;
	font-size:16px;
	cursor:pointer;
	color:#555;
	border:1px solid #e3e3e3;
	padding:0 45px 0 19px;
	white-space:nowrap;
	word-wrap:normal;
	word-break:keep-all;
	overflow:hidden;
	border-radius:4px
}
.select_container .select_input:after {
	position:absolute;
	top:calc(50% - 3px);
	right:20px;
	border:5px solid transparent;
	border-top:5px solid #999
}
.select_container.shover .select_input {
	border-color:#2aa2df;
	color:#fff;
	background-color:#2aa2df
}
.select_container.shover .select_input:after {
	border-top-color:#fff
}
.select_container .highlighted {
	border-color:#2aa2df;
	color:#fff;
	background-color:#2aa2df
}
.select_container .highlighted:after {
	border-top-color:#fff
}
.select_ul {
	position:absolute;
	float:left;
	margin:0;
	background:#fffefd;
	max-height:300px;
	height:auto;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:9999;
	border-radius:4px;
	box-shadow:0 0 5px rgba(0,0,0,.1)
}
.select_ul li {
	box-sizing:content-box;
	clear:both;
	margin:0;
	padding:0 5px;
	height:40px;
	line-height:40px;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
	width:100%;
	float:left
}
.select_ul li.selected {
	color:#222;
	background:#e8e7e3
}
.select_ul li:hover {
	background:#f0efec
}
.filter td {
	line-height:30px;
	color:#999;
	padding:8px 0 10px
}
.filter .c1 {
	color:#315b96;
	line-height:20px;
	padding:15px 0;
	width:137px
}
.filter .w {
	height:210px;
	overflow:hidden
}
.filter .show {
	height:auto
}
.filter .smore {
	color:#315b96;
	margin-left:15px
}
.filter .checkbox {
	display:block;
	margin:0 5px 0 15px;
	height:30px;
	line-height:30px;
	text-align:left
}
.filter .c2 {
	width:103px
}
.filter .c3 {
	width:98px
}
.filter .c4 {
	width:103px
}
.filter .c5 {
	width:143px
}
.filter .c6 {
	width:153px
}
.filter .c7,.filter .c8 {
	width:133px
}
.datelist .c9 {
	text-align:left
}
.isearch,.popup-panel .bd li,.smartTool,.table tbody td,.table thead th {
	text-align:center
}
.datelist tr:hover td {
	background:rgba(235,97,0,.1)!important
}
.datelist tr:nth-child(odd) td {
	background:#f7f7f7
}
.table {
	width:100%;
	background:#fff;
	border:1px solid #d7d7d7;
	border-collapse:collapse
}
.table thead th {
	padding:10px 5px;
	background:#e7e6e6;
	color:#333;
	border:1px solid #d7d7d7
}
.table tbody td {
	border:1px solid #d7d7d7;
	line-height:22px;
	color:#777;
	padding:10px 5px
}
.popup-panel .bd li,.popup-panel .sbox li {
	border-top:1px solid rgba(221,221,221,.5)
}
.table .c1 {
	width:190px;
	padding-left:30px
}
.table .c2 {
	width:88px
}
.table .c3 {
	width:82px
}
.table .c4 {
	width:99px
}
.table .c5 {
	width:138px
}
.table .c6 {
	width:146px
}
.table .c7 {
	width:138px
}
.table .c8 {
	width:135px
}
.table tbody td:first-child {
	padding-left:17px
}
.table tbody td i {
	margin-right:12px;
	vertical-align:middle
}
.table tbody td a {
	color:#1b4684
}
.table tbody td a:hover {
	text-decoration:underline
}
.store .loading {
	margin:0 auto;
	line-height:50px;
	height:50px
}
.popup-panel .bd .tit,.popup-panel .bd li {
	padding:0 .3rem;
	font-size:.32rem;
	line-height:1rem
}
.popup-panel {
	position:fixed;
	left:0;
	top:0;
	bottom:1rem;
	right:0;
	z-index:1000
}
.popup-panel .bg {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.5)
}
.popup-panel .bd {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1
}
.popup-panel .bd .tit {
	background:#fff;
	height:1rem;
	position:relative
}
.popup-panel .bd .tit svg {
	position:absolute;
	right:.3rem;
	top:.34rem;
	font-size:.32rem;
	height:.32rem;
	color:#777
}
.popup-panel .bd li {
	background:#fff;
	color:#333;
	height:1rem;
	position:relative
}
.popup-panel .bd li em {
	font-size:.28rem;
	color:#3e8f1e;
	margin-left:.2rem
}
.popup-panel .bd li svg {
	position:absolute;
	right:.3rem;
	top:.34rem;
	font-size:.32rem;
	height:.32rem;
	color:#777
}
.popup-panel .sbox li,.popup-panel .sbox li a {
	align-items:center;
	height:1rem;
	line-height:1rem
}
.popup-panel .bd li:active svg {
	color:#ff6c00
}
.popup-panel .sbox {
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:.3rem;
	top:20%;
	right:.3rem;
	z-index:1;
	background:#fff;
	border-radius:.1rem;
	padding:.3rem;
	transition:all .5s ease
}
.popup-panel .sbox li {
	display:flex;
	font-size:.32rem;
	color:#333
}
.popup-panel .sbox li a {
	display:flex;
	color:#333;
	width:100%
}
.popup-panel .sbox li svg {
	font-size:.44rem;
	height:.44rem;
	color:#2aa2df
}
.popup-panel .sbox li span {
	flex:1;
	width:10%;
	padding-left:.2rem
}
.popup-panel .sbox li:first-child {
	border-top:0
}
.popup-panel .sbox.show {
	opacity:1;
	visibility:visible
}
.sharezone {
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	z-index:111111;
	opacity:0;
	visibility:hidden;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
	background:url() no-repeat rgba(0,0,0,.88);
	background-size:100% auto
}
.sharezone a {
	position:absolute;
	top:6.32rem;
	left:calc(50% - 1.5rem);
	width:3rem;
	height:.9rem
}
.sharezone.show {
	opacity:1;
	visibility:visible
}
.download_list {
	background:#fff
}
.download_list .list {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:0 -20px
}
.download_list .item {
	width:calc(50% - 40px);
	padding:28px 20px 35px;
	border:1px solid #e6e6e6;
	margin:0 20px 30px;
	background:#fafafa;
	border-radius:4px;
	display:flex
}
.download_list .item .files {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	align-items:center;
	margin-right:15px;
	width:62px
}
.download_list .item .files .ficon {
	font-size:62px;
	color:#999;
	margin-bottom:10px
}
.download_list .item .desc {
	flex:1;
	width:10%
}
.download_list .item .tt {
	display:block;
	font-size:16px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:2px;
	font-weight:700
}
.download_list .item .con {
	line-height:20px;
	font-size:14px;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word
}
.download_list .item .info {
	margin-bottom:10px
}
.download_list .item:hover .ficon {
	display:none
}
.download_list .item:hover .down {
	color:#2aa2df;
	display:block
}
.download_list .item .down {
	font-size:50px;
	display:none
}
@media (max-width:768px) {
	.download_list .list {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:0 .1rem
}
.download_list .item {
	width:100%;
	padding:.2rem;
	margin:0 0 .3rem
}
.download_list .item .files {
	margin-right:.2rem
}
.download_list .item .files .ficon {
	font-size:.8rem;
	margin-bottom:.2rem
}
.download_list .item .tt {
	font-size:.28rem;
	height:.4rem;
	line-height:.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.download_list .item .con {
	line-height:.3rem;
	font-size:.24rem
}
.download_list .item .info {
	margin-bottom:.1rem
}
.download_list .item .down {
	font-size:.5rem;
	opacity:1
}
}.foot,.isearch,.navBtn {
	display:none
}
.isearch,.navBtn,.navBtn .line {
	position:absolute
}
.sitemap {
	padding:0 15px
}
.sitemap li {
	border-bottom:1px solid #ddd;
	padding:10px 0
}
.sitemap h3 {
	font-size:16px;
	line-height:30px
}
.sitemap .list {
	line-height:25px;
	padding:5px 0;
	color:#999
}
#mnav a,.isearch {
	line-height:50px;
}
.sitemap .list a {
	margin:0 10px;
	color:#555
}
.sitemap .list a:first-child {
	margin-left:0
}
.navBtn {
	right:.3rem;
	top:calc(50% - 15px);
	width:30px;
	height:30px
}
.navBtn .line {
	left:0;
	-webkit-transition:All .15s ease-in-out;
	-moz-transition:All .15s ease-in-out;
	-o-transition:All .15s ease-in-out;
	width:100%;
	height:2px;
	background:#2aa2df
}
.navBtn .line.l2 {
	top:calc(50% - 1px)
}
.navBtn .line.l1 {
	top:calc(25% - 1px);
	width:60%
}
.navBtn .line.l3 {
	top:calc(75% - 1px);
	width:80%
}
.isearch {
	right:50px;
	top:0;
	font-size:30px;
	color:#2aa2df;
	width:50px;
}
.mnav {
	position:fixed;
	right:-100%;
	width:100%;
	top:0;
	z-index:200;
	height:100%;
	background-color:#fff;
	transition:all .64s ease 0s;
	box-sizing:border-box;
	box-shadow:0 0 .1rem rgba(0,0,0,.3)
}
.mnav .navhd {
	height:1rem;
	background:#2aa2df;
	position:relative
}
.mnav .close {
	position:absolute;
	top:50%;
	right:.164rem;
	display:block;
	height:30px;
	width:30px;
	margin:-15px 0 0
}
.mnav .close:after,.mnav .close:before {
	position:absolute;
	left:50%;
	top:50%;
	width:16px;
	height:2px;
	background:#fff;
	margin:-1px 0 0 -8px
}
.mnav .close:before {
	transform:translateY(0) rotate(45deg);
	-webkit-transform:translateY(0) rotate(45deg)
}
.mnav .close:after {
	transform:translateY(0) rotate(-45deg);
	-webkit-transform:translateY(0) rotate(-45deg)
}
.navwrap {
	position:absolute;
	overflow-y:auto;
	top:1rem;
	bottom:0;
	left:0;
	right:0
}
#mnav li {
	border-top:1px solid #EBEBEB
}
#mnav>li:first-child {
	border-top:0
}
#mnav a {
	position:relative;
	display:block;
	padding-left:.7rem;
	font-size:.28rem;
	height:1rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#555
}
#mnav a.active {
	color:#2aa2df
}
#mnav>li>a>.dot {
	position:absolute;
	left:.3rem;
	top:50%;
	border:1px solid #D8D8D8;
	border-radius:50%;
	width:.2rem;
	height:.2rem;
	margin-top:-.1rem
}
#mnav>li>a.active .dot {
	background:#2aa2df;
	border-color:#fff
}
#mnav .hsub:after,#mnav .sub .dot {
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	position:absolute;
	top:50%
}
#mnav .hsub:after {
	right:20px;
	width:10px;
	height:10px;
	transition:All .15s ease-in-out;
	-webkit-transition:All .15s ease-in-out;
	-moz-transition:All .15s ease-in-out;
	-o-transition:All .15s ease-in-out;
	-webkit-transform:translate(0,-6px) rotate(45deg);
	transform:translate(0,-6px) rotate(45deg)
}
#mnav .sub {
	z-index:2
}
#mnav .sub a {
	padding-left:1.1rem
}
#mnav .sub .dot {
	left:.7rem;
	width:6px;
	height:6px;
	-webkit-transform:translate(0,-3px) rotate(45deg);
	transform:translate(0,-3px) rotate(45deg)
}
#mnav .sub a.active .dot {
	border-color:#2aa2df
}
#mnav .sub ul .dotc {
	position:absolute;
	left:1.1rem;
	top:50%;
	border-top:1px solid #b7b7b7;
	width:6px;
	height:1px
}
#mnav .sub ul a {
	padding-left:1.4rem
}
#mnav .sub ul a.active .dotc {
	border-color:#2aa2df
}
#mnav a.show:after {
	-webkit-transform:translate(0,-10px) rotate(135deg);
	transform:translate(0,-10px) rotate(135deg)
}
.foot {
	width:100%;
	height:1rem;
	position:fixed;
	left:0;
	bottom:0;
	z-index:999;
	background:#fff;
	transition:all .5s ease 0s
}
.foot:after {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:1px;
	background:#ddd
}
.smartTool {
	display:flex;
	width:100%;
	height:1rem
}
.smartTool a {
	width:100%;
	font-size:.24rem;
	line-height:.4rem
}
.smartTool a svg {
	display:block;
	margin:.18rem auto 0;
	font-size:.4rem;
	line-height:.5rem
}
.smartTool a span {
	display:block
}
.shome {
	width:.5rem;
	height:.5rem;
	fill:#f60
}
.search-wrapper {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:999999;
	display:none
}
.search-wrapper .searchbar {
	position:absolute;
	left:0;
	top:-10rem;
	z-index:1;
	width:100%;
	height:1rem;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	transition:all .36s;
	padding-right:1rem
}
.search-wrapper .searchbar input {
	height:1rem;
	width:100%;
	padding:.2rem .4rem;
	border:0;
	display:block;
	font-size:.3rem
}
.search-wrapper .searchbar .go {
	position:absolute;
	top:0;
	right:0;
	height:1rem;
	width:1rem;
	text-align:right;
	padding-right:.3rem;
	line-height:1rem;
	color:#333;
	font-size:.3rem
}
.search-wrapper .searchbar .go i:before {
	content:'\e60f'
}
.search-wrapper .bodymask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	opacity:0;
	transition:all .36s
}
.search-wrapper.show {
	display:block;
	visibility:visible
}
.search-wrapper.show .searchbar {
	top:0
}
.search-wrapper.show .bodymask {
	opacity:1
}
.container,.foot,.footer,.header,.tbanner {
	transition:all .5s ease 0s
}
.ovh {
	overflow:hidden
}
.ovh .container,.ovh .foot,.ovh .footer,.ovh .header,.ovh .tbanner {
	transform:translateX(-100%)
}
.ovh .navBtn .line {
	width:100%
}
.ovh .mnav {
	right:0;
	transition:all .44s ease 0s
}

@media (max-width:1600px) {
	.header {
		padding:0 30px
	}
	.header .nav {
		margin-left: 20px !important;
		margin-right:20px
	}
	#nav>li .ca {
		padding:0 10px
	}
}
@media (max-width:1500px) {
	.header .slogan {
	display:none
}
.tbanner .wrapper {
	left:30px;
	right:30px;
	transform:translateX(0)
}
.wrapper {
	margin-left:30px;
	margin-right:30px;
	width:calc(100% - 60px)
}
}@media (max-width:1200px) {
	.prod .tab-con .cont,.prod .tab-hd a {
	overflow:hidden;
	text-overflow:ellipsis
}
.banner .banner_m h2 {
	font-size:36px;
	color:#fff;
	line-height:40px
}
.banner .banner_m .con {
	max-width:600px;
	font-size:20px;
	line-height:30px
}
.banner .banner_m li.active {
	opacity:1
}
.banner .banner_m li.active h2 {
	top:28%
}
.banner .banner_m li.active .con {
	top:52%
}
#nav>li .ca {
	padding:0 20px
}
.mtitle {
	padding:70px 0
}
.category a {
	line-height:48px;
	padding:0 30px;
	font-size:15px
}
.prod {
	padding-bottom:80px
}
.prod .tab-hd a {
	height:65px;
	line-height:65px;
	white-space:nowrap
}
.prod .tab-bd {
	padding:0 0 0 50px
}
.prod .tab-con .intro {
	padding-right:50px
}
.prod .tab-con .cont {
	display:-webkit-box;
	white-space:normal!important;
	word-wrap:break-word;
	-webkit-line-clamp:6;
	-webkit-box-orient:vertical;
	margin-bottom:40px;
	height:144px
}
.prod .tab-con .pic {
	width:40%
}
.youshi {
	padding-bottom:80px
}
.youshi .bd>ul li {
	width:29.3333%;
	margin:0 2%
}
.news {
	padding-bottom:50px
}
.news .bd .hot {
	width:400px;
	height:400px;
	margin-right:50px
}
.news .bd .list .item {
	margin-top:32px
}
.news .bd .list .item .desc {
	padding:0 50px 0 30px
}
}@media (max-width:1080px) {
	body,html {
	width:100%
}
.menu-panel {
	display:none!important
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:50px;
	padding:0
}
.header .logo {
	height:25px;
	padding-left:.3rem
}
.header .logo a {
	display:block;
	height:25px;
}
.header .top-right,.tbanner .wrapper {
	display:none
}
.header .logo img {
	max-height:100%
}
.tbanner {
	padding-top:1rem
}
.footer {
	padding-bottom:1rem
}
.foot {
	display:flex
}
.isearch,.navBtn {
	display:block
}
.liucheng {
	padding-bottom:56px
}
.liucheng .mtitle {
	padding-bottom:50px
}
.liucheng .bd ul h3 {
	font-size:16px;
	line-height:24px;
	margin-top:20px
}
.liucheng .bd ul .num {
	width:50px;
	height:80px;
	line-height:80px;
	font-size:38px
}
.liucheng .bd ul .num em {
	left:-25px;
	right:-25px
}
.liucheng .bd ul .num:before {
	right:50px;
	border-width:40px 25px
}
.liucheng .bd ul .num:after {
	left:50px;
	border-width:40px 25px
}
.liucheng .bd ul .arrow {
	height:80px;
	font-size:32px
}
.prods .bd {
	margin:0 -15px
}
.prods .item {
	margin:0 15px
}
.prods .item a .sale,.prods .item a .tt {
	height:50px;
	line-height:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.prods .fd {
	padding:60px 0 80px
}
.sidefloat {
	display:none!important
}
}@media (max-width:768px) {
	.banner .banner_m li.active,.ihome .banner .banner_m li.active {
	opacity:1
}
.banner .bnav,.ihome .banner .bnav {
	bottom:.2rem
}
#side,.inav .wrapper:after,.inav:after,.main_t,.tbanner .wrapper {
	display:none
}
.wrapper {
	margin:0;
	width:100%
}
.banner .bnav a,.ihome .banner .bnav a {
	width:1rem
}
.banner .banner_m h2 {
	font-size:.4rem;
	line-height:.8rem
}
.banner .banner_m .con {
	font-size:.24rem;
	max-width:100%;
	line-height:.4rem
}
.banner .banner_m li.active h2 {
	top:25%;
	padding:0 .3rem
}
.banner .banner_m li.active .con {
	top:52%;
	padding:0 .3rem
}
.ihome .banner .banner_m h2 {
	font-size:.4rem;
	line-height:.8rem
}
.ihome .banner .banner_m .con {
	font-size:.3rem;
	max-width:100%;
	line-height:.5rem
}
.ihome .banner .banner_m li.active h2 {
	top:35%;
	padding:0 .3rem
}
.ihome .banner .banner_m li.active .con {
	top:52%;
	padding:0 .3rem
}
.tbanner {
	padding-top:1rem
}
.mapnavs {
	padding:0 .2rem;
	margin-bottom:.3rem
}
.mapnavs .wrapper h2 {
	font-size:.28rem;
	line-height:.8rem
}
.category .subcate a,.category a,.mapnavs .mapnav {
	font-size:.24rem
}
.mapnavs.mapnav2 {
	margin-bottom:0
}
.noinfo {
	padding:1rem 0;
	font-size:.3rem
}
#main {
	padding-bottom:0
}
#side+#main {
	padding:0
}
.main_c {
	padding:0 .2rem .3rem
}
.category {
	flex-wrap:wrap;
	padding:0 .2rem .2rem;
	margin:0 0 .3rem
}
.category .selectbox,.category a {
	margin:.05rem
}
.category a {
	line-height:.6rem;
	padding:0 .2rem
}
.category .selectbox .select_input {
	line-height:.6rem;
	padding:0 .8rem 0 .2rem;
	font-size:.28rem
}
.category .subcate {
	margin-top:.2rem
}
.category .subcate a {
	line-height:.5rem;
	padding:0 .4rem
}
.mtitle {
	padding:.8rem 0;
	font-size:.42rem
}
.inav {
	height:1.2rem;
	line-height:1.2rem;
	font-size:.25rem
}
.inav ul {
	justify-content:space-between
}
.inav li {
	flex:1;
	width:auto
}
.inav li:first-child {
	border-left:0
}
.inav li:last-child {
	border-right:0
}
.inav li a {
	flex-direction:column;
	white-space:nowrap;
	line-height:.55rem;
	height:1.2rem
}
.inav li a svg {
	font-size:.5rem;
	margin:0
}
.prod {
	padding-bottom:.6rem
}
.prod .tab-hd {
	width:30%;
	display:block;
	padding:0
}
.prod .tab-hd .list {
	display:flex;
	flex-direction:column
}
.prod .tab-hd a {
	display:inline-block;
	height:.8rem;
	line-height:.8rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:.26rem;
	padding:0 .2rem;
	border-radius:.1rem;
	margin-bottom:.1rem;
	margin-right:.1rem
}
.prod .tab-bd {
	width:100%;
	padding:0 .3rem
}
.prod .tab-con {
	font-size:.26rem;
	line-height:.4rem
}
.prod .tab-con .tatcon {
	flex-direction:column-reverse
}
.prod .tab-con .intro {
	padding-right:0;
	width:100%
}
.prod .tab-con h2 {
	display:none;
	font-size:.3rem;
	line-height:.8rem;
	margin-bottom:.3rem
}
.prod .tab-con .cont {
	display:none
}
.prod .tab-con .pic {
	padding-top:0;
	width:100%;
	margin-bottom:.4rem
}
.prod .tab-con .pic img {
	width:100%
}
.prod .tab-con .more a {
	line-height:.8rem
}
.prod .bd {
	padding:0 .3rem
}
.prod .fd {
	padding:8px 0 .6rem
}
.youshi {
	padding-bottom:.6rem
}
.youshi .bd {
	padding:0 .3rem
}
.youshi .bd>ul {
	display:flex;
	flex-wrap:wrap
}
.youshi .bd>ul li {
	width:100%;
	margin:0 0 .2rem;
	border-radius:.1rem;
	height:auto;
	padding:.3rem
}
.youshi .bd>ul li .pic img {
	width:1rem;
	height:1rem
}
.youshi .bd>ul li .tit {
	font-size:.3rem;
	height:.8rem;
	line-height:.8rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:0
}
.youshi .bd>ul li .cont {
	font-size:.24rem;
	line-height:.3rem
}
.processes {
	padding-bottom:.6rem
}
.processes .bd {
	padding:0 .3rem
}
.processes .bd>ul {
	display:flex;
	margin:0 -.1rem;
	flex-wrap:wrap
}
.processes .bd>ul li {
	border-radius:.1rem;
	margin:0 .1rem .2rem;
	width:calc(50% - .2rem);
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
	height:auto
}
.processes .bd>ul li .tit {
	font-size:.3rem;
	height:.8rem;
	line-height:.8rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:0
}
.processes .bd>ul li .desc {
	padding:.2rem
}
.processes .bd>ul li .cont {
	font-size:.24rem;
	line-height:.3rem
}
.processes .bd>ul li .cont .li {
	display:flex
}
.processes .bd>ul li .cont .li p {
	width:10%;
	flex:1
}
.baojia .form ul,.quanyi .bd>ul {
	flex-wrap:wrap
}
.quanyi {
	background:url()
}
.quanyi .bd>ul {
	display:flex;
	margin:0;
	text-align:center
}
.quanyi .bd>ul .title {
	height:2rem;
	width:calc(33.3333% - 1px)
}
.quanyi .bd>ul .title .tit {
	margin-top:.2rem;
	font-size:.24rem;
	line-height:.4rem
}
.quanyi .bd>ul .title img {
	width:70%
}
.quanyi .bd>ul .item {
	overflow:hidden;
	width:calc(33.3333% - 1px);
	height:2rem
}
.quanyi .bd>ul .item .tit {
	font-size:.2rem;
	margin-top:.2rem;
	height:.4rem;
	line-height:.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.prods .bd,.prods .item {
	margin:0 .1rem
}
.quanyi .bd>ul .item .pic img {
	width:auto;
	height:.7rem
}
.prods .item a .sale,.prods .item a .tt {
	height:.5rem;
	line-height:.5rem;
	font-size:.24rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.prods #album-slider .owl-nav button.owl-next,.prods #album-slider .owl-nav button.owl-prev {
	display:none
}
.prods .item a .pic {
	border-radius:.1rem;
	margin-bottom:.1rem
}
.prods .item a .tt {
	margin-right:.2rem
}
.prods .fd {
	padding:.3rem 0 .6rem
}
.prods .fd a {
	padding:0 .5rem;
	line-height:.8rem;
	font-size:.3rem;
	border-radius:4px
}
.liucheng,.liucheng .mtitle,.news {
	padding-bottom:.6rem
}
.liucheng .bd {
	text-align:center
}
.liucheng .bd ul {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap
}
.liucheng .bd ul li {
	width:30%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-bottom:.2rem
}
.liucheng .bd ul li:nth-child(6),.news .bd .hot,.news .bd .list .tab-con {
	display:none
}
.liucheng .bd ul h3 {
	font-size:.24rem;
	line-height:.5rem;
	margin-top:.1rem
}
.liucheng .bd ul .num {
	width:.8rem;
	height:1.4rem;
	line-height:1.4rem;
	font-size:.4rem
}
.liucheng .bd ul .num em {
	left:-.4rem;
	right:-.4rem
}
.liucheng .bd ul .num:before {
	right:.8rem;
	border-width:.7rem .4rem
}
.liucheng .bd ul .num:after {
	left:.8rem;
	border-width:.7rem .4rem
}
.liucheng .bd ul .arrow {
	width:5%;
	height:1.4rem;
	color:#f08519;
	font-size:.4rem
}
.news .bd {
	padding:0 .3rem
}
.news .bd .list {
	flex:1;
	width:100%
}
.news .bd .list .cate a {
	line-height:.6rem;
	padding:0 .3rem;
	border-radius:.6rem;
	margin-right:.1rem;
	font-size:.26rem
}
.news .bd .list .item {
	margin-top:.2rem;
	display:flex;
	align-items:center
}
.news .bd .list .item .pic {
	flex:0 0 1.4rem;
	width:1.4rem
}
.news .bd .list .item .desc {
	flex:1;
	width:10%;
	padding:0 .3rem;
	font-size:.24rem;
	line-height:.3rem;
	color:#777
}
.news .bd .list .item .desc h2 {
	height:.4rem;
	line-height:.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:.28rem;
	font-weight:700;
	color:#555;
	margin-bottom:10px
}
.news .bd .list .item .desc .time {
	display:none
}
.news .bd .list .item .desc .con {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal!important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:.6rem
}
.news .bd .list .item .more {
	font-size:.24rem;
	line-height:.5rem;
	width:auto;
	padding:0 .2rem;
	border-radius:.5rem
}
.baojia {
	height:auto;
	padding-bottom:.6rem
}
.baojia .title {
	font-size:.28rem;
	padding:1rem .3rem .5rem
}
.baojia .title h3 {
	font-size:.4rem;
	line-height:1rem
}
.baojia .form {
	padding:0 .3rem
}
.baojia .form li {
	width:100%;
	padding:0;
	margin-top:.2rem
}
.baojia .form li:nth-child(3) {
	flex:1;
	width:100%
}
.baojia .form li:nth-child(3) input {
	border:1px solid #fff;
	border-radius:4px
}
.baojia .form li:nth-child(4) {
	width:100%
}
.baojia .form li .submit {
	width:100%;
	height:.8rem;
	line-height:.8rem;
	font-size:.3rem;
	border-radius:4px
}
.baojia .form input {
	padding:0 .3rem;
	line-height:.8rem;
	font-size:.26rem
}
.footer .qcode {
	padding:.3rem
}
.footer .qcode .logo img {
	height:.4rem
}
.footer .qcode .q img {
	width:1.5rem;
	height:1.5rem
}
.footer .finfo {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5
}
.footer .fnav {
	display:flex;
	flex-direction:column;
	padding:.3rem
}
.footer .fnav .contact {
	width:100%;
	color:#2aa2df;
	line-height:.8rem;
	display:flex
}
.footer .fnav .contact h4 {
	font-size:.3rem;
	margin:0 .3rem 0 0
}
.footer .fnav .contact strong {
	font-size:.4rem
}
.footer .fnav>ul {
	flex-wrap:wrap;
	width:100%;
	flex:1
}
.footer .fnav>ul>li {
	width:33.3333%;
	margin-bottom:.3rem
}
.footer .fnav>ul>li>a {
	line-height:.4rem;
	font-size:.26rem;
	margin-bottom:.2rem;
	font-weight:700
}
.footer .fnav>ul ul li {
	font-size:.24rem
}
.footer .fnav>ul ul li a {
	height:.4rem;
	line-height:.4rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer .links {
	line-height:.4rem;
	padding:.3rem
}
.footer .links .bd {
	width:1%;
	flex:1
}
.footer .links a {
	margin-right:.2rem
}
.footer .copyright {
	padding:.3rem;
	line-height:.4rem;
	font-size:.24rem
}
.store {
	overflow:auto
}
}

.category .selectbox{position: relative;}
.category .selectbox .c-list{position: absolute;left:0;top:100%;min-width: 100%;background: #FFFEFD;border-radius:3px;overflow: hidden;text-align: left;max-height: 305px;overflow-y: auto;border:1px solid #eee;display: none;}
.category .selectbox .c-list a{padding:10px 18px;margin:0;color:#222;line-height: 20px;font-size:13px;transition: all .3s;border-radius: 0;border:none;text-align: left;white-space: nowrap;}
.category .selectbox .c-list a.active{background: #e8e7e3;}
.category .selectbox .c-list a:hover{background: #F0EFEC;}
.category .selectbox:hover .select_input{background: #2aa2df;border-color:#2aa2df;color:#fff;}
.category .selectbox:hover .c-list{display: block;}
.category .selectbox:hover .select_input:after{border-top-color:#fff;}