/* Write your styles */

.am-g{
	max-width: 1400px;
	width:100%;
}

.am-direction-nav{
	display: none;
}

.am-slider-default .am-control-nav{
	bottom: 20px;
	width: 180px;
	left:50%;
	margin-left: -90px;
	border-radius: 20px;
	background: rgba(255,255,255,0.5);
	z-index: 100;
}

.am-slider-default .am-control-nav li a{
	background: none;
	border: 1px solid #888;
	box-shadow: none;
}

.am-slider-default .am-control-nav li a.am-active{
	border: 1px solid #006ebc;
	background: #006ebc;
}

.am-slider-default .am-control-nav li{
	position: relative;
	top:-10px;
}

#mobile-nav{
	display: none;
}

#header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	padding:15px;
	align-items: center;
	justify-content: space-between;
}

#header img{
	max-height: 80px;
	max-width: 100%;
}

#header  #logo,#header #qrcode{
	width:20%;
	text-align: center;
}

#header #nav{
	width:60%;
}

#header .tel{
	font-size: 2.4rem;
	font-weight: bold;
	color:#006ebc;
	padding:0 20px;
}

#header .tel .iconfont{
	font-size: 3.6rem;
	line-height: 1;
	font-weight: normal;
	color:#444;
}

#header form{
	border:1px solid #ddd;
	border-radius: 20px;
}

#header input,#header button{
	border: none;
	background: none;
}

#header button{
	padding:0 15px!important;
	display: inline-block;
}

#header button .iconfont{
	color:#444;
}

#header #nav .nav{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5px;
}

#header #nav .nav a{
	display: block;
	text-align: center;
	padding:0 10px;
	line-height: 4rem;
	color:#444;border-bottom:2px solid #fff;
	box-sizing: border-box;
}

#header #nav .nav a:hover,#header #nav .nav .active{
	border-bottom:2px solid #84c225;
	color:#0062a7;
}

#header #search{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-end
}


#footer{
	background: #111111;
	color:#ddd;
	font-size: 14px;
	padding:15px 0;
	margin-top: 3rem;
}

#footer .iconfont{
	color:#006ebc;
	font-size: 3.6rem;
}

#footer .item a{
	color:#ddd;
	padding:0 15px;
}

#footer .item a:after{
	content:"";
	height: 10px;
	width:1px;
	background: #ddd;
	display: inline-block;
	margin:0 10px;
}

#sort-banner{
	background: url(../img/sort-banner-bg.jpg) repeat-x;
	text-align: center;
}

#sort-banner img{
	max-width: 100%;
}

#sub-nav{
	padding:4rem 0;
	margin:0 auto;
	text-align: center;
}

#sub-nav a{
	display: inline-block;
	padding:5px 10px;
	margin:0 5px;
	background: #f2f2f2;
	color:#444;
	border-radius: 50px;
	font-size: 16px;
	transition: all 0.2s;
}

#sub-nav a:hover,#sub-nav .active{
	background: #84c225;
	color:#fff;
}


#main .title{
	text-align: center;
	font-size: 3.2rem;
	border-bottom:1px solid #ddd;
	margin-bottom: 5rem;
	position: relative;
	padding:2rem 0 3rem;
}

#main .title:after{
	position: absolute;
	content:"";
	display: block;
	width:80px;
	height: 6px;
	bottom:-3px;
	left: 50%;
	margin-left: -40px;
	background: #0062a7;
}

#main .content{
	margin:3rem auto;
}

#main .content p{
	text-indent: 2em;
	line-height: 2;
}

.wltel{
	color:#0062a7;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 2rem;
}

.wltel img{
	margin-right: 15px;
}

#main .content .am-img-responsive{
	margin:0 auto;
}

#main .content .pic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	clear: both;
}

#main .content .pic .item{
	flex:1;
	margin:1rem;
	padding:1rem;
	border-radius: 10px;
	border: 1px solid #aacea3;
	width:30%;
}

#main .content .pic .item img{
	max-width:100%;
}

#main .pic-list .item{
	padding:1rem;
	cursor:pointer;
}

#main .pic-list .item .pic{
	max-height:200px;
	overflow: hidden;
	display: block;
}

#main .pic-list .item img{
	max-width: 100%;
}

