@charset "utf-8";
@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
}
body {
	font-size: 12px;
	line-height: 2.0;
	font-family: "Microsoft Yahei", Arial, tahoma, arial!important;
	margin: 0;
	padding: 0;
	font-style: normal!important;
	font-variant: normal!important;
	color: #333333;
	background-color: #fff;
	min-width: 1200px;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
}
.w-1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.doc_ban {
	/*! margin-top: -75px; */
	width: 100%;
	height: 385px;
	background: url(../images/contact.png) no-repeat center center;
}
.doc_meau {
	height: 75px;
	background: #f2f2f2;
	line-height: 75px;
	font-size: 18px;
}
.doc_meau ul {
	padding-left: 58px;
}
.doc_meau li {
	float: left;
	cursor: pointer;
	height: 75px;
	position: relative;
	display: inline-block;
}
.doc_meau li a {
	color: #666666;
	float: left;
	display: block;
	position: relative;
	text-decoration: none;
}
.doc_meau li a:hover {
	color: #4074e1;
}
.doc_meau li.on a {
	color: #4074e1;
}
.doc_meau span {
	display: inline-block;
	margin: 0 45px;
	float: left;
	color: #d6d6d6;
}
.doc_meau li i {
	background: url(http://img.cndns.com/doc/html/images/doc_2.gif) no-repeat;
	position: absolute;
	width: 38px;
	height: 18px;
	left: 50%;
	margin-left: -19px;
	bottom: -18px;
	display: block;
}
.about_main_o {
	background: #fff;
	padding: 50px 0 40px 0;
}
.about_main_o_t {
	height: 184px;
	background: #828f93;
	width: 100%;
}
.about_main_o_t .w-1000 {
	height: 184px;
}
.about_main_o_t .fr p {
	width: 626px;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	margin: 37px 65px 0 0;
}
.about_main_o_t i {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 184px;
	background: #d6dacf;
}
.about_main_o_b {
	margin-top: 30px;
	width: 690px;
	float: left;
	text-index: 2em;
	text-indent: 25px;
}
.about_main_o_b h3 {
	font-size: 18px;
	margin: 18px 0;
}
.about_main_o_b p {
	color: #666666;
	font-size: 14px;
	line-height: 23px;
	padding-bottom: 10px;
}
.about_main_o_vid {
	float: right;
	width: 296px;
	margin-top: 30px;
}
.about_main_o_vid dl {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	cursor: pointer;
}
.about_main_o_vid dt {
	width: 100%;
	height: 180px;
	background: url(../images/fuhuaqi.jpg) no-repeat center top;
}
.about_main_o_vid dd {
	text-align: center;
	color: #ff6800;
	font-size: 12px;
	width: 100%;
	height: 105px;
	background: #f8f8f8;
}
.about_main_o_vid dd p {
	line-height: 26px;
	padding-top: 27px;
}
.about_main_o_vid dd span {
	color: #999;
	display: block;
}
.about_main_o_vid dl:hover {
	-webkit-box-shadow: 0px 10px 16px rgba(237,237, 237, 1);
	-moz-box-shadow: 0px 10px 16px rgba(237,237, 237, 1);
	box-shadow: 0px 10px 20px rgba(0,0, 0, 0.1);
}
.about_main_o_vid dl:hover dt {
	background-position: center bottom
}
/*视频弹出层 样式*/
.dig-bg {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display: none;
}
.dig-vid {
	width: 940px;
	height: 480px;
	position: fixed;
	left: 50%;
	margin-left: -460px;
	top: 50%;
	margin-top: -240px;
	background: #666;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	box-shadow: 0 0 15px #666;
	z-index: 10001;
	display: none;
}
.about_main_t {
	background: #f2f2f2;
	padding: 60px 0 50px 0;
}
.about_main_t_l p {
	color: #333333;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 30px;
}
.about_main_t_l li {
	color: #888888;
	font-size: 18px;
	line-height: 36px;
	cursor: pointer;
}
.about_main_t_l li:hover {
	color: #ff6800;
}
.about_main_t_l li.on {
	color: #ff6800;
}
.about_main_t_r {
	width: 653px;
}
.about_main_t_r li {
	display: none;
	width: 700px;
}
.about_main_t_r li i {
	float: left;
	border: 1px solid #e5e5e5;
	display: block;
	margin: 0 30px 18px 30px;
}
.about_main_t_r li i img {
	width: 252px;
	height: 184px;
	border: 3px solid #fff;
}
.culture_main {
	background: #fff;
	padding: 50px 0 100px 0;
}
.culture_main_nr {
	position: absolute;
	left: 0;
	top: 0;
	width: 260px;
}
.culture_main_nr h3 {
	color: #ff6800;
	font-size: 38px;
	position: relative;
	z-index: 1;
	font-weight: normal;
	width: 195px;
	margin: 0 auto;
	line-height: 38px;
	padding: 90px 0 10px 0
}
.culture_main_nr p {
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 1;
	width: 195px;
	margin: 0 auto;
	line-height: 28px;
}
.culture_main_nr_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 260px;
	height: 460px;
	background: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.honor_main {
	width: 1000px;
	margin: 60px auto 100px auto;
}
.honor_main .p1 {
	text-align: center;
	color: #ff6800;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 50px;
}
.honor_main_m {
	min-height: 1012px;
	background: url(../images/doc_8.jpg) no-repeat center center #fff;
	width: 100%;
	position: relative;
	padding: 65px 0;
}
.honor_main_m p {
	color: #888888;
	font-size: 14px;
	line-height: 23px;
	position: absolute;
	width: 400px;
}
.honor_main_m p span {
	color: #ff6800;
	font-size: 26px;
	line-height: 26px;
	display: block;
	padding-bottom: 2px;
}
.honor_main_m p.p2 {
	top: 0;
	width: 100%;
	text-align: center;
}
.honor_main_m p.p3 {
	bottom: 735px;
	left: 25px;
	text-align: right;
}
.honor_main_m p.p4 {
	bottom: 585px;
	right: 25px;
}
.honor_main_m p.p5 {
	bottom: 492px;
	left: 25px;
	text-align: right;
}
.honor_main_m p.p6 {
	bottom: 419px;
	right: 25px;
}
.honor_main_m p.p7 {
	bottom: 275px;
	left: 25px;
	text-align: right;
}
.honor_main_m p.p8 {
	bottom: 182px;
	right: 25px;
}
.honor_main_m p.p9 {
	bottom: 98px;
	left: 25px;
	text-align: right;
}
.honor_main_m p.p10 {
	bottom: 0;
	width: 100%;
	text-align: center;
}
.honor_main_m p.p11 {
	bottom: 855px;
	right: 25px;
	text-align: left;
}
.contact_main_o {
	background: #fff;
	padding: 60px 0;
}
.contact_main_o .p1 {
	color: #666666;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 18px;
}
.contact_main_o_l span, .contact_main_o_m span {
	display: block;
}
.contact_main_o_l .p2 {
	padding-bottom: 50px;
}
.contact_main_o_l .p2 .span1 {
	color: #ff6800;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	padding-bottom: 20px;
	font-style: italic;
}
.contact_main_o_l .p2 .span2 {
	color: #999999;
	font-size: 18px;
	line-height: 18px;
}
.contact_main_o_l .p3 .span1 {
	color: #ff6901;
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 10px;
}
.contact_main_o_l .p3 .span2 {
	color: #888888;
	font-size: 14px;
	line-height: 14px;
	text-decoration: underline;
	background: url(http://img.cndns.com/doc/html/images/doc_17.gif) no-repeat left center;
	padding-left: 26px;
}
.contact_main_o_m {
	margin-left: 125px;
	width: 290px;
}
.contact_main_o_m li {
	width: 134px;
	height: 31px;
	line-height: 31px;
	background: url(http://img.cndns.com/doc/html/images/doc_18.gif) no-repeat;
	float: left;
	margin-right: 11px;
	margin-bottom: 10px;
	text-align: center
}
.contact_main_o_m li a {
	color: #666666;
	font-size: 14px;
	background: url(http://img.cndns.com/doc/html/images/doc_19.gif) no-repeat left center;
	padding-left: 26px;
	display: inline-block;
}
.contact_main_o_m li a:hover {
	color: #ff6800;
}
.contact_main_o_m .p2 {
	padding-top: 35px;
}
.contact_main_o_m .p2 .span1 {
	color: #666666;
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 5px;
}
.contact_main_o_m .p2 .span2 {
	color: #999999;
	font-size: 14px;
}
.contact_main_o_m .p2 .span2 i {
	font-style: normal;
	color: #666666;
}
.contact_main_o_m .p2 .span3 {
	color: #aaaaaa;
	font-size: 12px;
}
.contact_main_o_r {
	width: 285px;
}
.contact_main_o_r .p2 {
	color: #888888;
	font-size: 14px;
	line-height: 24px;
}
.contact_main_o_r .p3 {
	line-height: 24px;
	padding: 10px 0 15px 0;
}
.contact_main_o_r .p3 a {
	color: #666666;
	padding-right: 20px;
}
.contact_main_o_r .p3 a:hover {
	color: #ff6800;
}
.contact_main_o_r .p4 a {
	color: #fff;
	font-size: 14px;
	padding: 4px 12px;
	background: #f76e00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block
}
.contact_main_o_r .p4 a:hover {
	filter: alpha(opacity=90); /*IE滤镜，透明度50%*/
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.contact_main_t {
	background: #f2f2f2;
	padding: 50px 0 80px 0;
}
.contact_main_t .p1 {
	text-align: center;
	font-size: 24px;
	color: #ff6901;
	line-height: 24px;
	padding-bottom: 33px;
}
.contact_main_t .meau {
	margin: 0 0 0 77px;
	float: left;
}
.contact_main_t .meau li {
	width: 110px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d5d5d5;
	background: #f2f2f2;
	color: #888888;
	font-size: 16px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	float: left;
	cursor: pointer;
	margin-right: 10px;
}
.contact_main_t .meau li:hover {
	border-color: #ff6800;
	background: #ff6800;
	color: #fff;
}
.contact_main_t .meau li.on {
	border-color: #ff6800;
	background: #ff6800;
	color: #fff;
}
.contact_main_t .nr {
	margin-top: 35px;
}
.contact_main_t .nr li {
	display: none;
}
.contact_main_t .nr .fl img {
	border: 8px solid #ffffff;
}
.contact_main_t .nr .fr {
	width: 490px;
}
.contact_main_t .nr .fr .p1 {
	color: #ff6800;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 15px;
	text-align: left;
}
.contact_main_t .nr .fr .p2 {
	color: #555555;
	font-size: 14px;
	line-height: 24px;
}
.contact_main_t .nr .fr .p2 span {
	display: block;
}
.contact_main_t .nr .fr .p3 {
	color: #888888;
	font-size: 14px;
	padding-top: 30px;
}
.qc-navigation {
	position: absolute;
	z-index: 100;
	height: 65px;
	width: 100%
}
.sr-only, .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
}
.qc-btn {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	padding: 0 20px;
	line-height: 26px;
	overflow: visible;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 2px;
	transition: background-color .15s
}
.qc-btn:hover {
	background-color: #2176da;
	border-color: #2176da
}
.qc-btn:active {
	background-color: #0070cc;
	border-color: #0070cc
}
.qc-btn:focus {
	background-color: #0070cc;
	border-color: #0070cc;
	outline: 0
}
.qc-btn.disabled, .qc-btn.disabled:active, .qc-btn.disabled:focus, .qc-btn.disabled:hover {
	color: #fff;
	border-color: #fff;
	opacity: .4;
	filter: Alpha(opacity=40);
	background-color: transparent;
	cursor: default
}
.qc-btn-1 {
	background-color: #0071ce;
	color: #fff
}
.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: #f2f2f2
}
.mod-wrap .mod-title {
	color: #333
}
.mod-wrap .mod-title .title {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px
}
.mod-wrap .mod-title .des-text {
	font-size: 18px;
	line-height: 1.5em
}
.mod-wrap .mod-title .qc-btn {
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	margin-top: 35px
}
.mod-wrap .mod-title .qc-btn:active, .mod-wrap .mod-title .qc-btn:focus {
	border-color: #2176da;
	color: #fff
}
.mod-wrap .mod-content {/*margin-top:60px*/
}
.mod-wrap .vertical-text .title {
	font-size: 24px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: middle
}
.mod-wrap .vertical-text .title .icon {
	display: inline-block;
	vertical-align: middle
}
.mod-wrap .vertical-text .des-text {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	color: rgba(255,255,255,.8)
}
.mod-wrap .vertical-text .des-text .qc-btn {
	margin-top: 30px
}
.d-tb {
	display: table;
	width: 100%;
	table-layout: fixed
}
.d-tbc {
	display: table-cell
}
.qc-grids {
	font-size: 0
}
.qc-grids [class*=qc-unit] {
	display: inline-block;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ct-slot {
	margin-left: 10px;
	margin-right: 10px
}
.qc-grids.with-slot [class*=qc-unit] {
	padding-left: 10px;
	padding-right: 10px
}
.qc-unit-1-24 {
	width: 4.1667%
}
.qc-unit-2-24 {
	width: 8.3333%
}
.qc-unit-3-24 {
	width: 12.5%
}
.qc-unit-4-24 {
	width: 16.6667%
}
.qc-unit-5-24 {
	width: 20.8333%
}
.qc-unit-6-24 {
	width: 25%
}
.qc-unit-7-24 {
	width: 29.1667%
}
.qc-unit-8-24 {
	width: 33.3333%
}
.qc-unit-9-24 {
	width: 37.5%
}
.qc-unit-10-24 {
	width: 41.6667%
}
.qc-unit-11-24 {
	width: 45.8333%
}
.qc-unit-12-24 {
	width: 50%
}
.qc-unit-13-24 {
	width: 54.1667%
}
.qc-unit-14-24 {
	width: 58.3333%
}
.qc-unit-15-24 {
	width: 62.5%
}
.qc-unit-16-24 {
	width: 66.6667%
}
.qc-unit-17-24 {
	width: 70.8333%
}
.qc-unit-18-24 {
	width: 75%
}
.qc-unit-19-24 {
	width: 79.1667%
}
.qc-unit-20-24 {
	width: 83.3333%
}
.qc-unit-21-24 {
	width: 87.5%
}
.qc-unit-22-24 {
	width: 91.6667%
}
.qc-unit-23-24 {
	width: 95.8333%
}
.qc-unit-24-24 {
	width: 100%
}
.qc-unit-1-5 {
	width: 20%
}
.qc-unit-3-5 {
	width: 60%
}
.qc-unit-4-5 {
	width: 80%
}
.mod-hero {
	background-repeat: no-repeat;
	background-position: top center
}
.mod-hero .hero-inner {
	margin: 0 auto;
	position: relative;
	min-width: 320px;
	text-align: center;
	overflow: hidden
}
.mod-hero .hero-img {
	font-size: 0;
	height: 500px;
	position: relative
}
.mod-hero .hero-img .img-item {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	display: none;
	background-image: url(img/home/hero-image-sample.png)
}
.mod-hero .hero-img .img-item.active {
	display: inline-block;
	position: relative
}
.hero-handle {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}
.mod-hero:hover .hero-handle {
	opacity: 1;
	filter: alpha(opacity=100)
}
.hero-handle-inner {
	position: absolute;
	width: 100%;
	left: -50%
}
.mod-hero .hero-tab {
	position: absolute;
	margin: 0 auto;
	left: 0;
	bottom: 5%;
	z-index: 99;
	width: 100%;
	text-align: center
}
.mod-hero .hero-tab li {
	margin: 0 3px;
	display: inline-block
}
.mod-hero .hero-tab li a {
	display: inline-block;
	width: 13px;
	height: 3px;
	padding: 5px 0
}
.mod-hero .hero-tab li a i {
	display: inline-block;
	width: 15px;
	height: 5px;
	background-color: #fff;
	background: rgba(255,255,255,.3)
}
.mod-hero .hero-tab .selected a i {
	background-color: #fff;
	opacity: 1
}
.mod-hero .switch-control {
	position: absolute;
	top: 50%;
	font-size: 0;
	width: 60px;
	height: 200px;
	line-height: 200px;
	margin-top: -100px
}
.mod-hero .switch-control.pre {
	left: 0;
	text-align: left
}
.mod-hero .switch-control.next {
	right: 0;
	text-align: right
}
.mod-hero .switch-control b {
	display: inline-block;
	width: 22px;
	height: 41px;
	overflow: hidden;
	line-height: 99;
	vertical-align: middle
}
.mod-hero .switch-control.pre b {
	background-image: url(sprite/index-1462523239.png);
	background-position: -250px -78px;
}
.mod-hero .switch-control.next b {
	background-image: url(sprite/index-1462523239.png);
	background-position: -104px -156px;
}
.mod-hero .hero-ct {
	position: absolute;
	top: 26%
}
.mod-hero .hero-text {
	position: absolute;
	top: 0;
	width: 90%;
	height: 100%;
	max-width: 1050px;
	min-width: 320px;
	text-align: left;
	left: 50%;
	color: #fff
}
.mod-hero .hero-text-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: -50%
}
.mod-hero .hero-text-inner:hover {
	cursor: pointer
}
.mod-hero .hero-text .hero-ct h2 {
	font-size: 56px;
	font-weight: 400;
	margin-bottom: 2.5%
}
.mod-hero .hero-text .hero-ct .piece {
	margin-right: 30px
}
.mod-hero .hero-text .hero-ct .des-text {
	font-size: 20px;
	line-height: 36px
}
.mod-hero .hero-text .hero-btn {
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	width: 18.33%;
	height: 43px;
	line-height: 43px;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 24%
}
.mod-hero .hero-text .hero-btn:hover {
	background-color: #fff;
	color: #333
}
.mod-hero .hero-ct-mobile {
	display: none;
	color: #fff;
	bottom: 40px;
	width: 100%;
	text-align: center;
	position: absolute
}
.mod-hero .hero-ct-mobile h2 {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 2.5%
}
.mod-hero .hero-ct-mobile .des-text {
	font-size: 16px
}
.mod-activity {
	padding: 0;
	margin-top: 1px
}
.mod-activity .mod-inner {
	max-width: 1920px;
	background-color: #d2d2d4
}
.mod-activity .activity-list {
	font-size: 0
}
.mod-activity .activity-list li {
	display: inline-block;
	width: 25%;
	height: 200px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1px
}
.mod-activity .activity-list li:first-child {
	padding-left: 0
}
.mod-activity .activity-list .advertising {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden
}
.mod-activity .activity-list .advertising:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 2;
	transition: background-color .3s
}
.mod-activity .activity-list .advertising:hover:before {
	background-color: rgba(0,0,0,.15)
}
.mod-activity .activity-list .activity-bg {
	position: absolute;
	width: 480px;
	height: 100%;
	display: block;
	margin: 0 auto 0 -240px;
	left: 50%;
	z-index: 1
}
.mod-activity .activity-list .advertising-text {
	position: relative;
	z-index: 3;
	padding: 20px;
	color: #fff;
	font-size: 16px
}
.mod-activity .activity-list .title .category, .mod-activity .activity-list .title .text {
	display: inline-block;
	vertical-align: middle
}
.mod-activity .activity-list .title .stick {
	opacity: .5;
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 10px;
	background-color: #fff;
	vertical-align: middle
}
.mod-activity .activity-list .content {
	font-size: 24px;
	line-height: 1.5em
}
.mod-wrap-product {
	background-image: url(../images/product-bg1.png);
	background-position: top center
}
.mod-wrap-product .unit-box {
	background-color: #fff;
	height: 130px;
	padding: 20px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}
.mod-wrap-product .unit-box:hover:hover {
	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
	box-shadow: 0 3px 20px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
.mod-wrap-product .pd-item-name {
	display: inline-block;
	width: 42%;
	border-right: 1px solid #e2e2e2;
	vertical-align: top;
	height: 100%;
	text-align: center
}
.mod-wrap-product .pd-item-name h3 {
	font-size: 18px;
	color: #333;
	margin-top: 22px;
	font-weight: 400
}
.mod-wrap-product .pd-img {
	max-width: 81%
}
.mod-wrap-product .pd-item-sub {
	display: inline-block;
	width: 52%;
	vertical-align: top;
	padding-left: 5%
}
.mod-wrap-product .pd-item-sub .sub-name {
	color: #666;
	font-size: 14px;
	line-height: 32px
}
.mod-wrap-product .pd-item-sub .sub-name:hover {
	color: #2176da
}
.mod-wrap-product .m-more {
	margin-top: 10px;
	display: none;
	margin-left: 10px;
	margin-right: 10px
}
.mod-wrap-product .m-more .links {
	color: #2176da;
	font-size: 14px;
	text-align: center;
	background: #fff;
	display: block;
	height: 30px;
	line-height: 30px
}
.mod-wrap-news {
	background-position: top center
}
<!--
.mod-wrap-solution {
	padding-top: 95px;
	padding-bottom: 83px;
	height: 775px;
	position: relative
}
-->
.mod-wrap-solution {
	padding-top: 95px;
	padding-bottom: 83px;
	height: 50px;
	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;
}
<!--
.mod-wrap-solution.solution-game .solution-bg {
	background-image: url(../images/gamebg.jpg)
}
-->
/*.mod-wrap-solution.solution-medical .solution-bg{background-image:url(img/home/solution/medical/bg.jpg)}
.mod-wrap-solution.solution-finance .solution-bg{background-image:url(img/home/solution/finance/bg.jpg)}
.mod-wrap-solution.solution-e-commerce .solution-bg{background-image:url(img/home/solution/e-commerce/bg.jpg)}
.mod-wrap-solution.solution-video .solution-bg{background-image:url(img/home/solution/video/bg.jpg)}
.mod-wrap-solution.solution-o2o .solution-bg{background-image:url(img/home/solution/o2o/bg.jpg)}
.mod-wrap-solution.solution-wechat .solution-bg{background-image:url(img/home/solution/wechat/bg.jpg)}
.mod-wrap-solution.solution-tourism .solution-bg{background-image:url(img/home/solution/tourism/bg.jpg)}
.mod-wrap-solution.solution-website .solution-bg{background-image:url(img/home/solution/website/bg.jpg)}
.mod-wrap-solution.solution-iot .solution-bg{background-image:url(img/home/solution/iot/bg.jpg)}
.mod-wrap-solution .mod-inner{position:relative;z-index:2}
.mod-wrap-solution .mod-title{color:#fff}

.mod-wrap-solution .mod-content{color:#fff;height:460px}
.mod-wrap-solution .qc-unit-4-24{display:inline-block;vertical-align:top;border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,.3)}
.mod-wrap-solution .qc-unit-4-24 .tab-item a{font-size:18px;color:#fff;display:inline-block;width:77%;height:46px;line-height:46px;text-align:center;transition:.2s ease background-color}
.mod-wrap-solution .qc-unit-4-24 .tab-item a:hover{color:#008bff}
.mod-wrap-solution .qc-unit-4-24 .tab-item.item-selected a,.mod-wrap-solution .qc-unit-4-24 .tab-item.item-selected a:hover{background-color:#2176da;color:#fff}
.mod-wrap-solution .solution-details{height:100%}
.mod-wrap-solution .solution-details .solution-item{padding-left:5%}
.mod-wrap-solution .solution-details .user-list{margin-top:40px;margin-bottom:60px;white-space:nowrap}
.mod-wrap-solution .solution-details .user-list li{display:inline-block;width:14%;height:auto;background-color:#fff;background:rgba(255,255,255,.3);text-align:center;margin-right:2%;border:1px solid #fff;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.mod-wrap-solution .solution-details .user-list li.last{margin-right:0}.mod-wrap-solution .solution-details .user-list li a{display:block;height:100%;cursor:pointer}.mod-wrap-solution .solution-details .user-list li a:before{display:inline-block;content:"";width:0;height:100%;vertical-align:middle;font-size:0}
.mod-wrap-solution .solution-details .user-list li:hover{background:rgba(255,255,255,.4)}
.mod-wrap-solution .solution-details .user-list li.no-detail:hover{cursor:default;background:rgba(255,255,255,.3)}
.mod-wrap-solution .solution-details .user-list li.no-detail a:hover{cursor:default}
.mod-wrap-solution .solution-details .user-list .user-img{display:inline-block;vertical-align:middle;max-width:100%}
.mod-wrap-solution .solution-details .vertical-text{width:75%}
.mod-wrap-solution .solution-details .vertical-text .solution-icon{width:28px;height:23px}
.mod-wrap-solution .solution-details .vertical-text .qc-btn{margin-top:30px;border-color:rgba(255,255,255,.4);width:70px;height:32px;line-height:32px}
.mod-wrap-solution .solution-details .vertical-text .qc-btn:hover{border-color:#2176da}
.mod-wrap-solution .solution-details .vertical-text .qc-btn:active,.mod-wrap-solution .solution-details .vertical-text .qc-btn:focus{border-color:#0070cc}*/



.mod-wrap-data {
	padding: 0;
	position: relative
}
.mod-wrap-data .mod-inner {
	position: relative;
	overflow: hidden
}
.mod-wrap-data .mod-title {
	padding-top: 95px
}
.mod-wrap-data .mod-content {
	margin-top: 8.4%;
	overflow: hidden
}
.mod-wrap-data .merit-item {
	margin-bottom: 44px
}
.mod-wrap-data .merit-item.data-item-3 {
	margin-bottom: 130px
}
.mod-wrap-data .merit-item span {
	display: block;
	width: 164px;
	height: 96px
}
.mod-wrap-data .merit-item .map-img-1 {
	background-image: url(../images/map-1.png)
}
.mod-wrap-data .merit-item .map-img-2 {
	background-image: url(../images/map-2.png)
}
.mod-wrap-data .merit-item .map-img-3 {
	background-image: url(../images/map-3.png)
}
.mod-wrap-data .map {
	max-width: 80%;
	position: absolute;
	top: 25px;
	right: 0;
	overflow: hidden;
	font-size: 0;
	text-align: right;
	pointer-events: none;
	width: 100%;
	height: 100%
}
.mod-wrap-data .map .map-img {
	background-image: url(../images/earth.png);
	width: 100%;
	height: 100%;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	background-size: cover
}
.mod-wrap-data .map:before {
	display: inline-block;
	content: "";
	height: 100%;
	width: 0;
	font-size: 0;
	vertical-align: middle
}
.mod-wrap-data .map-text {
	position: absolute;
	bottom: 130px;
	left: 70px;
	font-size: 14px;
	color: #333;
	line-height: 44px
}
.mod-wrap-data .mod-title .tc-btn {
	color: #333;
	border: 1px solid #333
}
.mod-wrap-data .map-text .icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: -5px;
	margin-right: 15px
}
.mod-wrap-data .map-text .icon-1 {
	background-image: url(sprite/index-1462523239.png);
	background-position: -250px -120px;
}
.mod-wrap-data .map-text .icon-2 {
	background-image: url(sprite/index-1462523239.png);
	background-position: -127px -156px;
}
.mod-wrap-data .qc-btn {
	border-color: #333;
	color: #333
}
.mod-wrap-data .qc-btn:hover {
	border-color: #2176da;
	color: #fff
}
.mod-wrap-dynamic {
	background-image: url(../images/dynamic-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 130px;
	padding: 0
}
.mod-wrap-dynamic .mod-inner {
	white-space: nowrap
}
.mod-wrap-dynamic .text {
	font-size: 24px;
	color: #fff;
	line-height: 130px;
	display: inline-block;
	vertical-align: top;
	width: 30.5%;
	text-align: left
}
.mod-wrap-dynamic .ct-data {
	display: block;
	zoom: 1
}
.mod-wrap-dynamic .data {
	font-family: qcloud-num-thin, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	font-size: 24px;
	color: #fff;
	display: inline-block;
	line-height: 130px;
	vertical-align: top;
	width: 69.5%;
	text-align: right
}
.mod-wrap-dynamic .data span {
	font-size: 70px;
	letter-spacing: .3em
}
.mod-wrap-service {
	background-image: url(img/home/service-bg.png);
	background-position: top center;
	background-repeat: no-repeat
}
.mod-wrap-service .unit-box {
	background-color: #fff;
	text-align: center;
	display: block;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}
.mod-wrap-service .unit-box:hover {
	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
	box-shadow: 0 3px 20px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}
.mod-wrap-service .vertical-text {
	padding: 25px 0
}
.mod-wrap-service .vertical-text .title {
	font-size: 18px;
	color: #333;
	margin-bottom: 5px
}
.mod-wrap-service .vertical-text .des-text {
	color: #666;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px
}
.mod-wrap-service .service-img {
	display: block;
	margin: 0 auto 10px;
	width: 144px;
	height: 100px
}
.mod-wrap-free {
	background-image: url(../images/free-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 150px;
	height: 300px
}
.mod-wrap-free .mod-title {
	color: #fff
}
/*.mod-wrap-free{min-height:50px;height:100px}
.mod-wrap-free .mod-title{color:#fff}*/


.mod-wrap-service .tc-btn-1 {
	margin-left: 10px
}
.mod-wrap-news {
	background-image: url(..images/news-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 438px
}
.mod-wrap-news .mod-content {
	margin-top: 0
}
.mod-wrap-news .mod-title {
	margin-bottom: 10px
}
.mod-wrap-news .mod-title .title {
	display: inline-block
}
.mod-wrap-news .mod-title .sub-tab {
	display: inline-block;
	margin-left: 20px
}
.mod-wrap-news .mod-title .sub-tab .sub-text {
	display: inline-block;
	margin-left: 13px;
	margin-right: 13px
}
.mod-wrap-news .mod-title .sub-tab .sub-text a {
	font-size: 18px;
	color: #333;
	padding-bottom: 5px
}
.mod-wrap-news .mod-title .sub-tab .sub-text-selected a {
	color: #2176da;
	border-bottom: 2px solid #2176da
}
.mod-wrap-news .unit-box .news-list {
	width: 50%;
	display: inline-block
}
.mod-wrap-news .unit-box .news-list .news-item {
	font-size: 14px;
	color: #333;
	line-height: 50px
}
.mod-wrap-news .unit-box .news-list .text {
	max-width: 66%;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis
}
.mod-wrap-news .unit-box .news-list .news-item .date {
	color: #666;
	display: inline-block;
	vertical-align: middle
}
.mod-wrap-news .unit-box .news-list .news-item .stick {
	color: #999;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle
}
.mod-wrap-news .unit-box .news-list .news-item:hover, .mod-wrap-news .unit-box .news-list .news-item:hover .date, .mod-wrap-news .unit-box .news-list .news-item:hover .stick {
	color: #2176da
}
.mod-wrap-news .unit-box .news-list .news-item .label {
	background-color: #fc5900;
	color: #fff;
	font-size: 12px;
	padding: 1px 8px;
	line-height: 16px;
	margin-left: 5px
}
.mod-wrap-news .ad-img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px
}
.mod-wrap-news .text-line {
	margin-top: 15px
}
.mod-wrap-news .text-line.m-text {
	display: none
}
.mod-wrap-news .links {
	font-size: 14px;
	color: #2176da
}
.mod-wrap-news .pagination {
	font-size: 0;
	float: right;
	margin-top: 10px
}
.mod-wrap-news .btn-page {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 38px;
	border: 1px solid #666;
	border-radius: 3px;
	text-align: center;
	background-color: #fcfcfc;
	cursor: pointer;
	font-size: 0!important
}
.mod-wrap-news .pagination .page-prev {
	margin-right: 10px
}
.mod-wrap-news .btn-page .icon-page-prev {
	display: inline-block;
	width: 9px;
	height: 16px;
	vertical-align: middle;
	background-image: url(sprite/index-1462523239.png);
	background-position: -167px -179px;
}
.mod-wrap-news .btn-page .icon-page-next {
	display: inline-block;
	width: 9px;
	height: 16px;
	vertical-align: middle;
	background-image: url(sprite/index-1462523239.png);
	background-position: -157px -179px;
}
.mod-wrap-news .btn-page:hover {
	background-color: #2176da;
	border: 1px solid #2176da
}
.mod-wrap-news .btn-page:focus {
	background-color: #0070cc;
	border: 1px solid #0070cc;
	outline: 0
}
.mod-wrap-news .btn-page:focus .icon-page-prev, .mod-wrap-news .btn-page:hover .icon-page-prev {
	background-image: url(sprite/index-1462523239.png);
	background-position: -147px -179px;
}
.mod-wrap-news .btn-page:focus .icon-page-next, .mod-wrap-news .btn-page:hover .icon-page-next {
	background-image: url(sprite/index-1462523239.png);
	background-position: -137px -179px;
}
.mod-wrap-news .btn-page-disabled, .mod-wrap-news .btn-page-disabled:focus, .mod-wrap-news .btn-page-disabled:hover {
	background-color: #f6f6f6;
	border-color: #bcbcbc;
	cursor: default
}
.mod-wrap-news .btn-page-disabled .icon-page-prev, .mod-wrap-news .btn-page-disabled:focus .icon-page-prev, .mod-wrap-news .btn-page-disabled:hover .icon-page-prev {
	background-image: url(sprite/index-1462523239.png);
	background-position: -177px -179px;
}
.mod-wrap-news .btn-page-disabled .icon-page-next, .mod-wrap-news .btn-page-disabled:focus .icon-page-next, .mod-wrap-news .btn-page-disabled:hover .icon-page-next {
	background-image: url(sprite/index-1462523239.png);
	background-position: -127px -179px;
}
.mod-wrap-our-service {
	background-color: #fff;
	padding: 40px 0
}
.mod-wrap-our-service .d-tbc-first, .mod-wrap-our-service .d-tbc-last {
	width: 17%
}
.service-item {
	border-left: 1px solid #DCDDDE;
	height: 80px;
	font-size: 14px;
	text-align: center;
	display: block
}
.mod-wrap-our-service .d-tbc:first-child .service-item {
	border-left: 0
}
.service-item .term {
	display: inline-block;
	height: 77px;
	max-width: 90%
}
.service-item .term-1 {
	width: 116px;
	background-image: url(../images/index-1462523239.png);
	background-position: -133px -78px;
}
.service-item .term-2 {
	width: 133px;
	background-image: url(../images/index-1462523239.png);
	background-position: -144px 0px;
}
.service-item .term-3 {
	width: 103px;
	background-image: url(../images/index-1462523239.png);
	background-position: 0px -156px;
}
.service-item .term-4 {
	width: 132px;
	background-image: url(../images/index-1462523239.png);
	background-position: 0px -78px;
}
.service-item .term-5 {
	width: 143px;
	background-image: url(../images/index-1462523239.png);
	background-position: 0px 0px;
}
.first-service-item {
	text-align: left
}
.last-service-item {
	text-align: right
}
.head-light-tips {
	background-color: #fffce2
}
.head-light-tips-inner {
	min-height: 25px;
	line-height: 25px;
	min-width: 320px;
	max-width: 1200px;
	color: #f87831;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px
}
.head-light-tips-close, .head-light-tips-icon, .head-light-tips-inner span {
	display: inline-block;
	vertical-align: top
}
.head-light-tips-inner span {
	max-width: 80%
}
.head-light-tips-icon {
	margin-top: 7px;
	width: 16px;
	height: 16px;
	background-image: url(sprite/index-1462523239.png);
	margin-right: 7px;
	background-position: -150px -156px;
}
.head-light-tips-close {
	width: 13px;
	height: 13px;
	background-image: url(sprite/index-1462523239.png);
	position: absolute;
	right: 4px;
	top: 13px;
	background-position: -167px -156px;
}
@media screen and (min-width:769px) and (max-width:1199px) {
.body, .head-light-tips, .mod-hero .hero-inner, .mod-inner, .mod-wrap {
	min-width: 1000px
}
.head-light-tips-inner {
	margin-right: 30px;
	margin-left: 30px
}
.mod-wrap-data .map {
	top: 12%
}
.mod-wrap-dynamic .data span {
	font-size: 44px
}
.mod-wrap-dynamic .text {
	font-size: 20px
}
.mod-wrap-service .vertical-text {
	height: 210px
}
}
@media screen and (max-width:768px) {
.body, .mod-inner {
	min-width: 320px
}
.ct-slot {
	margin-right: 30px;
	margin-left: 30px
}
.qc-grids.with-slot {
	margin-right: 20px;
	margin-left: 20px
}
.mod-wrap .mod-content {
	margin-top: 40px
}
.mod-hero .hero-inner {
	min-width: 320px
}
.qc-unit-md-1-2 {
	width: 50%
}
.mod-wrap .mod-title .title {
	font-size: 26px
}
.mod-wrap-data .mod-title, .mod-wrap.mod-wrap-free, .mod-wrap.mod-wrap-news, .mod-wrap.mod-wrap-product, .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-hero .hero-img {
	height: 300px
}
.mod-hero .hero-img .img-item {
	background-size: cover
}
.mod-hero .hero-text .hero-ct h2 {
	font-size: 30px
}
.mod-hero .hero-text .hero-ct .des-text {
	font-size: 16px;
	line-height: 26px
}
.mod-hero .hero-text .hero-btn {
	height: 34px;
	line-height: 34px;
	font-size: 14px
}
.mod-activity, .mod-hero .hero-handle {
	display: none
}
.mod-wrap-product .pd-item-name h3 {
	font-size: 16px
}
.mod-activity .activity-list .advertising-text {
	font-size: 14px
}
.mod-activity .activity-list .title .stick {
	display: none
}
.mod-activity .activity-list .title .category, .mod-activity .activity-list .title .text {
	display: block
}
.mod-activity .activity-list .content {
	font-size: 18px
}
.mod-activity .activity-list li {
	height: 150px
}
.mod-activity .activity-list .activity-bg {
	height: auto
}
.mod-wrap-data .mod-title {
	padding-bottom: 45px
}
.mod-wrap-data .mod-content {
	margin-top: 0;
	text-align: center
}
.mod-wrap-data .mod-content ul {
	font-size: 0
}
.mod-wrap-data .merit-item {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	margin-left: 4%;
	margin-right: 4%
}
.mod-wrap-data .merit-item span {
	margin: 0 auto;
	max-width: 90%;
	background-size: contain;
	background-repeat: no-repeat
}
.mod-wrap-data .merit-item.data-item-3 {
	margin-bottom: 0
}
.mod-wrap-data .map {
	position: relative;
	max-width: 100%;
	width: 100%;
	background-size: cover;
	margin-top: -235px;
	height: 362px;
	overflow: hidden
}
.mod-wrap-dynamic .data span {
	font-size: 36px
}
.mod-wrap-dynamic .data, .mod-wrap-dynamic .text {
	display: block;
	line-height: 65px;
	width: 100%;
	text-align: center
}
.mod-wrap-dynamic .text {
	padding-top: 5px
}
.mod-wrap-dynamic .data {
	line-height: 40px;
	font-size: 20px
}
.mod-wrap-free {
	height: 300px
}
.mod-wrap-news {
	height: auto;
	background-repeat: repeat-y
}
.mod-wrap-news .mod-content {
	margin-top: 0
}
.mod-wrap-news .mod-content .qc-unit-16-24 {
	margin-bottom: 40px
}
.mod-wrap-news .unit-box .news-list {
	width: 100%
}
.mod-wrap-news .unit-box .news-list:nth-child(2) {
	display: none
}
.mod-wrap-news .mod-title .sub-tab {
	display: block;
	margin-left: 0
}
.mod-wrap-news .mod-title .sub-tab .sub-text {
	margin-left: 0;
	margin-right: 5%
}
.mod-wrap-news .pagination {
	display: none
}
.mod-wrap-news .text-line.m-text {
	display: block
}
.mod-wrap-our-service {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid #eee
}
.mod-wrap-our-service .d-tbc {
	display: inline-block;
	width: 25%;
	padding-top: 25px;
	padding-bottom: 25px
}
.mod-wrap-our-service .d-tbc:nth-child(3) {
	display: none
}
.mod-wrap-our-service .first-service-item, .mod-wrap-our-service .last-service-item {
	text-align: center
}
.mod-wrap-our-service .service-item .sr-only {
	position: relative!important;
	height: auto!important;
	width: auto!important;
	color: #27303f;
	font-size: 20px;
	display: block
}
.mod-wrap-our-service .service-item .sr-only.t-1 {
	font-size: 36px
}
.mod-wrap-our-service .service-item .term {
	background-image: none;
	display: none
}
.mod-wrap-service {
	display: none
}
}
@media screen and (max-width:744px) {
.mod-activity .activity-list li {
	width: 50%;
	padding-bottom: 1px
}
.mod-wrap-news .qc-unit-sm-1-1, .mod-wrap-solution .solution-details .vertical-text {
	width: 100%
}
.mod-wrap.mod-wrap-news {
	padding-bottom: 40px
}
}
@media screen and (max-width:644px) {
.mod-hero .hero-text .hero-ct h2 {
	font-size: 24px
}
.mod-hero .hero-text .hero-ct .des-text {
	font-size: 14px;
	line-height: 22px
}
.mod-wrap-solution .solution-details .vertical-text {
	width: 100%
}
.mod-wrap-solution .side-nav .side-nav-inner {
	position: relative;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%
}
.mod-wrap-solution .qc-unit-4-24 {
	border-right: none
}
.mod-wrap-solution .qc-unit-4-24 .tab-item a {
	width: 100%;
	font-size: 16px
}
.mod-wrap-solution .side-nav .tab-item.item-selected a {
	font-size: 16px
}
.mod-wrap-solution .solution-details .user-list li {
	margin-right: 3%;
	margin-bottom: 4%
}
}
@media screen and (max-width:550px) {
.qc-unit-sm-1-1 {
	width: 100%
}
.mod-wrap-solution .side-nav {
	width: 21.5%
}
.mod-wrap-solution .solution-details {
	width: 78.5%
}
.mod-wrap-solution .solution-details .user-list {
	margin-top: 0;
	overflow: hidden;
	margin-bottom: 20px
}
.mod-wrap-solution .solution-details .user-list li {
	width: 42%;
	float: left;
	margin-right: 0;
	margin-bottom: 8%;
	margin-left: 8%
}
.mod-wrap-solution .solution-details .vertical-text .des-text, .mod-wrap-solution .vertical-text .title {
	display: none
}
.mod-wrap-solution .solution-details .vertical-text .qc-btn {
	margin-left: 8%;
	margin-top: 0;
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 18px
}
}
@media screen and (max-width:500px) {
.mod-hero .hero-ct {
	max-width: 100%;
	bottom: 34%
}
.mod-hero .hero-text .hero-btn {
	bottom: 18%
}
.mod-wrap.mod-wrap-news {
	background-color: #fff;
	background-image: none
}
.mod-wrap-our-service .service-item {
	height: auto
}
.mod-wrap-our-service .service-item .sr-only {
	font-size: 16px
}
.mod-wrap-our-service .service-item .sr-only.t-1 {
	font-size: 20px
}
}
@media screen and (max-width:414px) {
.mod-wrap .mod-content, .mod-wrap .mod-title .qc-btn {
	margin-top: 30px
}
.mod-hero:hover .hero-handle {
	display: none
}
.mod-hero .hero-img {
	height: 375px
}
.mod-hero .hero-img .img-item {
	background-image: url(img/home/responsive/m-banner-sample.jpg)
}
.mod-hero .hero-ct, .mod-hero .hero-text .hero-btn {
	display: none
}
.mod-hero .hero-ct-mobile {
	display: block
}
.mod-wrap-product .mod-content {
	margin-top: 20px
}
.mod-wrap-product .pd-item-name {
	width: 38%
}
.mod-wrap-product .pd-img {
	margin-top: 10%
}
.mod-wrap-product .qc-unit-6-24:nth-child(n+4) {
	display: none
}
.mod-wrap-product .m-more {
	display: block
}
/*.mod-wrap.mod-wrap-solution{padding-bottom:0;height:736px}
.mod-wrap-solution .solution-details .user-list{overflow:hidden;margin-bottom:0}
.mod-wrap-solution .solution-details .vertical-text .qc-btn{width:92%;padding:0}
.mod-wrap-solution .side-nav .tab-item{margin-bottom:15px}
.mod-wrap-solution .side-nav .tab-item a{height:30px;line-height:30px}
.mod-wrap-solution.solution-game .solution-bg{background-image:url(../images/m-game.jpg)}
.mod-wrap-solution.solution-medical .solution-bg{background-image:url(../images/m-medical.jpg)}
.mod-wrap-solution.solution-finance .solution-bg{background-image:url(../images/m-finance.jpg)}
.mod-wrap-solution.solution-e-commerce .solution-bg{background-image:url(../images/m-e-commerce.jpg)}
.mod-wrap-solution.solution-video .solution-bg{background-image:url(../images/m-video.jpg)}
.mod-wrap-solution.solution-o2o .solution-bg{background-image:url(../images/m-o2o.jpg)}
.mod-wrap-solution.solution-wechat .solution-bg{background-image:url(../images/m-wechat.jpg)}
.mod-wrap-solution.solution-tourism .solution-bg{background-image:url(../images/m-trip.jpg)}
.mod-wrap-solution.solution-website .solution-bg{background-image:url(../images/m-build.jpg)}
.mod-wrap-solution.solution-iot .solution-bg{background-image:url(../images/m-smart.jpg)}
.mod-wrap-data{background-image:url(../images/m-earth.png);background-repeat:no-repeat;height:736px;background-size:contain;background-position:0 150px}
.mod-wrap-data .mod-inner{height:100%}.mod-wrap-data .map{display:none}
.mod-wrap-data .merit-item{display:inline-block;margin-bottom:0;width:33.3%;margin-left:0;margin-right:0}
.mod-wrap-data .mod-content{position:absolute;bottom:20px}
.mod-wrap-dynamic .text{font-size:22px}
.mod-wrap-dynamic .data{font-size:16px}
.mod-wrap-dynamic .data span{font-size:30px}*/



.news-bar {
	height: 37px;
	border-top: 1px solid #fff;
	background-color: #f8f9fb;
}
.news-left {
	width: 97%;
	float: left;
	height: 36px;
	line-height: 36px;
	color: #545454;
	overflow: hidden;
	position: relative;
}
.news-left p {
	width: 100%;
	padding-left: 20px;
}
.news-left span {
	display: inline-block;
	width: 20px;
	height: 36px;
	background: url(../images/laba.png) no-repeat 0 10px;
	float: left;
}
.news-left p a {
	color: #545454;
	font-size: 14px;
	text-decoration: none;
}
.news-left p a:hover {
	text-decoration: underline;
}
.news-left .news-date {
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	width: 90px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	float: right;
}
.news-right {
	width: 25px;
	float: right;
	height: 36px;
	position: relative;
}
#prev-news, #next-news {
	display: inline-block;
	width: 20px;
	height: 10px;
	cursor: pointer;
}
#prev-news {
	position: absolute;
	right: 0;
	top: 5px;
	background: url("../image/btn_up.png") no-repeat;
}
#prev-news:hover {
	background: url("../image/btn_up_hover.png") no-repeat;
}
#next-news {
	position: absolute;
	right: 0;
	bottom: 5px;
	background: url("../image/btn_down.png") no-repeat;
}
#next-news:hover {
	background: url("../image/btn_down_hover.png") no-repeat;
}
.news-list {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}
.news-list p {
	position: absolute;
	top: 0;
	left: 0;
}
.mod-wrap.mod-wrap-free {
	background-image: url(../images/m-free.jpg);
	height: 290px;
	background-size: cover;
	padding-bottom: 0;
	padding-top: 45px
}
.mod-wrap-news .mod-content {
	margin-top: 0
}
.mod-wrap-news .mod-title {
	margin-bottom: 0
}
.mod-wrap-news .mod-title .title {
	margin-bottom: 20px
}
.mod-wrap-news .mod-title .sub-tab {
	margin-bottom: 10px
}
.mod-wrap-news .unit-box .news-list .news-item {
	line-height: 35px
}
.mod-wrap-news .ad-img:last-child {
	margin-bottom: 0
}
}
@media screen and (max-width:375px) {
.mod-activity .activity-list li {
	width: 100%
}
.mod-wrap-news .mod-title .sub-tab .sub-text a {
	font-size: 14px
}
.mod-wrap-news .unit-box .news-list .text {
	max-width: 60%
}
.mod-wrap-dynamic .text {
	font-size: 16px
}
.mod-wrap-dynamic .data span {
	font-size: 24px
}
.mod-wrap-solution .side-nav {
	width: 25.5%
}
.mod-wrap-solution .solution-details {
	width: 74.5%
}
.mod-wrap-solution .solution-details .solution-item {
	padding-left: 0
}
.mod-wrap-data {
	height: 700px
}
.mod-wrap-our-service .service-item .sr-only {
	font-size: 14px
}
.mod-wrap-our-service .service-item .sr-only.t-1 {
	font-size: 18px
}
}
@media screen and (max-width:320px) {
.mod-hero .hero-ct-mobile h2 {
	font-size: 24px
}
.mod-wrap-data {
	height: 610px
}
.mod-wrap-data .mod-content {
	bottom: 0
}
}
.qc-navigation {
	min-width: 320px
}
.qc-navigation-mobile {
	position: absolute
}
@media screen and (min-width:767px) and (max-width:1199px) {
.qc-navigation, .qc-navigation .navigation-inner, .tc-footer {
	min-width: 1000px
}
}
@media screen and (max-width:768px) {
.mod-scroll-btn {
	display: none
}
.m-scroll-top {
	display: block
}
.head-light-tips, .qc-navigation {
	display: none
}
.qc-navigation-mobile {
	display: block
}
.tc-footer {
	min-width: 320px;
	padding-bottom: 40px
}
.tc-footer .tc-footer-columns {
	display: none
}
.tc-footer .column-certification, .tc-footer .column-follow {
	width: auto;
	margin-left: 10px;
	margin-right: 10px
}
.tc-footer .columns h3, .tc-footer .columns ul {
	padding-left: 30px;
}
.tc-footer .column-certification .certification .ct-img img {
	max-width: 100%
}
.tc-footer .column-certification>h3 {
	padding-left: 0
}
}
@media screen and (max-width:414px) {
.tc-footer .columns, .tc-footer .tc-footer-copyright .department {
	display: none
}
.tc-footer .tc-footer-copyright .links .line-2 .slide {
	display: block
}
.tc-footer .tc-footer-copyright .department, .tc-footer .tc-footer-copyright .department a {
	font-size: 14px
}
}
body.ie8 .mod-wrap-dynamic .data span {
	font-size: 55px
}
body.ie8 .mod-wrap-service .vertical-text .des-text {
	font-size: 12px
}
body.ie8 .mod-wrap-solution .solution-details .user-list li {
	background-color: #969dab;
	border-color: #969aaa
}
#MAXIM {
	content: "feu20160506162909"
}/*  |xGv00|0109d6cf4f80496f853e900cce520026 */
#contact tr{height:50px;}
#contact td{width:33%;font-size: 14px;padding-left: 20px;}
#contact td strong{font-size: 18px}
.pay_ban {
    /*! margin-top: -75px; */
    width: 100%;
    height: 380px;
    background: url(../images/zhifu.png) no-repeat center center;
}
.honor_main .p12 {
    text-align: right;
    font-size: 14px;
   line-height: 24px;
    bottom: 990px;
    left: 25px; 
}