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;


}





.container .mobilemap {


	display: none;


}


.container .picmap {


	display: inline-block;


}





.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(/static/images/theme/c_p1.png) left center no-repeat;


	background-size: 14px


}





.header.on .login i {


	background: url(/static/images/theme/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(/watermark.php?src=static/images/arrows1.png) right 16px no-repeat;


	background-size: 15px auto;


}





.ue-nav .hasub.show {


	background: url(/watermark.php?src=static/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(/static/images/theme/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(../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(/static/misc/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;


	}





	.container .mobilemap {


		display: inline-block;


	}


	.container .picmap {


		display: none;


	}





	.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(/static/images/theme/img37.png) left center no-repeat;


	cursor: pointer


}





.col-side2 .con3 .inp1:checked~label {


	background-image: url(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/misc/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/b-icon_03.png);


}





.ul-tit-b1 li:nth-child(2) p {


	background-image: url(/static/images/theme/b-icon_06.png);


}





.ul-tit-b1 li:nth-child(3) p {


	background-image: url(/static/images/theme/b-icon_09.png);


}





.ul-tit-b1 li:nth-child(4) p {


	background-image: url(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(/static/images/theme/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(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(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(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(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%;


}