#main .pic-list .item dt{
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#main .pic-list .item span{
	display: block;
	background: #f2f2f2;
	text-align: center;
	line-height: 3;
}

#main .pic-list .item dl{	
	background: #f2f2f2;
	padding: 1rem;
	margin:0;
	min-height: 100px;
}

#main .news{
	margin-top: 0!important;
}

#main .pic-list .item dd{
	font-size: 1.4rem;
}

#service .service{
	padding-top:5rem;
	padding-bottom:5rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

#service  .pic{
	width:60%;
}

#service .am-img-responsive{
	margin:0 auto;
}

#service  .info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:40%;
}

#service .info p{
	text-indent: 2em;
	margin-top: 1rem!important;
	margin-bottom:0!important;
}

#service .s011 .info p{
	margin:0!important;
}

#service .s02{
	background: #edf0e7;
	padding-top:3rem;
	padding-bottom:1rem;
}

#service .s011,#service .s02 .service{
	flex-direction: row-reverse;
}

#service .s03 .pic,#service .s03 .info{
	width:100%;
}

#service .s03 .info{
	width:95%;
}

#service .s03 .pic{
	text-align: right;
}

#service img{
	max-width: 100%;

}

#service .s03 .pic2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
}

#service .s02 .info{
	align-items: flex-start;
	justify-content: flex-start;
} 

#main .tech-pic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width:100%;
	clear: both;
}

#main .tech-pic .item{
	width:33.33333%;
	padding:2rem;
	margin-bottom: 1rem;
}

#main .tech-pic .item img{
	max-width: 100%;
}

#main .contact{
	background: #e0e0e0;
}

#main .contact p{
	margin-bottom: 1rem;
}

#main .contact .add{
	padding: 3rem;
}

#main .contact i{
	width:30px;
	height: 30px;
	border-radius: 50%;
	background: #aacd06;
	text-align: center;
	color:#fff;
	line-height: 30px;
	margin-right: 10px;
}

#main .contact span{
	border-bottom:1px dashed #444;
	line-height: 30px;
	display: inline-block;
	padding-bottom: 5px;
}

#main .contact .map{
	background: #f2f2f2;	
	padding:3rem;
}


#main .hrtitle{
	color:#aacd06;
	font-size: 20px;
}

#main .hrtitle .num{
	width:30px;
	height: 30px;
	border-radius: 10px;
	background: #aacd06;
	color:#fff;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	margin-right:10px;
}

#main .hrlist{
	margin:3rem auto;
}

#main .hrlist .item{
	display: inline-block;
	border-bottom:1px solid #0062a7;
	padding-bottom: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

#main .hr01,#main .hr02{
	margin:4em auto;
}

#main .hr02 p{
	text-indent: 0;
	padding-left: 40px;
}

#index-banner{
	max-width: 100%;
}


.index-title{
	text-align: center;
	padding:2rem 0;
	position: relative;
	z-index: 10;
}

.index-title img{
	max-width: 100%;
}


#index-case{
	margin-bottom: 3rem;
}

#index-case li{
	position: relative;
}

#index-case li a{
	display: block;
	transition: all 0.5s;
}

#index-case li a .info{
	position: absolute;
	bottom:0;
	height: 40px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	z-index: 10;
	color:#fff;
	background: rgba(24,112,174,0.8);
	opacity: 0;
}

#index-case li a:hover .info{
	opacity: 1;
}

#index-case img{
	max-width:100%;
}

#index-customers{
	margin-bottom: 3rem;
}

#index-customers h4{
	font-size: 4rem;
	font-weight: bold;
	color:#84c225;
	margin-bottom: 0;
}

.customers-list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width:100%;
	max-width: 1400px;
	margin-top: 5rem;
}

#index-customers  *+p{
	margin-top: 0;
}

.customers-list{
	padding-bottom: 20px;
}

.customers-list  .item{
	width:16.6666667%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	border:1px solid #eee;
	margin-right: -1px;
	margin-bottom: -1px;
	min-height:100px;
}

#main .customers-list .item{
	margin:0;
	border: none;
}

#main .customers-list .item span{
	display: block;
	width:95%;
	min-height: 100px;
	border-radius:20px;
	box-shadow: 2px 2px 4px #ccc;
	margin:10px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center
}

