html {
	font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	font-size: 14px
}

body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, textarea, th, ul {
	margin: 0;
	padding: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

em, i {
	font-style: normal;
	font-weight: 400
}

button, input, select, textarea {
	font-family: PingFangSC-Light, 'STHeiti Light', 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif
}

button, input, select {
	box-sizing: border-box
}

button {
	border: none
}

button, input[type=submit], input[type=button], select {
	cursor: pointer
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

li {
	list-style: none
}

a {
	text-decoration: none
}

a img, fieldset, iframe, img {
	border-width: 0;
	border-style: none
}

@font-face {
	font-family: qcloud-num-thin;
	src: url(../font/qcloud-num-thin.eot);
	src: url(../font/qcloud-num-thin.eot?#font-spider) format('embedded-opentype'), url(../font/qcloud-num-thin.woff) format('woff'), url(../font/qcloud-num-thin.ttf) format('truetype'), url(../font/qcloud-num-thin.svg) format('svg');
	font-weight: 400;
	font-style: normal
}

.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.body {
	background: #fff;
	margin: 0 auto;
	min-width: 320px
}

.mod-inner {
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto
}

.mod-wrap {
	padding: 100px 0;
	min-width: 320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mod-wrap.bg-color-1 {
	background-color: #f2f2f5
}

.mod-wrap .mod-title {
	color: #333
}

.mod-wrap .mod-title .title {
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 10px
}

.title2{
	font-size: 80px;
	font-weight: 320;
	margin-bottom: 10px
}

.mod-wrap .mod-title .des-text {
	font-size: 18px;
	line-height: 1.5em
}

.ct-slot {
	margin-left: 10px;
	margin-right: 10px
}

.mod-wrap-solution {
	padding-top: 95px;
	padding-bottom: 83px;
	height: 775px;
	position: relative
}

.mod-wrap-solution .solution-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
	background-size: cover
}

.mod-wrap-solution.solution-video .solution-bg {
	background-image: url(img/home/solution/video/bg.jpg)
}

.mod-wrap-solution .mod-inner {
	position: relative;
	z-index: 2
}

.mod-wrap-solution .mod-title {
	color: #fff
}

.mod-wrap-service {
	background-position: top center;
	background-repeat: no-repeat
}

@media screen and (max-width:1199px) {
	.qc-footer {
		min-width: 1000px
	}
	.qc-footer-blogroll .blogroll-inner {
		text-align: center;
		padding: 0 10px
	}
	.qc-footer-blogroll .link-set {
		text-align: left
	}
}

@media screen and (max-width:768px) {
	.qc-footer {
		min-width: 320px
	}
	.qc-footer-blogroll .blogroll-inner {
		display: block;
		margin: 0 6%;
		width: auto;
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (max-width:414px) {
	.qc-footer-blogroll .slide.slide-ct {
		display: none
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {
	.body, .mod-inner, .mod-wrap {
		min-width: 1000px
	}
}

@media screen and (max-width:768px) {
	.body, .mod-inner {
		min-width: 320px
	}
	.ct-slot {
		margin-right: 30px;
		margin-left: 30px
	}
	.mod-wrap .mod-title .title {
		font-size: 26px
	}
	.mod-wrap.mod-wrap-service, .mod-wrap.mod-wrap-solution {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.mod-wrap .mod-title .des-text {
		font-size: 16px
	}
	.mod-wrap-service {
		display: none
	}
}

@media screen and (max-width:414px) {
	.mod-wrap .mod-title {
		text-align: center
	}
	.mod-wrap .mod-title .des-text {
		text-align: left
	}
	.mod-wrap.mod-wrap-solution {
		padding-bottom: 0;
		height: 736px
	}
	.mod-wrap-solution.solution-video .solution-bg {
		background-image: url(img/home/responsive/m-video.jpg)
	}
}

.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.qc-footer {
	min-width: 1000px
}

.qc-footer-website {
	background: #2e3033;
	padding: 30px 0 0
}

.qc-footer-blogroll {
	background: #2e3033;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 35px
}

.qc-footer-blogroll .blogroll-inner {
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px
}

.qc-footer-blogroll .link-set {
	display: inline-block
}

.qc-footer-blogroll .slide {
	color: #ccc;
	font-size: 12px;
	margin-right: 10px;
	word-wrap: break-word
}

.qc-footer-blogroll a.slide:hover {
	color: #2277da
}

.qc-footer-blogroll .links {
	line-height: 20px
}

@media screen and (-webkit-min-device-pixel-ratio:2.0) {
	html {
		-webkit-font-smoothing: antialiased
	}
}

@charset "utf-8";

.qc-scrollbar {
	position: fixed;
	z-index: 99;
	right: 8px;
	top: 648px;
	width: 44px;
	-webkit-transition: top .2s;
	transition: top .2s
}

@media screen and (max-height:1020px) {
	.qc-scrollbar {
		top: 0;
		height: 100%;
		display: table
	}
}

@media screen and (max-width:768px) {
	.qc-scrollbar {
		top: auto;
		height: auto;
		bottom: 50px;
		right: 0
	}
}