/*ÖØÖÃ*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	font-family: "Microsoft Yahei";
	color: #fff;
}
body{overflow: -Scroll; overflow-y: hidden;overflow-x: hidden}
/*-- header --*/
header {
	position: fixed;
}
.head {
	top:0px;
	left: 0px;
	width: 100%;
	height: 92px;
	border-bottom: 1px solid rgba(48, 48, 48, 0.14);
	z-index: 1000;
	background: url(../images/bg_black_1.png) repeat;
}
.head .head_content {
	height: 92px;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	width: 1000px
}
.head .logo {
	width: 125px;
	height: 92px;
	float: left;
	padding-top: 10px;
}
.header_bg {
	width: 100%;
	height: 100%;
	position: relative;
}
/*nav*/
.nav li dl dd div.subnav{background:#000}
.nav {
	float: right;
}
.nav li {
	float: left;
	padding-left: 36px;
	position: relative;
}
.nav li .v1 {
	font-size: 18px;
	color: #fff;
	line-height: 92px;
	display: block;
}

.nav li .v2{color: #aace36;
	background: url(../images/nav_bg.png) no-repeat;}

.nav li:hover .v1 {
	color: #aace36;
	background: url(../images/nav_bg.png) no-repeat;
}
.nav dl {
	position: absolute;
	width: 204px;
	top: 92px;
	z-index: 999;
	background: url(../images/nav-bg1.png) repeat;
	display: none;
	left: -12px;
}
.nav dd a {
	display: block;
	text-align: center;
	border-bottom: 1px solid #5f605f;
	font-size: 16px;
	color: #fff;
	line-height: 55px;
	height: 55px;
}
.nav dd a:hover {
	color: #aace36;
}
/*banner*/
#banner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
/*banner_btn*/
.innerBox {
	position: absolute;
	bottom: 40px;
	width: 100%;
	z-index: 10;
}
.innerBox .news {
	position: relative;
	top: -106px;
	margin: 0 auto;
	width: 400px;
	height: 28px;
	overflow: hidden;
}
.innerBox .news span {
	float: left;
	margin: 1px 15px 0px 0px;
	color: #aace36;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei";
}
.innerBox .news ul {
	float: left;
	position: relative;
	top: 4px;
	display: block;
	height: 40px;
}
.innerBox .news ul li {
	padding-bottom: 20px;
}
.innerBox .news ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	display: block;
}
.innerBox .news a.more {
	font-size: 14px;
	float: right;
	color: #fff;
	margin-top: 5px;
	text-decoration: none;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	-o-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s;
	background: url(../images/bg_more.png) no-repeat 0px 2px;
	width: 50px;
	height: 25px;
	display: block;
}
.innerBox .news a.more:hover {
	color: White;
	text-decoration: none;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	-o-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s;
}
/*service*/
.box {
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	height: 100%;
	width: 1050px;
	margin: 0 auto;
}

@media (max-width:1600px) {
.box_1 {
	top: 19%;
}
}