#index-contact{
	position: relative;
	margin-top: 3rem;
}

#index-contact:before{
	content:"";
	width:90%;
	height: 100%;
	background: #f2f2f2;
	position: absolute;
	top:0%;
	left:5%;
	display: block;

}

#index-contact .content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	z-index: 10;
}

#index-contact .content .item{
	width:38%;
}

#index-contact .content .item img{
	max-width: 100%;
}

#index-contact .content .info{
	width:24%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	position: relative;
	top:-40px;
}

#index-contact .pic{
	max-height: 150px;
}

#index-contact .qrcode{
	max-height: 100px;
}

#index-contact h4,#index-contact p{
	margin:0!important;
	font-size: 1.4rem;
	margin-bottom: 1rem!important;
}

#index-contact h4{
	font-size: 3rem;
	color:#006ebc;
}

#index-contact .map{
	font-size: 14px;
	color:#84c225;
}

#index-contact .am-input-group{
	width:80%;
	margin:0 auto;
	border-color:#84c225;
}

#index-contact .am-btn{
	background: #006ebc;
	color:#fff;
	font-size: 14px;
	border: none;
}

#index-service{
	margin-bottom: 3rem;
}


#index-service .am-g{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items:center;
}

#index-service .am-g .item{
	width:50%;
	border: 1px solid #eee;
	margin-right: -1px;
	margin-bottom: -1px;
	cursor: pointer;
}

#index-service .info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: space-around;
	padding:15px;
}

#index-service .info .iconfont{
	font-size: 6rem;
	line-height: 1;
}

#index-service .iconfont{
	margin-right: 5px;
	color:#84c225;
}

#index-service .info span{
	font-size: 3.2rem;
	color:#006ebc;
}

#index-service .list{
	background: #c2ee7d;
	padding:15px;
	min-height: 110px;
}

#index-service .list span{
	display: inline-block;
	padding:0 15px;	
	color:#444;
}

#index-service .am-g .item2{
	width:100%;
	cursor: default;
}

#index-service .am-g .item2 .list{
	padding:0;
}

#index-service .am-g .item2 .list div{
	padding:15px;
	background: radial-gradient(at top center,  #84c225,#9bd542);
	color:#fff!important;
	font-weight: bolder;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	cursor: pointer;	
	transition: all 0.5s;
	width:25%;
	text-align: center;
}

#index-service .am-g .item2 .list div:nth-of-type(2){	
	background: radial-gradient(at top center,  #4eb6e6,#64ceff);
}

#index-service .am-g .item2 .list div:nth-of-type(3){	
	background: radial-gradient(at top center,  #ff9a2b,#ffb83f);
}

#index-service .am-g .item2 .list div:nth-of-type(4){	
	background: radial-gradient(at top center,#ef5d5b,  #fa8785);
}
#index-service .am-g .item2 .list div:nth-of-type(5){	
	background: radial-gradient(at top center,#0fcac7,  #71c5c5);
}

#index-service  .item2 .iconfont{
	display: block;
	text-align: center;
	position: relative;
	transition: all 0.5s;
	top:0;
}

#index-service .am-g .item2 .list div:hover{

	background: radial-gradient(at top center,#9bd542,#84c225);
}


#index-service .am-g .item2 .list div:nth-of-type(2):hover{	
	background: radial-gradient(at top center,#64ceff,  #4eb6e6);
}

#index-service .am-g .item2 .list div:nth-of-type(3):hover{	
	background: radial-gradient(at top center,#ffb83f,  #ff9a2b);
}

#index-service .am-g .item2 .list div:nth-of-type(4):hover{	
	background: radial-gradient(at top center,#fa8785, #ef5d5b);
}

#index-service .am-g .item2 .list div:nth-of-type(5):hover{	
	background: radial-gradient(at top center,#49ebe8,  #71c5c5);
}

#index-service  .item2  span:hover .iconfont{
	top:-10px;
	margin-bottom: -10px;
}

#index-service .am-g .item2 .list .iconfont{

	color:#fff!important;
}



#index-service  .item2 .list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#index-service  .item2 .info{
	justify-content: center;
}

#index-service  .item2 .list span{
	color:#fff;
	padding: 0;
}

