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

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

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

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

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

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

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

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

.c {
	clear: both
}

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

.b {
	font-weight: 700
}

.i {
	font-style: italic
}

.fa {
	font-family: Arial
}

.fg {
	font-family: Georgia
}

.ft {
	font-family: Tahoma
}

.fl {
	font-family: Lucida Console
}

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

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tl {
	text-align: left
}

.tdu {
	text-decoration: underline
}

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

.fc0 {
	color: #000
}

.fc3 {
	color: #333
}

.fc6 {
	color: #666
}

.fc9 {
	color: #999
}

.fcr {
	color: red
}

.fcw {
	color: #fff
}

.fcb {
	color: #00f
}

.fcg {
	color: green
}

.f0 {
	font-size: 0
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.vm {
	vertical-align: middle
}

.vtb {
	vertical-align: text-bottom
}

.vt {
	vertical-align: top
}

.vn {
	vertical-align: -2px
}

.vimg {
	margin-bottom: -3px
}

.m0 {
	margin: 0
}

.ml0 {
	margin-left: 0
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.mr0 {
	margin-right: 0
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

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

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

.p1 {
	padding: 1px
}

.pl5 {
	padding-left: 5px
}

.p5 {
	padding: 5px
}

.pt5 {
	padding-top: 5px
}

.pr5 {
	padding-right: 5px
}

.pb5 {
	padding-bottom: 5px
}

.p10 {
	padding: 10px
}

.pl10 {
	padding-left: 10px
}

.pt10 {
	padding-top: 10px
}

.pr10 {
	padding-right: 10px
}

.pb10 {
	padding-bottom: 10px
}

.p20 {
	padding: 20px
}

.pl20 {
	padding-left: 20px
}

.pt20 {
	padding-top: 20px
}

.pr20 {
	padding-right: 20px
}

.pb20 {
	padding-bottom: 20px
}

.pr,
.rel {
	position: relative
}

.abs,
.pa {
	position: absolute
}

.dn {
	display: none
}

.db {
	display: block
}

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

.di {
	display: inline
}

.ovh {
	overflow: hidden
}

.ovs {
	overflow: scroll
}

.vh {
	visibility: hidden
}

.vv {
	visibility: visible
}

.lh14 {
	line-height: 14px
}

.lh16 {
	line-height: 16px
}

.lh18 {
	line-height: 18px
}

.lh20 {
	line-height: 20px
}

.lh22 {
	line-height: 22px
}

.lh24 {
	line-height: 24px
}

.fix {
	*zoom: 1
}

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

.z {
	_zoom: 1
}

.h1 {
	height: 1px
}

.h5 {
	height: 5px
}

.h,
.h10 {
	height: 10px
}

.h15 {
	height: 15px
}

.h20 {
	height: 20px
}

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

a {
	text-decoration: none;
	color: #333;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

body {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	background: #fff;
	font-family: "PingFang SC", , "STSong", "SimSun", Arial, sans-serif;
	overflow-x: hidden;
	overflow-y: auto
}

*,
:after,
:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

img {
	max-width: 100%;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

input,
select,
textarea {
	font-size: 12px;
	color: #444;
	font-family: "PingFang SC", sans-serif;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

input[type=button],
input[type=reset],
input[type=submit],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

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

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

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

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

.ani {
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.unselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none
}

.wp {
	max-width: 1200px;
	margin: 0 auto
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 109px;
	overflow: visible;
	font-size: 0;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	will-change: transforml;
}

.header.on {
	background-color: #FFFFFF;
}

.logo {
	float: left;
	display: block;
	line-height: 70px;
	font-size: 0
}

.logo img {
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	margin: 20px 0;
}

.header .logo1 {
	display: none;
}


.header .logo2 {
	display: block;
}

.header.on .logo1 {
	display: block;
}

.header.on .logo2 {
	display: none;
}

.h-r {
	float: right
}

.lang,
.login,
.nav,
.nav li {
	float: left
}

.nav li {
	position: relative;
	margin-right: 3.5vw;
}

.nav .v1 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 70px;
	transition: .3s;
	margin-top: 24px;
	margin-bottom: 24px;
}

.header.on .nav .v1 {
	color: #383735;
}

.nav .v1:hover {
	opacity: .8
}

.nav .sub {
	position: absolute;
	top: 100%;
	width: 800px;
	left: 0;
	padding: 15px;
	background-color: #fff;
	border-radius: 6px;
	display: none;
}

/* .nav .sub::after{content: '';position: absolute;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;top: -7px;left: 50%;margin-left: -7px;} */
.nav .sub dl {
	margin: -7px;
	overflow: hidden;
}

.nav .sub dd {
	float: left;
	width: 33.33%;
	padding: 7px;
}

.nav .sub dd:last-child {
	border: none;
}

.nav .sub a {
	display: block;
	background-color: #eee;
	border-radius: 6px;
	height: 65px;
	line-height: 65px;
	font-size: 14px;
	color: #444;
	position: relative;
}

.nav .sub .txt {
	position: relative;
	z-index: 2;
}

.nav .sub .txt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nav .sub p {
	display: inline;
}

.nav .sub .icon {
	display: inline-block;
	margin-left: 10px;
	margin-right: 3px;
}

.nav .sub img {
	vertical-align: middle;
}

.nav .sub .pic {
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 1;
	opacity: 0;
	height: 100%;
}

.nav .sub .pic img {
	max-height: 100%;
	display: inline-block;
}

.nav .sub .img2 {
	display: none;
}

.nav .sub a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-image: linear-gradient(135deg, #6a60ee, #56edff);
}

.nav .sub a:hover .img1 {
	display: none;
}

.nav .sub a:hover .img2 {
	display: inline;
}

.nav .sub a:hover .pic {
	opacity: 1;
}

.lang {
	color: #fff;
	font-size: 16px;
	line-height: 70px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.header.on .lang {
	color: #383735;
}

.login {
	border-radius: 16px;
	line-height: 32px;
	text-align: center;
	font-size: 0;
	padding: 0 20px;
	border: 1px solid #fff;
	margin-top: 43px;
	margin-left: 3.125vw;
	transition: .3s
}

.header.on .login {
	border: 1px solid #383735;
}

.login:hover {
	background-color: rgba(255, 255, 255, .3)
}

.login i,
.login span {
	display: inline-block;
	vertical-align: middle
}

.login i {
	width: 22px;
	height: 16px;
	background: url(/tpl/web/images/c_p1.png) left center no-repeat;
	background-size: 14px
}

.header.on .login i {
	background: url(/tpl/web/images/c_ppp1.png) left center no-repeat;
}

.login span {
	font-size: 12px;
	color: #fff
}

.header.on span {
	color: #383735;
}

.wrapper {
	position: relative;
	left: 0;
	transition: .3s;
	overflow: hidden
}

.r-menu {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	height: 100vh;
	width: 280px;
	overflow-y: auto;
	transform: translateX(100%);
	z-index: 15;
	padding: 3rem;
	background: linear-gradient(103deg, #1f2137, #4c5187)
}

.open body,
html.open {
	height: 100%;
	overflow: hidden
}

.ue-nav .s1 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 45px
}

.ue-nav .sub {
	padding-left: 10px;
	display: none;
}

.ue-nav .sub a {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

.ue-nav .hasub {
	background: url(/tpl/web/images/arrows1.png) right 16px no-repeat;
	background-size: 15px auto;
}

.ue-nav .hasub.show {
	background: url(/tpl/web/images/arrows2.png) right 16px no-repeat;
	background-size: 15px auto;
}

.menuBtn {
	display: none;
	position: absolute;
	top: 12px;
	right: 23px;
	width: 25px;
	height: 30px;
	cursor: pointer;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	z-index: 11
}

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

.menuBtn.open b {
	display: none;
	margin: -5px 0 0;
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px
}

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

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

.menu-b {
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	border-top: 1px solid #5e63b5;
}

.menu-b .lang1 {
	display: inline-block;
	vertical-align: middle;
}

.menu-b .lang1 a {
	color: #fff;
}

.menu-b .lang1 a:hover,
.menu-b .lang1 a.on {
	color: #00a0e9;
}

.menu-b .zc {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	padding-left: 15px;
	color: #00a0e9;
	border-left: 1px solid #00a0e9;
}



.footer {
	background-color: #fbfbfb;
	font-size: 14px;
	color: #5f6464;
	padding-top: 42px
}

.f-copy {
	border-top: 1px solid #ccc;
	overflow: hidden;
	line-height: 50px
}

.f-copy a {
	color: #5f6464
}

.f-copy a:hover {
	text-decoration: underline
}

.f-top {
	overflow: hidden;
	margin-bottom: 44px
}

.f-top .l {
	width: 50%
}

.f-top .r {
	width: 34.2%
}

.f-logo {
	display: block;
	margin-bottom: 37px
}

.f-logo img {
	display: block
}

.f-info {
	line-height: 2
}

.f-info .bot {
	overflow: hidden;
	margin-top: 13px
}

.f-info .line {
	float: left;
	font-size: 0;
	line-height: 45px
}

.f-info .line .icon,
.f-info .line .icon img,
.f-info .line a {
	display: inline-block;
	vertical-align: middle
}

.f-info .mr {
	margin-right: 5.7vw
}

.f-info .line .icon {
	width: 33px;
	height: 45px
}

.f-info .line a {
	font-size: 16px;
	color: #5f6464;
	font-weight: 700
}

.f-links {
	padding-top: 31px
}

.f-links .tit {
	font-size: 16px;
	font-weight: 700;
	color: #5f6464;
	margin-bottom: 28px
}

.f-links .links {
	overflow: hidden
}

.f-links .links .a1 {
	float: left;
	width: 33.33%;
	font-size: 14px;
	color: #5f6464;
	line-height: 38px;
	transition: .3s
}

.f-links .links .a1:hover {
	color: #05a0f9
}

/* .f-links .links .a1:nth-child(3n+3){text-align:right} */
.f-copy .l br {
	display: none;
}




.m-pop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

.pop-cont {
	width: 498px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
}

.modal-header {
	padding: 20px 30px;
	border: none;
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e9ecef;
}

.img-wrapper {
	border: 1px solid #e6e9ed;
	padding: 20px;
	border-radius: 50%;
	margin-right: 30px;
}

.modal-header img {
	height: 28px;
	width: 28px;
}

.modal-title {
	color: #11132f;
	font-size: 22px;
	font-weight: 700;
	line-height: 34px;
}

button.close {
	float: right;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	padding: 15px;
	margin-top: -40px;
	margin-right: -20px;
	margin-left: auto;
	cursor: pointer;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
	padding: 20px 30px;
	border: none;
}

.login-form-label {
	color: #c6d3dd;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
}

.login-form input {
	border-radius: 4px;
	color: #000000;
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	border: 1px solid #eff3f7;
	background-color: #f7f9fb;
	padding-left: 54px;
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 23px center;
	margin: 10px 0 20px 0;
}

.name {
	background-image: url(/tpl/web/images/bxs-user-gray.svg);
}

.login-form .login-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: 50px;
	line-height: 48px;
	border-radius: 4px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
	margin-top: 5px;
	width: 100%;
	background-color: #60a1f6;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
}

.login-form .login-btn img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: -2px;
}

.login-form .forgot-password-btn {
	display: block;
	margin: 30px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #10142f;
	text-align: center;
}

.login-form .forgot-password-btn:hover {
	text-decoration: underline;
}

.modal-footer {
	background-color: #f6f9fb;
	padding: 20px 30px;
	border: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef;
}

.modal-footer .terms-of-use {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.43;
	color: #8799a3;
	padding: 0 30px;
	text-align: center;
}

.modal-footer .terms-of-use a {
	font-weight: bold;
	color: #60a1f6;
}

.modal-footer .terms-of-use a:hover {
	text-decoration: underline;
}

.sl-list1 li {
	padding: 32px 45px 36px;
	border-radius: 4px;
	margin-bottom: 15px;
	background-color: #f7f9fb;
}

.sl-list1 h3 {
	font-size: 16px;
	color: #000;
	margin-bottom: 22px;
}

.sl-list1 .desc {
	font-size: 16px;
	color: #666;
}

.sl-list1 .down {
	display: block;
	width: 192px;
	height: 57px;
	line-height: 57px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 28px;
	border-radius: 4px;
	background-color: #60a1f6;
}

.sl-list1 .down span {
	display: inline-block;
	padding-left: 26px;
	background: url(/tpl/web/images/icons03.png) left center no-repeat;
}

.list-of-history-icon {
	width: 20px;
	height: 20px;
	min-width: 20px;
	background-position: center;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
}

.list-of-history-title {
	text-align: left;
	line-height: 150%;
}

@font-face {
	font-family: YouSheBiaoTiHei;
	src: url('/tpl/web/fonts/YouSheBiaoTiHei.ttf') format('truetype');
}

.banner .txt .banner-text-wrapper h1 {
	color: #fff;
	font-weight: 300;
	font-size: 60px;
	font-family: YouSheBiaoTiHei;
	line-height: normal;
	margin-bottom: 32px;
	text-align: center;
}

.banner .txt .banner-text-wrapper .playIcon {
	/* height: 35px; */
	cursor: pointer;
	transition: all .3s;
	outline: none;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 0;
}

.banner .txt .banner-text-wrapper .playIcon a {
	display: inline-block;
	/* border: 1px solid #FFFFFF; */
	border-radius: 50px;
	/* width: 71.8px; */
	/* height: 100%; */
	position: relative;
	transition: all .3s;
}

.banner .txt .banner-text-wrapper .playIcon a img {
	display: block;
}

.banner .txt .banner-text-wrapper .playIcon a i {
	border: 10px solid;
	border-color: #FFFFFF transparent transparent transparent;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	display: inline-block;
	position: absolute;
	left: 45%;
	top: 20%;
	transition: all .3s;
}

.banner .txt .banner-text-wrapper .playIcon:hover p {
	border: 1px solid #1677ff;
}

.banner .txt .banner-text-wrapper .playIcon:hover p i {
	border-color: #1677ff transparent transparent transparent;
}

.fancybox-slide {
	padding: 0 !important;
}

.fancybox-slide--iframe .fancybox-content {
	background-color: transparent !important;
}

.fancybox-slide--iframe .fancybox-content {
	width: 800px;
	height: auto !important;
	max-width: 80%;
	max-height: 80%;
	padding-top: 45% !important;
	margin: 0;
}

video {
	background-color: #FFFFFF;
}


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

	.fancybox-slide--iframe .fancybox-content {
		width: 800px;
		height: auto !important;
		max-width: 64%;
		max-height: 80%;
		padding-top: 36% !important;
		margin: 0;
	}

	.nav li {
		margin-right: 3.5vw;
	}

	.nav .v1 {
		font-size: 16px
	}

	.lang {
		font-size: 14px
	}

	.nav .sub {
		width: 540px;
		padding: 10px;
	}

	.nav .sub dl {
		margin: -5px;
	}

	.nav .sub dd {
		padding: 5px;
	}

	.nav .sub a {
		height: 38px;
		line-height: 38px;
		font-size: 12px;
	}

	.nav .sub .icon {
		max-width: 20px;
	}
}

@media screen and (max-width:1300px) {
	.wp {
		width: 80%;
	}
}

@media screen and (max-width:960px) {
	.logo img {
		margin: 0;
		max-width: 30vw;
	}


	.f-copy .l,
	.f-copy .r,
	.f-top .l,
	.f-top .r {
		float: none;
		width: auto
	}

	/* .f-logo img{margin:0 auto} */
	.f-links .links .a1 {
		width: 31%;
	}

	.f-links .links .a1:nth-child(1),
	.f-links .links .a1:nth-child(4),
	.f-links .links .a1:nth-child(7) {
		width: 38%;
	}

	.f-links .links .a1:nth-child(3n+3) {
		text-align: center
	}

	.f-copy .l {
		opacity: .5;
	}

	.f-copy .l br {
		display: block;
	}

	.f-copy {
		line-height: 2;
		font-size: 12px;
	}

	.f-copy {
		opacity: .8;
	}


	.header {
		/* top: 17px */
		height: auto;
		padding: 15px 0;
	}

	.header.on .menuBtn b {
		background-color: #333;
	}

	.menuBtn {
		display: block;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.logo {
		line-height: 50px;
		margin-left: -10px
	}

	.lang,
	.login,
	.nav {
		display: none
	}

	.wrapper.open {
		left: -280px;
		overflow: visible
	}

	.wrapper.open::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 100vh;
		background-color: rgba(0, 0, 0, .6);
		z-index: 10
	}
}

.ban {
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover
}

.ban .txt {
	padding-top: 16.1%
}

.ban h1 {
	font-size: 36px;
	color: #fff;
	line-height: 1.5;
	font-weight: 400;
	margin: 7px 0 5px
}

.ban .date {
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	line-height: 24px
}

.ban .tit {
	font-size: 30px;
	color: #fff;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 8px
}

.cur {
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
	line-height: 24px
}

.cur a {
	color: inherit
}

.cur a:hover {
	text-decoration: underline
}

.g-row {
	overflow: hidden;
	padding: 72px 0 77px
}

.col-main1 {
	float: left;
	width: 66.66%
}

.col-side1 {
	float: right;
	width: 26%;
	background-color: #fff;
	box-shadow: 0 0 27px rgba(0, 0, 0, .17);
	padding: 34px 33px 59px;
	border-radius: 6px
}

.g-row2 {
	padding: 48px 0 78px;
	overflow: hidden
}

.col-main2 {
	float: right;
	width: 71.66%
}

.col-side2 {
	float: left;
	width: 24.66%
}

.col-side2 .con1 {
	background-color: #fff;
	padding: 24px 18px 32px;
	margin-bottom: 22px;
	box-shadow: 0 0 20px rgba(205, 205, 205, .75);
	border-radius: 6px
}

.m-tit3 {
	font-size: 24px;
	color: #11132f;
	font-weight: 700;
	line-height: 1.5
}

.p-list4 {
	margin-top: 21px
}

.p-list4 li {
	margin-bottom: 12px
}

.p-list4 .con {
	display: block;
	font-size: 14px;
	color: #888;
	line-height: 25px;
	font-weight: 400;
	padding: 16px 10px 16px 67px;
	position: relative;
	z-index: 1;
	background-color: #f0f5fa;
	border-radius: 6px
}

.p-list4 li.on .con,
.p-list4 li:hover .con {
	background-image: linear-gradient(135deg, #6a60ee, #56edff);
	color: #fff
}

.p-list4 .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 28px;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
	text-align: center
}

.p-list4 .icon img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	margin: 0 auto
}

.p-list4 .icon .img2,
.p-list4 li.on .icon .img1,
.p-list4 li:hover .icon .img1 {
	display: none
}

.p-list4 li.on .icon .img2,
.p-list4 li:hover .icon .img2 {
	display: block
}

.col-side2 .con2 {
	border-radius: 6px;
	overflow: hidden;
	background-image: linear-gradient(135deg, #1f2137 0, #4c5187 100%);
	padding: 30px 30px 31px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	text-align: center;
	margin-bottom: 41px
}

.col-side2 .con2 .pic {
	margin-top: 30px;
	margin-bottom: 15px
}

.col-side2 .con2 .pic img {
	display: block;
	margin: 0 auto
}

.col-side2 .con2 .tit {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px
}

.col-side2 .con2 .more {
	display: block;
	border: 2px solid #fff;
	background-color: inherit;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	margin-top: 27px
}

.col-side2 .con2 .more img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 12px
}

.col-side2 .con3 {
	padding: 31px 18px 72px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(205, 205, 205, .75);
	border-radius: 6px;
	font-size: 14px;
	color: #666;
	line-height: 20px
}

.col-side2 .con3 .tips {
	color: #999
}

.col-side2 .con3 .m-tit3 {
	margin-bottom: 17px
}

.col-side2 .con3 .det1 {
	padding: 27px 0 21px
}

.col-side2 .con3 .item1 {
	border-radius: 6px;
	position: relative;
	z-index: 1;
	font-size: 14px;
	color: #999;
	line-height: 25px;
	padding: 16px 10px 16px 29px;
	background-color: #f0f5fa;
	margin-bottom: 12px;
	font-weight: 700
}

.col-side2 .con3 .inp1 {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.col-side2 .con3 .item1 label {
	display: block;
	padding-left: 38px;
	background: url(/tpl/web/images/img37.png) left center no-repeat;
	cursor: pointer
}

.col-side2 .con3 .inp1:checked~label {
	background-image: url(/tpl/web/images/img38.png);
	color: #333
}

.col-side2 .con3 .item2 {
	border: 1px solid #d9dee3;
	border-radius: 4px;
	background-color: #f0f5fa;
	position: relative;
	z-index: 1;
	margin-top: 10px
}

.col-side2 .con3 .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 28px;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
	text-align: center
}

.col-side2 .con3 .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	max-height: 100%
}

.col-side2 .con3 .icon .img2,
.col-side2 .con3 .inp2:focus~.icon .img1 {
	display: none
}

.col-side2 .con3 .inp2:focus~.icon .img2 {
	display: inline-block
}

.col-side2 .con3 .inp2 {
	display: block;
	width: 100%;
	height: 55px;
	background: 0 0;
	border: none;
	padding: 0 10px 0 60px;
	font-size: 14px;
	color: #333;
	line-height: 55px;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.col-side2 .con3 .inp2:focus {
	border-color: #bfdeff;
	box-shadow: 0 0 0 3px #bfdeff
}

.col-side2 .con3 .sub {
	display: block;
	width: 100%;
	border-radius: 6px;
	background-image: linear-gradient(90deg, #2392e2 0, #5bd1fe 100%);
	font-size: 14px;
	color: #fff;
	line-height: 57px;
	text-align: center;
	border: none;
	cursor: pointer;
	margin-top: 25px
}

.col-side2 .con3 .sub img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 14px
}

.m-tit1 {
	font-size: 24px;
	color: #000;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 26px
}

.p-list1 li {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	margin-bottom: 22px;
	font-weight: 700
}

.p-list1 a {
	color: inherit
}

.p-list1 a:hover,
.p-list1 li.on a {
	color: #20b5df
}

.m-txt1 {
	font-size: 16px;
	color: #8799a3;
	line-height: 26px
}

.m-txt1 p {
	margin-top: 13px;
	margin-bottom: 1rem
}

.m-txt1 .tit1 {
	font-size: 22px;
	line-height: 1.45
}

.m-flip {
	font-size: 14px;
	color: #222;
	line-height: 36px;
	padding-top: 45px
}

.m-flip a {
	color: inherit
}

.m-flip a:hover {
	color: #059ff9
}

.m-flip .item {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.p-list2 li {
	overflow: hidden;
	background-color: #fff;
	padding: 33px 21px 29px;
	box-shadow: 0 0 27px rgba(0, 0, 0, .17);
	border-radius: 6px;
	margin-bottom: 40px
}

.p-list2 li:last-child {
	margin-bottom: 0
}

.p-list2 .pic {
	float: left;
	width: 260px;
	height: 175px;
	margin-right: 25px
}

.p-list2 .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.p-list2 .txt {
	overflow: hidden;
	font-size: 14px;
	color: #535353;
	line-height: 24px
}

.p-list2 .desc {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.p-list2 .tit2 {
	font-size: 14px;
	color: #20b5df;
	font-weight: 400
}

.p-list2 .tit2 a {
	color: inherit
}

.p-list2 .tit2 a:hover {
	text-decoration: underline
}

.p-list2 .tit1 {
	font-size: 24px;
	color: #333;
	line-height: 1.2;
	font-weight: 400;
	margin: 12px 0 26px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.p-list2 .tit1 a {
	color: inherit
}

.p-list2 .tit1 a:hover {
	color: #20b5df
}

.p-list2 .date {
	font-family: Arial;
	margin-top: 18px
}

.p-list2 li:first-child {
	padding-top: 35px;
	padding-bottom: 33px
}

.p-list2 li:first-child .date {
	margin-top: 24px
}

.p-list2 li:first-child .tit1 {
	margin-bottom: 12px
}

.pages {
	text-align: center;
	font-size: 16px;
	color: #555;
	margin-top: 3.6vw;
}

.pages a {
	color: #555;
	display: inline-block;
	margin: 0 13px;
}

.pages a:hover,
.pages a.on {
	color: #20b5df;
}

.snav-box {
	height: 55px;
}

.snav {
	height: 55px;
	background-color: #f4f4f4;
}

.snav.fixd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.snav li {
	float: left;
	margin-right: 70px;
}

.snav a {
	display: block;
	font-size: 16px;
	color: #333;
	padding: 0 3px;
	line-height: 53px;
	border-bottom: 2px solid transparent;
}

.snav li.on a,
.snav li:hover a {
	border-color: #01489b;
}

.box-product {
	padding: 76px 0 122px
}

.m-tit2 {
	font-size: 30px;
	color: #000;
	line-height: 1.5;
	font-weight: 700
}

.p-list3 {
	margin-top: 25px
}

.p-list3 li {
	background-image: linear-gradient(135deg, #1f2137 0, #4c5187 100%);
	border-radius: 6px;
	margin-bottom: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.p-list3 li:hover {
	background: linear-gradient(135deg, #6a60ee, #56edff)
}

.p-list3 .inner {
	background-repeat: no-repeat;
	background-position: right center;
	padding: 40px 40px 36px;
	overflow: hidden
}

.p-list3 .tit {
	font-size: 22px;
	color: #fff;
	line-height: 1.5;
	font-weight: 700;
	padding-top: 13px;
	padding-bottom: 10px
}

.p-list3 .tit a {
	color: inherit
}

.p-list3 .tit a:hover {
	text-decoration: underline
}

.p-list3 .more {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color: #fff;
	line-height: 25px
}

.p-list3 .more img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 13px
}

.p-list3 .det {
	padding: 27px 0 0
}

.p-list3 .det .item {
	float: left;
	width: 204px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 4px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Arial;
	font-size: 14px;
	color: #9ea0b6;
	line-height: 50px;
	font-weight: 700;
	text-align: center;
	background-color: #3e426e;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.m-txt2 {
	border-radius: 6px;
	background-image: linear-gradient(135deg, #2897eb 0, #5ed5ff 100%);
	position: relative;
	z-index: 1;
	height: 320px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: cover;
	background-size: cover
}

.m-txt2 .pic {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right 20px top 20px;
}

.m-txt2 .txt {
	position: absolute;
	left: 27px;
	top: 50%;
	width: 60%;
	transform: translateY(-50%);
	z-index: 2;
	font-size: 20px;
	color: #fff;
	line-height: 1.5
}

.m-txt2 .tit {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
}

.p-list5 {
	overflow: hidden;
	margin: 0 -11px;
	padding: 15px 0 16px
}

.p-list5 li {
	float: left;
	width: 25%;
	padding: 0 11px
}

.p-list5 .con {
	cursor: pointer;
	background-color: #fff;
	box-shadow: 0 0 11px rgba(205, 205, 205, .5);
	border-radius: 6px;
	font-size: 16px;
	color: #666;
	line-height: 61px;
	text-align: center;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #f2f2f2
}

.p-list5 li.on .con,
.p-list5 li:hover .con {
	background-image: linear-gradient(135deg, #2897eb 0, #5ed5ff 100%);
	border: none;
	color: #fff;
	line-height: 63px
}

.p-list5 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 18px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center
}

.p-list5 .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	max-height: 100%
}

.p-list5 .icon .img2,
.p-list5 li.on .icon .img1,
.p-list5 li:hover .icon .img1 {
	display: none
}

.p-list5 li.on .icon .img2,
.p-list5 li:hover .icon .img2 {
	display: inline-block
}

.box-tab5 {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(205, 205, 205, .75);
	padding: 40px 40px 68px;
	border-radius: 6px
}

.m-tit4 {
	font-size: 18px;
	color: #000;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 1.5rem
}

.m-tit4 img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 19px
}

.m-txt3 {
	font-size: 16px;
	color: #737377;
	line-height: 26px;
	padding-top: 20px
}

.p-list6 {
	overflow: hidden;
	margin: 0 -15px
}

.p-list6 li {
	float: left;
	width: 50%;
	padding: 0 15px 15px
}

.p-list6 .con {
	background-color: #f7f9fb;
	font-size: 16px;
	color: #8799a3;
	line-height: 56px;
	text-align: center;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-txt4 {
	font-size: 16px;
	color: #8d9ea7;
	line-height: 1.5;
	padding-bottom: 20px
}

.m-txt4 .con {
	width: 397px
}

.m-txt4 .sub {
	display: block;
	width: 280px;
	height: 50px;
	border-radius: 4px;
	background-color: #60a1f6;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
	cursor: pointer;
	border: none;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	font-weight: 700;
	text-align: center;
	margin-top: 40px
}

.m-txt4 .sub img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px
}

.m-txt4 .item {
	position: relative;
	z-index: 1;
	border: 1px solid #d9dee3;
	border-radius: 4px;
	background-color: #f0f5fa;
	margin-bottom: 20px
}

.m-txt4 .item .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
	text-align: center
}

.m-txt4 .item .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	max-height: 100%
}

.m-txt4 .inp:focus~.icon .img1,
.m-txt4 .item .icon .img2 {
	display: none
}

.m-txt4 .inp:focus~.icon .img2 {
	display: inline-block
}

.m-txt4 textarea:focus~.icon .img1 {
	display: none
}

.m-txt4 textarea:focus~.icon .img2 {
	display: inline-block
}

.m-txt4 .inp {
	display: block;
	width: 100%;
	height: 50px;
	background: 0 0;
	border: none;
	padding: 0 10px 0 64px;
	font-size: 16px;
	color: #757575;
	font-weight: 700;
	line-height: 48px;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.m-txt4 .inp:focus,
.m-txt4 textarea:focus {
	border-color: #bfdeff;
	box-shadow: 0 0 0 3px #bfdeff
}

.m-txt4 textarea {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 10px 0 60px;
	font-size: 14px;
	font-weight: 700;
	color: #757575;
	line-height: 48px;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: 0 0;
	border: none;
	resize: none
}

.m-txt4 .inp::-webkit-input-placeholder {
	color: #757575
}

.m-txt4 .inp::-moz-placeholder {
	color: #757575
}

.m-txt4 .inp::-ms-input-placeholder {
	color: #757575
}

.m-txt4 textarea::-webkit-input-placeholder {
	color: #757575
}

.m-txt4 textarea::-moz-placeholder {
	color: #757575
}

.m-txt4 textarea::-ms-input-placeholder {
	color: #757575
}

.m-txt4 .tit {
	font-size: 16px;
	color: #c6d3dd;
	font-weight: 700;
	line-height: 30px;
	margin-top: 20px
}

.m-tit5 {
	font-size: 14px;
	color: #888;
	line-height: 1.5;
	text-align: center
}

.m-tit5 h3 {
	font-size: 24px;
	color: #11132f;
	font-weight: 700;
	margin-bottom: 14px
}

.box-contact1 {
	padding: 94px 0
}

.box-contact2 {
	padding: 0 0 93px
}

.box-contact2 .inner {
	margin-top: 60px;
	position: relative;
	z-index: 1
}

.box-contact3 {
	padding: 0 0 100px
}

.p-list7 {
	overflow: hidden;
	margin: 60px -22px 0
}

.p-list7 li {
	float: left;
	width: 33.33%;
	padding: 0 22px
}

.p-list7 .tit {
	font-size: 20px;
	color: #fff;
	line-height: 81px;
	font-weight: 700;
	background: #059ff9;
	padding-left: 60px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.p-list7 .tit img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 22px
}

.p-list7 .txt {
	border: 1px solid #e9e9e9;
	border-top: none;
	font-family: Arial;
	font-size: 16px;
	color: #bfbfbf;
	line-height: 24px;
	font-weight: 700;
	height: 118px;
	overflow: hidden;
	padding: 29px 10px 0 57px
}

.p-list7 .det {
	padding-left: 37px;
	position: relative;
	z-index: 1;
	margin-bottom: 15px
}

.p-list7 .det span {
	color: #059ff9
}

.p-list7 .det img {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.box-tab8 {
	overflow: hidden
}

.m-map {
	float: left;
	width: 55.25%
}

.m-map img {
	display: block;
	width: 100%
}

.p-list8 {
	position: absolute;
	left: 0;
	top: 67%;
	width: 55.25%;
}

.p-list8 li {
	float: left;
	width: 20%;
	padding: 0 9px
}

.p-list8 .con {
	background: #fff;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	line-height: 18px;
	text-align: center;
	padding: 12px 11px 0 10px
}

.p-list8 .det {
	height: 36px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.p-list8 .pic {
	height: 0;
	padding-top: 71.428%;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px
}

.p-list8 .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.m-address {
	float: right;
	width: 40.5%;
	font-family: Arial;
	font-size: 16px;
	color: #bfbfbf;
	font-weight: 700;
	line-height: 1.5
}

.m-address .pic img {
	display: block;
	width: 100%
}

.m-address .label {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	min-width: 99px;
	background: #059ff9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-weight: 700;
	margin: 33px 0 24px
}

.m-address .tit {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	margin-bottom: 23px
}

.m-address .det {
	position: relative;
	z-index: 1;
	padding-left: 36px;
	margin-top: 22px
}

.m-address .det img {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.m-message {
	font-size: 14px;
	color: #c3c3c3;
	line-height: 36px;
	padding: 54px 11px 0
}

.m-message .item {
	overflow: hidden;
	margin-bottom: 12px
}

.m-message .item .col-l,
.m-message .item .col-r {
	width: 46.6%
}

.m-message .inp {
	display: block;
	width: 100%;
	height: 54px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	line-height: 52px;
	padding: 0 32px
}

.m-message .inp::-webkit-input-placeholder {
	color: #c3c3c3
}

.m-message .inp::-moz-placeholder {
	color: #c3c3c3
}

.m-message .inp::-ms-input-placeholder {
	color: #c3c3c3
}

.m-message textarea {
	display: block;
	width: 100%;
	height: 196px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	padding: 21px 32px;
	resize: none
}

.m-message textarea::-webkit-input-placeholder {
	color: #c3c3c3
}

.m-message textarea::-moz-placeholder {
	color: #c3c3c3
}

.m-message textarea::-ms-input-placeholder {
	color: #c3c3c3
}

.m-message .sub {
	display: block;
	width: 221px;
	height: 52px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #059ff9;
	border: none;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	line-height: 52px;
	text-align: center;
	margin-top: 42px
}

.m-message .sub:hover {
	background: #0695e9
}

.m-table1 {
	overflow-x: auto;
	margin-top: 1.5rem;
	padding-bottom: 13px;
}

.grid-wrapper {
	display: grid;
	grid-gap: 10px;
	font-weight: 700;
	width: 823px
}

.grid-wrapper.grid-wrapper-2col {
	grid-template-columns: repeat(1, 65px)
}

.grid-wrapper.grid-wrapper-3col {
	grid-template-columns: repeat(5, 65px)
}

.box {
	background-color: #f7f9fb;
	color: #8799a3;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

.box.bg-white {
	border: 2px solid #f7f9fb
}

.box:not(.header) {
	background-color: #fff;
	border: 2px solid #f7f9fb
}

.grid_row_1 {
	grid-row: row
}

.col_5_to_7 {
	grid-column: col 5/span 2;
	justify-content: center
}

.col_7_to_9 {
	grid-column: col 7/span 2;
	justify-content: center
}

.col_1_to_4 {
	grid-column: col/span 4
}

.col_1_to_2 {
	grid-column: col/span 2
}

.col_3_to_4 {
	grid-column: col 3/span 2
}

.col_5_to_6 {
	grid-column: col 5/span 2;
	justify-content: center
}

.col_7_to_8 {
	grid-column: col 7/span 2;
	justify-content: center
}

.col_9_to_10 {
	grid-column: col 9/span 2;
	justify-content: center
}

.col_4 {
	grid-column: col/span 4
}

.grid_row_3 {
	grid-row: row_3/row_6
}

.grid_row_4 {
	grid-row: row_7/row_11
}

.grid_row_10 {
	grid-row: row_6/row_16
}

.box-develop {
	padding: 94px 0 81px
}

.m-table1 .table {
	font-weight: 700;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}

.m-table1 td {
	color: #8799a3;
	text-align: center;
	padding: 10px;
	border: 2px solid #f7f9fb
}

.m-txts1 {
	padding: 110px 0 50px;
}

.m-txts1 .tit1 {
	font-size: 24px;
	color: #11132f;
	font-weight: bold;
	line-height: 1.7em;
}

.m-txts1 .tit2 {
	font-size: 36px;
	color: #11132f;
	font-weight: bold;
	line-height: 1.7em;
	margin-bottom: 8px;
}

.m-txts1 .desc {
	font-size: 18px;
	color: #737377;
}

.swiper-img1 .swiper-slide {
	padding: 0 24px;
}

/* .swiper-img1 .swiper-slide {
		width: 311.05px !important;
	height: 366.72px !important;
	overflow: hidden;
}
.swiper-slide .pic{

} */
.swiper-img1 .pic {
	height: 0;
	position: relative;
	padding-top: 116%;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.swiper-img1 .pic img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.swiper-img1 .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.swiper-img1 .desc {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #fff;
	line-height: 1.875em;
	padding: 0 30px;
	text-align: center;
}

.swiper-img1 .pic:hover .txt {
	opacity: 1;
}

.p-list9 {
	margin: 29px 0 31px;
	padding: 15px 0 16px;
	font-size: 0;
}

.p-list9 li {
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	margin-bottom: 20px;
}

.p-list9 .con {
	display: block;
	cursor: pointer;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(205, 205, 205, .75);
	border-radius: 6px;
	font-size: 16px;
	color: #666;
	line-height: 61px;
	text-align: center;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #e9e9e9;
	width: 234px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}

.p-list9 a:hover {
	background-image: linear-gradient(90deg, #6a60ee 0, #56edff 100%);
	border: none;
	color: #fff;
}

.p-list9 .active {
	background-image: linear-gradient(90deg, #6a60ee 0, #56edff 100%);
	border: none;
	color: #fff;
}

.p-list9 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 18px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center
}

.p-list9 .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 16px;
	max-height: 100%
}

.p-list9 .active .icon .img1,
.p-list9 .icon .img2 {
	display: none
}

.p-list9 .active .icon .img2 {
	display: inline-block
}

.p-list10 {
	overflow: hidden
}

.p-list10 li {
	float: left;
	width: 25%;
	padding: 0 10px 20px
}

.p-list10 .con {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
	height: 0;
	padding-top: 114.285%
}

.p-list10 .txt {
	position: absolute;
	left: 40px;
	bottom: 43px;
	right: 10px;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	line-height: 1.5
}

.p-list10 .tit {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 21px
}

.p-list10 .more {
	font-size: 16px
}

.p-list10 .more img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 20px
}

#portfoliolist .portfolio,
#portfoliolist .portfolio1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: none;
	float: left;
	overflow: hidden
}

.banner {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.banner::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
}


.b-pc {
	display: none;
	position: relative;
	padding-top: 70%;
}

.b-pc .b-bg {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

.b-pc img {
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

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

.banner .txt {
	position: absolute;
	top: 35.7%;
	left: 0;
	width: 100%;
	font-size: 28.5px;
	color: #fff;
	z-index: 10;
}

.banner .txt h1 {
	font-size: 57px;
	font-weight: normal;
}

.banner .txt h2 {
	font-size: 34px;
	line-height: 1.6;
}

.banner .txt h3 {
	font-size: 48px;
	margin-bottom: 32px
}

.banner .txt h3 br {
	display: none
}

.banner .txt .desc {
	line-height: 36px;
	margin-bottom: 2px;
	font-size: 17px;
	width: 580px;
	margin-top: 18px;
}

.banner .txt .more {
	display: inline-block;
	text-align: center;
	font-size: 0;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.banner .txt .more:hover {
	opacity: .7
}

.banner .txt .more i,
.banner .txt .more span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.banner .txt .more span {
	font-size: 17px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	position: relative;
	padding-left: 22px;
}

.banner .txt .more span::after {
	content: '>>';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.banner .txt .more i {
	display: none;
	width: 9px;
	height: 14px;
	background: url(/tpl/web/images/c_p2.png) center no-repeat;
	-o-background-size: 100%;
	background-size: 100%
}

.row-a1 {
	padding: 4.55vw 0 5.3vw
}

.g-titb1 {
	font-size: 16px;
	color: #888;
	text-align: center;
	overflow: hidden
}

.g-titb1 h3 {
	font-size: 32px;
	color: #222
}

.g-titb1 p {
	margin-bottom: 22px
}

.g-titb1 .en {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	margin-top: 6px
}

.ul-listb1 {
	margin: 3.125vw -10px 0
}

.ul-listb1 li {
	float: left;
	width: 50%;
	margin-bottom: 40px
}

.ul-listb1 .con {
	display: block;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(223, 223, 223, .75);
	border-radius: 5px;
	padding: 0 3.125vw;
	color: #666;
	overflow: hidden;
	margin: 0 10px;
	position: relative;
}

.ul-listb1 .con .pic {
	width: 160px;
	height: 96px;
	position: absolute;
	right: 20px;
	top: 0px;
	display: none;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.ul-listb1 .con:hover {
	color: #fff;
	background: -webkit-linear-gradient(left, #00a73c, #8fc31f);
	background: oldlinear-gradient(left, #00a73c, #8fc31f) -moz-;
	background: -o-linear-gradient(left, #00a73c, #8fc31f);
	background: linear-gradient(90deg, #00a73c, #8fc31f);
	/* background: -webkit-linear-gradient(left, #015bb2, #11afec 90%);
	background: oldlinear-gradient(left, #015bb2, #11afec 90%) -moz-;
	background: -o-linear-gradient(left, #015bb2, #11afec 90%);
	background: linear-gradient(90deg, #015bb2, #11afec 90%) */
}

.ul-listb1 .con:hover .icon img {
	display: none
}

.ul-listb1 .con:hover .icon img:nth-child(2) {
	display: inline-block
}

.ul-listb1 .con:hover .pic {
	display: block;
}

.ul-listb1 .icon {
	float: left;
	width: 46px;
	height: 96px;
	line-height: 96px;
	font-size: 0
}

.ul-listb1 .icon img {
	display: inline-block;
	vertical-align: middle
}

.ul-listb1 .icon img:nth-child(2) {
	display: none
}

.ul-listb1 .txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 96px;
	overflow: hidden
}

.row-a2 {
	padding: 8vw 0 9.4vw;
	background: url(/tpl/web/images/c_bg1.jpg) center no-repeat #eef4f7
}

.m-infob1 {
	color: #222;
	width: 520px
}

.m-infob1 h3 {
	font-size: 32px;
	margin-bottom: 25px
}

.m-infob1 .desc {
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 33px
}

.m-infob1 .info {
	font-size: 15px;
	color: #787878;
	line-height: 30px;
	margin-bottom: 22px
}

.g-linkb1 {
	display: block;
	width: 298px;
	max-width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: -webkit-linear-gradient(left, #00549b, #46b2e7);
	background: oldlinear-gradient(left, #00549b, #46b2e7) -moz-;
	background: -o-linear-gradient(left, #00549b, #46b2e7);
	background: linear-gradient(90deg, #00549b, #46b2e7);
	border-radius: 10px;
	position: relative;
}

.g-linkb1::after {
	content: '';
	position: absolute;
	left: 46px;
	top: 50%;
	display: block;
	width: 15px;
	height: 19px;
	margin-top: -10px;
	background-image: url('/tpl/web/images/c-icn01.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	z-index: 2;
}

.g-linkb1:hover {
	opacity: .8
}

.right-bar {
	position: fixed;
	top: 50%;
	right: 0;
	height: 236px;
	z-index: 101;
	/*display:none;*/
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.right-bar .close,
.right-bar .open {
	display: none;
	cursor: pointer
}

.right-bar li {
	position: relative;
	margin-bottom: 11px
}

.right-bar .icon {
	width: 48px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	background: #fff;
	border: 1px solid #dfdfdf;
	box-shadow: 0 0 10px 0 rgba(206, 206, 206, .75);
	border-radius: 50%;
	font-size: 0;
	cursor: pointer
}

.right-bar .icon .img1 {
	display: inline-block;
	vertical-align: middle
}

.right-bar .icon .img1:nth-child(2) {
	display: none
}

.right-bar .box {
	display: none;
	position: absolute;
	right: 48px;
	top: 0;
	background-color: #009bd9;
	width: 180px;
	font-size: 14px;
	color: #fff;
	line-height: 45px
}

.right-bar li.tel .num {
	padding-left: 10px
}

.right-bar .qr {
	text-align: center
}

.right-bar .qr img {
	display: block;
	width: 100%
}

.right-bar .qr .txt {
	line-height: 24px;
	margin: 8px 0
}

.right-bar .qr .txt h3 {
	font-size: 18px;
	font-weight: 500
}

.right-bar li:hover .icon {
	border-color: #059ff9;
	background-color: #059ff9
}

.right-bar li:hover .icon .img1 {
	display: none
}

.right-bar li:hover .icon .img1:nth-child(2) {
	display: inline-block
}

.right-bar li:hover .box {
	display: block
}

.right-bar .top {
	display: none;
}

.oh {
	overflow: hidden
}

.row-a3 {
	padding: 3.8vw 0 4vw
}

.m-newsb1 {
	overflow: hidden;
	margin-bottom: 50px;
}

.m-newsb1:last-child {
	margin-bottom: 0;
}

.m-newsb1 .tit {
	line-height: 70px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 4px;
	overflow: hidden;
	margin-bottom: 39px
}

.m-newsb1 .tit .more {
	float: right;
	font-size: 14px;
	color: #666
}

.m-newsb1 .tit .more:hover {
	text-decoration: underline
}

.m-newsb1 .tit h3 {
	font-size: 32px;
	color: #000;
	overflow: hidden;
	font-weight: normal;
}

.m-newsb1 .l {
	width: 47.75%;
	margin-right: 3.5vw
}

.m-newsb1 .pic {
	display: block;
	height: 383px;
	overflow: hidden;
	margin-bottom: 28px
}

.m-newsb1 .pic:hover .img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06)
}

.m-newsb1 .pic .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.m-newsb1 .txt h3 {
	font-size: 16px;
	color: #222;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px
}

.m-newsb1 .txt .desc {
	font-size: 14px;
	color: #888;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 8px
}

.m-newsb1 .txt .more {
	display: block;
	font-size: 14px;
	color: #059ff9
}

.m-newsb1 .txt .more:hover {
	text-decoration: underline
}

.ul-newsb1 li:last-of-type .con {
	border: none
}

.ul-newsb1 .con {
	display: block;
	color: #999;
	padding-bottom: 19px;
	border-bottom: 1px dotted #d4d4d4;
	margin-bottom: 10px
}

.ul-newsb1 .con:hover h3 {
	color: #059ff9
}

.ul-newsb1 .con h3 {
	font-size: 16px;
	color: #333;
	line-height: 36px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 1px
}

.ul-newsb1 .con .desc {
	font-size: 14px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 3px
}

.ul-newsb1 .con .time {
	font-size: 12px
}

.row-a4 {
	padding: 5.5vw 0 5.5vw;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	background-size: cover
}

.row-a4 .g-linkb1::after {
	display: none;
}

.m-infob2 {
	font-size: 18px;
	color: #fff
}

.m-infob2 .line {
	width: 37px;
	height: 3px;
	background: #0d66a9;
	margin-bottom: 28px
}

.m-infob2 h3 {
	font-size: 32px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 17px
}

.m-infob2 .desc {
	margin-bottom: 35px;
	font-size: 18px;
	color: #fff;
}

.row-a5 {
	padding: 4.4vw 0 3.9vw
}

.ul-imgsb1 {
	overflow: hidden;
	margin: 0 -6px 2.91666667vw
}

.ul-imgsb1 li {
	float: left;
	width: 25%;
	margin-bottom: 12px
}

.ul-imgsb1 .con {
	display: block;
	border: 1px solid #dfdfdf;
	margin: 0 6px
}

.ul-imgsb1 .con:hover .pic img {
	-webkit-transform: translate(-50%, -50%) scale(.8);
	-moz-transform: translate(-50%, -50%) scale(.8);
	-ms-transform: translate(-50%, -50%) scale(.8);
	-o-transform: translate(-50%, -50%) scale(.8);
	transform: translate(-50%, -50%) scale(.8);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

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

.ul-imgsb1 .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	display: block;
	max-height: 100%;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
	/*-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;*/
}

.m-buss {
	overflow: hidden;
	margin-top: 48px
}

.m-buss .more {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #989898;
	width: 228px;
	height: 52px;
	line-height: 50px;
	background: #fff;
	border: 1px solid #dfdfdf;
	margin: 0 auto;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.m-buss .more:hover {
	color: #05a0f9;
	border-color: #05a0f9
}

.row01 {
	padding-top: 4vw
}

.g-txtb1 {
	font-size: 16px;
	color: #666;
	margin-bottom: 42px
}

.g-txtb1 h1 {
	font-size: 30px;
	color: #11132f;
	margin-bottom: 16px
}

.ul-listb2 li {
	margin-bottom: 3.85416667vw
}

.ul-listb2 li:last-child {
	margin-bottom: 0;
}

.ul-listb2 li:nth-child(even) .pic {
	float: right;
	margin-right: 0;
	margin-left: 2vw
}

.ul-listb2 li:nth-child(even) .txt {
	text-align: right
}

.ul-listb2 li:nth-child(even) .line {
	margin-right: 0;
	margin-left: auto
}

.ul-listb2 .con {
	display: block;
	overflow: hidden
}

.ul-listb2 .pic {
	float: left;
	width: 540px;
	height: 370px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 2vw
}

.ul-listb2 .pic .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	background-size: cover
}

.ul-listb2 .txt {
	height: 370px;
	line-height: 370px;
	overflow: hidden
}

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

.ul-listb2 .dib h3 {
	font-size: 30px;
	color: #11132f;
	line-height: 1.5;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ul-listb2 .dib .line {
	width: 34px;
	height: 2px;
	background-color: #11132f;
	margin: 27px 0 32px
}

.ul-listb2 .dib .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.m-imgb1 {
	display: block
}

.m-imgb1 img {
	display: block;
	margin: 0 auto
}

.row03 {
	padding: 4.3vw 0 5.4vw
}

.ul-listb3 li {
	border-bottom: 1px solid #e9e9e9
}

.ul-listb3 .top {
	padding-left: 2.60416667vw;
	overflow: hidden
}

.ul-listb3 .top .icon {
	float: right;
	width: 100px;
	height: 90px;
	background: url(/tpl/web/images/jia.png) center no-repeat;
	-o-background-size: 19px;
	background-size: 19px;
	cursor: pointer
}

.ul-listb3 .top h3 {
	font-size: 14px;
	color: #666;
	line-height: 90px
}

.ul-listb3 .con {
	display: none;
	padding: 1.7vw 2.60416667vw 2.5vw;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(205, 205, 205, .75);
	margin-bottom: 2.03125vw;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.ul-listb3 .con h3 {
	font-size: 14px
}

.ul-listb3 .con .link {
	display: block;
	width: 116px;
	height: 35px;
	line-height: 35px;
	background: -webkit-linear-gradient(left, #2392e2, #5bd1fe);
	background: oldlinear-gradient(left, #2392e2, #5bd1fe) -moz-;
	background: -o-linear-gradient(left, #2392e2, #5bd1fe);
	background: linear-gradient(90deg, #2392e2, #5bd1fe);
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.ul-listb3 .con .link:hover {
	opacity: .8
}

.ul-listb3 .on .top {
	background: -webkit-linear-gradient(left, #2392e2, #5bd1fe);
	background: oldlinear-gradient(left, #2392e2, #5bd1fe) -moz-;
	background: -o-linear-gradient(left, #2392e2, #5bd1fe);
	background: linear-gradient(90deg, #2392e2, #5bd1fe);
	border-radius: 5px
}

.ul-listb3 .on .top h3 {
	line-height: 55px;
	font-size: 18px;
	color: #fff
}

.ul-listb3 .on .top .icon {
	height: 55px;
	background-image: url(/tpl/web/images/jian.png)
}

.ul-listb4 {
	overflow: hidden;
	margin-top: 53px
}

.ul-listb4 li {
	float: left;
	margin-right: 18px
}

.ul-listb4 .con {
	display: block;
	width: 272px;
	height: 54px;
	line-height: 52px;
	font-size: 0;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #e5e5e5;
	border-radius: 5px
}

.ul-listb4 .con:hover {
	background: -webkit-linear-gradient(315deg, #6a60ee 10%, #56edff 100%);
	background: oldlinear-gradient(315deg, #6a60ee 10%, #56edff 100%) -moz-;
	background: -o-linear-gradient(315deg, #6a60ee 10%, #56edff 100%);
	background: linear-gradient(135deg, #6a60ee 10%, #56edff 100%)
}

.ul-listb4 .con .icon,
.ul-listb4 .con img,
.ul-listb4 .con span {
	display: inline-block;
	vertical-align: middle
}

.ul-listb4 .con .icon {
	width: 70px;
	text-align: center
}

.ul-listb4 .con span {
	font-size: 16px;
	color: #fff
}

.row-b1 {
	padding: 4.55vw 0 4.1vw
}

.row-b1-2 {
	padding-bottom: 1vh;
	padding-top: 0px
}

.m-infob3 {
	margin-bottom: 40px
}

.m-infob3 .top {
	margin-bottom: 51px
}

.m-infob3 .top h2 {
	font-size: 24px;
	color: #11132f;
	margin-bottom: 17px
}

.m-infob3 .top .p {
	font-size: 18px;
	color: #888
}

.m-infob3 .bot {
	overflow: hidden
}

.m-infob3 .bot .l {
	width: 587px;
	height: 361px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 2.86458333vw
}

.m-infob3 .bot .video-box {
	height: 100%;
	position: relative
}

.m-infob3 .bot .video-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .4;
	z-index: 2;
}

.m-infob3 .bot .video-box.on::after {
	display: none;
}

.m-infob3 .bot .video-box .video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.m-infob3 .bot .video-box .play {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	background: url(/tpl/web/images/c_i13.png) center no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	cursor: pointer;
	z-index: 3;
}

.m-infob3 .bot .oh {
	font-size: 14px;
	line-height: 30px;
	color: #888
}

.m-infob3 .bot .oh h2 {
	font-size: 20px;
	color: #11132f;
	margin: 6px 0 10px
}

.m-infob3 .bot .oh h3 {
	font-size: 18px;
	color: #11132f;
	font-weight: 400
}

.ul-listc1 {
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
}

.ul-listc1 li {
	float: left;
	width: 25%;
	font-size: 16px;
	color: #000000;
	margin-bottom: 15px;
}

.ul-listc1 .num {
	margin-bottom: 15px;
}

@font-face {
	font-family: CalpsSansSlim-Regular;
	src: url('/tpl/web/fonts/CalpsSansSlim-Regular.ttf') format('truetype');
}

.ul-listc1 .num span {
	font-size: 54px;
	font-family: CalpsSansSlim-Regular;
	line-height: 1;
}

.ul-txtb1 {
	margin-bottom: 3.6vw
}

.ul-txtb1 .con {
	margin-bottom: 2.4vw;
	font-size: 16px;
	color: #666;
	line-height: 36px
}

.ul-txtb1 .con h3>a {
	display: block;
	font-size: 24px;
	color: #333;
	margin-bottom: 9px
}

.g-titb2 {
	font-size: 26px;
	color: #11132f;
	font-weight: 700
}

.ul-listb5 {
	margin-top: 3.54166667vw
}

.ul-listb5 li {
	background-color: #fff
}

.ul-listb5 li:hover {
	position: relative;
	box-shadow: 0 0 25px 0 rgba(207, 207, 207, .75)
}

.ul-listb5 .con {
	display: block;
	padding: 30px 10px 30px 2.60416667vw;
	background-color: #fff;
	overflow: hidden
}

.ul-listb5 .icon {
	float: left;
	width: 70px;
	height: 70px;
	background: #059ff9;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	margin-right: 2.23958333vw
}

.ul-listb5 .icon img {
	display: inline-block;
	vertical-align: middle
}

.ul-listb5 .txt {
	overflow: hidden
}

.ul-listb5 .txt h3 {
	font-size: 20px;
	color: #000;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px
}

.ul-listb5 .txt p {
	font-size: 16px;
	color: #737377;
	font-weight: 500;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.row-b2 {
	padding-bottom: 4.6vw
}

.m-infob4 {
	margin-bottom: 5.2vw;
}

.m-infob4:last-child {
	margin-bottom: 0;
}

.m-infob4 .g-titb2 {
	margin-bottom: 15px;
	float: left;
}

.m-infob4 .top p {
	font-size: 16px;
	color: #666;
}

.m-infob4 .select {
	float: right;
	width: 280px;
	height: 50px;
	box-shadow: 0 10px 30px rgba(135, 153, 163, .25);
	border-radius: 4px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	cursor: pointer;
	border: 0;
	color: #666;
	background: url(/tpl/web/images/c_i19.png) right 10px center no-repeat #fff;
	-o-background-size: 14px;
	background-size: 14px
}

.m-infob4 .select:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.m-infob4 .con {
	box-shadow: 0 10px 30px rgba(135, 153, 163, .25);
	border-radius: 4px;
	background-color: #fff;
	padding: 25px 30px 30px;
	overflow: hidden;
	margin-top: 44px
}

.m-infob4 .tit {
	color: #11132f;
	font-size: 22px;
	font-weight: 700;
	height: 70px;
	line-height: 70px;
	padding-left: 90px;
	background: url(/tpl/web/images/c_i18.png) left center no-repeat;
	-o-background-size: 60px;
	background-size: 60px;
	margin-bottom: 41px
}

.m-infob4 .box {
	display: block;
	border: none;
	padding: 0;
	overflow: hidden
}

.m-infob4 .box ul {
	text-align: left;
}

.m-infob4 .box ul li {
	float: left;
	width: 50%;
	height: 64px;
	line-height: 150%;
}

.m-infob4 .box .l {
	width: 50%
}

.m-infob4 .box .line {
	padding-left: 39px;
	position: relative;
	color: #737377;
	font-size: 16px;
	padding-top: 12px;
	padding-bottom: 10px;
	font-weight: 500;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	height: 64px;
}

.m-infob4 .box .line:hover {
	background-color: #f7f9fb
}

.m-infob4 .box .line::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -4px;
	background-color: #c6d3dd
}

.row-b3 {
	padding-bottom: 4.75vw
}

.m-infob6 .l {
	width: 390px;
	margin-right: 28px
}

.m-infob6 .oh {
	box-shadow: 0 10px 40px rgba(135, 153, 163, .2);
	border-radius: 4px;
	background-color: #fff;
	padding: 36px;
	height: 252px;
	overflow: hidden
}

.row-b4 {
	padding-bottom: 7.1vw
}

.row-b4 .p {
	font-size: 16px;
	color: #666;
	margin: 21px 0 51px
}

.ul-listb6 li:last-of-type .con {
	margin-bottom: 0
}

.ul-listb6 li.on .con {
	color: #fff;
	background-image: -webkit-linear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: -moz- oldlinear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: -o-linear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: linear-gradient(135deg, #6a60ee 0, #56edff 100%)
}

.ul-listb6 li.on .con .icon img {
	display: none
}

.ul-listb6 li.on .con .icon img:nth-child(2) {
	display: inline-block
}

.ul-listb6 .con {
	padding-left: 35px;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(205, 205, 205, .75);
	border-radius: 5px;
	line-height: 60px;
	color: #8799a3;
	cursor: pointer;
	margin-bottom: 36px
}

.ul-listb6 .con:hover {
	color: #fff;
	background-image: -webkit-linear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: -moz- oldlinear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: -o-linear-gradient(315deg, #6a60ee 0, #56edff 100%);
	background-image: linear-gradient(135deg, #6a60ee 0, #56edff 100%)
}

.ul-listb6 .con:hover .icon img {
	display: none
}

.ul-listb6 .con:hover .icon img:nth-child(2) {
	display: inline-block
}

.ul-listb6 .icon {
	float: left;
	width: 46px;
	height: 60px
}

.ul-listb6 .icon img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%
}

.ul-listb6 .icon img:nth-child(2) {
	display: none
}

.ul-listb6 .txt {
	font-size: 20px;
	font-weight: 700
}

.m-txtb1 h3 {
	font-size: 20px;
	color: #333;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.m-txtb1 .line {
	width: 20px;
	height: 2px;
	margin: 16px 0 18px;
	background-color: #666
}

.m-txtb1 .desc {
	font-size: 14px;
	color: #666;
	line-height: 36px;
	min-height: 108px;
	overflow: hidden
}

.ban.sty1 .txt {
	padding-top: 14.4%
}

.ban.sty1 .txt h1 {
	font-size: 32px;
	margin-top: 5px
}

.m-adv {
	height: 310px;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #24729e;
	margin: 30px 0 20px;
}

.m-adv .txt {
	height: 100%;
	width: 100%;
	padding-top: 49px;
	padding-left: 55.8%;
	background: url(/tpl/web/images/bgs01.png) right top no-repeat;
}

.m-adv .tit {
	font-size: 30px;
	color: #fff;
	padding-top: 22px;
	position: relative;
	margin-bottom: 18px;
}

.m-adv .tit::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 3px;
	background-color: #fff;
}

.m-adv .desc {
	font-size: 14px;
	color: #fff;
	line-height: 1.7em;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.m-adv .more {
	display: block;
	width: 140px;
	height: 35px;
	line-height: 33px;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	border: 2px solid #fff;
	margin-top: 20px;
	text-align: center;
}

.m-adv .more span {
	display: inline-block;
	padding-right: 27px;
	background: url(/tpl/web/images/arrows03.png) right center no-repeat;
}

.g-tits1 {
	font-size: 30px;
	color: #000;
	margin-bottom: 20px;
}

@media screen and (max-width:1600px) {
	.ul-listb4 .con {
		width: 13vw
	}

	.m-infob3 .bot .l {
		width: 40%
	}

	.ul-listb2 .pic {
		width: 45%;
		height: 270px
	}

	.ul-listb2 .txt {
		height: 270px;
		line-height: 270px
	}

	.ul-listb2 .dib h3 {
		font-size: 16px
	}

	.ul-listb2 .dib .line {
		margin: 15px 0
	}

	.ul-listb2 .dib .desc {
		font-size: 14px;
		line-height: 1.7
	}

	.banner .txt h3 {
		font-size: 3.2vw
	}

	.banner .txt {
		font-size: 16px
	}

	.m-txts1 {
		padding: 60px 0 30px;
	}

	.m-txts1 .tit1 {
		font-size: 20px;
	}

	.m-txts1 .tit2 {
		font-size: 30px;
	}

	.m-txts1 .desc {
		font-size: 16px;
	}



}

@media screen and (max-width:1199px) {
	.right-bar {
		display: none
	}

	.banner .txt h3,
	.g-titb1 h3,
	.g-txtb1 h1,
	.m-infob1 h3,
	.m-infob2 h3,
	.m-newsb1 .tit h3 {
		font-size: 24px
	}

	.banner .txt h3 {
		margin-bottom: 3vw
	}

	.banner .txt .desc {
		line-height: 1.7;
		margin-bottom: 3vw
	}

	.m-infob1 .desc,
	.m-infob2 {
		font-size: 16px
	}

	.g-titb1,
	.ul-txtb1 .con {
		font-size: 14px
	}

	.m-infob3 .bot .oh,
	.ul-txtb1 .con {
		line-height: 1.7
	}

	.ul-listb1 li {
		margin-bottom: 20px
	}

	.ul-listb4 .con .icon {
		width: 55px
	}

	.ul-listb4 .con {
		width: auto;
		min-width: 150px
	}

	.m-infob3 .bot .l {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 15px
	}

	.m-infob6 .l {
		width: 32.5%
	}

	.ban.sty1 .txt h1 {
		font-size: 22px
	}

	.m-infob3 .top {
		margin-bottom: 5vw
	}

	.m-txts1 {
		padding: 40px 0 20px;
	}

	.m-txts1 .tit1 {
		font-size: 18px;
	}

	.m-txts1 .tit2 {
		font-size: 22px;
	}

	.m-txts1 .desc {
		font-size: 14px;
	}

	.swiper-img1 .swiper-slide {
		padding: 0 10px;
	}

	.swiper-img1 .desc {
		font-size: 14px;
		padding: 0 20px;
	}


	.g-tits1 {
		font-size: 22px;
	}

	.m-adv .txt {
		padding-left: 50%;
	}

	.m-adv .tit {
		font-size: 22px;
	}

}

@media screen and (max-width:960px) {
	.banner {
		height: auto;
	}

	.b-pc {
		display: block;
	}

	.banner video {
		display: none;
	}

	.banner .txt .more {
		padding: 0 4vw;
		line-height: 35px
	}

	.banner .txt .more span {
		font-size: 14px
	}

	.m-newsb1 .tit {
		margin-bottom: 5vw
	}

	.m-newsb1 .l {
		float: none;
		width: auto;
		margin-right: 0;
		padding-bottom: 15px;
		border-bottom: 1px dotted #d4d4d4;
		margin-bottom: 15px
	}

	.m-newsb1 .pic {
		height: 200px
	}

	.ul-newsb1 .con .desc,
	.ul-newsb1 .con h3 {
		white-space: normal
	}

	.ul-newsb1 .con h3 {
		line-height: 1.5
	}

	.ul-newsb1 .con .desc {
		height: auto
	}

	.ul-imgsb1 li {
		width: 50%
	}

	.m-buss .more {
		width: 150px
	}

	.ul-listb2 .pic {
		float: none !important;
		width: auto;
		height: 237px;
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 15px
	}

	.ul-listb2 .txt {
		height: auto;
		line-height: 1.5
	}

	.ul-listb2 li:nth-child(even) .line {
		margin-right: auto;
		margin-left: 0
	}

	.ul-listb2 li:nth-child(even) .txt {
		text-align: left
	}

	.m-infob4 .box .line {
		font-size: 14px;
		margin-bottom: 0
	}

	.m-infob6 .l {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px
	}

	.m-infob6 .oh {
		height: auto;
		padding: 15px
	}

	.ul-listb6 .txt {
		font-size: 18px
	}

	.ul-listb6 .con {
		margin-bottom: 3vw
	}

	.row-b4 .p {
		font-size: 14px;
		margin: 20px 0
	}

	.m-infob3 .bot .l {
		height: 212px
	}

	.ul-listb4 {
		margin-top: 5vw
	}

	.m-infob3 .top .p {
		font-size: 14px
	}

	.m-infob3 .bot .video-box .play {
		width: 45px;
		height: 45px
	}

	.m-adv .txt {
		padding-left: 30%;
	}


}

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

	.banner .txt h3,
	.g-titb1 h3,
	.g-titb2,
	.m-infob1 h3,
	.m-infob2 h3,
	.m-infob3 .top h2,
	.m-newsb1 .tit h3,
	.ul-listb5 .txt h3,
	.ul-txtb1 .con h3>a {
		font-size: 18px
	}

	.m-infob2 .desc {
		font-size: 14px;
	}

	.g-txtb1 h1 {
		font-size: 24px;
		line-height: 1.3
	}

	.banner .txt {
		top: 37.6%
	}

	.banner .txt h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 1.3;
		margin-bottom: 10px
	}

	.banner .txt h3 br {
		display: block
	}

	.banner .txt .desc {
		font-size: 12px;
		display: none
	}

	.banner .bg {
		height: 280px
	}

	.ul-listb1 {
		margin-left: 0;
		margin-right: 0
	}

	.ul-listb1 li {
		float: none;
		width: auto
	}

	.ul-listb1 .con {
		margin: 0
	}

	.ul-listb1 .txt {
		font-size: 16px;
		line-height: 65px
	}

	.ul-listb1 .icon {
		height: 65px;
		line-height: 65px
	}

	.m-infob1 {
		width: auto
	}

	.m-infob1 .desc {
		margin-bottom: 3vw
	}

	.m-newsb1 .tit {
		line-height: 45px
	}

	.ul-listc1 li {
		width: 50%;
		font-size: 14px;
	}

	.m-infob4 .g-titb2 {
		float: none;
		width: auto
	}

	.m-infob4 .l {
		float: none;
	}

	.m-infob4 .select {
		float: none;
		width: 100%;
		margin-top: 15px
	}

	.ul-listb5 .con {
		padding: 15px 5px
	}

	.ul-listb5 .icon {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.ul-listb5 .txt h3 {
		font-size: 16px
	}

	.ul-listb5 .txt p {
		font-size: 14px
	}

	.m-infob4 .con {
		padding: 10px;
		margin-top: 4vw
	}

	.m-infob4 .box .l {
		float: none;
		width: auto
	}

	.m-infob4 .tit {
		font-size: 16px;
		padding-left: 40px;
		-o-background-size: 30px;
		background-size: 30px;
		margin-bottom: 0
	}

	.ul-listb4 li {
		width: 50%;
		margin-bottom: 10px;
		margin-right: 0
	}

	.ul-listb4 .con {
		margin-right: 10px
	}

	.ban.sty1 .txt {
		padding-top: 0
	}

	.ban.sty1 .txt h1 {
		font-size: 20px
	}

	.sl-list1 li {
		padding: 20px 15px;
		margin-bottom: 10px;
	}

	.sl-list1 h3 {
		margin-bottom: 15px;
	}

	.sl-list1 .desc {
		font-size: 14px;
	}

	.sl-list1 .down {
		width: 150px;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		margin-top: 20px;
	}

	.snav-box {
		height: 50px;
	}

	.snav {
		height: 50px;
	}

	.snav li {
		margin-right: 15px;
	}

	.snav a {
		font-size: 14px;
		line-height: 48px;
	}

	.pages {
		font-size: 14px;
		margin-top: 30px;
	}

	.m-newsb1 {
		margin-bottom: 10px;
	}

	.m-txts1 {
		padding: 30px 0;
	}

	.m-txts1 .tit1 {
		font-size: 17px;
	}

	.m-txts1 .tit2 {
		font-size: 18px;
	}

	.m-txts1 .desc {
		font-size: 12px;
	}

	.swiper-img1 .swiper-slide {
		padding: 0 5px;
	}

	.swiper-img1 .desc {
		font-size: 12px;
		padding: 0 5px;
	}

	.g-tits1 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.m-adv {
		height: auto;
	}

	.m-adv .txt {
		padding: 20px 15px;
	}

	.m-adv .tit {
		font-size: 18px;
	}

	.m-adv .desc {
		font-size: 12px;
		-webkit-line-clamp: 5;
	}

}

@media only screen and (max-width:1920px) {
	.banner .txt h1 {
		font-size: 2.96875vw;
	}

	.banner .txt h2 {
		font-size: 1.77083vw;
	}

	.ban h1 {
		font-size: 1.875vw
	}

	.ban .tit,
	.m-tit2 {
		font-size: 1.5625vw
	}

	.m-txt2 .tit {
		font-size: 1.875vw
	}
}

@media only screen and (max-width:1600px) {
	.box-contact1 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.box-contact2,
	.box-contact3 {
		padding-bottom: 50px
	}

	.p-list7 {
		margin: 30px -10px 0
	}

	.p-list7 li {
		padding-left: 10px;
		padding-right: 10px
	}

	.m-tit5 h3 {
		font-size: 18px
	}

	.p-list7 .tit {
		font-size: 16px;
		padding-left: 30px
	}

	.p-list7 .txt {
		font-size: 14px;
		padding-left: 30px
	}

	.box-contact2 .inner {
		margin-top: 30px
	}

	.m-address {
		font-size: 14px
	}

	.m-address .tit {
		font-size: 16px
	}

	.m-address .det {
		margin-top: 10px
	}

	.m-message {
		padding-top: 30px
	}
}

@media only screen and (max-width:1440px) {
	.m-tit1 {
		font-size: 18px
	}

	.p-list1 li {
		font-size: 14px
	}

	.m-txt1 {
		font-size: 14px;
		line-height: 1.8
	}

	.m-txt1 .tit1 {
		font-size: 16px
	}

	.g-row {
		padding: 30px 0
	}

	.m-flip {
		padding-top: 20px
	}

	.p-list2 .tit1 {
		font-size: 18px
	}

	.p-list2 .pic {
		width: 195px;
		height: 131px;
		margin-right: 15px
	}

	.p-list2 li {
		margin-bottom: 20px
	}

	.box-product {
		padding: 50px 0
	}

	.p-list3 .tit {
		font-size: 16px
	}

	.p-list3 .more {
		font-size: 14px
	}

	.p-list8 .con {
		font-size: 12px
	}

	.m-address .label {
		margin-top: 20px;
		margin-bottom: 10px
	}

	.g-row2 {
		padding-top: 30px;
		padding-bottom: 50px
	}

	.col-side2 .con1 {
		padding: 20px 10px
	}

	.m-tit3 {
		font-size: 18px
	}

	.m-txt2 .txt {
		font-size: 14px
	}

	.p-list5 {
		margin-left: -5px;
		margin-right: -5px
	}

	.p-list5 .con {
		font-size: 14px
	}

	.p-list5 .icon {
		margin-right: 10px
	}

	.p-list5 li {
		padding-left: 5px;
		padding-right: 5px
	}

	.box-tab5 {
		padding: 20px
	}

	.p-list4 .con {
		padding-left: 40px
	}

	.p-list4 .icon {
		left: 10px
	}

	.col-side2 .con2,
	.col-side2 .con3 {
		padding: 20px 10px
	}

	.col-side2 .con3 .item1 {
		padding-left: 10px
	}

	.col-side2 .con3 .item1 label {
		padding-left: 30px
	}

	.col-side2 .con3 .inp2 {
		padding-left: 40px
	}

	.col-side2 .con3 .icon {
		left: 10px
	}

	.m-tit4 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.m-txt3 {
		font-size: 14px;
		line-height: 1.8
	}

	.p-list6 {
		margin-left: -5px;
		margin-right: -5px
	}

	.p-list6 li {
		padding-left: 5px;
		padding-right: 5px
	}

	.p-list6 .con {
		font-size: 12px
	}

	.m-txt4 {
		font-size: 14px;
		line-height: 1.8
	}

	.m-txt4 .inp,
	.m-txt4 .sub,
	.m-txt4 .tit,
	.m-txt4 textarea {
		font-size: 14px
	}

	.m-table1 {
		font-size: 12px
	}

	.box-develop {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.p-list9 .con {
		width: 200px;
		font-size: 14px;
		line-height: 50px
	}

	.p-list9 li.on .con {
		line-height: 52px
	}

	.p-list9 {
		padding: 0;
		margin: 20px 0 30px
	}

	.p-list10 .txt {
		left: 10px;
		right: 10px;
		bottom: 20px;
		font-size: 14px
	}

	.p-list10 .tit {
		font-size: 18px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width:1199px) {
	.wp {
		width: auto;
		padding: 0 15px
	}

	.ban h1 {
		font-size: 22px
	}

	.ban .tit,
	.m-tit2 {
		font-size: 20px
	}

	.col-main1 {
		float: none;
		width: auto
	}

	.col-side1 {
		float: none;
		width: auto;
		padding: 20px 20px 10px;
		margin-bottom: 20px
	}

	.m-tit1 {
		margin-bottom: 20px
	}

	.p-list1 li {
		margin-bottom: 10px
	}

	.m-message {
		padding-left: 0;
		padding-right: 0
	}

	.m-message .sub {
		margin-left: auto;
		margin-right: auto
	}

	.m-txt2 .tit {
		font-size: 22px
	}
}

@media only screen and (max-width:959px) {
	.p-list7 li {
		float: none;
		width: auto;
		margin-bottom: 10px
	}

	.p-list7 .tit {
		padding: 0;
		line-height: 50px;
		text-align: center
	}

	.p-list7 .tit img {
		height: 30px
	}

	.p-list7 .txt {
		height: auto;
		padding: 20px
	}

	.m-map {
		float: none;
		width: auto;
		margin-bottom: 20px
	}

	.m-address {
		float: none;
		width: auto
	}

	.p-list8 {
		position: static;
		width: auto;
		padding: 0;
		overflow: hidden;
		margin: 0 -9px
	}

	.col-side2 {
		float: none;
		width: auto;
		margin-bottom: 30px
	}

	.col-main2 {
		float: none;
		width: auto
	}
}

@media only screen and (max-width:767px) {
	.fancybox-slide--iframe .fancybox-content {
		width: 800px;
		height: auto !important;
		max-width: 80%;
		max-height: 80%;
		padding-top: 45% !important;
		margin: 0;
	}


	.ban {
		height: auto;
		padding: 106px 0 65px
	}

	.cur {
		font-size: 12px
	}

	.ban .txt {
		padding-top: 0
	}

	.ban h1 {
		font-size: 20px;
		margin-top: 0;
		line-height: 1.3
	}

	.ban .tit,
	.m-tit2 {
		font-size: 18px
	}

	.g-row {
		padding-top: 20px
	}

	.m-txt1 p {
		margin-top: .5rem;
		margin-bottom: .5rem
	}

	.col-side1 {
		padding-left: 10px;
		padding-right: 10px
	}

	.m-tit1 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.p-list2 .tit1 {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.p-list2 li,
	.p-list2 li:first-child {
		padding: 20px 10px
	}

	.p-list2 .pic {
		float: none;
		width: auto;
		height: auto;
		margin-right: 0;
		margin-bottom: 10px
	}

	.p-list2 .date,
	.p-list2 li:first-child .date {
		margin-top: 10px
	}

	.box-product {
		padding: 30px 0
	}

	.p-list3 {
		margin-top: 20px
	}

	.p-list3 .inner {
		padding: 20px 10px
	}

	.p-list3 .det {
		padding-top: 10px
	}

	.p-list3 .det .item {
		width: 48%;
		margin-right: 1%;
		line-height: 40px
	}

	.box-contact1 {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.box-contact2,
	.box-contact3 {
		padding-bottom: 30px
	}

	.m-tit5 h3 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.p-list7 .tit {
		font-size: 14px
	}

	.p-list7 .tit img {
		height: 24px;
		margin-right: 10px
	}

	.p-list7 .txt {
		padding: 20px 10px 10px;
		font-size: 13px;
		line-height: 1.5
	}

	.p-list7 .det {
		margin-bottom: 10px
	}

	.p-list8 .con {
		padding: 0
	}

	.m-address {
		font-size: 13px
	}

	.m-address .tit {
		font-size: 15px;
		margin-bottom: 15px
	}

	.m-message .item .col-l,
	.m-message .item .col-r {
		float: none;
		width: auto
	}

	.m-message .item .col-l {
		margin-bottom: 12px
	}

	.m-message .inp {
		height: 45px;
		line-height: 43px;
		padding: 0 10px
	}

	.m-message textarea {
		padding: 10px;
		height: 150px
	}

	.m-message .sub {
		height: 45px;
		line-height: 45px;
		width: 200px
	}

	.g-row2 {
		padding-top: 20px;
		padding-bottom: 30px
	}

	.p-list4 .con {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.p-list4 li {
		margin-bottom: 10px
	}

	.col-side2 .con3 .item1 {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.col-side2 .con3 .det1 {
		padding-top: 20px
	}

	.col-side2 .con3 .inp2 {
		height: 45px;
		line-height: 43px
	}

	.col-side2 .con3 .sub {
		line-height: 45px
	}

	.m-txt2 .txt {
		left: 20px;
		right: 20px;
		width: auto;
		bottom: 15px;
		top: auto;
		transform: none;
	}

	.m-txt2 .tit {
		font-size: 20px;
		margin-bottom: 0;
	}

	.p-list5 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.p-list5 li {
		float: none;
		width: auto;
		flex: 1;
		margin-bottom: 10px
	}

	.p-list5 .icon {
		display: none;
	}

	.p-list5 .con {
		background: #fff;
		box-shadow: none;
		color: #000;
		border: none;
		border-radius: 0;
		border-bottom: 2px solid transparent;
	}

	.p-list5 li.on .con {
		color: #013099;
		background: #fff;
		font-weight: bold;
		border-bottom: 2px solid #013099;
	}

	.p-list5 .con,
	.p-list5 li.on .con {
		line-height: 45px
	}

	.box-tab5 {
		padding-left: 10px;
		padding-right: 10px
	}

	.m-txt3 {
		padding-top: 0
	}

	.p-list6 li {
		float: none;
		width: auto
	}

	.p-list6 .con {
		line-height: 1.8;
		white-space: normal;
		padding: 10px
	}

	.m-txt4 .con {
		width: auto
	}

	.m-txt4 .inp,
	.m-txt4 textarea {
		padding-left: 40px
	}

	.m-txt4 .sub {
		margin-left: auto;
		margin-right: auto
	}

	.box-develop {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.p-list9 li {
		display: block;
		margin-bottom: 10px;
		padding: 0
	}

	.p-list9 .con {
		width: auto
	}

	.p-list10 li {
		float: none !important;
		width: 100%;
		padding: 0 0 10px
	}

	.p-list10 .txt {
		left: 20px;
		right: 20px
	}


	.m-txt2 {
		height: auto;
		background-image: none !important;
		background-color: #eee;
		border-radius: 0;
		padding: 30px 10px;
	}

	.m-txt2 .txt {
		position: static;
		color: #000;
	}

	.m-txt2 .tit {
		margin-bottom: 15px;
	}

	.pop-cont {
		width: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		background-color: #fff;
	}

	.modal-header {
		padding: 10px 15px;
	}

	.modal-title {
		font-size: 18px;
		line-height: 28px;
	}

	.img-wrapper {
		width: 45px;
		height: 45px;
		padding: 11px 8px 5px 11px;
		margin-right: 15px;
	}

	.img-wrapper img {
		height: 20px;
		width: 20px;
	}

	button.close {
		margin-top: -20px;
		margin-right: -20px;
	}

	.modal-body {
		padding: 10px 15px;
	}

	.login-form .forgot-password-btn {
		margin: 20px 0 10px 0;
		font-size: 14px;
	}

	.modal-footer .terms-of-use {
		font-size: 12px;
		padding: 0;
	}

	.login-form input {
		font-size: 14px;
		padding-left: 40px;
		height: 45px;
		margin: 10px 0 10px 0;
		background-position: 12px center;
	}

}

.m-tit4 {
	position: relative;
}

.m-tit4 .down {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	line-height: 38px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	width: 154px;
	border-radius: 50px;
	box-shadow: 0 0 5px rgba(205, 205, 205, 0.6);
	border: 1px solid #C6CED3;
	transform: inherit;
	-webkit-transform: inherit;
	-moz-transform: inherit;
	-ms-transform: inherit;
	-o-transform: inherit;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

.m-tit4:hover .down {
	border-color: #22AC38;
}

.m-tit4 .down img {
	vertical-align: middle;
	margin-right: 10px;
	width: 12%;
}

.m-table1 table,
.m-tab1 {
	border-collapse: separate;
	border-spacing: 10px;

	min-width: 100%
}

.m-table1 table { width:120%;     table-layout: fixed;}

.m-table1 td,
.m-tab1 td {
	color: #8799a3;
	text-align: center;
	padding:0 5px;
	border: 2px solid #f7f9fb;
	font-size: 12px !important;
	height: 50px;
}

.tzzgx-table td {
	font-size: 14px !important;
}
.m-tab2 table td {
	word-break:break-all;
}


.m-table1 td img {
	/* max-width: 11px; */
}

.m-table1 td.td_left,
.m-tab1 td {
	color: #108ccc;
}

.m-table1 .table_tr td,
.m-table1 .firstRow td,
.m-tab1 .table_tr td {
	color: #fff;
	text-align: center;
	padding: 10px;
	border: 2px solid #f7f9fb;
	background-color: #108ccc;
}

.m-ltab {
	position: relative;
}

.m-ltab .m-tab1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 203px;
	min-width: auto;
	z-index: 99;
	background-color: #FFFFFF;
}

.m-tab1 .height2 {
	height: 49px;
}

.m-tab1 .height3 {
	height: 66px;
}

.m-table1 .m-tab2 tr {
	position: relative;
}

.m-table1 .m-tab2 td:first-child {
	opacity: 0;
	width: 185px;
}

@media only screen and (max-width:1440px) {
	.m-tab1 {
		font-size: 12px;
	}

	.m-tab1 .height2 {
		height: 48px;
	}

	.m-tab1 .height3 {
		height: 60px;
	}
}

@media only screen and (max-width:768px) {
	.banner video {
		height: 40vh !important;
	}

	.banner .txt .banner-text-wrapper h1 {
		padding: 0 30px;
		font-size: 21px;
		margin-bottom: 15px;
	}
	

	.banner .txt .banner-text-wrapper .playIcon a {
		width: 35px;
	}
	
	.banner .txt .banner-text-wrapper .playIcon a img{
		width: 100%;
	}

	.banner .txt .banner-text-wrapper .playIcon a i {
		border: 7px solid;
		border-color: #FFFFFF transparent transparent transparent;
	}


	.m-tit4 .down {
		width: 105px;
		font-size: 12px;
		line-height: 32px;
	}

	.m-tit4 .down img {}
}

.wp {
	max-width: 1194px;
	margin: 0 auto;
}

.cur-d {
	background-color: #EEEEEE;
	padding: 16px 0;
	margin-bottom: 29px;
}

.cur-d .on span {
	border-bottom: 3px solid #045498;
}

.cur-d a:hover span {
	border-bottom: 3px solid #045498;
}

.row-b1 {
	overflow: hidden;
}

.row-b1 .b-tit {
	float: left;
	padding-left: 19px;
}

.row-b1 .pic {
	width: 596px;
	height: 354px;
	float: right;
}

.ul-tit-b1 li p {
	color: #8b8b8b;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	padding-left: 36px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 21px;
}

.ul-tit-b1 li:nth-child(1) p {
	background-image: url(/tpl/web/images/b-icon_03.png);
}

.ul-tit-b1 li:nth-child(2) p {
	background-image: url(/tpl/web/images/b-icon_06.png);
}

.ul-tit-b1 li:nth-child(3) p {
	background-image: url(/tpl/web/images/b-icon_09.png);
}

.ul-tit-b1 li:nth-child(4) p {
	background-image: url(/tpl/web/images/b-icon_11.jpg);
}

@media only screen and (max-width:1920px) {
	.row-b1 .pic {
		width: 31.04vw;
		height: 18.43vw;
	}
}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 990px) {
	.row-b1 .pic {
		width: 100%;
		float: none;
		height: auto;
	}

	.row-b1 .b-tit {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 750px) {
	.banner .txt h1 {
		font-size: 24px;
		line-height: 1.25;
	}

	.banner .txt h2 {
		font-size: 15.5px;
	}

	.banner .txt .more {
		padding-left: 0;
	}

	.cur-d {
		padding: 5px 0;
		margin-bottom: 10px;
	}

	.cur-d span {
		margin-right: 10px;
		font-size: 14px;
		padding: 0 2px 5px 2px;
	}

	.cur-d .on span {
		border-bottom: 2px solid #045498;
	}

	.ul-tit-b1 li p {
		font-size: 13px;
	}
	
}




.row-d3 {
	overflow: hidden;
}

.row-d3 .g-tit-d {
	overflow: hidden;
	margin-bottom: 34px;
}

.row-d3 .g-tit-d h1 {
	float: left;
	font-size: 48px;
	color: #00549B;
	font-family: Arial;
}

.row-d3 .g-tit-d .txt {
	float: right;
	border: 1px solid #DCDCDC;
	font-family: Arial;
	color: #101010;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	padding-left: 27px;
	background-image: url(/tpl/web/images/d-icon2.png);
	background-size: 18px 8px;
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 17px;
	letter-spacing: 1.5px;
}

.ul-list1-d li {
	overflow: hidden;
	background-image: url(/tpl/web/images/d-icon1.png);
	background-size: 5px 9px;
	background-repeat: no-repeat;
	background-position: 0.98% 47%;
	padding: 20px 25px 21px 38px;
}


.ul-list1-d .desc p {
	float: left;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.ul-list1-d .date {
	float: right;
	font-size: 14px;
	letter-spacing: 0.7px;
	padding-top: 3px;
	color: #858585;
}


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

	.row-d3 .g-tit-d {
		margin-bottom: 1.78vw;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 2.51vw;
	}

	.row-d3 .g-tit-d .txt {
		width: 7vw;
		padding-left: 1.45vw;

	}

	.ul-list1-d li {
		padding: 1.02vw 1.3vw 1.15vw 2vw;
	}



}

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

	.row-d3 .g-tit-d .txt {
		width: 8vw;
		padding-left: 1.2vw;
	}

}

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


	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding-left: 15px;
	}

}

@media only screen and (max-width:750px) {
	.wp-d2 {
		padding: 5px;
	}

	.cur-d {
		padding: 5px 0;
		margin-bottom: 10px;
	}

	.cur-d span {
		margin-right: 10px;
		font-size: 14px;
		padding: 0 2px 5px 10px;
	}

	.cur-d .on span {
		border-bottom: 2px solid #045498;
	}

	.row-d3 .g-tit-d {
		margin-bottom: 20px;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 24px;
	}

	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding: 5px 0;
		padding-left: 10px;
		font-size: 14px;
		margin-top: 0;
	}

	.ul-list1-d li {
		padding: 10px 15px 10px 22px;
	}

	.ul-list1-d .desc p {
		font-size: 14px;
		width: 76%;
	}

	.ul-list1-d .date {
		font-size: 12px;

	}


}

@media only screen and (max-width:320px) {
	.ul-list1-d .desc p {
		width: 62%;
	}

}

.down {
	/*transform: rotate(45deg);*/
	/*-webkit-transform: rotate(45deg);*/
}

.row-d4 {
	overflow: hidden;
}

.not-arrow {
	display: none;
}

.row-d4 .g-tit-d {
	overflow: hidden;
	margin-bottom: 34px;
}

.row-d4 .g-tit-d h1 {
	float: left;
	font-size: 48px;
	color: #00549B;
	font-family: Arial;
}

select {
	appearance: none;
}

select::-ms-expand {
	display: none;
	/*清除IE默认下拉按钮，但是测试发现IE10以上有效，IE8，9默认下拉按钮仍旧存在*/
}

.row-d4 .g-tit-d .txt {
	float: right;
	border: 1px solid #DCDCDC;
	font-family: Arial;
	color: #101010;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	padding-left: 27px;
	background-image: url(/tpl/web/images/d-icon2.png);
	background-size: 18px 8px;
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 17px;
	letter-spacing: 1.5px;

}

.ul-list2-d {
	margin-bottom: 40px;
}

.ul-list2-d li {
	overflow: hidden;
	background-image: url(/tpl/web/images/d-icon1.png);
	background-size: 5px 9px;
	background-repeat: no-repeat;
	background-position: 0.98% 47%;
	padding: 20px 25px 21px 38px;
}


.ul-list2-d .desc p {
	float: left;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.ul-list2-d .date {
	float: right;
	font-size: 14px;
	letter-spacing: 0.7px;
	padding-top: 3px;
	color: #858585;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.pages {
	float: right;
	font-size: 0;
	margin-bottom: 107px;
	margin-top: 21px;
	overflow: hidden;
	padding-bottom: 30px;
}

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

.pages li {
	float: left;
	margin: 0 2.5px;
}

.pages li a {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 14px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

.pages .pages-end a,
.pages .pages-first a {
	width: 58px;
}

.pages .pages-next a,
.pages .pages-prev a {
	width: 72px;
}

.pages li.on a,
.pages li:hover a {
	background-color: #276EAA;
	color: #fff
}

.pages li span {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 16px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

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

	.row-d4 .g-tit-d {
		margin-bottom: 1.78vw;
	}

	.row-d4 .g-tit-d h1 {
		font-size: 30px;
	}

	.row-d4 .g-tit-d .txt {
		width: 7vw;
		padding-left: 1.45vw;

	}

	.ul-list2-d li {
		padding: 1.02vw 1.3vw 1.15vw 2vw;
	}




	.pages li a {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 3.05vw;
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 3.72vw;
	}

	.pages li span {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}


}

@media only screen and (max-width:1440px) {
	.pages {
		margin-bottom: 50px
	}

	.pages li a,
	.pages li span {
		font-size: 14px
	}

	.row-d4 .g-tit-d .txt {
		width: 8vw;
		padding-left: 1.2vw;
	}

}

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

	.pages li a,
	.pages li span {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.row-d4 .g-tit-d .txt {
		width: 100px;
		padding-left: 15px;
	}

}

@media only screen and (max-width:750px) {
	.row-b1 .b-tit {
		padding-left: 0px;
	}

	.ul-list2-d {
		margin-bottom: 20px;
	}

	.wp-d2 {
		padding: 0 15px;
	}

	.cur-d {
		padding: 10px 0;
		margin-bottom: 10px;
	}

	.cur-d span {
		margin-right: 10px;
		font-size: 14px;
		padding: 0 2px 10px 0px;
	}

	.cur-d .on span {
		border-bottom: 2px solid #045498;
	}

	.row-d4 .g-tit-d {
		margin-bottom: 20px;
	}

	.row-d4 .g-tit-d h1 {
		font-size: 24px;
	}

	.row-d4 .g-tit-d .txt {
		width: 100px;
		padding: 5px 0;
		padding-left: 10px;
		font-size: 14px;
		margin-top: 0;
	}

	.ul-list2-d li {
		padding: 10px 15px 10px 20px;
		background-position: 10px 50%;
	}

	.ul-list2-d .desc p {
		font-size: 12px;
		width: 75%;
	}

	.ul-list2-d .date {
		font-size: 12px;
		padding-top: 0;

	}

	.pages {
		padding-bottom: 10px;
	}

	.pages li {
		display: none;
		margin: 0 5px
	}

	.pages .pages-end,
	.pages .pages-first,
	.pages .pages-next,
	.pages .pages-prev {
		display: block
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 50px
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 70px
	}



}

@media only screen and (max-width:414px) {
	.wp-d2 {
		padding: 0 15px;
	}

	.ul-list2-d .desc p {
		width: 65%;
	}
}

@media only screen and (max-width:250px) {
	.ul-list2-d .desc p {
		width: 50%;
	}
}

.nicescroll-cursors {
	background: -webkit-linear-gradient(left, #8FC31F, #009944) !important;
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #8FC31F, #009944) !important;
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #8FC31F, #009944) !important;
	/* Firefox 3.6 - 15 */
}

#ascrail2000-hr {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.wp2 {
	margin: 0 auto;
}

.g-tit-d {
	overflow: hidden;
}

.select {
	float: right;
	position: relative;
}

.select .i {
	border: solid black;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 5px;
}

.select .down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.select .i {
	position: absolute;
	right: 19.5px;
	top: 29px;
}

.row-d4 .g-tit-d .txt,
.row-d3 .g-tit-d .txt {
	background-image: inherit
}

@media only screen and (max-width:750px) {
	.select .i {
		top: 10px;
	}

	.select .i {
		padding: 3px;
	}
}

.cur-d {
	background-color: #EEEEEE;
	padding: 16px 0;
	margin-bottom: 29px;
}

.cur-d .on span {
	border-bottom: 3px solid #045498;
}

.cur-d a:hover span {
	border-bottom: 3px solid #045498;
}

.row-d3 {
	overflow: hidden;
}

.row-d3 .g-tit-d {
	overflow: hidden;
	margin-bottom: 34px;
}

.row-d3 .g-tit-d h1 {
	float: left;
	font-size: 48px;
	color: #00549B;
}

.row-d3 .g-tit-d .txt {
	float: right;
	border: 1px solid #DCDCDC;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	padding-left: 27px;
	background-image: url(/tpl/web/css/images/d-icon2.png);
	background-size: 18px 8px;
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 17px;
	letter-spacing: 1.5px;
}

.ul-list1-d li {
	overflow: hidden;
	background-image: url(/tpl/web/css/images/d-icon1.png);
	background-size: 5px 9px;
	background-repeat: no-repeat;
	background-position: 0.98% 47%;
	padding: 20px 25px 21px 38px;
}


.ul-list1-d .desc p {
	float: left;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.ul-list1-d .date {
	float: right;
	font-size: 14px;
	letter-spacing: 0.7px;
	padding-top: 3px;
	color: #858585;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.pages {
	float: right;
	font-size: 0;
	margin-bottom: 107px;
	margin-top: 21px;
	overflow: hidden;
	padding-bottom: 30px;
}

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

.pages li {
	float: left;
	margin: 0 2.5px;
}

.pages li a {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 14px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

.pages .pages-end a,
.pages .pages-first a {
	width: 58px;
}

.pages .pages-next a,
.pages .pages-prev a {
	width: 72px;
}

.pages li.on a,
.pages li:hover a {
	background-color: #276EAA;
	color: #fff
}

.pages li span {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 16px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

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

	.row-d3 .g-tit-d {
		margin-bottom: 1.78vw;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 2.51vw;
	}

	.row-d3 .g-tit-d .txt {
		width: 7vw;
		padding-left: 1.45vw;

	}

	.ul-list1-d li {
		padding: 1.02vw 1.3vw 1.15vw 2vw;
	}




	.pages li a {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 3.05vw;
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 3.72vw;
	}

	.pages li span {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}


}

@media only screen and (max-width:1440px) {
	.pages {
		margin-bottom: 50px
	}

	.pages li a,
	.pages li span {
		font-size: 14px
	}

	.row-d3 .g-tit-d .txt {
		width: 8vw;
		padding-left: 1.2vw;
	}

}

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

	.pages li a,
	.pages li span {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding-left: 15px;
	}

}

@media only screen and (max-width:750px) {
	.wp-d2 {
		padding: 5px;
	}

	.cur-d {
		padding: 5px 0;
		margin-bottom: 10px;
	}

	.cur-d .on span {
		border-bottom: 2px solid #045498;
	}

	.row-d3 .g-tit-d {
		margin-bottom: 20px;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 24px;
	}

	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding: 5px 0;
		padding-left: 10px;
		font-size: 14px;
		margin-top: 0;
	}

	.ul-list1-d li {
		padding: 10px 15px 10px 15px;
		background-size: 4px 7px;
		background-position: 0.98% 50%;
	}

	.ul-list1-d .desc p {
		font-size: 12px;
		width: 75%;
	}

	.ul-list1-d .date {
		font-size: 12px;
		padding-top: 0;

	}

	.pages {
		padding-bottom: 10px;
	}

	.pages li {
		display: none;
		margin: 0 5px
	}

	.pages .pages-end,
	.pages .pages-first,
	.pages .pages-next,
	.pages .pages-prev {
		display: block
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 50px
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 70px
	}



}

@media only screen and (max-width:414px) {
	.ul-list1-d li {
		padding: 10px 5px 10px 15px;
	}

	.wp-d2 {
		padding: 0 5px;
	}

	.ul-list1-d .desc p {
		width: 65%;
	}
}

@media only screen and (max-width:250px) {
	.ul-list1-d .desc p {
		width: 50%;
	}
}


/* 0426 */


.cur-d {
	background-color: rgba(251, 251, 251, 1);
	padding: 14px 0;
	margin-bottom: 29px;
	border-bottom: 1px solid #f4f4f4
}

.cur-d span {
	cursor: pointer;
	margin-right: 38px;
	font-size: 16px;
	padding: 0 6px 14px 21px;
}


.cur-d .on span {
	border-bottom: 2px solid #045498;
}

.cur-d a:hover span {
	border-bottom: 2px solid #045498;
}

.row-d3 {
	overflow: hidden;
}

.row-d3 .g-tit-d {
	overflow: hidden;
	margin-bottom: 34px;
}

.row-d3 .g-tit-d h1 {
	float: left;
	font-size: 48px;
	color: #00549B;
}

.row-d3 .g-tit-d .txt {
	float: right;
	border: 1px solid #DCDCDC;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	padding-left: 27px;
	background-image: url(/tpl/web/css/images/d-icon2.png);
	background-size: 18px 8px;
	background-repeat: no-repeat;
	background-position: 89%;
	margin-top: 17px;
	letter-spacing: 1.5px;
}

.ul-list1-d li {
	overflow: hidden;
	background-image: url(/tpl/web/css/images/d-icon1.png);
	background-size: 5px 9px;
	background-repeat: no-repeat;
	background-position: 0.98% 47%;
	padding: 20px 25px 21px 38px;
}


.ul-list1-d .desc p {
	float: left;
	font-size: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.ul-list1-d .date {
	float: right;
	font-size: 14px;
	letter-spacing: 0.7px;
	padding-top: 3px;
	color: #858585;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
}

.pages {
	float: right;
	font-size: 0;
	margin-bottom: 107px;
	margin-top: 21px;
	overflow: hidden;
	padding-bottom: 30px;
}

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

.pages li {
	float: left;
	margin: 0 2.5px;
}

.pages li a {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 14px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

.pages .pages-end a,
.pages .pages-first a {
	width: 58px;
}

.pages .pages-next a,
.pages .pages-prev a {
	width: 72px;
}

.pages li.on a,
.pages li:hover a {
	background-color: #276EAA;
	color: #fff
}

.pages li span {
	display: block;
	width: 43px;
	height: 43px;
	font-size: 16px;
	color: #000;
	line-height: 42px;
	text-align: center;
	overflow: hidden
}

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

	.row-d3 .g-tit-d {
		margin-bottom: 1.78vw;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 2.51vw;
	}

	.row-d3 .g-tit-d .txt {
		width: 7vw;
		padding-left: 1.45vw;

	}

	.ul-list1-d li {
		padding: 1.02vw 1.3vw 1.15vw 2vw;
	}




	.pages li a {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 3.05vw;
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 3.72vw;
	}

	.pages li span {
		width: 2.24vw;
		height: 2.24vw;
		line-height: 2.23vw;
	}


}

@media only screen and (max-width:1440px) {
	.pages {
		margin-bottom: 50px
	}

	.pages li a,
	.pages li span {
		font-size: 14px
	}

	.row-d3 .g-tit-d .txt {
		width: 8vw;
		padding-left: 1.2vw;
	}

}

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

	.pages li a,
	.pages li span {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding-left: 15px;
	}

}

@media only screen and (max-width:750px) {
	.wp-d2 {
		padding: 5px;
	}

	.cur-d {
		padding: 10px 0;
		margin-bottom: 20px;
		overflow-x:scroll;
		overflow-y:hidden;
	}
	
	.cur-d .wp{
		width:600px;
	}
	

	.cur-d .on span {
		border-bottom: 2px solid #045498;
	}

	.row-d3 .g-tit-d {
		margin-bottom: 20px;
	}

	.row-d3 .g-tit-d h1 {
		font-size: 24px;
	}

	.row-d3 .g-tit-d .txt {
		width: 100px;
		padding: 5px 0;
		padding-left: 10px;
		font-size: 14px;
		margin-top: 0;
	}

	.ul-list1-d li {
		padding: 10px 15px 10px 15px;
		background-size: 4px 7px;
		background-position: 0.98% 50%;
	}

	.ul-list1-d .desc p {
		font-size: 12px;
		width: 75%;
	}

	.ul-list1-d .date {
		font-size: 12px;
		padding-top: 0;

	}

	.pages {
		padding-bottom: 10px;
	}

	.pages li {
		display: none;
		margin: 0 5px
	}

	.pages .pages-end,
	.pages .pages-first,
	.pages .pages-next,
	.pages .pages-prev {
		display: block
	}

	.pages .pages-end a,
	.pages .pages-first a {
		width: 50px
	}

	.pages .pages-next a,
	.pages .pages-prev a {
		width: 70px
	}



}

@media only screen and (max-width:414px) {
	.ul-list1-d li {
		padding: 10px 5px 10px 15px;
	}

	.wp-d2 {
		padding: 0 5px 0 14px;
	}

	.ul-list1-d .desc p {
		width: 65%;
	}
}

@media only screen and (max-width:250px) {
	.ul-list1-d .desc p {
		width: 50%;
	}
}
.m-table1 .table tbody tr .td_r {
	text-align: right;
	font-weight: normal;
	color: #005c95;
	padding-right: 20px;
	width: 40%;
}
.m-table1 .table tbody tr .td_l {
	text-align: left;
	font-weight: normal;
	padding-left: 20px;
	width: 60%;
}