@font-face {
	font-family: "PingFang Light";
	src: url('../fonts/PINGFANG LIGHT.TTF');
}
@font-face {
font-family: "din";
src: url(../fonts/DINCond-BoldAlternate.otf);
}
@font-face {
font-family: "Helvetica";
src: url(../fonts/Helvetica Condensed Bold.ttf);
}
body {
	font-family: "微软雅黑";
	color: #000;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;
	display: block;
}

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

a:hover {
	color: #000;
	text-decoration: none;
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	list-style: none;
	padding: 0;
	margin: 0;
}

html,
body {}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

.pop-ups{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:8888;
	background:rgba(0,0,0,0.9); 
}
.ups-search{
	width:50%;
	margin:0 auto;
	margin-top:23%;
}
.ups-search input{
	width:100%;
	height:.45rem;
	line-height:.45rem;
	font-size:.32rem;
	color:#858282;
	background:none;
	border-bottom:2px solid #ffffff;
	outline:none;
	padding-bottom:.05rem;
}
.ups-search span{
	width:100%;
	float:left;
	text-align:right;
	font-size:.14rem;
	color:#ffffff;
	margin-top:10px;
}
header {
	z-index: 777;
	width: 100%;
	margin: 0 auto;
	height: 1.0rem;
	position: fixed;
	/*background: #ffffff;*/
	z-index: 8888;
	transition: all 0.5s ease 0s;
}