@media screen and (max-width:1023px) {
	#index-service .am-g .item2 .list div:nth-of-type(3){
		width:100%;
	}

}



#index-service  .item2 .list .iconfont{
	font-size: 4.8rem;
}

.solution{
	background: url(../img/solution0-bg.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-bottom: -3rem;
}

.solution .am-g{
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.solution .am-tabs-bd{
	border: none;
	color:#eee;
}


.solution  .am-tabs-nav{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: none;
}

.solution  .am-tabs-nav li{
	height: auto;
	flex:20%!important;
	background: none;
}

.solution  .am-tabs-nav li a{	
	color:#fff!important;
	outline: none;
}

.solution  .am-tabs-nav li dt+dd{
	margin:0;
}

.solution  .am-tabs-nav li img{
	margin-top:2rem;
}

.solution  .am-tabs-nav .am-active{
	position: relative;
	top:-20px;
}

.solution  .am-tabs-nav li:first-child{
	background: #355c7d;
}

.solution  .am-tabs-nav li:nth-of-type(2){
	background: #c06c84;
}
.solution  .am-tabs-nav li:nth-of-type(3){
	background: #f67280;
}

.solution  .am-tabs-nav li:nth-of-type(4){
	background: #f8b195;
}

.solution  .am-tabs-nav li:nth-of-type(5){
	background: #355c7d;
}
.solution  .am-tabs-nav li:nth-of-type(6),
.solution  .am-tabs-nav li:nth-of-type(7),
.solution  .am-tabs-nav li:nth-of-type(8),
.solution  .am-tabs-nav li:nth-of-type(9),
.solution  .am-tabs-nav li:nth-of-type(10){
	margin-top: 5rem;
}

.solution  .am-tabs-nav li:nth-of-type(6){
	background: #163a5f;
}

.solution  .am-tabs-nav li:nth-of-type(7){
	background: #1d566e;
}

.solution  .am-tabs-nav li:nth-of-type(8){
	background: #21aba5;
}

.solution  .am-tabs-nav li:nth-of-type(9){
	background: #eb6115;
}

.solution  .am-tabs-nav li:nth-of-type(10){
	background: #1d566e;
}

.solution  .am-tabs-d2 .am-tabs-nav > .am-active{
	border: none;
}

.solution  .am-tabs-d2 .am-tabs-nav > .am-active::after{
	top:-28px;
	border-width: 14px;
	margin-left: -7px;
}

.solution  .am-tabs-nav li:first-child.am-active::after{
	border-bottom-color: #355c7d;
}

.solution  .am-tabs-nav li:nth-of-type(2).am-active::after{
	border-bottom-color: #c06c84;
}

.solution  .am-tabs-nav li:nth-of-type(3).am-active::after{
	border-bottom-color: #f67280;
}

.solution  .am-tabs-nav li:nth-of-type(4).am-active::after{
	border-bottom-color: #f8b195;
}

.solution  .am-tabs-nav li:nth-of-type(5).am-active::after{
	border-bottom-color: #355c7d;
}

.solution  .am-tabs-nav li:nth-of-type(6).am-active::after{
	border-bottom-color: #163a5f;
}

.solution  .am-tabs-nav li:nth-of-type(7).am-active::after{
	border-bottom-color: #1d566e;
}

.solution  .am-tabs-nav li:nth-of-type(8).am-active::after{
	border-bottom-color: #21aba5;
}

.solution  .am-tabs-nav li:nth-of-type(9).am-active::after{
	border-bottom-color: #eb6115;
}

.solution  .am-tabs-nav li:nth-of-type(10).am-active::after{
	border-bottom-color: #1d566e;
}

.solution .am-tabs-nav{
	margin-top: 2rem;
}

.solution-info .stitle{
	font-size: 4.8rem;
	color:#437231;
	position: relative;
	margin-bottom: 5rem;
}

.solution-info .stitle:after{
	position: absolute;
	content:"";
	width:40px;
	height: 5px;
	bottom:-10px;
	background: #84c225;
	left:0;
}

.solution-info{
	max-width: 640px;
	color:#444;
}

.solution-info .am-btn{
	width: 200px;
	border-radius: 50px;
	border: 1px solid rgba(189,232,56,1);
	background: rgba(189,232,56,0.5);
	text-align: center;
	color:#444;
	margin-top: 3rem;
	margin-bottom: 5rem;
}

#main .pic-list .item{
	cursor: default;
}

#main .news .pic-list .item{
	cursor: pointer;
}