@media (min-width:1920px) {
.box_1 {
	top: 19%;
}
.online-solution li h2 {
	margin-top: 10px;
	font-size: 24px;
	line-height: 45px;
	font-family: "Microsoft Yahei";
}
.online-solution li p {
	line-height: 28px;
	font-family: "Microsoft Yahei";
	font-size: 18px;
}
.online-solution ul {
	height: 510px;
}
.online-solution li:hover .img {
	bottom: 0;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.online-solution .l1:hover .bg {
	height: 100%;
}
.online-solution .l2:hover .bg {
	height: 100%;
}
.online-solution .l3:hover .bg {
	height: 100%;
}
.online-solution li {
	width: 24%;
	margin-right: 1%;
}
.online-solution li .wrap {
	top: 160px;
}
.online-solution {
	top: 360px;
}
}
.box_1 {
	position: absolute;
	width: 100%;
	height: 527px;
}
.services .box .caption {
	position: absolute;
	left: 87px;
	color: #999691;
	text-align: center;
}
.services.active .box .caption {
	-moz-opacity: 1;
	opacity: 1;
}
.services .box .caption p {
	padding-top: 35px;
	font-size: 16px;
	color: #575757;
}
.services .box .caption i {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 320px;
	height: 31px;
	background: url(../images/words.png) no-repeat 0px -294px;
}
.services .box .caption span {
	font-size: 24px;
	letter-spacing: 3px;
}
.services .box ul.items {
	margin: 0 auto;
	padding-left: 30px;
	width: 1056px;
	position: absolute;
	bottom: 0px;
}
.services .box ul.items li {
	width: 200px;
	height: 320px;
	float: left;
	background: url(../images/bg_li.jpg) no-repeat 0px 400px;
	overflow: hidden;
}
.services .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}
.services .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../images/words_1_01.png) no-repeat -0px -79px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.services .box ul.items li.pc i {
	width: 85px;
	height: 76px;
	background: url(../images/words_1_01.png) no-repeat -240px -80px;
}
.services .box ul.items li.mobi i {
	height: 78px;
	width: 64px;
	background: url(../images/words_1_01.png) no-repeat -402px 0px;
}
.services .box ul.items li.sys i {
	width: 89px;
	height: 78px;
	background: url(../images/words_1_01.png) no-repeat -411px -79px;
}
.services .box ul.items li.app i {
	width: 78px;
	height: 78px;
	background: url(../images/words_1_01.png) no-repeat -245px -157px;
}
.services .box ul.items li.host i {
	width: 93px;
	height: 78px;
	background: url(../images/words_1_01.png) no-repeat -415px -160px;
}
.services .box ul.items li u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.services.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}
.services .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}
.services.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}
.services .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #222222;
}
.services .box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.services .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.services .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.services .box ul.items li.pc:hover i {
	background: url(../images/words_1_01.png) no-repeat -155px -77px;
}
.services .box ul.items li.mobi:hover i {
	background: url(../images/words_1_01.png) no-repeat -350px 0px;
}
.services .box ul.items li.sys:hover i {
	background: url(../images/words_1_01.png) no-repeat -320px -79px;
	;
}
.services .box ul.items li.app:hover i {
	background: url(../images/words_1_01.png) no-repeat -163px -152px;
}
.services .box ul.items li.host:hover i {
	background: url(../images/words_1_01.png) no-repeat -321px -160px;
}
.services .box ul.items li:hover u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.services .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}
.services .box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.services .box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

