* {
}

ul li {
	list-style-type: none;
}

.app-one{
	background:url("/statics/images/down-1.jpg") no-repeat;
	background-size:100%;
	height:600px;
}

.top-down {
	width: 50%;
	padding-top:330px;
	margin-left:35%;
	color: #FFF;
}

.phone-top-down{
	display: none;
}

.top-down .item {
	text-align: center;
	margin-top:30px;
}

.top-down .title {
	text-align: center;
}

.top-down a {
	padding-top: 3px;
	padding-bottom: 3px;
}

.top-down .shuoming {
	margin-top: 5px;
}

.top-down .shuoming a {
	margin-top: 10px;
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
}

.pro-down{
	padding: 60px 10% 30px 10%
}

.pro-down-content{
	padding-top: 80px;
}

.down-title{
	font-size: 30px; 
	font-weight: bold; 
	line-height: 60px;
}

.down-content{
	font-size: 18px; 
	line-height: 30px;
	margin-bottom: 20px;
}

.m-down-content{
	padding-top: 80px; 
	padding-left: 80px;
}



@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	* {
	}
	.app-one{
		background:url("/statics/images/down-1.jpg");
		background-size:100%;
		height:450px;
	}
	
	.top-down {
		width: 60%;
		padding-top:230px;
		margin-left:35%;
		color: #FFF;
	}
	
	.phone-top-down{
		display: none;
	}
	
	.top-down .item img{
		width:15px;
	}
	
	.top-down .title {
		text-align: center;
	}
	.top-down a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.top-down .shuoming {
		margin-top: 5px;
	}
	.top-down .shuoming a {
		margin-top: 5px;
		font-size: 12px;
		color: #FFF;
		text-decoration: underline;
	}
	.am-modal .am-modal-dialog h2{
       font-size: 12px;
    letter-spacing: 2px;
}
.am-modal .am-modal-dialog{
	padding: 20px 20px 40px 20px !important;
}
.am-modal .am-modal-dialog .am-modal-hd{
	font-size:20px !important;
}
.am-modal .am-modal-dialog .am-modal-bd{
	padding: 5px 10px;
}
.am-modal .am-modal-dialog .am-1 .xing{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-2{
	width:50% !important;
	margin-top: 6px;
}
.am-modal .am-modal-dialog .am-u-go .shou{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-3{
	  width: 80px !important;
    margin-left: 0px !important;
	
}
.am-modal .am-modal-dialog .am-4{
	width:30% !important;
}
.from-tr input{
	width:80px !important;
}
.from-tr input:nth-child(2){
	margin-top:20px !important;
}
.am-modal .am-modal-dialog .am-5 .ming{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-6{
	width:50% !important;
	margin-top: 6px;
}
.am-modal .am-modal-dialog .am-u-ji .ji{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-7{
	  width: 80px !important;
    margin-left: 0px !important;
	
}
.am-modal .am-modal-dialog .am-8{
	width:30% !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	* {
	}
	.app-one{
		background:url("/statics/images/down-1.jpg");
		background-size:100%;
		height:350px;
	}
	
	.top-down {
		width: 70%;
		padding-top:180px;
		margin-left:25%;
		color: #FFF;
	}
	
	.phone-top-down{
		display: none;
	}
	
	.top-down .item {
		text-align: center;
		margin-top:30px;
	}
	  .top-down .duode{
	  margin-top:-30px !important;
	  }
	.top-down .item img{
		width:15px;
	}
	
	.top-down .title {
		text-align: center;
	}
	.top-down a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.top-down .shuoming {
		margin-top: 5px;
	}
	.top-down .shuoming a {
		margin-top: 5px;
		font-size: 12px;
		color: #FFF;
		text-decoration: underline;
	}

	.am-modal .am-modal-dialog h2{
       font-size: 12px;
    letter-spacing: 2px;
}
.am-modal .am-modal-dialog{
	padding: 20px 20px 40px 20px !important;
}
.am-modal .am-modal-dialog .am-modal-hd{
	font-size:20px !important;
}
.am-modal .am-modal-dialog .am-modal-bd{
	padding: 5px 10px;
}
.am-modal .am-modal-dialog .am-1 .xing{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-2{
	width:50% !important;
	margin-top: 6px;
}
.am-modal .am-modal-dialog .am-u-go .shou{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-3{
	  width: 80px !important;
    margin-left: 0px !important;
	
}
.am-modal .am-modal-dialog .am-4{
	width:30% !important;
}
.from-tr input{
	width:80px !important;
}
.from-tr input:nth-child(2){
	margin-top:20px !important;
}
.am-modal .am-modal-dialog .am-5 .ming{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-6{
	width:50% !important;
	margin-top: 6px;
}
.am-modal .am-modal-dialog .am-u-ji .ji{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-7{
	  width: 80px !important;
    margin-left: 0px !important;
	
}
.am-modal .am-modal-dialog .am-8{
	width:30% !important;
}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	* {
	}
	.app-one{
		background:url("/statics/images/down-5.png");
		background-size:100%;
		height:260px;
	}
	
	.top-down-2wm-img{
		height:138px;
	}
	
	.phone-top-down{
		display:block;
	}
	
	.app-one .top-down{
		display: none;
		font-size: 12px;
	}
	.top-down {
		width: 100%;
		position:inherit;
		color: #FFF;
		padding:15px 5% 15px 5%;
		margin:auto;
		
	}
	.top-down .item {
		text-align: center;
		margin-top:0px;
	}
	
	.top-down .item img{
		width:15px;
	}
	
	.top-down .title {
		text-align: center;
	}
	.top-down a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.top-down .shuoming {
		margin-top: 5px;
	}
	.top-down .shuoming a {
		margin-top: 5px;
		font-size: 12px;
		color: #FFF;
		text-decoration: underline;
	}
}

@media screen and (max-width:480px) {
	* {
	}
	
	.app-one{
		background:url("/statics/images/down-5.png");
		background-size:100%;
		height:150px;
	}
	
	.top-down-2wm-img{
		height:90px;
	}
	
	.phone-top-down{
		display:block;
	}
	
	.app-one .top-down{
		display: none;
		font-size: 12px;
	}
	.top-down {
		width: 100%;
		position:inherit;
		color: #FFF;
		padding:15px 5% 15px 5%;
		margin-left:0px;
		
	}
	.top-down .item {
		text-align: center;
		margin-top:0px;
	}
	
	.top-down .item img{
		width:15px;
		display:none;
	}
	
	.top-down .title {
		text-align: center;
		width: 70px;
        font-size: 12px;
	}
	.top-down a {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top:0px;
		width: 90px;
    	font-size: 12px;
	}
	.top-down .shuoming {
		margin-top: 2px;
		font-size: 12px !important;
    	letter-spacing: 1px !important;
	}
	.top-down .shuoming a {
		margin-top: 2px;
		font-size: 8px;
		color: #FFF;
		text-decoration: underline;
	}
	.pro-down {
    padding: 30px 10% 30px 10%;
}
	.pro-down-content {
    padding-top: 0px;
    width:50%;
}
	.am-u-sm-4 {
    width: 50%;
}

.pro-down-img{
	width:50%;
	padding-top:30px;
}
    .am-btn-warning {
    margin-bottom: 10px;
}
   .down-title{
   font-size:20px;
   }
   .pro-down .am-u-sm-6 img{
   width:200% !important;
   }
   .down-content {
    font-size: 14px;
    line-height: 20px;
}
   .m-down-content {
    padding-top: 10px;
    width:50%;
    padding-left:0px;
}
   .yin-cang{
   display:none;
   }

.am-modal .am-modal-dialog img{
	width:60px !important;
}
.am-modal .am-modal-dialog h2{
       font-size: 12px;
    letter-spacing: 2px;
}
.am-modal .am-modal-dialog .am-modal-hd b{
	font-size:18px !important;
}

.am-modal .am-modal-dialog{
	padding: 20px 20px 40px 20px !important;
}
.am-modal .am-modal-dialog .am-modal-hd{
	font-size:20px !important;
}
.am-modal .am-modal-dialog .am-modal-bd{
	padding: 5px 10px;
}
.am-modal .am-modal-dialog .am-1{
	width:100% !important;
}
.am-modal .am-modal-dialog .am-1 .xing{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-2{
	width:100% !important;
	margin-top: 20px;
}
.am-modal .am-modal-dialog .am-2 input{
	    margin-right: -10px !important;
    margin-top: 6px !important;
}
.am-modal .am-modal-dialog .am-u-go{
	width:100% !important;
}
.am-modal .am-modal-dialog .am-u-go .shou{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-3{
	  width: 120px !important;
    margin-left: 0px !important;
    margin-top: 20px;	
}
.am-modal .am-modal-dialog .am-3 input{
	    width: 138px !important;
    margin-left:80px !important;
}
.am-modal .am-modal-dialog .am-4{
	width: 96px !important;
	margin-top: 20px;
}
.am-modal .am-modal-dialog .am-4 button{
	width:90px !important;
	font-size:12px;
	height:38px;
	margin-left: 30px !important;
}
.from-tr input{
	width:60px !important;
}
.from-tr input:nth-child(2){
	margin-top:15px !important;
	width: 100px !important;
}
.am-modal .am-modal-dialog .am-5{
	width:100% !important;
}
.am-modal .am-modal-dialog .am-5 .ming{
	width:100px;
	line-height:40px;
} 
.am-modal .am-modal-dialog .am-6{
	width:100% !important;
	margin-top: 20px;
}
.am-modal .am-modal-dialog .am-u-ji{
	width:100% !important;
}
.am-modal .am-modal-dialog .am-u-ji .ji{
	width:100px;
	line-height:40px;
}
.am-modal .am-modal-dialog .am-7{
	  width: 120px !important;
    margin-left: 0px !important;
    margin-top: 20px;
	
}
.am-modal .am-modal-dialog .am-7 input{
	    width: 138px !important;
    margin-left:80px !important;
}
.am-modal .am-modal-dialog .am-8{
	margin-top: 20px;
	width: 96px !important;
}
.am-modal .am-modal-dialog .am-8 button{
	width:90px !important;
	font-size:12px;
	height:38px;
		margin-left: 30px !important;
}


}



.homePage-container {
	padding: 0 10% !important;
	margin: 0 !important;
	max-width: 100% !important
}

@media screen and (max-width:1024px) {
	.homePage-container {
		padding: 0 5% !important;
		margin: 0 !important;
		max-width: 100% !important
	}
}

@media screen and (max-width:640px) {
	.homePage-container {
		padding: 0 !important
	}
}

@media only screen and (min-width:1025px) {
	.homePage-container .am-u-lg-2 {
		width: 20% !important
	}
}

.index-products {
	padding: 5rem 0 50px;
	background-color: #F9F9F9;
	width: 100%
}

.index-products .discribe {
	text-align: center;
	color: #a2a9ad;
	margin-bottom: 1.6rem
}

.index-products h2 {
	text-align: center;
	font-size: 24px;
	margin: 0 0 1%
}

.index-products h2 a {
	color: #555c67
}

.index-products ul {
	width: 100%
}

.index-products li {
	padding: 0 10px;
	text-align: center
}

.index-products li h3, .index-products li h3 a {
	cursor: auto;
	color: #555c67
}

.index-products li h3 {
	white-space: nowrap
}

@media screen and (min-width:1025px) {
	.index-products li h3 {
		height: 28px;
		max-width: 240px;
		white-space: normal !important
	}
	.index-products li p {
		height: 44px
	}
}

.index-products li p {
	max-width: 365px;
	font-size: 14px;
	color: #666;
	display: inline-block;
	margin: 0 auto;
	text-align: center
}

.index-products .am-img-responsive {
	transition: color .1s ease;
	color: #FEA000;
	background: #fff;
	display: block;
	width: auto;
	margin: 40px auto
}

@media screen and (min-width:640px) {
	.index-products .am-img-responsive:hover {
		background: #FEA000;
		color: #fff
	}
}

@media screen and (max-width:640px) {
	.index-products .am-icon-mobile {
		font-size: 20px;
		margin-top: -5px
	}
	.index-products .am-icon-code {
		font-size: 19px;
		margin-top: -5px
	}
	.index-products h3 {
		font-weight: 700
	}
	.index-products .am-icon-rocket {
		margin-top: -1px
	}
}

@media screen and (min-width:640px) {
	.index-products .am-img-responsive {
		border: 1px solid #FEA000;
		display: block;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		margin: 60px auto 0
	}
	.index-products .am-img-responsive span {
		padding-top: 16px;
		font-size: 50px
	}
	.index-products .am-icon-mobile:first-child {
		font-size: 60px;
		padding-top: 6px
	}
}

.index-products .index-knowmore {
	width: 111px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border-radius: 1000px;
	margin: 2rem auto;
	font-size: 14px;
	color: #FEA000
}

.index-products li:first-child .index-knowmore {
	margin-top: 2rem
}


.index-products .pai-img-responsive {
	transition: color .1s ease;
	color: #FEA000;
	background: #fff;
	display: block;
	width: auto;
	margin: 40px auto
}

@media screen and (min-width:1000px) {
	.index-products .pai-img-responsive {
	transition: color .1s ease;
	color: #FEA000;
	background: #fff;
	display: block;
	width: 60%;
	margin: 40px auto
}
}

@media screen and (min-width:640px) {
	.index-products .pai-img-responsive {
		border: 0px solid #fff;
		display: block;
		width: 320px;
		height: 220px;
		border-radius: 0;
		margin: 60px auto 0
	}
	.index-products .pai-img-responsive span {
		padding-top: 16px;
		font-size: 50px
	}
	.index-products .am-icon-mobile:first-child {
		font-size: 60px;
		padding-top: 6px
	}
}


@media screen and (max-width:640px) {
	.index-mobile-banner {
		position: relative
	}
	.index-mobile-banner div {
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translateX(-50%)
	}
	.index-mobile-banner h3 {
		text-align: center;
		color: #FFF
	}
	.index-mobile-banner p {
		text-align: center;
		color: #FFF;
		width: 300px
	}
	.index-products {
		padding: 0 16px 20px;
		background: #f2f6f7
	}
	.index-products h2 {
		font-size: 14px;
		padding: 35px 0 5px;
		margin: 0
	}
	.index-products .discribe {
		font-size: 14px;
		margin-bottom: 10px
	}
	.index-products li {
		overflow: hidden;
		padding: 0 0 20px 10px;
		background: #fff;
		/* box-shadow: 0 2px 4px 0 rgba(178, 184, 186, .58); */
		border-radius: 2px;
		margin-top: 5px;
		text-align: left;
		background-color: #f4faff;
		/* border-bottom: 2px solid #f7f7f7 */
	}
	.index-products li p {
		max-width: none;
		letter-spacing: -.5px;
		text-align: left
	}
	.index-products li:nth-child(3) {
		border-bottom: none
	}
	.index-products li .index-knowmore-mobile {
		display: inline-block !important;
		/* background: #FEA000; */
		border-radius: 100px;
		width: 74px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #666;
		text-align: center;
		float: right;
		margin-top: 20px
	}
	.index-products .am-img-responsive {
		height: 22px;
		margin: 0;
		display: inline-block;
		text-align: left;
		vertical-align: sub
	}
	.index-products .am-img-responsive span {
		display: block;
		min-width: 18px;
		float: left;
		padding: 1px 0 0 2px
	}
	.index-products h3 {
		display: inline-block;
		margin: 22px 0 11px 2px;
		text-align: left;
		font-size: 14px
	}
	.index-products .index-knowmore {
		width: 74px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		display: block;
		margin: 1rem auto
	}
}



.am-news {
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10%;
	padding-right: 10%;
}

.am-news .title {
	margin-top: 50px;
	font-size: 36px;
	text-align: center;
	letter-spacing: 15px;
}

.am-news .content {
	font-size: 14px;
	text-align: center;
	letter-spacing: 5px;
	padding-top: 0px;
	color: #666666;
}


@media screen and (max-width:480px) {
	.am-news {
		color: #000;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 1%;
		padding-right: 1%;
	}
	.am-news {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.am-news .title {
		margin-top: 20px;
		font-size: 26px;
	}
	.am-news .content {
		padding-bottom: 20px;
	}
}