@media screen and (max-width:1439px) {
	#header  #logo{
		width:20%;
		text-align: left;
	}
	#header  #logo img{
		max-height: 50px;
	}
	#header #qrcode{
		width:10%;
	}

	#header #nav{
		width:70%;
	}

}

@media screen and (max-width:1024px) {
		#header #qrcode{
		width:10%;
		display: none;
	}
	#index-customers  .am-avg-md-2 > li{
		width:25%;
		clear: none;
		text-align: center;
	}


}

#main .about{
	clear:both;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	flex-direction: row;
	margin:5rem auto;
}

#main .ab01,#main .ab03,#main .ab05{
	flex-direction: row-reverse;
}

#main .about p{
	font-size: 16px;
}

#main .about-title{
	color:#84c225;
	margin-bottom: 3rem;
	font-size: 2rem;
}

#main .honer .item{
	padding:2rem;
}

#main .honer .item span{
	display: block;
	background: #f2f2f2;
	line-height: 3;
	text-align: center;
}

#main .honer .item img{
	max-width:100%;
}

#index-news{
	margin-top:5rem;
	padding-bottom: 2rem;
}

#index-news .index-title{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	text-align: left;
	justify-content: space-between;
}

#index-news .newBox {
	    justify-content: unset;
}

#index-news1{
	background: #f9f9f9;
	margin-top:5rem;
	padding-bottom: 2rem;
}

#index-news1 .index-title{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	text-align: left;
	justify-content: space-between;
}

#index-news1 .newBox {
	    justify-content: unset;
}


.imgList {
	    display: flex;
}

.imgList img {
	    width: 20%;
    margin: 2%;
}


#index-news .index-title .active{
	color:#006ebc;
	position: relative;
}

#index-news .index-title .active:after{
	position: absolute;
	bottom:-10px;
	content:"";
	display: inline-block;
	background: #aacd06;
	width:30px;
	height: 5px;
	left:15px;
}

#index-news .ic,#index-news .inav{
	width:50%;
}

#index-news .inav a{
	display: inline-block;
	padding:0 15px;
	color:#444;
}

#index-news .item{
	margin:3rem auto;
}

#index-news .date{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

#index-news .date .d1{
	display: inline-block;
	width:50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #c2c2c2;
	color:#fff;
	font-size: 3rem;
}

#index-news .date .d2{
	display: inline-block;
	border-bottom:2px solid #999;
	padding:0 20px;
	position: relative;
	left:-10px;
}

#index-news .am-icon-angle-right{
	width:20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #444;
	color:#444;
	text-align: center;
	line-height: 20px;
}

#index-news .item:hover {
	cursor: pointer;
}

#index-news .item:hover .d1,#index-news .item:hover .am-icon-angle-right{
	background: #84c225;
	color:#fff;
	border: none;
}



#index-news1 .index-title .active{
	color:#006ebc;
	position: relative;
}

#index-news1 .index-title .active:after{
	position: absolute;
	bottom:-10px;
	content:"";
	display: inline-block;
	background: #aacd06;
	width:30px;
	height: 5px;
	left:15px;
}

#index-news1 .ic,#index-news .inav{
	width:50%;
}

#index-news1 .inav a{
	display: inline-block;
	padding:0 15px;
	color:#444;
}

#index-news1 .item{
	margin:3rem auto;
}

#index-news1 .date{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

#index-news1 .date .d1{
	display: inline-block;
	width:50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #c2c2c2;
	color:#fff;
	font-size: 3rem;
}

#index-news1 .date .d2{
	display: inline-block;
	border-bottom:2px solid #999;
	padding:0 20px;
	position: relative;
	left:-10px;
}

#index-news1 .am-icon-angle-right{
	width:20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #444;
	color:#444;
	text-align: center;
	line-height: 20px;
}

#index-news1 .item:hover {
	cursor: pointer;
}