/*successful*/
@media (max-width:1899px) {
.case_list {
	width: 1000px;
	height: 355px;
	position: absolute;
	left: 25px;
	bottom: 0;
}
.case_list ul {
	height: 287px;
	margin-left: 7%;
}
.case_list ul li {
	width: 27%;
	height: 198px;
	/*float: left;
	margin-right: 5%;
	margin-bottom: 3%;*/
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.case_list ul li img {
	width: 100%;
	height: auto;
	max-height: 212px;
}
.da-thumbs .hot_info {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: -200px;
	background: Black;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
.da-thumbs .hot_info u {
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	width: 44px;
	height: 44px;
	/*background: url(../images/sous.png) no-repeat center;*/
}
}

@media (min-width:1900px) {

.case_list {
	width: 1050px;
	height: 355px;
	position: absolute;
	left: 25px;
	bottom: 0;
}
.case_list ul li {
	width: 320px;
	height: 190px;
	float: left;
	margin-right: 25px;
	margin-bottom: 27px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.case_list ul li img {
	width: 100%;
	height: auto;
	max-height: 212px;
}
.da-thumbs .hot_info {
	position: absolute;
	width: 340px;
	height: 100%;
	margin-top: 100%;
	background: Black;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
.da-thumbs .hot_info u {
	display: block;
	margin: 0 auto;
	/*margin-top: 78px;*/
	width: 44px;
	height: 44px;
	/*background: url(../images/sous.png) no-repeat;*/
}
}
.case_txt {
	position: absolute;
	left: 237px;
	color: #999691;
	text-align: center;
}
.case_list ul .t1 {
	background: url(../sscms_style/cover.jpg) center;
	background-size: cover;
}
.case_list ul .t2 {
	background: url(../sscms_style/thumb1.jpg) center;
	background-size: 100% 100%;
}
.case_list ul .t3 {
	background: url(../sscms_style/cover_2.jpg) center;
	background-size: cover;
}
.case_list ul .t4 {
	background: url(../sscms_style/cover_3.jpg) center;
	background-size: cover;
}
.case_list ul .t5 {
	background: url(../sscms_style/cover_4.jpg) center;
	background-size: cover;
}
.case_list ul .t6 {
	background: url(../sscms_style/cover_5.jpg) center;
	background-size: cover;
}
.case_list ul .t7 {
	background: url(../sscms_style/cover_6.jpg) center;
	background-size: cover;
}
.case_list ul .t8 {
	background: url(../sscms_style/cover_7.jpg) center;
	background-size: cover;
}
.case_list ul .t9 {
	background: url(../sscms_style/cover_8.jpg) center;
	background-size: cover;
}
.case_list ul .l1 {
	background: url(../images/cases_1_01.png) center;
	background-size: cover;
}
.case_list ul .l2 {
	background: url(../images/cases_2_01.png) center;
	background-size: cover;
}
.case_list ul .l3 {
	background: url(../images/cases_3_01.png) center;
	background-size: cover;
}
.case_list ul .l4 {
	background: url(../images/cases_4_01.png) center;
	background-size: cover;
}
.case_list ul .l5 {
	background: url(../images/cases_5_01.png) center;
	background-size: cover;
}
.case_list ul .l6 {
	background: url(../images/cases_6_01.png) center;
	background-size: cover;
}
.case_list ul .l1_01 {
	background: url(../images/cases_1_02.png) center;
	background-size: cover;
}
.case_list ul .l2_01 {
	background: url(../images/cases_2_02.png) center;
	background-size: cover;
}
.case_list ul .l3_01 {
	background: url(../images/cases_3_03.png) center;
	background-size: cover;
}
.case_list ul .l4_01 {
	background: url(../images/cases_4_02.png) center;
	background-size: cover;
}
.case_list ul .l5_01 {
	background: url(../images/cases_6_02.png) center;
	background-size: cover;
}
.case_list ul .l6_01 {
	background: url(../images/cases_5_02.png) center;
	background-size: cover;
}
.case_txt h3 {
	background: url(../images/icon06.png) center bottom no-repeat;
	color: #000;
}
.case_txt p {
	padding-top: 35px;
	color: #575757;
	font-size: 16px;
}
.da-thumbs li:hover .hot_info {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

/*solution*/

@media (max-width:1900px) {
		.box_1 {
	top: 19%;
}
.online-solution li h2 {
	margin-top: 10px;
	font-size: 18px;
	line-height: 28px;
	font-family: "Microsoft Yahei";
}
.online-solution li p {
	line-height: 25px;
	font-family: "Microsoft Yahei";
	font-size: 16px;
}
.online-solution .l1:hover .bg {
	height: 90%
}
.online-solution .l2:hover .bg {
	height: 90%
}
.online-solution .l3:hover .bg {
	height: 90%
}
.online-solution li {
	width: 240px;
	margin-right: 10px;
	/*margin-left: 35px;*/
}
.online-solution li .wrap {
	top: 46%;
}
.online-solution ul {
	height: 368px;
}
.online-solution {
	bottom: 0px;
}
}
 . E-commerce {
height: 100%;
}
.E-commercetitle {
	position: absolute;
	left: 61px;
	color: #999691;
	text-align: center;
}
.E-commercetitle p {
	color: #fff;
	width: 948px;
	padding-top: 35px;
	font-size: 16px;
	line-height: 25px;
}
.E-commercelist {
	display: none;
}
.online-solution {
	height: 360px;
	position: absolute;
	width: 100%;
}
.online-solution .wrapper {
	height: 100%;
}
.wrapper {
}
.online-solution ul {
	margin: 0 auto;
	width: 1000px;
	position: absolute;
	bottom: 0;
	left: 25px;
}
.online-solution li {
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	height: 115%;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}
.online-solution li .bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00a0e9;
	height: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.online-solution li.l2 .bg {
	background-color: #aace36;
}
.online-solution li.l3 .bg {
	background-color: #ffcc33;
}
.online-solution li.l4 .bg {
	background-color: #fa972d;
}
.online-solution li .wrap {
	position: absolute;
	left: 30px;
	right: 30px;
	margin-top: -110px;
}
.online-solution li .ico {
	width: 109px;
	height: 109px;
	border-radius: 109px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}
.online-solution li.l1 .ico {
	background-image: url(../images/ioc_1_01.png);
}
.online-solution li.l2 .ico {
	background-image: url(../images/ioc_2_02.png);
}
.online-solution li.l3 .ico {
	background-image: url(../images/ioc_3_03.png);
}
.online-solution li.l4 .ico {
	background-image: url(../images/ioc_4_04.png);
}
.online-solution li .img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -200px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}
.online-solution li .img img {
	display: block;
	width: 100%;
}
.online-solution li a {
	color: #fff;
	text-decoration: none;
}
.online-solution li.l1 {
	-webkit-transform: translate3d(-600px, 0, 0);
	-ms-transform: translate3d(-600px, 0, 0);
	transform: translate3d(-600px, 0, 0);
}
.online-solution li.l2 {
	-webkit-transform: translate3d(-300px, 0, 0);
	-ms-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.online-solution li.l3 {
	-webkit-transform: translate3d(300px, 0, 0);
	-ms-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
}
.online-solution.active li {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.online-solution li dl {
	margin-top: 18px;
}
.online-solution li dd {
	display: inline;
}
.online-solution li dd span {
	width: 1px;
	height: 15px;
	display: inline-block;
	background: #fff;
	margin: 0 15px;
}
.online-solution .l1:hover .ico {
	background: url(../images/ioc_1_01.png) no-repeat 0px -110px;
}
.online-solution .l2:hover .ico {
	background: url(../images/ioc_2_02.png) no-repeat 0px -110px;
}
.online-solution .l3:hover .ico {
	background: url(../images/ioc_3_03.png) no-repeat 0px -110px;
}
.online-solution .l4:hover .ico {
	background: url(../images/ioc_4_04.png) no-repeat 0px -110px;
}
/*aboutus*/
section.aboutus {
	position: relative;
	background: url(../images/bg_4.png) 50% 60%;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 920px;
}
.aboutus ul.menu {
	float: right;
	position: absolute;
	top: 18%;
	right: 120px;
	list-style: none;
	width: 80px;
}
.aboutus ul.menu li {
	position: relative;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 10px 0px;
	cursor: pointer;
	width: 110px;
	height: 36px;
}
.aboutus ul.menu li.menu_1 {
	background: url(../images/bg_10.png) no-repeat 0px 4px;
}
.aboutus .items1 {
	width: 655px;
	height: 400px;
	margin: 0 auto;
	position: absolute;
	top: 19%;
	left: 198px;
	overflow: hidden;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.aboutus .items1 strong {
	display: block;
	color: #aace36;
	font-size: 38px;
	margin-bottom: 25px;
}
.aboutus .items1 p {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 30px;
	text-indent: 2em;
}
.sw {
	float: left;
	width: 655px;
	height: 390px;
}
.aboutus .items1 .nth2 ul {
}
.aboutus .items1 .nth2 ul li {
	font-size: 20px;
	color: #fff;
	line-height: 35px;
	padding-left: 30px;
	list-style: none;
	background: url(../images/point.png) no-repeat 0px 13px;
}
.aboutus .items1 .nth3 ul {
	margin-left: 65px;
}
.aboutus .items1 .nth3 ul li {
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	padding-left: 30px;
	list-style: none;
	background: url(../images/point.png) no-repeat 0px 13px;
}
.aboutus table.exp {
	position: absolute;
	left: 76px;
	bottom: 5%;
	width: 900px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 20;
}
.aboutus table.exp p {
	font-family: "Microsoft YaHei";
	margin-right: 17px;
	color: #fff;
	font-family: '';
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
.aboutus.active table.exp {
	bottom: 0px;
}
.aboutus table.exp td {
	width: 20%;
	height: 70px;
	color: #bbb;
	text-align: center;
}
.aboutus table.exp u {
	margin-right: 17px;
	color: #fff;
	font-size: 50px;
	text-decoration: none;
	font-weight: bold;
}
.aboutus table.exp span {
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #fff;
}
/*bg*/
body {
	font-size: 62.5%;
	font-family: "Microsoft Yahei";
	color: #FFF;
}
dt {
	font-size: 2.3em;
}
dd {
}
p {
	font-size: 1.9em;
	padding: 0.4em 0 0.4em 0;
}
a:link, a:visited {
	color: #FFF;
	text-decoration: none;
}
.scroll {
	position: relative;
	font-size: 1.3em;
	margin-top: 6em;
	display: inline-block;
}
.scroll:hover {
	text-decoration: none;
}
.scroll:after {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	top: 40px;
	margin: auto;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation: 3s arrow infinite ease;
	animation: 3s arrow infinite ease;
}
.scroll:after {
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tagline {
	font-size: 2.3em;
	letter-spacing: 0.02em;
	padding: 0;
}
.panel {
	height: 100vh;
	border-bottom: 1px solid #666;
}
.home {
	background-size: cover;
	text-align: center;
}
.overview {
	background: url(../images/bg_1.png) no-repeat center;
	background-size: cover;
}
.templates {
	background: url(../images/bg_6.png) no-repeat center;
	background-size: cover;
}
.overview_01 {
	background: url(../images/bg_1_01.png) no-repeat center;
	background-size: cover;
}
.successful {
	background: url(../images/bg_2.png) no-repeat center;
	background-size: cover;
}
.successful_01 {
	background: url(../images/bg_2_02.png) no-repeat center;
	background-size: cover;
}
.solutions {
	background: url(../images/bg_3.png) no-repeat center;
	background-size: cover;
}
.methods {
	background: url(../images/bg_4.png) no-repeat center;
	background-size: cover;
}
.contact {
	background: url(../images/bg_5.png) no-repeat center;
}
 background-size: cover;
.inner {
	width: 960px;
	margin: 0 auto;
}
pre {
	background: rgba(0,0,0,0.2);
	padding: 2em 0 2em 0;
	font-size: 2.1em;
	margin-top: 0.7em;
}
@-webkit-keyframes arrow {
 0%, 100% {
 top:50px;
}
 50% {
 top:80px;
}
}
@keyframes arrow {
 0%, 100% {
 top:50px;
}
 50% {
 top:80px;
}
}

@media (max-width:960px) {
.inner {
	width: 100%;
}
h1, h2, h3, p, pre, dl {
	margin-left: 30px;
	margin-right: 30px;
}
}
/*contact*/
section.contact {
	position: relative;
	-moz-background-size: cover;
	background-size: cover;
}
.contact_1 {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.contact_2 {
	position: absolute;
}

@media (max-width:1600px) {
.contact_2 {
	top: 11%;
}
}

@media (min-width:1920px) {
.contact_2 {
	top: 30%;
}
}

@media (max-width:1440px) {
.contact_1 .contact_txt1 {
	float: left;
	width: 340px;
	background: rgba(69,69,69,0.8);
	padding-left: 60px;
	color: #fff;
	font-size: 14px;
	height: 408px;
	padding-top: 15px;
}
.contact_1 .contact_txt1 p {
	padding-bottom: 3px;
	font-size: 14px;
	display: block;
}
.contact_1 .contact_txt1 input {
	width: 280px;
	height: 20px;
}
.contact_1 .contact_txt1 textarea {
	height: 40px;
	width: 280px;
}
.contact_1 .contact_txt1 .tj_1 {
	width: 160px;
	height: 50px;
	background: #aace36;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	margin-top: 10px;
	-webkit-appearance: none;
	border: none;
}
.message_1 {
	width: 600px;
	height: 420px;
	background-color: #fff;
	margin-left: 400px;
	padding-top: 3px;
}
.message_2 p {
	margin-left: 40px;
	padding-bottom: 7px;
}
.message_2 span {
	font-size: 20px;
	padding-left: 60px;
	color: #000;
	font-family: "Microsoft Yahei";
	display: block;
	margin-top: -38px;
}
#map {
	
	margin-top: 32px;
}
#allmap{ height:228px;}

}
#map {
	width: 500px;
	margin-left: 40px;

}
.map span {
	margin: 0;
	padding: 0;
	font: 12px/1 "Microsoft Yahei", "΢ÈíÑźÚ", sans-serif;
	font-family: 'Microsoft Yahei'!important;
	color: #000;
}
.map p {
	margin: 0;
	padding: 0;
	font: 12px/1 "Microsoft Yahei", "΢ÈíÑźÚ", sans-serif;
	font-family: 'Microsoft Yahei'!important;
	color: #000;
}

@media (min-width:1442px) {
/*.contact_1 {
	width: 1000px;
	height: 600px;
	padding-top: 9%;
	margin: 0 auto;
}
.contact_1 .contact_txt1 {
	float: left;
	width: 340px;
	background: rgba(69,69,69,0.8);
	padding-left: 60px;
	color: #fff;
	font-size: 14px;
	height: 520px;
	padding-top: 35px;
}
.contact_1 .contact_txt1 p {
	padding-bottom: 6px;
	font-size: 14px;
	display: block;
}
.contact_1 .contact_txt1 input {
	width: 280px;
	height: 25px;
}
.contact_1 .contact_txt1 textarea {
	height: 70px;
	width: 280px;
}
.contact_1 .contact_txt1 .tj_1 {
	width: 160px;
	height: 65px;
	background: #aace36;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	margin-top: 18px;
	-webkit-appearance: none;
	border: none;
}
.message_1 {
	width: 600px;
	height: 530px;
	background-color: #fff;
	margin-left: 400px;
	padding-top: 25px;
}
.message_2 p {
	margin-left: 40px;
	padding-bottom: 0px;
}
.message_2 span {
	font-size: 20px;
	padding-left: 60px;
	color: #000;
	font-family: "Microsoft Yahei";
	display: block;
	position: relative;
	top: -43px;
}*/
.contact_1 .contact_txt1 {
	float: left;
	width: 340px;
	background: rgba(69,69,69,0.8);
	padding-left: 60px;
	color: #fff;
	font-size: 14px;
	height: 408px;
	padding-top: 15px;
}
.contact_1 .contact_txt1 p {
	padding-bottom: 3px;
	font-size: 14px;
	display: block;
}
.contact_1 .contact_txt1 input {
	width: 280px;
	height: 20px;
}
.contact_1 .contact_txt1 textarea {
	height: 40px;
	width: 280px;
}
.contact_1 .contact_txt1 .tj_1 {
	width: 160px;
	height: 50px;
	background: #aace36;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	margin-top: 10px;
	-webkit-appearance: none;
	border: none;
}
.message_1 {
	width: 600px;
	height: 420px;
	background-color: #fff;
	margin-left: 400px;
	padding-top: 3px;
}
.message_2 p {
	margin-left: 40px;
	padding-bottom: 7px;
}
.message_2 span {
	font-size: 20px;
	padding-left: 60px;
	color: #000;
	font-family: "Microsoft Yahei";
	display: block;
	margin-top: -38px;
}
#allmap{ height:270px;}
	
}
/*ÓÑÇéÁ´½Ó*/
.links {
	overflow: hidden;
	padding: 25px 0;
}
.auto {
	width: 100%;
	margin: 0 auto;
}
.links span {
	float: left;
	font-size: 16px;
	color: #1a1a1a;
	height: 20px;
	line-height: 20px;
	margin-right: 25px;
}
.links li a {
	color: #1a1a1a;
	font-size: 16px;
}
.links li {
	float: left;
	font-size: 14px;
	height: 26px;
	line-height: 20px;
	padding-right: 20px;
}
.links li a:hover {
	color: #666;
}
.copyright {
	color: #1a1a1a;
	margin-top: -20px;
	font-size: 14px;
}
.copyright a {
	color: #1a1a1a;
}
.copyright a:hover {
	color: #aace36;
}
/*ÓҲม¶¯Ìõ*/
.fixed ul {
	opacity: 0;
}
.fixed {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 50px;
	z-index: 9000000;
}
.fixed li {
	width: 50px;
	height: 50px;
	margin-bottom: 8px;
	position: relative;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.fixed li span, .fixed li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.fixed li.tel {
	overflow: hidden;
}
.fixed li.tel {
	background-color: rgba(156,202,7,0.5);
	border-radius: 50%;
}
.fixed li.tel span {
	background: url(../images/tel.png) no-repeat center center;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
 50% {
 -webkit-transform:rotate(5deg);
 transform:rotate(5deg);
}
 100% {
 -webkit-transform:  rotate(-5deg);
 transform: rotate(-5deg);
}
}
@keyframes hvr-buzz {
 50% {
 -webkit-transform:rotate(5deg);
 transform:rotate(5deg);
}
 100% {
 -webkit-transform:  rotate(-5deg);
 transform: rotate(-5deg);
}
}
.fixed li.tel em {
	position: absolute;
	left: 50px;
	top: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	width: 130px;
	white-space: nowrap;
}
.fixed li.qq a {
	background: rgba(156,202,7,0.5) url(../images/qq.png) no-repeat center center;
}
.fixed li.weixin {
	overflow: hidden;
}
.fixed li.weixin span {
	background: rgba(156,202,7,0.5) url(../images/wx.png) no-repeat center center;
}
.fixed li.weixin em {
	position: absolute;
	left: -160px;
	padding-right: 25px;
	top: -70px;
	opacity: 0;
	transform: translateX(25px);
	-webkit-transform: translateX(25px);
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.fixed li.weixin em img {
	width: 135px;
	height: 135px;
}
.fixed li.weixin:hover {
	overflow: visible;
}
.fixed li.weixin:hover em {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.fixed li.go-top a {
	background: url(../images/top.png) no-repeat center center;
	background-color: rgba(156,202,7,0.5);
}
.fixed li.go-top a:hover {
	background-color: rgba(130,180,5,1);
}
.fixed .tel:hover {
	width: 205px;
	background-color: rgba(130,180,5,1);
	border-radius: 50px;
	transform: translateX(-155px);
	-webkit-transform: translateX(-155px);
}
.fixed li.qq a:hover {
	background-color: rgba(130,180,5,1);
}
.fixed li.weixin:hover span {
	background-color: rgba(130,180,5,1);
}
/*down*/
.arrowDown {
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	text-align: center;
}
.arrowDown i {
	display: inline-block;
	width: 34px;
	height: 42px;
	background: url(../images/down.png) no-repeat center top;
	-webkit-animation: arrowDown 1s infinite linear;
	cursor: pointer;
}
@-webkit-keyframes arrowDown {
 0% {
 -webkit-transform: translate(0, 0);
}
 25% {
 -webkit-transform: translate(0, 6px);
}
 50% {
 -webkit-transform: translate(0, 0);
}
 75% {
 -webkit-transform: translate(0, -6px);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}


.da-thumbs .hot_info u{width: 230px; height: 128px; margin-top: 0px; font-size: 14px;
text-decoration: none; color: #fff; margin-left:5px; padding:0px 10px;}
.da-thumbs .hot_info span{  z-index: 100;}
.da-thumbs .hot_info u .title{font-size: 14px; line-height: 36px;}
.da-thumbs .hot_info u .content{line-height: 40px;}
/*详情*/
.point_bg{background: url(../images/tm_bg.png); width: 100%; height: 100%; position: fixed;
top: 0; left: 0; z-index: 102;}
.point_box{width: 480px; background-color: #fff; position: fixed;color: #000; border:1px solid #9bbe2a;text-align: left; top:50%; left:50%;  padding-bottom: 30px; display: block;margin-top: -170px;
margin-left: -215px; z-index: 102;}
.point_title h1{font-size: 14px; line-height: 32px; float: left; color: #363636;}
.mar_l{margin-left: 10px; margin-right: 380px;}

.point_title{width: 480px; background: #aace36;}
.cur{cursor: pointer;}
.point_content{width: 420px; padding: 30px;}
.point_content p{text-indent: 2em; font-size: 16px; line-height: 28px; color: #363636;
}
.cle{clear: both;}
.case_title{color: #363636;font-size: 16px; line-height: 28px; }

/*jundie pay*/
.main01{
    width:1050px;margin:170px auto 0;height:580px;
}
.main01 .title{
    width:1100px;margin:0 auto;text-align:center;height:87px;position:relative;
}
.main01 .title h3{
    color:#282829;font-size:24px;font-weight:bold;line-height:60px;position:relative;z-index:1;
}
.main01 .title01 img{
    position:absolute;bottom:0;left:50%;margin-left:-162px;
}
.main01_text{
    width:520px;
}
.main01_text p{
    color:#575757;font-size:16px;text-align:justify;line-height:36px;
}
.main01_text a{
    background-color:#2398f8;border-radius:60px;color:#fff;display:block;height:50px;width:276px;line-height:50px;text-align:center;margin:40px auto 0;
}
#cas{
    margin-top:-70px;
}
.main01 .left{float: left;}
.main01 .right{float: right;}

/*main02*/

.main02_contain{
    width:1100px;margin:0 auto;height:260px;margin-top:40px;
}
.circle_fa{
    float:left;width:10%;box-sizing:border-box;text-align:center;position:relative;
}
.circle_ico{
    position:absolute;top:50%;left:50%;margin:20px 0 0 -15px; width: 90%;
}
.main02_text_fa{
    padding-top:130px;clear:both;margin-left: 5px;
}
.main02_text{
    float:left;width:15%;box-sizing:border-box;text-align:center;
}
.main02_text h3{
    color:#575757;font-size:24px;font-weight:bold;
}
.main02_text h4{
    color:#575757;font-size:16px;font-weight:bold;margin-bottom:15px;
}
.circles-integer{
    display:none;
}
.main02_contain .m_title{color: #575757; font-size: 20px; width: 500px; text-align: center; margin-top: -30px;}
.caption_1 .hangju{line-height: 30px; font-weight: bold !important;}
.caption_1 .mar_top{margin-top: -15px;}

.l1_bg{width: 100%; height: 36px; background:#eff2f4; background-size: 100% 100%;
color: #363636; z-index: 100; line-height: 36px; font-size: 16px; position: absolute;top:80.5%;}
.l1_bg_01{width: 100%; height: 46px; background:#eff2f4;
color: #363636; z-index: 100;  font-size: 16px; position: absolute;top:148px; padding: 5px 0px;}
.cle{clear: both;}
.case_list ul .dc {
	width: 27%;
	height: 184px;
	float: left;
	margin-right: 5%;
	margin-bottom: 2%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.case_list ul .template {
	width: 27%;
	height: 254px;
	float: left;
	margin-right: 5%;
	margin-bottom: 2%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.dc_01{height: 280px;}
.l1_bg h1:hover{color: #759804 !important; }
.l1_bg h2:hover{color: #759804 !important; }
.l1_bg_01 h1:hover{color: #759804 !important; }
.l1_bg_01 h2:hover{color: #759804 !important; }

.BMap_bubble_content p{width: 260px;}

/*广告位*/
.ad_top{position:relative;top:93px;
	}
.clearfix {
    display: block;
}
.ad_top .copy {
    background-color: rgba(0,96,255,0.1);
    padding: 20px 0;
}
.ad_top .about {
    width: 1000px;
    height: 44px;
	text-align:center;margin:0 auto;
}
.ad_top .about dt {
    height: 44px;
    width: 1000px;text-align:center;
}
.ad_top .about dt { animation: change 3s  ease-in  infinite ; font-size: 36px; color:#f00; font-weight: bold}  
        @keyframes change {  
            0%{ text-shadow: 0 0 2px #f00}  
            50%{ text-shadow: 0 0 30px #f00}  
            100%{ text-shadow: 0 0 2px #f00}  
        }  
.ad_top .about dt img{margin-right:10px;}		
.ad_top .about dd {
    margin-left: 160px;
    line-height: 22px;
    color: #ccc;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.ad_seat{width:1000px;margin:0 auto;height:40px;margin-top:20px;}
.ad_seat li{width:248px;float:left;height:40px;text-align:center;line-height:40px;font-size:18px;border:1px solid #fff;cursor:pointer;background-color:#aace36;}
.ad_seat li span{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: #FF1177;}
.ad_seat li span:hover{color:#fff;}		
.ad_seat:after{clear:both;}
.wk_ad{width:100%;height:110px;background:url(../images/wk_bg.jpg) repeat;}
.wk_ad_bg{width:100%;height:90px;background:url(../images/wk_ad_bg.png) no-repeat;padding:10px 0;}
.wk_ad_box{width:1000px;margin:0 auto;height:90px;}
.wk_ad_box h3{text-transform: uppercase;
    display: block;
    font-size:50px;
    color: #fff;
    text-shadow: 0 4px 7px #677f13, 0px -1px 1px #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;}
	.content__container{width:1000px;text-align:center;height:30px;overflow:hidden;line-height:30px;font-size:20px;text-shadow: 0 2px 2px #677f13;}
	.content__container__list {
      margin-top: 0;
      text-align: left;
      list-style: none;      
      -webkit-animation-name: changess;
      -webkit-animation-duration: 10s;
      -webkit-animation-iteration-count: infinite;
      animation-name: changess;
      animation-duration: 10s;
      animation-iteration-count: infinite;}
	  .content__container__list__item{line-height:30px;text-align:center;
        margin:0;}
		@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}
@keyframes changess {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  16.66%, 29.32% {transform:translate3d(0,-25%,0);}
  33.32%,45.98% {transform:translate3d(0,-50%,0);}
  49.98%,62.64% {transform:translate3d(0,-75%,0);}
  66.64%,79.3% {transform:translate3d(0,-50%,0);}
  83.3%,95.96% {transform:translate3d(0,-25%,0);}
}
@keyframes neon5 { 
0% {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
}
100% {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
}
}

@media (min-width:1901px) and (max-width:1919px){
.box_1 {
	top: 19%;
}
.online-solution li h2 {
	margin-top: 10px;
	font-size: 24px;
	line-height: 45px;
	font-family: "Microsoft Yahei";
}
.online-solution li p {
	line-height: 28px;
	font-family: "Microsoft Yahei";
	font-size: 18px;
}
.online-solution ul {
	height: 510px;
}
.online-solution li:hover .img {
	bottom: 0;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.online-solution .l1:hover .bg {
	height: 100%;
}
.online-solution .l2:hover .bg {
	height: 100%;
}
.online-solution .l3:hover .bg {
	height: 100%;
}
.online-solution li {
	width: 24%;
	margin-right: 1%;
}
.online-solution li .wrap {
	top: 160px;
}
.online-solution {
	top: 360px;
}
}