header h1 {
	display: block;
	float: left;
	margin-top: .25rem;
	margin-left: .73rem;
	width: 1.67rem;
	transition: all 0.5s ease 0s;
}
header h1 img {
	display: block;
	width: 100%;
}
header h1 img.logo2{
	display: none;
}
header span.search {
	width: .18rem;
	height: .17rem;
	border: 0;
	border-radius: 3px;
	float: right;
	background: url(../images/search.png) no-repeat;
	background-size: .18rem;
	bottom: auto;
	margin-right: 1.2rem;
	margin-top: .36rem;
	position: relative;
	transition: all 0.5s ease 0s;
}
header span.search a{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
header.on{
	background: rgb(255,255,255,1);
	height: .94rem;
	transition: all 0.5s ease 0s;
	box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.nav {
	float: right;
	margin-top: 0rem;
	margin-right: .3rem;
	padding-right: .1rem;
	height: .94rem;
	position: relative;
	transition: all 0.5s ease 0s;
}

.nav li {
	float: left;
	line-height: .94rem;
	position: relative;
	margin: 0 .28rem;
	transition: all 0.5s ease 0s;
}

.nav li:after {
	content: "";
	width: 0%;
	height: 1px;
	background: #ffffff;
	position: absolute;
	bottom: .2rem;
	left: 0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.nav li:hover:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #ffffff;
	position: absolute;
	bottom: .2rem;
	left: 0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}

/*.nav li.cur:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: .03rem;
	left:0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}*/
.nav ul:before {
	content: "";
	width: 1px;
	height: .2rem;
	background: #ffffff;
	position: absolute;
	bottom: .38rem;
	right: 0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.nav a {
	display: block;
	font-size: .19rem;
	height: auto;
	color: #ffffff;
	padding: 0 0rem;
	height: .94rem;
	line-height: .94rem;
	position: relative;
	text-align: center;
	font-family: "Avenir";
}
header.on nav a{
	color: #333333;
	transition: all 0.5s ease 0s;
}
header.on nav li{
	color: #333333;
	transition: all 0.5s ease 0s;
}
header.on nav li a:hover{
	color: #14427a;
	transition: all 0.5s ease 0s;
}
header.on nav li.cur a{
	color: #14427a;
	transition: all 0.5s ease 0s;
}
header.on nav ul:before{
	background: #666666;
	transition: all 0.5s ease 0s;
}
header.on span.search {
	background: url(../images/search1.png) no-repeat;
	background-size: .18rem;
}
header.on h1 img.logo1{
	display: none;
}
header.on h1{
	margin-top: .15rem;
}
header.on h1 img.logo2{
	display:block;
}
.nav li.navHoverBg a {
	display: block;
	
}
.nav li.cur a {
	display: block;
	color: #ffffff;
}
.nav li.navHoverBg ul li.navHoverBg a {
	height: inherit;
}

.nav li.navHoverBg ul li a {
	height: inherit;
	background: inherit;
}

.nav a:hover {
	display: block;
	font-size: .19rem;
	height: auto;
	color: #ffffff;
	height: .94rem;
	line-height: .94rem;
	position: relative;
	text-align: center;
	font-family: "Avenir";
}


.nav ul li .navlist {
	position: absolute;
	width: 1.55rem;
	z-index: 888;
	background: rgba(255, 255, 255, 1);
	display: block;
	height:0rem;
	overflow: hidden;
	transition: all 0.5s ease 0s;
	top: .82rem;
}
.nav ul li:nth-child(4) .navlist {
	position: absolute;
	width: 2.2rem;
	z-index: 888;
	background: rgba(255, 255, 255, 1);
	display: block;
	height:0rem;
	overflow: hidden;
	transition: all 0.5s ease 0s;
	top: .82rem;
}
.nav ul li:nth-child(5) .navlist {
	position: absolute;
	width: 1.95rem;
	z-index: 888;
	background: rgba(255, 255, 255, 1);
	display: block;
	height:0rem;
	overflow: hidden;
	transition: all 0.5s ease 0s;
	top: .82rem;
}
.nav ul li:hover .navlist{
	display: block;
	height: auto;
	transition: all 0.5s ease 0s;
}
.nav ul li .navlist-1{
	margin-left: 0rem;
}
.nav ul li .navlist-5{
	margin-left: 0rem;
}
.nav ul li .navlist dl{
	margin:.15rem .24rem;
	display: block;
	overflow: hidden;
}

.nav ul li .navlist dl dd{
	width: 100%;
	float: right;
	display: inline-block;
}
.nav ul li .navlist dl dd a{
	width: 95%;
	display: block;
	height: .3rem;
	padding: .1rem 0;
	padding-left: .14rem;
	color: #444444;
	font-family: "微软雅黑";
	font-size: .17rem;
	line-height: .3rem;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
	position: relative;
}
.nav ul li .navlist dl dd a:before {
	content: "";
	width: .04rem;
	height: .04rem;
	background: #ffffff;
	border: 1px solid #cdcdcd;;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .21rem;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.nav ul li .navlist dl dd a:hover:before {
	content: "";
	width: .04rem;
	height: .04rem;
	background: #2e4b9b;
	border: 1px solid #2e4b9b;;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .21rem;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.nav ul li .navlist dl dd a:hover{
	color: #344e9e;
}
.nav ul li ul li {
	width: 100%;
	background: none;
	line-height: 20px;
}

.nav ul li ul li:after {
	display: none;
}

.nav ul li ul li a {
	width: 60.2%;
	text-align: left;
	padding: 10px 0;
	color: #333333;
	line-height: 20px;
	font-size: 15px;
	height: 40px;
	float: left;
	padding-left: 20%;
	padding-right: 20%;
}

.nav ul li ul li a:hover {
	width: 60.2%;
	padding: 10px 0;
	text-align: left;
	line-height: 20px;
	font-size: 15px;
	color: #ffffff;
	height: 40px;
	padding-left: 20%;
	padding-right: 20%;
	float: left;
	background: rgba(161, 37, 34, 0.8);
}
.nav ul li:hover ul {
	display: block
}

.hid {
	opacity: 0.0!important;
	-webkit-transform: translateY(60px)!important;
	transform: translateY(60px)!important;
	-webkit-transition-timing-function: cubic-bezier(.41, .2, .38, .8)!important;
	transition-timing-function: cubic-bezier(.41, .2, .38, .8)!important;
	-webkit-transition-property: opacity, -webkit-transform!important;
	transition-property: opacity, transform!important;
	-webkit-transition-duration: .74s!important;
	transition-duration: .74s!important
}

.hid.lz {
	opacity: 1.0!important;
	-webkit-transform: translateY(0) translateZ(0)!important;
	transform: translateY(0) translateZ(0)!important
}
.banner {
	width: 100%;
	margin-top: 0rem;
	float: left;
	overflow: hidden;
	position: relative;
	background: #000000;
}
.banner .am-slider-default .am-control-nav li a{
	background: rgb(255,255,255,.6);
}
.banner .am-slider-default .am-control-nav li a.am-active{
	background: #ffffff;
}

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

.banner .am-slider-default .am-direction-nav a {
	background:url(../images/n-l.svg) no-repeat center center rgba(255, 255, 255, .08);
	background-size: .4rem;
	width: 52px;
	height: 83px;
	top: 40%;
}

.banner .am-slider-default .am-direction-nav .am-prev {
	left: .4rem;
}

.banner .am-slider-default .am-direction-nav .am-next {
	right: .4rem;
	background:url(../images/n-r.svg) no-repeat center center rgba(255, 255, 255, .08);
	background-size: .4rem;
}
.banner .b-title{
	position: absolute;
	top: 26.9%;
	left: 15.5%;
	transition: all 0.5s ease 0s;
	z-index: 9999;
}
.banner .b-title img{
	display: inline-block!important;
	width: 8.9rem!important;
	transition: all 0.5s ease 0s;
}
.banner .canvas{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
}
.banner .canvas canvas{
	width: 100%;
}
.dg.ac{
	display: none!important;
}
canvas {
  background: none;
}
.colorbg {
	display: block;
	width: 100%;
	overflow: hidden;
	background:url(../images/bg-1.png) no-repeat bottom right #f5f5f5;
}

.main {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f7f7;
	padding-bottom: .8rem;
	position: relative;
}
.main-1 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}


.a-about{
	width: 13.28rem;
	margin: 0 auto;
	padding-bottom: 1rem;
	overflow: hidden;
}
.a-about .title{
	width: 100%;
	display: block;
	text-align: center;
	margin-top: .5rem;
}
.a-about .title h3{
	display: block;
	min-height: .4rem;
	font-size: .44rem;
	font-family: "微软雅黑";
	font-weight: normal;
	position: relative;
}
.a-about .title h3 em{
	font-style: normal;
	font-size: .21rem;
	color: #1f469d;
	font-family:arial;
	text-transform:uppercase;
}
.a-about .title h3 span{
	display: block;
}
.a-about .title h3 em:after{
	content: "";
	display: inline-block;
	width: .4rem;
	background:url(../images/title-r.png) no-repeat;
	height: .08rem;
	background-size: 100%;
	position: relative;
	top: -.05rem;
	margin-left: .1rem;
}
.a-about .title h3 em:before{
	content: "";
	display: inline-block;
	width: .4rem;
	background:url(../images/title-l.png) no-repeat;
	height: .08rem;
	background-size: 100%;
	position: relative;
	top: -.05rem;
	margin-right: .1rem;
}
.a-about .content{
	width: 100%;
	display: block;
}
.a-about .content .a-list{
	position: relative;
	width: 100%;
}
.a-about .content .a-list-l{
	width: 78%;
	float: left;
	display: block;
	margin-top: .5rem;
	position: relative;
	min-height: 5.97rem;
}
.a-about .content .a-list-l .a-list-t{
	width: 100%;
	float: left;
	min-height: 3.93rem;
	background: url(../images/h-img01.jpg) no-repeat;
	background-size: 100% 100%;
}
.a-about .content .a-list-l .a-list-t h3{
	margin: .7rem 0 0 .8rem;
	font-size: .28rem;
	font-family: "微软雅黑";
	color: #ffffff;
}
.a-about .content .a-list-l .a-list-t h3 span{
	display: block;
	font-size: .18rem;
	font-family:arial;
	margin-top: .1rem;
	font-weight: normal;
}
.a-about .content .a-list-l .a-list-t h3 a{
	display: block;
	width: 1.1rem;
	height: .35rem;
	line-height: .35rem;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: .15rem;
	border-radius: 20px;
	color: #ffffff;
	font-family:"微软雅黑";
	margin-top: .3rem;
	font-weight: normal;
}
.a-about .content .a-list-l .a-list-n{
	display:block;
	width: 95%;
	margin: 0 2.5%;
	height: 3.35rem;
	position: absolute;
	background: #ffffff;
	bottom: 0;
}
.a-about .content .a-list-l .a-list-n .swiper-container{
	padding-bottom: .5rem;
}
.a-about .content .a-list-l .a-list-n ul{}
.a-about .content .a-list-l .a-list-n .swiper-slide{
	position: relative;
	width: 33.33%;
	float: left;
	height: 3.35rem;
}
.a-about .content .a-list-l .a-list-n .swiper-slide:after{
	content: "";
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	position:absolute;
	background: #ebebeb;
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl{
	margin: 0 .3rem;
	text-align: center;
	margin-top: .3rem;
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl dt{
	width: 100%;
	display: block;
	overflow: hidden;
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl dt img{
	width: 100%;
	display: block;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl dt:hover img{
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl dd{
	width: 100%;
	display: block;
	margin-top: .2rem;
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #333333;
}
.a-about .content .a-list-l .a-list-n .swiper-slide dl dd a{
	color: #333333;
}
.a-about .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0rem;
}
.a-about .swiper-pagination-bullet-active{
	background: #3457a6;
}
.a-about .content .a-list-r{
	width: 20%;
	float: right;
	display: block;
	margin-top: .5rem;
	position: relative;
}
.a-about .content .a-list-r ul{
	display: block;
}
.a-about .content .a-list-r ul li{
	display: block;
	width: 100%;
	min-height: 1.89rem;
	background: #1f469d;
	margin-bottom: .15rem;
	transition: all 0.5s ease 0s;
	position: relative;
	cursor: pointer;
}
.a-about .content .a-list-r ul li.am-active{
	background: #148052;
	transition: all 0.5s ease 0s;
}
.a-about .content .a-list-r ul li.am-active:before{
	content: "";
	position: absolute;
	left: -.1rem;
	top: .8rem;
	display:block;
	width: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	vertical-align: middle;
	border-right: 10px solid #148052;
	border-left: 0 none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	_color: #148052;
	_filter: chroma(color=#148052);
	}
.a-about .content .a-list-r ul li i{
	display: block;
	width: .42rem;
	float: left;
	margin: .35rem 0 0 .4rem;
}
.a-about .content .a-list-r ul li i img{
	display: block;
	width: 100%;
}
.a-about .content .a-list-r ul li h3{
	display: block;
	width: 60%;
	float: left;
	font-size: .21rem;
	font-family: "微软雅黑";
	font-weight: normal;
	margin: .1rem 0 0 .4rem;
	color: #ffffff;
}
.a-about .content .a-list-r ul li span{
	display: block;
	width: 70%;
	float: left;
	font-size: .18rem;
	font-family:arial;
	margin: .1rem 0 0 .4rem;
	color: #ffffff;
}
.main-bg {
	display: block;
	width: 100%;
	overflow: hidden;
	min-height: 5.72rem;
	background:url(../images/bg.jpg) no-repeat;	
	background-size:auto 100%;
}
.main-bg1 {
	display: block;
	width: 100%;
	overflow: hidden;
	min-height: 1.53rem;
	background:#1f469d;	
}
.a-solution{
	width: 13.28rem;
	margin: 0 auto;
	padding-bottom: 1rem;
	overflow: hidden;
}
.a-solution span{
	display:block;
	font-size: .21rem;
	color: #1f469d;
	font-family: arial;
	text-transform: uppercase;
	margin-top: 1.2rem;
	background: url(../images/title-l.png) no-repeat left center;
	background-size: .4rem;
	padding-left: .52rem;
}
.a-solution h3{
	display: block;
	font-size: .44rem;
	color: #ffffff;
	font-family:"微软雅黑";
	text-transform: uppercase;
	margin-top: .1rem;
}
.a-solution p{
	display: block;
	font-size: .16rem;
	color: #ffffff;
	width: 46%;
	text-align: justify;
	line-height: .3rem;
	font-family:"微软雅黑";
	margin-top: .35rem;
}
.a-solution a{
	display: block;
	font-size: .16rem;
	color: #ffffff;
	width: 1.67rem;
	height: .5rem;
	border: 1px solid #ffffff;
	text-align: center;
	border-radius: 30px;
	line-height: .5rem;
	font-family:"微软雅黑";
	margin-top: .35rem;
}
.a-solutionlist{
	width: 13.28rem;
	margin: 0 auto;
	overflow: hidden;
}
.a-solutionlist ul{
	
}
.a-solutionlist ul li{
	width: 33.33%;
	float: left;
	min-height: .84rem;
	position: relative;
	margin-top: .35rem;
	background: url(../images/s-more.png) no-repeat 90% center;
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.a-solutionlist ul li:hover{
	opacity: .85;
	transition: all 0.5s ease 0s;
}
.a-solutionlist ul li dt{
	float: left;
	width: .6rem;
	margin-left: .5rem;
	margin-top: .1rem;
}
.a-solutionlist ul li:first-child dt{
	margin-left: 0;
}
.a-solutionlist ul li dt img{
	width: 100%;
	display: block;
}
.a-solutionlist ul li dd{
	float: left;
	margin-left: .25rem;
	margin-top: .1rem;
}
.a-solutionlist ul li dd h3{
	font-family: "微软雅黑";
	display: block;
	font-size: .21rem;
	color: #ffffff;
}
.a-solutionlist ul li dd span{
	font-family:arial;
	display: block;
	font-size: .18rem;
	color: #ffffff;
	opacity: .8;
	margin-top: .08rem;
}
.a-solutionlist ul li:after {
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    background: #ebebeb;
}
.a-solutionlist ul li:last-child:after{
	display: none;
}
.a-news {
	width: 13.66rem;
	margin:0 auto;
	margin-bottom: 0rem;
	margin-top: .8rem;
}
.a-news .title{
	width: 4rem;
	float: left;
	display: block;
	min-height: 7.38rem;
	background: url(../images/newsbg.jpg) no-repeat center bottom #1f469d;
	background-size: 100%;
}
.a-news .title span{
	display:block;
	font-size: .21rem;
	color: #ffffff;
	font-family: arial;
	text-transform: uppercase;
	margin-top: .73rem;
	background: url(../images/title-1-1.png) no-repeat left .05rem;
	background-size: .4rem;
	padding-left: .52rem;
	margin-left: .45rem;
}
.a-news .title h3{
	display: block;
	font-size: .44rem;
	color: #ffffff;
	font-family:"微软雅黑";
	text-transform: uppercase;
	margin-top: .1rem;
	margin-left: .45rem;
}
.a-news .title p{
	display: block;
	font-size: .16rem;
	color: #ffffff;
	width: 70%;
	text-align: justify;
	line-height: .3rem;
	font-family:"微软雅黑";
	margin-top: .48rem;
	margin-left: .45rem;
}
.a-news .title a{
	display: block;
	font-size: .16rem;
	color: #ffffff;
	width: 1.47rem;
	height: .45rem;
	border: 1px solid #ffffff;
	text-align: center;
	border-radius: 30px;
	line-height: .45rem;
	font-family:"微软雅黑";
	margin-top: .9rem;
	margin-left: .45rem;
}
.a-news .content {
	width: 9.4rem;
	float: right;
}

.a-news .content dl {
	width: 99.8%;
	float: left;
	background: #ffffff;
}

.a-news .content dl dt {
	width: 46%;
	float: left;
	margin: .25rem 0 .25rem .25rem;
}

.a-news .content dl dt img {
	width: 100%;
	float: left;
}

.a-news .content dl dd {
	float: right;
	width: 45%;
	margin: .25rem .25rem .25rem 0;
}

.a-news .content dl dd h3 {
	display: block;
	font-family: "微软雅黑";
	color: #333333;
	margin-top: .15rem;
}

.a-news .content dl dd h3 a {
	display: block;
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #333333;
}

.a-news .content dl dd p {
	display: block;
	font-family: "微软雅黑";
	font-size: .16rem;
	color: #888888;
	margin-top: .10rem;
	line-height: .3rem;
	height: .55rem;
	text-overflow: -o-ellipsis-lastline;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp:3;
  	margin-bottom: .4rem;
  	line-clamp: 3;
  -webkit-box-orient: vertical;

}
.a-news .content dl dd span {
	display: block;
	font-family: arial;
	font-size: 14px;
	color: #333333;
	margin-top: .03rem;
	position: relative;
	padding-bottom: .1rem;
	line-height: .26rem;
}
.a-news .content dl dd span:after {
	content: "";
	width: .32rem;
	height: 1px;
	background: #2e4b9b;
	position: absolute;
	bottom: 0;
	left: 0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}
.a-news .content dl dd a.more-a {
    width: .9rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    font-size: 13px;
    font-family: "微软雅黑";
    color: #ffffff;
    background: #2e4b9b;
    border-radius: 0;
    display: inline-block;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
}
.a-news .content ul {
	display: block;
	margin: 0 -1%;
	margin-top: .1rem;
	float: left;
}

.a-news .content ul li {
	width: 48%;
	float: left;
	line-height: .34rem;
	margin: .1rem 1%;
	background: #ffffff;
	position: relative;
	min-height: 1.9rem;
	transition: all 0.5s ease 0s;
}
.a-news .content ul li h3{
	float: left;
	color: #4f4e4e;
	font-size: .18rem;
	text-align: justify;
	width: 64%;
	margin: .3rem 0 0 .3rem;
	line-height: .22rem;
	font-family: "微软雅黑";
}
.a-news .content ul li h3 a{
	color: #4f4e4e;
}
.a-news .content ul li p{
	float: left;
	color: #888888;
	font-size: .15rem;
	text-align: justify;
	width: 64%;
	margin: .15rem 0 0 .3rem;
	line-height: .25rem;
	height: .67rem;
	text-overflow: -o-ellipsis-lastline;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp:3;
  	line-clamp: 3;
  -webkit-box-orient: vertical;
	font-family: "微软雅黑";
}
.a-news .content ul li em{
	float: left;
	width: .28rem;
	height: .11rem;
	background: url(../images/line-1b.png) no-repeat;
	background-size: .26rem;
	margin: .1rem 0 0 .3rem;
}
.a-news .content ul li:hover {
	background: #304fa4;
	transition: all 0.5s ease 0s;
}
.a-news .content ul li:hover time,.a-news .content ul li:hover time span,.a-news .content ul li:hover h3 a,.a-news .content ul li:hover p {
	color: #ffffff;
}
.a-news .content ul li:hover em{
	background: url(../images/line-1c.png) no-repeat;
	background-size: .26rem;
}
.a-news .content ul li:hover time:after {
	content: "";
	background: url(../images/line-3a.png) no-repeat;
	background-size: .58rem;
}
.a-news .content ul li span {
	float: right;
	color: #999999;
	font-size: .16rem;
	font-family: "arial";
}
.a-news .content ul li time{
	width: .7rem;
	min-height: 1.4rem;
	text-align: right;
	float: left;
	margin: .25rem 0 0 .25rem;
	font-size: .20rem;
	color: #000000;
	font-family: "arial black";
	position: relative;
}
.a-news .content ul li time span{
	display:block;
	width: 100%;
	text-align: right;
	font-size: .18rem;
	color: #222222;
	font-family: arial;
}
.a-news .content ul li time:after {
	content: "";
	width: .58rem;
	height: .57rem;
	background: url(../images/line-3b.png) no-repeat;
	background-size: .58rem;
	position: absolute;
	bottom: 0;
	right: 0px;
	transition: all 0.5s ease 0s;
	overflow: hidden;
	z-index: 88;
}
.am-h-list h3 {
	font-size: 20px;
	display: block;
	font-family: "微软雅黑";
	margin-top: 15px;
}

.am-h-list dt {
	display: block;
	margin-top: 20px;
}

.am-h-list dd {
	display: block;
	text-align: left;
	width: 90%;
	margin: 0 5%;
	margin-top: 20px;
	font-size: 15px;
	font-family: "微软雅黑";
	line-height: 25px;
}

.asid_share {
	position: fixed;
	width: .6rem;
	bottom: 42.9%;
	right: 0%;
	z-index: 890;
}

*html #asid_share {
	position: absolute;
	top: expression(documentElement.scrollTop + "px");
	margin: 300px 0 0 0;
}

.asid_share .asid_share_box {
	width: 100%;
	margin-bottom: 3px;
	background: url(../images/fhdb.svg) no-repeat center center #2a529c;
	text-align: center;
	background-size: .27rem;
	transition: all 0.5s ease 0s;
}

.asid_share .asid_share_box:hover {
	width: 100%;
	margin-bottom: 3px;
	background: url(../images/fhdb.svg) no-repeat center center #2a529c;
	text-align: center;
	background-size: .27rem;
	transition: all 0.5s ease 0s;
}

.asid_share .asid_share_box a {
	display: block;
	color: #ffffff;
	font-family: "微软雅黑";
	font-size: .14rem;
	height: .6rem;
}

.asid_share .asid_share_box a:hover {
	text-decoration: none;
}

.none {
	display: none;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.bottom {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #17181b;
	background-size:auto 100%;
	overflow: hidden;
}

.foot {
	width: 13.66rem;
	margin: 0 auto;
	margin-top: 35px;
	font-family: "Avenir";
	color: #333333;
	font-size: .18rem;
	overflow: hidden;
	padding-bottom: .5rem;
}

.foot dl {
	display: block;
}
.foot dl dt{
	display: block;
	float: right;
	border-left: 1px solid #3d4044;
	padding-left: .6rem;
	width: 3.7rem;
	margin-top: .27rem;
}
.foot dl dt h3{
	display: block;
	width: 100%;
}
.foot dl dt h3 img{
	width: 1.13rem;
	margin-right: .2rem;
	float: left;
	vertical-align: middle;
}
.foot dl dt h3 span{
	display: block;
	font-family: "微软雅黑";
	font-size: .17rem;
	color: #ffffff;
	padding-top: .13rem;
}
.foot dl dt h3 em{
	display: block;
	font-family: "微软雅黑";
	font-size: .15rem;
	font-style: normal;
	font-weight: normal;
	color: #a8a8a8;
	margin-top: .1rem;
}
.foot dl dt p{
	display: block;
	width: 100%;
	float: left;
	font-size: .15rem;
	color: #cccccc;
	font-family: "微软雅黑";
	line-height: .29rem;
	margin-top: .2rem;
}
.foot dl dd.list-1 {
	float: left;
	width: 2.05rem;
	margin-top: .2rem;
	margin-left: 0rem;
}
.foot dl dd.list-1a {
	float: left;
	width: 2.8rem;
	margin-top: .2rem;
	margin-left: 0rem;
}

.foot dl dd.list-1 h3 {
	font-family: "微软雅黑";
	font-size: .17rem;
	float: left;
	width: 100%;
	color: #ffffff;
	padding-bottom: .2rem;
	margin-top: 0px;
	margin-bottom: .2rem;
	font-weight: normal;
	position: relative;
}

.foot dl dd.list-1 h3:after {
	content: "";
	width: .80rem;
	height: 1px;
	background: #898989;
	position: absolute;
	bottom: -1px;
	left: 0%;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}

.foot dl dd.list-1 p {
	font-family: "Avenir";
	font-size: .15rem;
	line-height: .32rem;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-top: 0rem;
	color: #848388;
}

.foot dl dd.list-1 p a {
	width: 100%;
	display: block;
	float: left;
	text-align: left;
	color: #848388;
}
.foot1 {
	width: 100%;
	overflow: hidden;
	line-height: .65rem;
	border-top: 1px solid rgb(255,255,255,.1);
	text-align: center;
	font-family: "微软雅黑";
	font-size: .16rem;
	color: #848388;
}
.foot1 dl {
	width: 13.66rem;
	margin: 0 auto;
	overflow: hidden;
}
.foot1 dl dd{
	float: left;
	font-size: .15rem;
	color: #cccccc;
	font-family: "微软雅黑";
	opacity: .8;
}
.foot1 dl dd a{
	color: #cccccc;
	opacity: .8;
}
.foot-fx{
	width: 3.3rem;
	float: left;
	margin: .30rem 0 0 0;
}
.foot-fx h3{
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #fbfbfb;
}
.foot-fx span{
	display: block;
	margin-top: .19rem;
	font-family: "微软雅黑";
	color: #ffffff;
	font-size: .16rem;
	line-height: .32rem;
}
.foot-fx p{
	display: none;
	margin-top: .39rem;
}

.foot-fx p a{
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background: #1c1c1c;
	margin-right: .1rem;
}
.foot-fx p a.pyq{
	background: url(../images/f-icon01.png) no-repeat center center #1c1c1c;
	background-size: .2rem;
}
.foot-fx p a.sina{
	background: url(../images/f-icon02.png) no-repeat center center #1c1c1c;
	background-size: .25rem;
}
.foot-fx p a.qq{
	background: url(../images/f-icon03.png) no-repeat center center #1c1c1c;
	background-size: .2rem;
}
.foot-fx p a.wx{
	background: url(../images/f-icon04.png) no-repeat center center #1c1c1c;
	background-size: .23rem;
}
.foot-gz{
	float: right;
	margin: .35rem 0 0 .4rem;
}
.foot-gz h3{
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #fbfbfb;
}
.foot-gz ul{
	display: block;
	margin-top: .29rem;
}
.foot-gz ul li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	float: left;
	margin-right: .3rem;
}
.foot-gz ul li img{
	width: 1.3rem;
}

.foot-zx{
	width: 3.2rem;
	float: left;
	margin: .35rem 0 0 1rem;
}
.foot-zx .title{
	display: block;
}
.foot-zx .title h3{
	display: block;
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #fbfbfb;
}
.foot-zx .content{
	display: block;
	margin-top: .35rem;
}
.foot-zx .content ul{
	display: block;
}
.foot-zx .content ul li{
	display: block;
	font-size: .16rem;
	font-family: "微软雅黑";
	color: #fbfbfb;
	opacity: .36;
	margin-top: .21rem;
}
.foot-zx .content ul li span{
	display: block;
}
.foot-zx .content ul li p{
	display: block;
	margin: .07rem 0 0 0;
}
.foot-dh{
	width: 1.7rem;
	float: left;
	margin: .35rem 0 0 1.7rem;
}
.foot-dh .title{
	display: block;
}
.foot-dh .title h3{
	display: block;
	font-family: "微软雅黑";
	font-size: .18rem;
	color: #fbfbfb;
}
.foot-dh .content{
	display: block;
	margin-top: .35rem;
}
.foot-dh .content ul{
	display: block;
}
.foot-dh .content ul li{
	display: block;
	font-size: .16rem;
	font-family: "微软雅黑";
	background: url(../images/d.png) no-repeat left center;
	padding-left: .15rem;
	margin-top: .21rem;
}
.foot-dh .content ul li a{
	color: #ffffff;
	opacity: .36;
}
@media only screen and (max-width: 1680px) {
	
}
@media only screen and (max-width: 1600px) {
	
}
@media only screen and (max-width: 1440px) {
	
}
@media only screen and (max-width: 1152px) {

}
@media only screen and (max-width: 1024px) {
	.a-news .content ul li p{
		height: .55rem;
	}
	.a-news .content dl dd h3 a{
		font-size: 14px;
	}
	.a-news .content ul li h3{
		font-size: 13px;
		text-align: left;
	}
}
@media only screen and (max-width: 800px) {
  .nav{display: none;}
  header h1{width: 1.4rem; margin-top: .15rem; margin-left: 3%;}
  header h1 a{float: left; display: block;}
  header.on h1{margin-left: 3%;}
  .am-slider .am-slides img {
    width: 100%!important;
    display: block;
	}
   .banner .b-title img{
   	width: 90%!important;
   }
   .banner .b-title{
   	left: 11%;
   }
   header span.search{
   	width: .28rem;
   	height: .27rem;
   	background-size: .25rem;
   	margin-top: .30rem;
   }
   header.on span.search{
   	background-size: .25rem;
   }
   .a-about{
   	 width: 90%;
   	 margin: 0 5%;
   }
   .a-solution{
   	 width: 80%;
   	 margin: 0 10%;
   }
   .a-solution p{
   	 width: 56%;
   }
   .a-solutionlist{
   	 width: 90%;
   	 margin: 0 5%;
   }
   .a-solutionlist ul{
   	 width: 100%;
   }
   .a-news{
   	 width: 90%;
   	 margin: 0 5%;
   }
   .a-news .title{
   	width: 100%;
   	display: none;
   }
   .a-news .content{
   	width: 100%;
   	margin-top: .6rem;
   }
   .a-news .content dl dd h3 a{
   	 font-size: 15px;
   }
   .a-news .content dl dd p{
   	 font-size: 12px;
   	 margin-bottom: .3rem;
   }
   .a-news .content dl dd a.more-a{
   	 width: 1.1rem;
     height: .38rem;
     line-height: .38rem;
     font-size: 12px;
   }
   .a-news .content ul li p{
   	 width: 70%;
   }
   .main{
   	  padding-bottom: .5rem;
   }
   .a-news .content ul li h3{
   	font-size: 14px;
   }
   .main-bg{
   	 background: url(../images/bg.jpg) no-repeat center;
   	 background-size: 150% 100%;
   }
   .foot-fx h3{
   	  width: 1.5rem;
   }
   .foot-fx h3 img{
   	 width: 100%;
   }
   .foot,.foot1 dl{
   	  width: 90%;
   	  margin: 0 5%;
   }
   .foot-dh{
   	 margin-left: .5rem;
   	 width: 1.5rem;
   }
   .foot-zx{
   	 margin-left: .0rem;
   }
}
@media only screen and (max-width: 640px) {
	.banner .am-slider-default .am-direction-nav a{
		width: 32px;
    		height: 63px;
	}
	.a-news .content ul li {
	    min-height: initial;
	    min-height: 2.3rem;
	}
	.a-news .content ul li h3{
		height: 22px;
		overflow: hidden;
		line-height: 20px;
		flex-grow: 1;
		flex-shrink: 1;
		display: -webkit-box;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.a-about .content .a-list-r{
		width: 100%;
		float: left;
	}
	.a-about .content .a-list-r ul{
		margin: 0 -1.5%;
		display: block;
	}
	.a-about .content .a-list-r ul li{
		width: 30.33%;
		float: left;
		margin: 0 1.5%;
	}
	.a-about .content .a-list-r ul li.am-active:before{
		display: none;
	}
	.a-about .content .a-list-l{
		width: 100%;
        margin-top: .2rem;		
	}
	.a-about .content .a-list-r ul li{
		min-height: 2.1rem;
	}
	.a-about .content .a-list-l .a-list-n,.a-about .content .a-list-l .a-list-n .swiper-slide{
		height: 2.5rem;
	}
	.a-about .content .a-list-l{
		min-height: 5.1rem;
	}
	.main-bg{
		background-size: auto 100%;
	}
	.a-solution p {
    		width: 77%;
    		font-size: 13px;
    		line-height: 22px;
	}
	/*.a-solutionlist ul li:after{
		display:none ;
	}
	.a-solutionlist ul li dd h3{
		font-size: 16px;
	}
	.a-solutionlist ul li dd{
		margin-top: .05rem;
		margin-left: .3rem;
	}*/
	.a-solutionlist ul li{
		background: none;
		text-align: center;
	}
	.a-solutionlist ul li dt{
		margin: 0;
		width: 100%;
		float: initial;
		display: block;
		text-align: center;
	}
	.a-solutionlist ul li dt img{
		display: inline-block;
		width: .5rem;
	}
	.a-solutionlist ul li dd{
		text-align: center;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: .1rem;
	}
	.main-bg1{
		min-height: 2rem;
	}
	.a-news .content dl dt,.a-news .content dl dd{
		width: 90%;
		margin: 5%;
	}
	.a-news .content dl dd{
		margin-top: 0;
	}
	.a-news .content dl dd h3 a{
		text-align: left;
		font-size: 15px;
	}
	.a-news .content dl dd a.more-a{
		width: 70px;
		height: 25px;
		line-height: 25px;
	}
	.a-news .content ul{
		margin: 0;
	}
	.a-news .content ul li{
		width: 100%;
		margin: 0;
		margin-top: .22rem;
	}
	.a-news .content ul li h3{
		font-size: 14px;
	}
	.a-news .content ul li p{
		line-height: 20px;
		width: 75%;
	}
	.a-news .content ul li em{
		margin: .18rem 0 0 .3rem;
	}
	.foot-fx{
		width: 100%;
	}
	.foot-dh{
		margin-left: 0;
	}
	.foot-gz ul li{
		margin-right: 0;
	}
	.foot1 dl dd{
		padding: .2rem 0;
		line-height: 18px;
	}
	.a-news .content ul li p {
	    height: 42PX;
	}
	.a-news .content ul li em{
		display: NONE;
	}
}
@media only screen and (max-width: 375px) {
	.a-about .content .a-list-l .a-list-t h3 a{
		width: 1.5rem;
    		height: .45rem;
    		line-height: .45rem;
    	}
    	.a-news .content dl dd p{
    		min-height: .7rem;
    	}
    	.a-news .content ul li{
    		min-height: initial;
    		min-height: 2.2rem;
    	}
    	.a-news .content ul li time{
    		width: .85rem;
    	}
    	.a-news .content ul li p{
    		min-height: .75rem;
    	}
}