#index-news1 .item:hover .d1,#index-news .item:hover .am-icon-angle-right{
	background: #84c225;
	color:#fff;
	border: none;
}
@media screen and (max-width: 1439px) {

	#service .am-g{
		padding-left:3rem;
		padding-right:3rem;
	}
	
}

@media screen and (max-width:1024px){
	#header  #logo img{
		max-height: 40px;
	}
	#header #nav .nav a{
		padding:0;
		font-size: 14px;
	}
	#header .tel .iconfont{
		font-size: 2em;
	}
	#header .tel{
		font-size: 1.6rem;
	}

	#sub-nav a{
		margin-bottom: 1.5rem;
	}

	#service .pic,#service .info{
		width:100%;
	}

	#service img{
		margin-bottom: 1rem;
	}
}

@media screen and (max-width:1023px){
	.imgList {
	    display: flex;
    flex-wrap: wrap;
}

.imgList img {
	    width: 45%;
    margin: 2%;
}
	#header{
		display: none;
	}

	#mobile-nav{
		display: block;
	}

	#mobile-nav .am-g{
		padding:5px 15px;
	}

	#mobile-nav img{
		max-height: 35px;
	}

	#service .am-g{
		padding-left: 1.5rem;
		padding-bottom: 1.5rem;
	}

	#service .small-pic{
		max-height: 100px;
		margin-top: 2rem;
	}

	#service .s02{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	#service .s04 .service{
		padding-top: 0;
	}

	#service .s04 .service .pic{
		margin-bottom: 3rem;
	}

	#service .s03 .pic2{
		flex-direction: column;
	}

	#service .s03 .pic2 h4{
		margin-bottom: 3rem;
	}


	.am-offcanvas-bar{
		width:230px;
	}

	.am-offcanvas-bar #logo{
		margin-bottom: 30px;
	}

	.am-offcanvas-bar #logo img{
		max-height: 35px
	}

	
    .am-offcanvas-content a,.am-offcanvas-content  .am-panel-title{
    	color:#fff!important;
    	text-align: center;
    }

    .am-offcanvas-content .am-list li:first-child{
    	border-top: none;
    }

		
	.am-offcanvas-content .am-panel,.am-offcanvas-content .am-panel-hd{
		background: none;
		border: none;
	}

	.am-offcanvas-content .am-list li,.am-offcanvas-content .am-list li a{
		background: none;
		border:none;
		line-height: 40px;
		font-size: 14px;
		padding:0;
	}

	.am-offcanvas-content  .am-list{
		margin-bottom: 0;
	}
	
	#footer .item {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#footer .item a{
		padding:0;
		width:25%;
	}

	#footer  span{
		display: block;
	}
	
	#sub-nav{
		display: none;
	}

	#main .title{
		margin-bottom: 3rem;
	}
	#main .content {
		padding-left:1rem;
		padding-right:1rem;
	}
	#main .content .am-img-responsive{
		margin-bottom: 2rem;
	}

	#main .content img{
		max-width: 100%;
	}

	#main .content p{
		text-indent: 0;
	}

	#main .content .pic{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin:0;
		padding:0;
	}

	#main .content .pic .item{
		width:95%;
		margin:1rem auto;
	}

	#main .content .pic .item img{
		max-width:100%;
	}
	
	#main .pic-list .item{
		padding:0;
		margin-bottom: 1rem;
	}

	#main .tech-pic .item{
		width:50%;
	}

	#main .about{
		flex-direction: column;
	}

	#main .honer .item{
		padding:1.5rem;
	}

	.index-title{
		max-width:90%;
		margin-left: auto;
		margin-right: auto;
	}

	.customers-list .li{
		text-align: center;
	}

	.customers-list .item{
		width:50%;
	}

	.customers-list .item img{
		max-width:90%;
	}


	#index-contact .content .item{
		display: none;
	}

	#index-contact .content .info{
		width:100%;
		padding-top: 1rem;
	}

	#index-contact .content .info .pic{
		display: none;
	}

	#index-news .index-title{
		flex-direction: column;
	}

	#index-news .ic,#index-news .inav{
		width:100%;
		text-align: left!important;
	}

	#index-news .inav{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		padding-top: 1.5rem;
	}

	#index-service .am-g{
		flex-direction: column;
	}

	#index-service .am-g .item{
		width:100%;
	}

	#index-service .am-g .info{
		flex-direction: column;
	}

	#index-service .am-g .info img{
		display: none;
	}

	#index-service .am-g .info .iconfont{
		font-size: 4.8rem;
	}

	#index-service .am-g .info span{
		font-size: 2.4rem;
	}

	#index-service .am-g .item2 .list{
		flex-direction: row;
		flex-wrap: wrap;
	}

	.index-title{
		padding:2rem 0;
	}

	#index-service .info{
		padding:15px;
	}
	#index-service .am-g .item2 .list div{
		width:50%;
		text-align: left;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		text-shadow: none;
		padding:0;
		font-weight: normal;
		text-align: center;
		padding-bottom:5px;
	}

	#index-service .am-g .item2  .iconfont{
		display: inline-block;
		font-size:2.4rem;
		margin-top: 5px;
	}

	#index-case li,#index-case img{
		width:100%;
	}

	.solution  .am-tabs-nav li a{
		font-size: 12px!important;
	}

	#index-case li a .info{
		opacity: 1;
	}

	#index-customers  li{
		text-align: center;
	}

	.s03 .s13{
		margin:10px auto!important;
		max-width: 70%!important;
		display: block;
		float: none;
	}


	#index-service .am-g .item2 .icon-huanbaogongcheng,#index-service .info .iconfont{
		display: none;
	}

	#index-service .list span{
		padding:0 10px;
		font-size: 14px;
	}

	#index-customers{
		font-size: 14px;
	}
	
	#index-customers .customers-list{
		padding-top: 0;
		margin: 0;
	}

	.customers-list .item{
		width:25%;
	}
	
	.customers-list .item{
		min-height: 50px;
	}
	#index-case li{
		width: 50%;
	}
	#index-case li a .info{
		font-size: 14px;
		width:100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding:0 10px;
	}
	body,html{
		width:100%;
		overflow-x: hidden;
	}

	#index-news dd,#index-news p{
		display: none;
	}

	#index-news dt{
		font-size: 14px;
		font-weight: normal;
		white-space: wrap;
		margin:5px 15px;
		position: relative;
	}

	#index-news dt:before{
		content:"";
		width:6px;
		height: 6px;
		display: block;
		background: #aacd06;
		position: absolute;
		left:-14px;
		border-radius: 50%;
		top:10px;
	}

	#index-news .date{
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: flex-start;
		display: none;
	}

	#index-news .date .d1{
		width:auto;
		height: auto;
		background: none;
		line-height: 1.6;
		color:#444;
		font-size: 1.6rem;
	}
	#index-news .date .d1:before{
		content:"-";
	}

	#index-news .date .d1{}

	#index-news .date .d2{
		border: none;
		left:0;
		padding:0;
	}
	#index-news .item,#index-news .item dl{
		margin: 0;
	}
	#index-customers h4{
		font-size: 3rem;
	}
	.index-title img{
		max-width: 80%!important;
		margin-bottom: 10px;
	}
	#index-contact h4{
		margin-bottom: 0!important;
	}
	#customer_tel{
		font-size: 14px;
	}

	#index-service .am-g .item{
		border:none;
	}
	#index-banner{
		margin-bottom: 0;
	}
	.am-slider-default .am-control-nav{
		background: none;
		bottom:10px;
	}

	.customers-list .item img{
		max-height: 40px;
	}

	.index-title img{
		
		margin-left:auto;
		margin-right:auto;
		display: block;
	}

}

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

	#main .tech-pic .item{
		width:100%;
		padding:1rem;
	}

	#main .pic-list .item span{
		line-height: 1.5;
		font-size: 14px;
		display: block;
		padding:10px;
	}
	
}


