@media (max-width:450px) {
	.i-tabs {
		padding-left: 0.9375rem;
		margin-top: 0.9375rem;
		text-align: left;
		border-bottom: 1px solid #e2e2e2;
	}

	.i-tabs-btn {
		margin-right: 5px;
		display: inline-block;
		padding: 0.625rem 0.9375rem;
		color: #929292;
		transition: all 0.5s ease-in-out;
		font-size: 0.875rem;
		border-top: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;
		background-color: #fff;
	}

	.i-tabs-btn-active {
		border-top: 1px solid #dcb861;
		border-right: 1px solid #dcb861;
		border-left: 1px solid #dcb861;
		background-color: #dcb861;
		color: #ffffff;
	}

	/* 	.i-tabs-btn:nth-child(2n) {
		border-left: 0px solid #e2e2e2;
		border-right: 0px solid #e2e2e2;
	} */

	.i-tabs-body {
		display: none;
	}

	.i-tabs-show {
		display: block;
	}

	/* common */
	.warp {
		width: 100%;
		padding: 50px 0px;
	}

	.warp-white {
		background-color: #FFFFFF;
	}

	.warp-gray {
		background-color: #ebebeb;
		/* background-color:#ebebeb; */
	}

	.header {
		padding: 10px 0px;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}

	/* mobile menubar */
	.mb-nav {
		display: block;
		float: right;
		/* 	    margin: 0.5rem; */
		position: relative;
		top: 0rem;
		right: 1rem
	}

	.mb-nav span {
		font-size: 2.5rem;
	}

	.logo {
		display: block;
		position: relative;
		width: 11.25rem;
		height: 2.8125rem;
		text-indent: -9999px;
		background: url(../images/m-logo.png) no-repeat;
		background-size: 100%;
		margin: auto;

	}

	.hot-tel {
		display: none;
	}

	/* menubar */
	.menu {
		display: none;
		margin: auto;
		/* background-color:rgba(30,68,190,.5); */
	}

	.menubar {
		background-color: #3858be;
	}

	.menu ul>li {
		padding: 0.625rem 0px;
		text-align: center;
		border-bottom: 1px dashed #f9f9f9;
	}

	.menu ul>li>a {
		font-size: 1rem;
		color: #ffffff;
	}

	.menu ul>li:hover {
		background-color: rgba(242, 31, 31, 1);
	}

	.menu ul>li:hover a {
		color: #ffffff;
	}

	.banner {
		overflow: hidden;
		width: 100%;
		height: 200px;
	}

	.banner-warp {
		position: relative;
	}

	/* solution 解决方案 */
	.solution {
		padding: 1rem 0rem;
	}

	.solution-header {
		border-bottom: 1px solid #f0f0f0;
		height: 3rem;
		position: relative;
		text-align: center;
		margin-bottom: 2rem;
	}

	.solution-header .solution-title {
		display: inline-block;
		position: relative;
		line-height: 2em;
	}

	.solution-header .solution-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 0.25rem;
		background-color: #747474;
	}

	.solution-desc {
		line-height: 2em;
		font-size: 0.875rem;
		color: #868686;
	}

	.solution-header .normalfont {
		font-size: 1em;
		color: #324da4;
	}

	.solution-header .boldfont {
		font-size: 1em;
		color: #324da4;
		font-weight: bold;
	}

	.solution-body {
		padding: 0.625rem 0.3125rem;
	}

	.solution-body-channel-nav {
		width: 100%;
	}

	.solution-body-channel-nav-header {
		display: none;
	}

	.solution-body-channel-nav-body {
		background-color: #fff;
	}

	.solution-body-channel-nav-body ul {
		display: flex;
		flex-wrap: wrap;
	}

	.solution-body-channel-nav-body ul li {
		font-size: 0.875rem;
		flex-shrink: 0;
		flex-grow: 1;
		width: 48%;
		padding: 0.3125rem 0rem;
		line-height: 2;
		border-bottom: 0.0625rem solid #fff;
		border-top: 0.0625rem solid #fff;
		border-right: 0.125rem solid #fff;
		border-right: 0.125rem solid #ccc;
		margin-right: 1%;
		text-indent: 1.2rem;
		background: url(../images/arrow.png) no-repeat 0.3rem center;
		background-color: #f0f0f0;
	}

	.solution-body-channel-nav-body ul li:nth-child(2n) {
		margin-right: 0;
	}

	.solution-body-channel-nav-body ul li:last-child {
		text-align: center;
		text-indent: 0;
		background: none;
		background-color: #f0f0f0;
		margin-right: 0;
		transition: all 0.5s ease-in-out;
	}

	.solution-body-channel-nav-body ul li a {
		color: #525252;
		transition: color 0.5s ease-in-out;
	}

	.solution-body-channel-nav-body ul li a:hover {
		color: #D4105A;
	}

	.solution-body-channel-nav-body ul li:hover {
		background-color: #e2e2e2;
	}

	.solution-body-channel-nav-body ul li:hover a {
		color: #CD0200;
	}

	.solution-body-channel-bottom {
		display: none;
	}

	.solution-body-list {
		/* display: none; */
		padding: 0.9375rem 0px;
		overflow: hidden;
	}

	.solution-body-list ul {
		display: flex;
		flex-wrap: wrap;
	}

	.solution-body-list ul li {
		flex-shrink: 0;
		width: 50%;
		padding: 0.3125rem;
	}

	.solution-body-list ul li:last-child {
		display: none;
	}

	.solution-warp {
		display: block;
		border: 0.0625rem solid #e9e9e9;
		padding: 0.3125rem;
		transition: all 0.5s ease-in-out;
	}

	.solution-thumb {
		width: 100%;
		overflow: hidden;
	}

	.solution-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.solution-thumb-title {
		line-height: 2em;
		font-size: 0.875rem;
		text-align: center;
		color: #525252;
		transition: all 0.5s ease-in-out;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.solution-thumb-desc {
		display: none;
		font-size: 0.875rem;
		color: #929292;
		text-align: center;
		line-height: 1.5em;
	}

	/* company */
	.company {
		padding: 0.9375rem 0rem;
		position: relative;
		background: url(../images/bac.png) no-repeat center;
		background-attachment: fixed;
		background-size: cover;
		background-color: #334fa6;
	}

	.company-header {
		height: 3rem;
		position: relative;
		text-align: center;
		margin-bottom: 3.75rem;
	}


	.company-header .company-title {
		display: inline-block;
		position: relative;
		line-height: 3em;
	}

	.company-header .company-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 0.25rem;
		background-color: rgb(114, 132, 189);
	}

	.company-desc {
		line-height: 3em;
		font-size: 0.875rem;
		color: rgba(255, 255, 255, .5);
	}

	.company-header .normalfont {
		font-size: 1em;
		color: #ffffff;
	}

	.company-header .boldfont {
		font-size: 2em;
		color: #324da4;
		font-weight: bold;
	}

	.company-body {
		padding: 0.625rem 0px;
	}

	.company-thumb {
		float: none;
		background-color: rgba(255, 255, 255, .8);
		padding: 0.625rem;
		margin: 0rem 0.625rem;
		z-index: 10;
		position: relative;
	}

	.company-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.company-about {
		width: 100%;
		padding: 0.5rem;
	}

	.company-about h3 {
		font-size: 1.125rem;
		color: #fff;
		font-weight: bold;
		line-height: 2em;
		text-align: center;
	}

	.company-about p {
		text-indent: 2em;
		font-size: 0.875rem;
		color: #fff;
		line-height: 2;
	}

	.company-btn {
		display: block;
		padding: 0.625rem 0;
		background: #e21a2d;
		color: #fff;
		width: 40%;
		margin: auto;
		text-align: center;
	}

	.company-btn:hover {
		background: #1e419e;
	}

	/* slogan */
	.slogan {
		padding: 0.9375rem 0rem;
	}

	.slogan-header {
		border-bottom: 1px solid #f0f0f0;
		height: 2.5rem;
		position: relative;
		text-align: center;
		margin-bottom: 1.875rem
	}

	.slogan-header .slogan-title {
		display: inline-block;
		position: relative;
		padding: 0.3125rem 0px;
	}

	.slogan-header .slogan-title::after {
		display: block;
		content: '';
		position: relative;
		width: 24%;
		top: 0.3125rem;
		left: 40%;
		height: 0.25rem;
		background-color: #CD0200;
	}

	.slogan-desc {
		line-height: 3em;
		font-size: 0.875rem;
		color: #424242;
	}

	.slogan-header .normalfont {
		font-size: 1.125rem;
		color: #222222;
	}

	.slogan-header .boldfont {
		font-size: 1.125rem;
		color: #324da4;
		font-weight: bold;
	}

	.slogan-body {
		padding: 0.5rem;
	}

	.slogan-warp {
		display: flex;
		flex-wrap: wrap;
	}

	.slogan-bg {
		display: none;
	}

	.slogan-ad {
		flex-shrink: 0;
		width: 50%;
		color: #ffffff;
		text-align: center;
		line-height: 1.5em;
		padding-top: 6.875rem;
	}

	.slogan-ad b {
		display: block;
		font-size: 1rem;
		padding: 0.3125rem;
		text-align: left;
	}

	.slogan-ad small {
		text-align: left;
		padding: 0.3125rem;
		display: block;
		width: 100%;
		font-size: 0.875rem;
	}


	.ia1 {
		background: url(../images/ia1.jpg) no-repeat center top;
		background-size: cover;
		/* background-color: #e11a2d; */
	}

	.ia2 {
		background: url(../images/ia2.jpg) no-repeat center top;
		background-size: cover;
	}

	.ia3 {
		background: url(../images/ia3.jpg) no-repeat center top;
		background-size: cover;
	}

	.ia4 {
		background: url(../images/ia4.jpg) no-repeat center top;
		background-size: cover;
	}

	/* news center */
	.news-header {
		border-bottom: 1px solid #f0f0f0;
		height: 3rem;
		position: relative;
		text-align: center;
		margin-bottom: 2rem;
	}

	.news-header .news-title {
		display: inline-block;
		position: relative;
		line-height: 2em;
	}

	.news-header .news-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 0.25rem;
		background-color: #747474;

	}

	.news-desc {
		line-height: 2em;
		font-size: 0.875rem;
		color: #868686;
	}

	.news-header .normalfont {
		font-size: 1em;
		color: #324da4;
	}

	.news-header .boldfont {
		font-size: 1em;
		color: #324da4;
		font-weight: bold;
	}

	.news-body {
		padding: 0.3125rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.news-body-item {
		flex-shrink: 0;
		width: 100%;
	}

	.news-body-item-border {
		padding: 0.625rem 0rem;
		border-bottom: 1px dashed #e9e9e9;
	}

	.news-body-item-border:hover {
		cursor: pointer;
		background-color: #f0f0f0;
	}

	.news-body-item-border:hover a {
		color: #085C9B;
	}

	.news-body-item-border:hover .news-date {
		background-color: #085C9B;
	}

	.news-date {
		margin-right: 0.625rem;
		text-align: center;
		padding: 0.5rem 0.625rem;
		background-color: #A2A2A2;
		transition: all 0.5s ease-in-out;
	}

	.date-year {
		border-bottom: 1px solid #fff;
		font-size: 1.125rem;
		color: #fff;
		line-height: 1.5;
	}

	.date-md {
		font-size: 1rem;
		color: #fff;
		line-height: 1.5;
	}

	.news-body-content {
		overflow: hidden;

	}

	.news-body-tit {
		text-indent: 1em;
		font-size: 1rem;
		line-height: 1.5;
		background: url(../images/arrow.png) no-repeat left center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.news-body-tit a {
		color: #323232;
		transition: all 0.5s ease-in-out;
	}

	.news-body-desc {
		font-size: 0.875rem;
		line-height: 1.5;
		color: #929292;
	}


	/* footer */
	.footer {
		padding: 0px 0px 50px 0px;
		overflow: hidden;
		/* position: relative; */
		background-color: #404040;
		/* padding: 20px 0px; */
		text-align: center;
	}


	.footer-nav {
		display: none;
		position: relative;
		border-bottom: 1px solid #525252;
	}

	.footer-nav ul li {
		float: left;
		width: 130px;
		height: 64px;
		line-height: 64px;
		text-align: center;
		font-size: 14px;
	}

	.footer-nav ul li a {
		display: block;
		color: #e2e2e2;
	}

	.footer-nav ul li:before {
		display: block;
		content: " ";
		width: 1px;
		height: 10px;
		background-color: #fff;
		float: left;
		position: relative;
		top: 27px;
	}

	.footer-nav ul li:first-child:before {
		display: block;
		content: " ";
		width: 0px;
		height: 0px;
	}

	.gtop {
		float: right;
		display: none;
		background: #767676;
		color: #fff;
		text-align: center;
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 24px;
		cursor: pointer;
		margin-right: 10px;
	}

	.footer-body {
		padding: 0.625rem 0.3125rem;
	}

	.qrcode {
		display: none;
		float: none;
		margin: 0.625rem auto;
		width: 5.625rem;
	}

	.qrcode img {
		width: 100%;
		vertical-align: bottom;
	}

	.footer-contact {
		display: none;
	}

	.m-footer-contact {
		padding: 0px 0.625rem;
		text-align: center;
		overflow: hidden;
		font-size: 0.875rem;
		line-height: 2em;
	}

	.m-footer-contact p {
		color: #9f9f9f;
		font-size: 0.875rem;
	}

	.m-footer-contact a {
		color: #9f9f9f;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}


	/* swiper */
	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	/*自定义分页指示器样式*/
	.swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #000;
		opacity: 1;
		background: rgba(255, 255, 255, .5);
		border: 1px solid rgb(28, 68, 93);
	}

	.swiper-pagination-bullet-active {
		color: #fff;
		background: rgb(168, 224, 206);
	}

	/* channels */
	.channels {}

	.channels-lf {
		width: 100%;
	}

	.channels-lf-bottom {
		display: none;
		height: 0.3125rem;
		background-color: #e9e9e9;
	}

	.channels-lf-header {
		display: none;
		padding: 0.3125rem 0px;
		width: 100%;
		line-height: 1.5;
		position: relative;
		border-bottom: 1px solid rgb(53, 55, 103);
	}

	.channels-lf-header-tit-cn {
		display: none;
		color: #525252;
		font-size: 1.125rem;
		text-indent: 1.5em;
	}

	.channels-lf-header-tit-en {
			display: none;
		color: #525252;
		font-size: 1rem;
		text-indent: 1.5em;
	}

	.channels-lf-nav {}

	.channels-lf-nav ul {
		display: flex;
		flex-wrap: wrap;
	}

	.channels-lf-nav ul li {
		flex-grow: 1;
		flex-shrink: 0;
		width:33%;
		height: 2.8125rem;
		line-height: 2.8125rem;
		border-bottom: 1px solid #e2e2e2;
		border-right:  1px solid #e2e2e2;
		background-color: #f7f7f7;
	}
	.channels-lf-nav ul li:last-child {
		border-right: 0px solid #e2e2e2;
	}

	.channels-lf-nav ul li a {
		font-size:1rem;
		color: #424242;
	}

	.channels-lf-nav-product {}
	.channels-lf-nav-product ul {
		display: flex;
		flex-wrap:wrap;
	}

	.channels-lf-nav-product ul li {
		flex-grow:1;
		flex-shrink:1;
		width:50%;
		text-indent: 2em;
		height: 2.8125rem;
		line-height: 2.8125rem;
		
		border-bottom: 1px solid #e2e2e2;
		
		transition: all 0.3s ease-in-out;
	}

	.channels-lf-nav-product-nomorl {
		
		background-color: #f7f7f7;
		
		background-image:url(../images/arrow.png);
		background-repeat:no-repeat;
		background-position:1em center;
	}

	.channels-lf-nav-product-active {
		background-color: #2cc5b6;
	}

	.channels-lf-nav-product-active a {
		color: #fff;
	}

	.channels-lf-nav-product-nomorl a {
		font-size: 0.875rem;
		color: #424242;
		
	}

	.channels-lf-nav ul li:hover {
		background-color: #2cc5b6;
	}

	.channels-lf-nav-product ul li:hover {
		background-color: #2cc5b6;
	}

	.channels-lf-nav ul li:hover a {
		color: #fff;
	}

	.channels-lf-nav-product ul li:hover a {
		color: #fff;
	}

	.channels-rt {
		overflow: hidden;
	}

	.channels-rt-nav {
		height: 3.125rem;
		line-height:  3.125rem;
		border-bottom:0.125rem solid #e2e2e2;
		font-size: 0.875rem;
		text-indent: 1em;
	}

	.channels-rt-nav a {
		color: #424242;
		font-size: 0.875rem;
	}
	.channels-rt-body {
		padding: 0.625rem;
		line-height: 2;
		font-size:0.875rem;
	}
	.channels-rt-body img {
		width: 100%;
		
	}
	.contents-news {}
	
	.contents-news ul li {
		border-bottom: 1px dashed #e9e9e9;
		height:2.5rem;
		line-height:2.5rem;
		text-indent: 2em;
		background: url(../images/arrow.png) no-repeat left center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.contents-news ul li a {
		color: #323232;
		transition: color 0.5s ease-in-out;
	}
	
	.contents-news ul li a:hover {
		color: #1E419E;
	}
	
	.contents-news-addtime {
		font-size: 0.875rem;
		color: #a0a0a0;
	}
	
	.content-pages {
		margin-top:0.9375rem;
		font-size: 0.875rem;
		color: #626262;
		/* border-top: 1px solid #e2e2e2; */
		line-height: 2;
		/* text-indent: 2em; */
	}
	
	.content-pages a {
		margin-top: 20px;
		font-size: 14px;
		color: #626262;
		/* border-top: 1px solid #e2e2e2; */
	}
	
	.contents-products {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.contents-product-item {
		flex-grow:1;
		flex-shrink: 0;
		width:49%;
		
		/* background-color: #f7f7f7; */
		margin: 1% 0.5%;
	
	}
	
	.contents-product-body {
		display: block;
		border: 1px solid #e9e9e9;
		padding: 5px;
		transition: all 0.5s ease-in-out;
	}
	
	.contents-product-item-thumb {}
	
	.contents-product-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	
	}
	
	.contents-product-item-tit {
		line-height: 2em;
		font-size: 1rem;
		text-align: center;
		color: #525252;
		transition: all 0.5s ease-in-out;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.contents-product-item:hover .contents-product-body {
		-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
		box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}
		/* pageItem */
	.page_wrap {
		clear: both;
		margin-bottom: 10px;
		overflow: hidden;
		zoom: 1;
	}

	.paginator {
		float: right;
		height: 25px;
		overflow: hidden;
	}

	.paginator,
	.paginator input,
	.paginator button {
		font-family: "Tahoma", "宋体";
		font-size: 12px;
	}

	.paginator a,
	.paginator span {
		float: left;
		height: 23px;
		margin: 0 5px 0 0;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height: 23px;
		background: #fff;
	}

	.paginator a {
		color: #085C9B;
	}

	.paginator b {
		font-family: "宋体";
		margin: 3px;
		font-weight: 300;
	}

	.paginator a:link,
	.paginator a:visited,
	.paginator a:hover,
	.paginator a:active {
		text-decoration: none;
	}

	.paginator .page-start,
	.paginator a,
	.paginator .page-end {
		padding: 0 8px;
		border: 1px solid #D3D3D3;
		background: #ffffff;
	}

	.paginator .page-start {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-end {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-this,
	.paginator .page-break {
		padding: 0 3px;
	}

	.paginator .page-break {
		border: 1px solid #fff;
	}

	.paginator .page-this {
		border: 1px solid #D3D3D3;
		background-color: #E9E9E9;
		color: #D4105A;
		padding: 0px 8px;
		font-weight: bold;
	}

	.paginator .page-skip {
		height: 22px;
		line-height: 22px;
		padding: 0 3px;
		margin: 0;
		background: none;
	}

	.paginator .page-skip input {
		width: 26px;
		*width: 23px;
		height: 19px;
		line-height: 19px;
		border: 1px #D3D3D3 solid;
		font-size: 12px;
		margin: -1px 6px 0px 6px;
		#margin-top: 1px;
		_margin-top: 0px;
		padding: 0px 0px 0px 2px;
		vertical-align: middle;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.paginator .page-skip button {
		font-size: 12px;
		padding: 0 5px 5px 5px;
		_padding: 0 5px 0 5px;
		width: auto;
		_width: 0;
		height: 22px;
		*height: 23px;
		*line-height: 20px;
		_height: 16px;
		_line-height: 16px;
		margin-left: 10px;
		*margin-top: -1px;
		overflow: visible;
		vertical-align: top;
	}

	.paginator a:hover {
		border: 1px solid #A6A6A6;
		color: #868688;
	}

	/* content */
	.content {}

	.content-header {
		font-size: 22px;
		text-align: center;
		padding: 10px 0px;
		/* border-bottom: 1px solid #e9e9e9; */
	}

	.content-body {
		padding: 15px 0px;
	}

	.content-navigation {
		margin-top: 15px;
		border-top: 1px dashed #e9e9e9;
		line-height: 2;
		font-size: 16px;
	}

	.content-navigation a {
		line-height: 2;
		font-size: 16px;
		color: #424242;
		transition: all 0.5s ease-in-out;
	}

	.content-navigation a:hover {
		color: #085C9B;
	}

}

@media (min-width:1200px) {
	.i-tabs {
		padding-left: 30px;
		margin-top: 0.9375rem;
		text-align: left;
		border-bottom: 1px solid #e2e2e2;
	}

	.i-tabs-btn {
		margin-right: 5px;
		display: inline-block;
		padding: 0.625rem 0.9375rem;
		color: #929292;
		transition: all 0.5s ease-in-out;
		font-size: 0.875rem;
		border-top: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;
		background-color: #fff;
	}

	.i-tabs-btn-active {
		border-top: 1px solid #dcb861;
		border-right: 1px solid #dcb861;
		border-left: 1px solid #dcb861;
		background-color: #dcb861;
		color: #ffffff;
	}

	/* 	.i-tabs-btn:nth-child(2n) {
		border-left: 0px solid #e2e2e2;
		border-right: 0px solid #e2e2e2;
	} */

	.i-tabs-body {
		display: none;
	}

	.i-tabs-show {
		display: block;
	}

	/* common */
	.warp {
		width: 100%;
		padding: 50px 0px;
	}

	.warp-white {
		background-color: #FFFFFF;
	}

	.warp-gray {
		background-color: #ebebeb;
		/* background-color:#ebebeb; */
	}

	.morethan {
		float: right;
		color: #828282;
		font-size: 14px;
		font-weight: normal;
	}

	.morethan:hover {
		transition: color .5s ease 0s;
		color: #f21f1f;
	}

	.newdate {
		margin-left: 30px;
		font-size: 14px;
		color: #a2a2a2;
	}

	/* header */
	.header {
		/* 	margin-bottom: 20px; */
		height: 100px;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}

	.mb-nav {
		display: none;
	}

	.logo {
		display: block;
		position: absolute;
		width: 376px;
		height: 51px;
		text-indent: -9999px;
		background: url(../images/logo_hd.png) no-repeat;
		background-size: 100%;
		left: 50px;
		top: 25px;
	}

	.hot-tel {
		position: absolute;
		display: block;
		width: 165px;
		height: 51px;
		background: url(../images/hot-tel.png) no-repeat;
		right: 150px;
		top: 25px;
	}

	.hot-tel>.tel {
		font-size: 1.8rem;
		position: absolute;
		top: 1rem;
		left: 4.5rem;
		font-weight: bold;
		color: red;
	}

	/* menubar */
	.menu {
		margin: auto;
		background-color: #1e44be;
	}

	.menubar {
		background-color: #1e44be;
		display: flex;
		justify-content: space-around;
	}

	.menubar ul>li {
		flex-shrink: 0;
		flex-grow: 1;
		text-align: center;
		transition: all 1s ease 0s;
	}

	.menu ul>li>a {
		padding: 0px 35px;
		display: block;
		font-size: 16px;
		color: #ffffff;
		height: 60px;
		line-height: 60px;
		transition: color 0.5s ease 0s;
	}

	.menu ul>li:hover {
		background-color: rgba(242, 31, 31, 1);
	}

	.menu ul>li:hover a {
		color: #ffffff;
	}

	.banner {
		/* margin-top: 132px; */
		overflow: hidden;
		width: 100%;
		height: 450px;
		/* background: url(../images/banner.jpg) no-repeat; */
		/* background-size: cover;
	background-position: center center; */
	}

	.banner-warp {
		position: relative;
	}

	/* solution 解决方案 */
	.solution {
		padding: 30px 0px;
	}

	.solution-header {
		border-bottom: 1px solid #f0f0f0;
		height: 80px;
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}

	.solution-header .solution-title {
		display: inline-block;
		position: relative;
		line-height: 3em;
	}

	.solution-header .solution-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 4px;
		background-color: #747474;

	}

	.solution-desc {
		line-height: 3em;
		font-size: 1em;
		color: #868686;
	}

	.solution-header .normalfont {
		font-size: 2em;
		color: #324da4;
	}

	.solution-header .boldfont {
		font-size: 2em;
		color: #324da4;
		font-weight: bold;
	}

	.solution-body {
		padding: 20px 0px;
		min-height: 300px;
	}

	.solution-body-channel-nav {
		float: left;
		width: 220px;
	}

	.solution-body-channel-nav-header {
		width: 100%;
		height: 100px;
		position: relative;
		background-color: #1E44BE;
		border-radius: 10px 10px 0px 0px;
	}

	.solution-body-channel-nav-header h1 {
		display: block;
		position: relative;
		top: 20px;
		left: 1em;
		color: #fff;
		font-size: 24px;
		line-height: 1.5;
	}

	.solution-body-channel-nav-header h2 {
		display: block;
		position: relative;
		left: 1em;
		top: 20px;
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
	}

	.solution-body-channel-nav-body {
		background-color: #f7f7f7;

	}

	.solution-body-channel-nav-body ul li {
		padding: 5px 0px;
		line-height: 2;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		text-indent: 2em;
		background: url(../images/arrow.png) no-repeat 1em center;
		transition: all 0.5s ease-in-out;
	}

	.solution-body-channel-nav-body ul li:last-child {
		text-align: center;
		text-indent: 0;
		background: none;
		transition: all 0.5s ease-in-out;
	}

	.solution-body-channel-nav-body ul li a {
		color: #525252;
		transition: color 0.5s ease-in-out;
	}

	.solution-body-channel-nav-body ul li a:hover {
		color: #D4105A;
	}

	.solution-body-channel-nav-body ul li:hover {
		background-color: #e2e2e2;
	}

	.solution-body-channel-nav-body ul li:hover a {
		color: #CD0200;
	}

	.solution-body-channel-bottom {
		height: 15px;
		background-color: #e9e9e9;
		border-radius: 0 0 10px 10px
	}

	.solution-body-list {
		overflow: hidden;
	}

	.solution-body-list ul {}

	.solution-body-list ul li {
		width: 33.3333%;
		float: left;
		padding: 0px 0px 10px 10px;
	}

	.solution-warp {
		display: block;
		border: 1px solid #e9e9e9;
		padding: 5px;
		transition: all 0.5s ease-in-out;
	}


	.solution-body ul li:hover .solution-thumb img {
		/* -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 30px rgba(0, 0, 0, .1); */
		/* -webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0); */
		/* color: rgb(28, 177, 245); */
		/* border: 1px solid #c9c9c9; */
		/* color:#a0a0a0; */
		transform: scale(1.2)
	}

	.solution-body ul li:hover .solution-body ul li a {
		border: 1px solid #00A33E;
	}

	.solution-thumb {
		widht: 100%;
		/* height: 220px; */
		background-color: #868686;
		overflow: hidden;
	}

	.solution-thumb img {
		width: 100%;
		vertical-align: bottom;
		transition: all 0.3s ease-in-out;
	}

	.solution-thumb-title {
		line-height: 2em;
		font-size: 1rem;
		text-align: center;
		color: #525252;
		transition: all 0.5s ease-in-out;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}

	.solution-thumb-desc {
		font-size: 1em;
		color: #929292;
		text-align: center;
		line-height: 1.5em;
		transition: all 0.5s ease-in-out;
		/* margin-bottom: 15px; */
	}

	/* slogan */
	.slogan {
		padding: 30px 0px;
	}

	.slogan-header {
		border-bottom: 1px solid #f0f0f0;
		height: 80px;
		position: relative;
		text-align: center;
		margin-bottom: 150px;
	}

	.slogan-header .slogan-title {
		display: inline-block;
		position: relative;
		line-height: 3em;
	}

	.slogan-header .slogan-title::after {
		display: block;
		content: '';
		position: relative;
		width: 24%;
		left: 61%;
		height: 4px;
		background-color: #CD0200;

	}

	.slogan-desc {
		line-height: 3em;
		font-size: 1.5em;
		color: #424242;
	}

	.slogan-header .normalfont {
		font-size: 1.5em;
		color: #222222;
	}

	.slogan-header .boldfont {
		font-size: 2em;
		color: #324da4;
		font-weight: bold;
	}

	.slogan-body {
		padding: 20px;
		min-height: 300px;
	}

	.slogan-warp {
		position: relative;
		height: 722px;
	}

	.slogan-bg {
		position: absolute;
		width: 923px;
		height: 490px;
		top: 50%;
		margin-top: -245px;
		left: 50%;
		margin-left: -462px;
		background: url(../images/ad.png) no-repeat;

	}

	.slogan-ad {
		position: absolute;
		width: 301px;
		height: 298px;
		background-color: #1E44BE;
		color: #ffffff;
		text-align: center;
		line-height: 1.5em;
	}

	.slogan-ad b {
		position: relative;
		z-index: 3;
		display: block;
		font-size: 20px;
		margin-top: 123px;
	}

	.slogan-ad small {
		position: relative;
		z-index: 3;
		display: block;
		width: 250px;
		margin: 32px auto 0 auto;
		font-size: 14px;
		opacity: 0.8;
	}


	.ia1 {
		top: 0px;
		left: 0px;
		background: url(../images/ia1.jpg) no-repeat;
	}

	.ia2 {
		top: 0px;
		right: 0px;
		background: url(../images/ia2.jpg) no-repeat;
	}

	.ia3 {
		bottom: 0px;
		left: 0px;
		background: url(../images/ia3.jpg) no-repeat;
	}

	.ia4 {
		bottom: 0px;
		right: 0px;
		background: url(../images/ia4.jpg) no-repeat;
	}


	/* company */
	.company {
		padding: 30px 0px;
		background-color: #334fa6;
		position: relative;
	}

	.company-header {
		/* border-bottom: 1px solid rgb(114, 132, 189); */
		height: 80px;
		position: relative;
		text-align: center;
		margin-bottom: 80px;
	}

	.company-bac {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/bac.png) no-repeat center;
		background-size: cover;
		height: 620px;
		background-attachment: fixed;

	}

	.company-header .company-title {
		display: inline-block;
		position: relative;
		line-height: 3em;
	}

	.company-header .company-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 4px;
		background-color: rgb(114, 132, 189);

	}

	.company-desc {
		line-height: 3em;
		font-size: 1m;
		color: rgba(255, 255, 255, .5);
	}

	.company-header .normalfont {
		font-size: 1.5em;
		color: #ffffff;
	}

	.company-header .boldfont {
		font-size: 2em;
		color: #324da4;
		font-weight: bold;
	}

	.company-body {
		padding: 20px;
		min-height: 400px;
	}

	.company-thumb {
		width: 500px;
		background-color: rgba(255, 255, 255, .5);
		margin: 0px 50px;
		padding: 8px;
		z-index: 10;
		position: relative;
	}

	.company-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.company-about {
		overflow: hidden;
		padding: 0px 50px 0px 0px;
	}

	.company-about h3 {
		font-size: 1.5em;
		color: #fff;
		font-weight: bold;
		line-height: 2em;
	}

	.company-about p {
		text-indent: 2em;
		font-size: 16px;
		color: #fff;
		line-height: 2em;
	}

	.company-btn {
		display: block;
		width: 128px;
		line-height: 35px;
		background: #e21a2d;
		color: #fff;
		text-align: center;
		float: right;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
		position: relative;
		z-index: 999;
	}

	.company-btn:hover {
		background: #1e419e;
	}

	/* news center */
	.news-header {
		border-bottom: 1px solid #f0f0f0;
		height: 80px;
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}

	.news-header .news-title {
		display: inline-block;
		position: relative;
		line-height: 3em;
	}

	.news-header .news-title::after {
		display: block;
		content: '';
		position: relative;
		width: 100%;
		height: 4px;
		background-color: #747474;

	}

	.news-desc {
		line-height: 3em;
		font-size: 1em;
		color: #868686;
	}

	.news-header .normalfont {
		font-size: 2em;
		color: #324da4;
	}

	.news-header .boldfont {
		font-size: 2em;
		color: #324da4;
		font-weight: bold;
	}

	.news-body {
		padding: 50px 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.news-body-item {
		flex-shrink: 0;

		width: 50%;
		padding: 10px;
	}

	.news-body-item-border {
		padding: 10px 10px;
		border-bottom: 1px dashed #e9e9e9;
	}

	.news-body-item-border:hover {
		cursor: pointer;
		background-color: #f0f0f0;
	}

	.news-body-item-border:hover a {
		color: #085C9B;
	}

	.news-body-item-border:hover .news-date {
		background-color: #085C9B;
	}

	.news-date {
		margin-right: 15px;
		text-align: center;
		padding: 8px 15px;
		background-color: #A2A2A2;
		transition: all 0.5s ease-in-out;
	}

	.date-year {
		border-bottom: 1px solid #fff;
		font-size: 24px;
		color: #fff;
		line-height: 1.5;
	}

	.date-md {
		font-size: 18px;
		color: #fff;
		line-height: 1.5;
	}

	.news-body-content {
		overflow: hidden;

	}

	.news-body-tit {
		text-indent: 1.5em;
		font-size: 18px;
		line-height: 2;
		background: url(../images/arrow.png) no-repeat left center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.news-body-tit a {
		color: #424242;
		transition: all 0.5s ease-in-out;
	}

	.news-body-desc {
		font-size: 14px;
		line-height: 1.5;
		color: #828282;
	}


	/* footer */
	.footer {
		padding: 0px 0px 50px 0px;
		overflow: hidden;
		/* position: relative; */
		background-color: #404040;
		/* padding: 20px 0px; */
		text-align: center;
	}


	.footer-nav {
		position: relative;
		border-bottom: 1px solid #525252;
	}

	.footer-nav ul li {
		float: left;
		width: 130px;
		height: 64px;
		line-height: 64px;
		text-align: center;
		font-size: 14px;
	}

	.footer-nav ul li a {
		display: block;
		color: #e2e2e2;
	}

	.footer-nav ul li:before {
		display: block;
		content: " ";
		width: 1px;
		height: 10px;
		background-color: #fff;
		float: left;
		position: relative;
		top: 27px;
	}

	.footer-nav ul li:first-child:before {
		display: block;
		content: " ";
		width: 0px;
		height: 0px;
	}

	.gtop {
		float: right;
		display: block;
		background: #767676;
		color: #fff;
		text-align: center;
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 24px;
		cursor: pointer;
		margin-right: 10px;
	}

	.footer-body {
		padding: 10px 0px;
	}

	.qrcode {
		margin: 0.625rem auto;
	}

	.qrcode img {
		width: 120px;
	}


	/* .footerlogo{
	margin-top:20px;
	float: left;
	margin-right: 30px;
} */
	.m-footer-contact {
		display: none;
	}

	.footer-contact {
		text-align: left;
		overflow: hidden;
		font-size: 14px;
		line-height: 2em;
	}

	.footer-contact p {
		color: #9f9f9f;
		font-size: 14px;
	}

	.footer-contact a {
		color: #9f9f9f;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	/*自定义分页指示器样式*/
	.swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #000;
		opacity: 1;
		background: rgba(255, 255, 255, .5);
		border: 1px solid rgb(28, 68, 93);
	}

	.swiper-pagination-bullet-active {
		color: #fff;
		background: rgb(168, 224, 206);
	}

	/* channels */
	.channels {
		padding: 30px 0px;
	}

	.channels-lf {
		float: left;
		margin-right: 20px;
	}

	.channels-lf-bottom {
		height: 15px;
		background-color: #e9e9e9;
		border-radius: 0px 0px 10px 10px;
	}

	.channels-lf-header {
		background-color: rgb(53, 55, 103);
		width: 230px;
		height: 140px;
		line-height: 1.5;
		position: relative;
		border-radius: 10px 10px 0px 0px;
	}

	.channels-lf-header-tit-cn {
		color: #fff;
		font-size: 24px;
		top: 50px;
		position: relative;
		top: 50px;
		text-indent: 1.5em;
	}

	.channels-lf-header-tit-en {
		color: #fff;
		font-size: 20px;
		position: relative;
		top: 50px;
		text-indent: 1.5em;
	}

	.channels-lf-nav {}

	.channels-lf-nav ul li {
		height: 45px;
		line-height: 43px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background-color: #f7f7f7;
		transition: all 0.3s ease-in-out;
	}

	.channels-lf-nav ul li a {
		font-size: 16px;
		color: #424242;
	}

	.channels-lf-nav-product {}

	.channels-lf-nav-product ul li {
		text-indent: 2em;
		height: 45px;
		line-height: 43px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		transition: all 0.3s ease-in-out;
	}

	.channels-lf-nav-product-nomorl {
		background-color: #f7f7f7;
	}

	.channels-lf-nav-product-active {
		background-color: #2cc5b6;
	}

	.channels-lf-nav-product-active a {
		color: #fff;
	}

	.channels-lf-nav-product-nomorl a {
		font-size: 16px;
		color: #424242;
	}

	.channels-lf-nav ul li:hover {
		background-color: #2cc5b6;
	}

	.channels-lf-nav-product ul li:hover {
		background-color: #2cc5b6;
	}

	.channels-lf-nav ul li:hover a {
		color: #fff;
	}

	.channels-lf-nav-product ul li:hover a {
		color: #fff;
	}

	.channels-rt {
		overflow: hidden;
	}

	.channels-rt-nav {
		height: 50px;
		line-height: 50px;
		border-bottom: 2px solid #e2e2e2;
		font-size: 14px;
		text-indent: 1em;
	}

	.channels-rt-nav a {
		color: #424242;
		font-size: 14px;
	}

	.channels-rt-body {
		padding: 30px 0px;
		line-height: 2;
		font-size: 16px;
	}

	.contents-news {}

	.contents-news ul li {
		border-bottom: 1px dashed #e9e9e9;
		height: 45px;
		line-height: 45px;
		text-indent: 2em;
		background: url(../images/arrow.png) no-repeat left center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.contents-news ul li a {
		color: #323232;
		transition: color 0.5s ease-in-out;
	}

	.contents-news ul li a:hover {
		color: #1E419E;
	}

	.contents-news-addtime {
		font-size: 14px;
		color: #a0a0a0;
	}

	.content-pages {
		margin-top: 20px;
		font-size: 14px;
		color: #626262;
		/* border-top: 1px solid #e2e2e2; */
		line-height: 2;
		/* text-indent: 2em; */
	}

	.content-pages a {
		margin-top: 20px;
		font-size: 14px;
		color: #626262;
		/* border-top: 1px solid #e2e2e2; */
	}

	.contents-products {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.contents-product-item {
		flex-shrink: 0;
		width: 32%;
		height: 260px;
		/* background-color: #f7f7f7; */
		margin: 1% 0.5%;

	}

	.contents-product-body {
		display: block;
		border: 1px solid #e9e9e9;
		padding: 5px;
		transition: all 0.5s ease-in-out;
	}

	.contents-product-item-thumb {}

	.contents-product-item-thumb img {
		width: 100%;
		vertical-align: bottom;

	}

	.contents-product-item-tit {
		line-height: 2em;
		font-size: 1rem;
		text-align: center;
		color: #525252;
		transition: all 0.5s ease-in-out;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.contents-product-item:hover .contents-product-body {
		-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
		box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);
	}

	/* pageItem */
	.page_wrap {
		clear: both;
		margin-bottom: 10px;
		overflow: hidden;
		zoom: 1;
	}

	.paginator {
		float: right;
		height: 25px;
		overflow: hidden;
	}

	.paginator,
	.paginator input,
	.paginator button {
		font-family: "Tahoma", "宋体";
		font-size: 12px;
	}

	.paginator a,
	.paginator span {
		float: left;
		height: 23px;
		margin: 0 5px 0 0;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height: 23px;
		background: #fff;
	}

	.paginator a {
		color: #085C9B;
	}

	.paginator b {
		font-family: "宋体";
		margin: 3px;
		font-weight: 300;
	}

	.paginator a:link,
	.paginator a:visited,
	.paginator a:hover,
	.paginator a:active {
		text-decoration: none;
	}

	.paginator .page-start,
	.paginator a,
	.paginator .page-end {
		padding: 0 8px;
		border: 1px solid #D3D3D3;
		background: #ffffff;
	}

	.paginator .page-start {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-end {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-this,
	.paginator .page-break {
		padding: 0 3px;
	}

	.paginator .page-break {
		border: 1px solid #fff;
	}

	.paginator .page-this {
		border: 1px solid #D3D3D3;
		background-color: #E9E9E9;
		color: #D4105A;
		padding: 0px 8px;
		font-weight: bold;
	}

	.paginator .page-skip {
		height: 22px;
		line-height: 22px;
		padding: 0 3px;
		margin: 0;
		background: none;
	}

	.paginator .page-skip input {
		width: 26px;
		*width: 23px;
		height: 19px;
		line-height: 19px;
		border: 1px #D3D3D3 solid;
		font-size: 12px;
		margin: -1px 6px 0px 6px;
		#margin-top: 1px;
		_margin-top: 0px;
		padding: 0px 0px 0px 2px;
		vertical-align: middle;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.paginator .page-skip button {
		font-size: 12px;
		padding: 0 5px 5px 5px;
		_padding: 0 5px 0 5px;
		width: auto;
		_width: 0;
		height: 22px;
		*height: 23px;
		*line-height: 20px;
		_height: 16px;
		_line-height: 16px;
		margin-left: 10px;
		*margin-top: -1px;
		overflow: visible;
		vertical-align: top;
	}

	.paginator a:hover {
		border: 1px solid #A6A6A6;
		color: #868688;
	}

	/* content */
	.content {}

	.content-header {
		font-size: 22px;
		text-align: center;
		padding: 10px 0px;
		/* border-bottom: 1px solid #e9e9e9; */
	}

	.content-body {
		padding: 15px 0px;
	}

	.content-navigation {
		margin-top: 15px;
		border-top: 1px dashed #e9e9e9;
		line-height: 2;
		font-size: 16px;
	}

	.content-navigation a {
		line-height: 2;
		font-size: 16px;
		color: #424242;
		transition: all 0.5s ease-in-out;
	}

	.content-navigation a:hover {
		color: #085C9B;
	}

}