/*swiper css样式*/
html,
body {
	font-family: "Microsoft Yahei", Arial !important;
	position: relative;
	height: 100%;
	background-color: white;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
.asterisk-later{
	position: absolute;
	color: #ff8008;
	left: -5px;
	top: 10px;
}
.qrcode{
	position: fixed;
	top: 0;
	right: -131px;
	top: 30%;
	z-index: 9999;
	width: 170px;
}
.toleft_anim{
	animation:toleft 0.3s 1 forwards;
}
.toright_anim{
	animation:toright 0.3s 1 forwards;
}
@keyframes toleft
{
	from {
		right: -131px;
	}
	to {
		right: 0
	}
}
@keyframes toright
{
	from {
		right: 0;
	}
	to {
		right: -131px
	}
}
.swiper-container {
	width: 100%;
	height: auto;
}
.swiper-container2 {
	height: 600px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}
.swiper-pagination {
	bottom: 20px !important;
}
.swiper-pagination span {
	width: 100px;
	height: 5px;
	border-radius: 0 !important;
	background-color: #8c8c8c !important;
}
.swiper-pagination span.swiper-pagination-bullet-active {
	display: none; /* 20190805, 不显示 */
	/*width: 100px;*/
	/*height: 5px;*/
	/*border-radius: 0 !important;*/
	/*background-color: #ff8008 !important;*/
}
.swiper-container1 {
	width: 100%;
	height: auto;
}
.swiper-container1  .baner_img{
	width: 100%;
	height: auto;
}

/* 20191208，关于我们页面添加广告滚动swiper */
.swiper-container-about{
	width: 100%;
	height: auto;
	background: #fff;
}
.swiper-container-about  .baner_img{
	width: 100%;
	height: auto;
}
.swiper-container-about-mobile{
	width: 100%;
	height: auto;
	background: #fff;
}
.swiper-container-about-mobile img{
	width: 100%;
	height: auto;
}
/* 20191208，关于我们页面添加广告滚动swiper */

.row {
	margin: 0!important;
	padding: 0 !important;
}
* {
	margin: 0;
	padding: 0
}

li,
ol,
ul {
	list-style: none;
}
/*小快官网*/
@font-face {
  font-family: 'iconfont';  /* project id 260775 */
  src: url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.eot');
  src: url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.woff') format('woff'),
  url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_260775_vsqyp6i97vf.svg#iconfont') format('svg');
}
.container-full {
	position: relative;
}
.iconfont {
	font-family: "iconfont" !important;
}
.header {
	font-size: 16px;
	width: 100%;
	height: auto;
	top: 0;
	line-height: 50px;
	text-align: center;
	background-color: white;
	color: white;
	z-index: 9999;
	padding: 0;
	margin: 0;
	color: black;
	position: relative;
}
.mobie_logo{
	width: 100%;
	height: auto;
	margin-top:10px;
}
.header1 {
	width: 100%;
	height: auto;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0, 0, 0, 1);
	color: white;
	z-index: 9999;
}
.link a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: black;
	text-decoration: none;
	vertical-align: sub;
}
.header a.on {
	color: #ff8008;
}
.nav_icon {
	color: white;
	font-size: 30px;
}
.header_list {
	width: 100%;
	background-color: black;
	color: white;
	position: absolute;
	top: 50px;
	z-index: 9999;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	background-color: rgba(0,0,0,0.9);
}
.header_list li {
	width: 90%;
	height: 40px;
	border-bottom: 1px solid #333;
	line-height: 40px;
	margin: 0 auto;
}
.header_list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none
}
.baner_bottom {
	border-bottom: 1px solid #a2a2a2;
	text-align: center;
	color: #ff8008;
	font-size: 24px;
	padding-top: 50px;
}
.baner_bottom1 {
	font-size: 18px;
	text-align: center;
	color: #a2a2a2;
	padding-bottom: 20px;
}
.baner_bottom2 {
	font-size: 18px;
	text-align: center;
	color: #ff8008;
	padding-bottom: 20px;
}
.iconfont_list {
	font-size: 16px;
	color: #ff8008;
	text-align: center;
	cursor: default;
}
.iconfont_list .iconfont {
	font-size: 60px !important;
	line-height: 50px;
}
.show-btn{
	/*visibility:hidden;*/ /* 20200129，放开可见 */
	font-size: 12px;
	border:1px solid #ddd;
	border-radius: 15px;
	padding: 4px 10px;
	margin-top: 10px;
	display: inline-block;
	margin-top: 20px;
}
.iconfont_padding:hover{
	background-color:#ff8008;	
	color: white;
}
.iconfont_padding:hover .show-btn{
	visibility:visible;
}
.xk-tool{
	width: 100%;
}
.iconfont_list {
	padding-bottom: 10px;
}
.our_about {
	width: 100%;
	height: auto;
	background-color: #ff8008;
}
.our_about img {
	width: 100%;
	height: auto;
}
.right_write {
	background-color: #ff8008;
	padding-left: 0;
	padding-right: 0;
}
.right_write_whiteline {
	border-bottom: 1px solid white;
	color: white;
	font-size: 18px;
	margin-top: 30px;
	padding-left: 0;
	padding-right: 0;
	font-weight: bold;
}
.title-xkmobi{
	font-weight: bold;
	/*margin-top: 20px;*/
}
.technology-img{
	width: 80%;
    float: right;
}
.technology-content .iconfont{
	font-size: 12px !important;
	margin-right: 4px;
}
.technology-write{
	padding-top:50px;
	font-size: 20px;
	color: #ff8008;
	line-height: 30px;
	letter-spacing: 2px;
}
.right_write_whiteline2 {
	height: 100%;
	color: white;
	font-size: 18px;
	margin-top: 20px;
	padding-left: 0;
	padding-right: 0;
	line-height: 25px;
	font-size: 14px;
}
.reason {
	width: 100%;
	height: 250px;
	margin-top: 20px !important;
}
.display_block {
	text-align: center;
}
.display_block .on {
	color: #ff8008;
	margin-top: 10px;
	font-size: 18px;
}
.display_block img {
	width: 150px;
	display: block;
	margin: 0 auto;
}
.explain {
	color: #9a9a9c;
}
.background_img {
	width: 100%;
	height: 600px;
	background-image: url(http://xkmobi.com/wp-content/uploads/2017/04/21_02.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.third_1 {
	margin: 0;
	padding: 0;
	height: 100%
}
.row_scroll {
	width: 100%;
	height: 100%;
}
.container_swiper {
	width: 100%;
	height: 600px;
}
.left_half {
	height: 50% !important;
	width: 100%;
	overflow: hidden;
	/*cursor: pointer;*/
}
.left_half img {
	width: 100%;
	height: 100%;
}
.right_half {
	height: 100%;
	width: 100%;
}
.third_1 img {
	height: 100%;
	width: 100%;
}
.iconfont_process{
	color:#ff8008;
	font-size: 40px;
	vertical-align:middle;
}
.text_der1{
	font-size: 16px;
	margin: 0 !important;
}
.text_der2{
	font-size: 14px;
	color: #a2a2a2;
	margin: 0 !important;
}
.iconfont_derction{
	/*height: 80px;*/
	padding: 10px 0 20px 0 !important;
}
.logo_img{
	margin: 0 !important;
	padding: 0 !important;
}
.logo_img img{
	width: 100%;
	height:100%;
}
.swiper-container3{
	width: 100%;
	height: 300px;
	background-color: white;
}
.uplower{
	width: 100%;
	height: 100px;
}
.footer{
	width: 100%;
	height: auto;
}
.footer .bg_img{
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.bg_position{
	position: absolute;
	top: 0;
	width: 100%
}
.information{
	margin-top: 40px;
}
.information .information_iconfont{
	color: #ff8008;
	font-size: 32px;
}
.contact{
	color: white;
	line-height: 50px;
}
.contact1{
	color: white;
	line-height: 20px;
}
.contact_tel a{
	color: yellow;
}
.contact_tel a:hover{
	color: white;
}
.right_line{
	border-right: 1px solid #e3e3e3;
}
.mode1{
	margin-top: 30px !important;
}
.required{
	color: #ff8008;
	font-size: 14px;
	text-align: right;
	padding:5px 0 0 0 !important;
}
.address_1{
	margin-top:15px !important;
}
.address_1:first-child{
	margin-top: 80px !important;
}
.btn_submit{
	display: block;
	width: 200px;
	height: 30px;
	color:white;
	text-align: center;
	background-color: #ff8008;
	margin:40px auto 0;
	line-height:30px;
	border-radius: 5px;
}
.note{
	resize: none;
	height:100px !important;
	background-color:#696969 !important;
	color: white !important;
}
.footer2{
	padding-top:20px;
	background-color: #393939;
	color: white;
}
.footer_down{
	border-top: 1px solid #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
	padding-bottom: 20px;
}
.address_2{
	padding-top: 20px;
	font-size: 16px;
}
.address_2{
	line-height:30px;
	margin: 0;
}
.text_der3{
	color:#ff8008;
}
.img_weichat{
	width: 120px;
	display: block;
	margin: 0 auto;
}
.aboutus{
	margin: 0;
	padding:0;
	line-height:30px;
	color: #a2a2a2
}
/*顶部动画*/
.header_border img{
	width: 100%;
}
.header_border{
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	overflow: hidden;
	/*cursor: pointer;*/
}
.footer_animate{
	padding-bottom:20px !important;
	padding-top: 10px !important;
}
.aniame_div{
	position: absolute;
	top:0;
	/*background-color: rgba(0,0,0,0.4);*/
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	font-size: 15px;
	/*top: 1000%;*/
}
.aniame_div p{
	margin:0;
	line-height: 40px;
	letter-spacing: 0.5px;
}
.title_our{
	display: block;
	color: white;
	background-color: #ff8008;
	width: 40%;
	margin: 20% auto 0;
	padding:5px 0 5px 0;
	border-radius: 5px;
	margin-bottom: 20px;
}
.aniamone{
	animation: aniamone 0.4s 1 forwards;
}
.aniamtwo{
	animation: aniamtwo 0.4s 1 forwards;
}
.nonepadding{
	padding:0 !important;
}
@keyframes aniamone{
	from{
		top:100%;
	}
	to{
		top: 0;
	}
}
@keyframes aniamtwo{
	from{
		top:0%;
	}
	to{
		top: 100%;
	}
}
.title_dingzhi{
	font-weight: bold;
}
.container-description p{
	margin: 0;
	color: #ff8008;
	line-height: 26px;
}
.container-description .first-child{
	margin-top: 20px;
	text-indent: -1rem
}
.description{
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 0;
}
.distribution{
	color: #3b3b3b;
	font-size: 14px;
	margin: 0;
}
.baner_bottoms{
	text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 50px;
    border-bottom: 1px solid #a2a2a2;
    padding-left: 0;
    padding-right: 0;
}
.first-de{
	margin-bottom: 30px 0 !important;
	font-size: 16px;
	margin: 20px 0;
}
.ec_border img{
	cursor: pointer;
	transition: all 0.3s;
}
.ec_border img:hover{
	transform: scale(1.1);
}
.heading{
	font-weight: bold;
	font-size: 16px;
}
.iconimg{
	margin: 10px auto;
}
select{
	-webkit-appearance: none;
	background-color:#696969 !important;
	color: white !important;
}
input{
	background-color:#696969 !important;
	color: white !important;
}
input::-webkit-input-placeholder{
	color: white !important;
}

textarea::-webkit-input-placeholder{
	color: white !important;
}

textarea::-webkit-textarea-placeholder{
	color: white !important;
}
.swiper-container4 .swiper-slide img{
	width: 100%;
	height: auto;
}
.iconfont_padding{
	padding: 30px 0 20px 0 !important;
	/*cursor: pointer;*/
	transition:background-color 0.3s;
}
.toleft{
	margin-top:300px;width: 50px;height: 50px;
	background-image: url("http://xkmobi.com/wp-content/uploads/2017/04/kehu-left.png") !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.toright{
	margin-top:300px;width: 50px;height: 50px;
	background-image: url("http://xkmobi.com/wp-content/uploads/2017/04/kehu-right.png") !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
}
.toleft1{
	margin-top:100px;width: 50px;height: 50px;
	background-image: url("http://xkmobi.com/wp-content/uploads/2017/04/kehu-left.png") !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.toright1{
	margin-top:100px;width: 50px;height: 50px;
	background-image: url("http://xkmobi.com/wp-content/uploads/2017/04/kehu-right.png") !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.logo_div{
	height: 100%;
	padding: 10px 0 10px 0
}
.logo_div .logo{
	width: 80%;
}
.our_img{
	margin: 0;
	padding:0;
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
	.header_border{
			margin-top: 40px;
	}
	.right_write{
		padding:10px 10px 10px 10px;
		height: 500px;
	}
	.our_about img {
		width: 100%;
		height: auto;

	}
	.required{
		padding-left: 0;
		padding-right: 0;

	}
	.margin_left{
		padding-left: 5px !important;
		padding-right: 10px;

	}
	.right_write_whiteline2{
		padding:0 10px 20px 10px;
	}
	.address_1{
		margin-top: 10px !important;
	}
	.address_1:first-child{
		margin-top: 50px !important;
	}
	.footer{
		width: 100%;
		height: auto;
	}
	.technology-img{
		float: none;
		margin: 0 auto;
	}
	.technology-content p{
		text-align: center;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1600px) {
	.right_write_whiteline2 {
		line-height: 30px
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.right_write_whiteline2 {
		line-height: 25px
	}
}
.aniam{
	width: 100%;
	height: 100px;
	position: relative;
	background-color: rgba(0,0,0,0.5);
	color: white;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
}

.aniam_p1{
	/*margin: 10px 0px 0px 0px;*/
}
.aniam_p2{
	margin: 5px;
}
.aniam_p2 a {
	text-decoration: underline;
	color: yellow;
}

.aniam1{
	animation: top_top 0.5s 1 forwards;
}
@keyframes top_top
{
	from {
		top:100px;
	}
	to {
		top:-100px;
	}
}
.aniam2{
	animation: bottom_bto 0.5s 1 forwards;
}
@keyframes bottom_bto
{
	from {
		top:-100px;
	}
	to {
		top:100px;
	}
}
.aniam_css1{
	width: 60% !important;
	height: auto !important;
	position: relative;
	display: block;
	margin: 0 auto;
}
.aniam_css2{
	width: 50% !important;
	height: auto !important;
	position: relative;
	display: block;
	margin: 0 auto;
}
.aniam3{
	animation: aniam3 0.3s 1 forwards;
}
@keyframes aniam3
{
	from {
		top:0px;
	}
	to {
		top:-350px;
	}
}
.aniam4{
	animation: aniam4 0.3s 1 forwards;
}
@keyframes aniam4
{
	from {
		top:-350px;
	}
	to {
		top:0px;
	}
}
.container_progress{
	position: relative;
}
.left_aniam1{
	position: absolute;
	top: 25%;
	left: 30%;
	height: 3px;
	background-color: #ff8008;
	animation: aniam5 1s 1 linear forwards;
}
.left_aniam2{
	position: absolute;
	top: 25%;
	left: 47%;
	width: 3px;
	background-color: #ff8008;
	animation: aniam6 1s 1 linear forwards;
	animation-delay: 1s;
}
.list_style{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ff8008;
	position: absolute;
	left: 46.6%;
	border-radius: 50%;
}
.list_style:nth-of-type(1){
	top: 35%;
	opacity: 0;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 1s;
}
.list_style:nth-of-type(2){
	top: 55%;
	opacity: 0;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 1.3s;
}
.list_style:nth-of-type(3){
	top: 73%;
	opacity: 0;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 1.6s;
}
.list_style:nth-of-type(4){
	top: 89%;
	opacity: 0;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 2s;
}
@keyframes aniam5{
	from {
		width: 0;
	}
	to {
		width: 200px;
	}
}
@keyframes aniam6{
	from {
		height:0;
	}
	to {
		height:325px;
	}
}
@keyframes aniam7{
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
.right_aniam1{
	position: absolute;
	top: 35%;
	left: 50%;
	width: 3px;
	background-color: #ff8008;
	animation: aniam8 1s 1 linear forwards;
	animation-delay: 2s;
}
.right_aniam2{
	position: absolute;
	bottom: 0%;
	left: 50%;
	height: 3px;
	background-color: #ff8008;
	animation: aniam9 1s 1 linear forwards;
	animation-delay: 3s;
}
.list_style_right{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ff8008;
	position: absolute;
	left: 49.7%;
	border-radius: 50%;
	opacity: 0;
}
.list_style_right:nth-of-type(1){
	top: 35%;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 2.2s;
}
.list_style_right:nth-of-type(2){
	top: 55%;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 2.6s
}
.list_style_right:nth-of-type(3){
	top: 72%;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 2.6s;
}
.list_style_right:nth-of-type(4){
	top: 89%;
	animation: aniam7 1s 1 linear forwards;
	animation-delay: 3s;
}
.scroll_bottom{
	display: inline-block;
	width: 100px;
	height: 5px;
	background-color: #ff8008;
	position: absolute;
	bottom: 0;
	z-index: 9999;
}
@keyframes aniam8{
	from {
		height: 0
	}
	to {
		height: 325px;
	}
}
@keyframes aniam9{
	from {
		width:0
	}
	to {
		width:200px;
	}
}
.progress_line{
	display:none;
}
.layui-layer-content{
	text-align: center !important;
}
.display_block img{
	cursor: pointer;
	transition: all 0.3s;
}
.display_block img:hover{
	transform: scale(1.1);
}
.iconfont_list a{
	color: #ff8008
}
.dropdown{
	height: auto;
	background-color:white;
	position: absolute;
	color: white;
	display: none;
	z-index: 9999;
}
.dropdown a{
	color: #333;
	border-bottom: 1px solid white;
	vertical-align: top;
}
.dropdown a:hover{
	color: #ff8008;
	border-bottom: 1px solid #ff8008
}
.mask-background{
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-105px;
   margin-left:-100px;
   width:200px;
   height:250px;
   background-color: white;
   z-index: 9999
}
.scan{
	width:200px;
	margin: 0 auto

}
.scan-describe{
	text-align: center;
	color: #999
}
.canfulscan{
	text-align: right;
	padding-right: 10px;
}
.canfulscan .iconfont{
	font-size: 14px;
}
.mask-bg-black{
	display: none;
}
.first{
	margin-bottom: 0px
}
.meun-nav{
	display: none;
}
.meun-nav li{
	text-indent: 1em;
	color: #ccc;
}

@media screen and (max-width:768px) and (min-width:520px){
	.mobie_logo{
		width: 70% !important;
		margin-top:10px;
		margin-bottom: 10px
	}
	.nav_down{
		margin-top: 10px;
		display: inline-block;
	}
	.nav_service{
		margin-top: 10px;
		display: inline-block;
	}
}