.wltel{
  display: block;
  text-align: left;
  width:100%;
}

  .wltel span:first-child{
    display: block;
    margin-bottom: 10px;
  }



  @media screen and (max-width:1024px) {
  	.owl-item:last-child{
  		display: none;
  	}
  	  .owl-item{
  	width:100%!important;
  	}
  }

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

    	#index-customers .am-avg-md-2 > li,  .owl-item{
    	width:50%!important;
    	}

    	#main .title{
    		font-size: 2.2rem;
    		text-align: left!important;
    		padding:15px;
    	}
    }

    .am-modal-dialog{
    	width:95%;
    	max-width: 1200px;
    }

     .am-modal-dialog p{
     	margin:0;
     	text-align: left;
     }

    @media screen and (max-width: 979px) {
    	.am-modal-dialog p{
    		font-size: 14px;
    	}
    }


    #newserivce{
      margin:0 auto;
      background: #f2f2f2;
      padding:4rem 0;
    }
    #newserivce .am-tabs{      
      max-width: 1400px;
      margin:0 auto;
      display: flex;
      justify-content: space-between;
      cursor: pointer;
    }

    #newserivce .am-tabs .am-tabs-nav{
      width:20%;
      margin-right:2%;
      background: #fff;
      display: block;
    }
    #newserivce .am-tabs .am-tabs-nav li{
      display: block;
    }

    #newserivce .am-tabs .am-tabs-bd{
      border: none;
      width:78%;
      background: #fff;
    }

    #newserivce  .info ul{
      padding:0;
      position: relative;
    }

    #newserivce  .info ul:before{
      width:10px;
      height: 10px;
      background: #c2ee7d;
      transform: rotate(45deg);
      display: block;
      content: "";
      position: absolute;
      left:-20px;
      top:10px;
    }



    #newserivce  .info li{
      list-style: none;
      font-size: 15px;
    }

    #newserivce .am-tabs-nav li{
      flex: auto;
      -webkit-box-flex:auto;
    }

     #newserivce .am-tabs-nav h3{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color:#fff;
      background: url(../img/20191011-01.jpg) no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
      line-height: 1.5;
      padding:1rem 0;
      font-size: 18px;
      margin: 0;
     }
      #newserivce .am-tabs-nav h3 small{
        opacity: 0.5;
        font-size: 14px;
      }
      #newserivce .am-tabs-nav .tab a{
        padding:3rem 0;
        font-size: 1.6rem;
        border-bottom:1px dotted #eee;
        outline: none;
      }

      #newserivce .am-tabs-nav .tab .iconfont{
        display: block;
        text-align: center;
        font-size: 3rem;
        line-height: 1.6;
      }

      #newserivce .am-tabs-nav .am-active a{
        background:none;
        color:#009b4c;
      }

      #newserivce .am-tabs-nav .tab .icon-hangye2,#newserivce .am-tabs-nav .tab .icon-iconfont48{
        display: none;
      }
      #newserivce .am-tabs-nav .am-active .icon-hangye2,#newserivce .am-tabs-nav .am-active .icon-iconfont48{
        display: block;
      }


      #newserivce .am-tabs-nav .am-active .icon-hangye,#newserivce .am-tabs-nav .am-active .icon-iconfont40{
        display: none;
      }

      #newserivce .am-tabs-nav a{
        display: block;
      }

       #newserivce .am-tabs-nav .iconfont{
        display: block;
       }

       #newserivce .am-tabs-nav li:last-child a{color:#009b4c;padding-top: 10px;}
       #newserivce .am-tabs-nav li:last-child .iconfont{
        line-height: 1;
        font-size: 2rem;
       }

       @media screen  and (max-width:980px) {
           #newserivce .am-tabs{
            flex-direction: column;
            
           }

           #newserivce .am-tabs .am-tabs-nav{
            width:100%;
            margin-right: 0;
           }

           #newserivce .am-tabs .am-tabs-nav li:last-child{
            display: none;
           }

           #newserivce .am-tabs .am-tabs-nav .tab{
              display: inline-block;
              width:45%;
           }
          
            #newserivce .am-tabs .am-tabs-nav .tab a{
              padding: 1rem 0;
            }


            #newserivce  .am-tabs-nav .tab .iconfont{
              display: inline-block;
              font-size: 1.6rem;
              margin-right: 10px;
            }
            #newserivce .am-tabs-nav .tab .icon-hangye2,#newserivce .am-tabs-nav .tab .icon-iconfont48{
              display: none;
            }

            #newserivce .am-tabs .am-tabs-bd{
              width:100%;
            }

            #newserivce .am-img-responsive{
              margin-bottom: 10px;
            }

            #newserivce{
              padding: 0;
              margin-bottom: 10px;
            }
       }