.w1200 {
	margin: 0px auto; width: 1200px;
}
.yjbt {
	color: rgb(51, 161, 212); font-size: 36px; font-weight: bold;
}
.ejbt {
	color: rgb(91, 91, 91); font-size: 18px; font-weight: bold;
}
.ejbt:hover {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold;
}
.company_t2 {
	height: 40px; text-align: center; color: rgb(91, 91, 91); line-height: 40px; font-size: 18px;
}
.company_zbt {
	height: 70px; line-height: 40px; padding-left: 15px; border-left-color: rgb(51, 161, 212); border-left-width: 6px; border-left-style: solid;
}
.company_t3 {
	height: 30px; color: rgb(51, 161, 212); line-height: 30px; font-size: 30px;
}
.company_t3 strong {
	height: 30px; color: rgb(51, 161, 212); line-height: 30px; font-size: 36px;
}
.company_t4 {
	height: 30px; color: rgb(91, 91, 91); line-height: 30px; font-size: 24px;
}
:-ms-input-placeholder {
	color: rgb(102, 102, 102);
}
.link {
	margin: 0px auto; width: 1200px; height: 40px;
}
.link span {
	color: rgb(130, 130, 130); line-height: 40px; font-size: 12px; float: left;
}
.t_fastLink {
	float: right;
}
.t_fastLink li {
	background: url("../Image/topLine.jpg") no-repeat right; padding: 0px 15px; color: rgb(130, 130, 130); line-height: 40px; text-indent: 25px; float: left;
}
.t_fastLink li.last {
	background: url("../Image/t_tel.png") no-repeat left; margin: 0px 0px 0px 15px; text-indent: 10px;
}
.t_fastLink li.anli {
	margin: 0px 0px 0px 5px; padding: 0px 5px; text-indent: 0px;
}
.t_fastLink li a {
	color: rgb(130, 130, 130); font-size: 12px; display: block;
}
.t_fastLink li a:hover {
	color: rgb(255, 116, 4);
}
.t_fastLink li a.old {
	color: rgb(255, 116, 4);
}
.t_fastLink li a.pay {
	background: url("../Image/pay.png") no-repeat left; padding: 0px;
}
.t_fastLink li a.weibo {
	background: url("../Image/t_weibo.png") no-repeat left;
}
.t_fastLink li a.weixin {
	background: url("../Image/t_weixin.png") no-repeat left;
}
.t_fastLink li small {
	color: rgb(255, 116, 4); line-height: 40px; font-size: 14px; font-weight: bold;
}
.flexslider {
	background: url("../Image/loading.gif") no-repeat 50%; height: 430px; overflow: hidden; position: relative;
}
.slides {
	position: relative; z-index: 1;
}
.slides li {
	height: 430px;
}
.slides li a {
	width: 100%; display: block;
}
.flex-control-nav {
	width: 100%; text-align: center; bottom: 10px; position: absolute; z-index: 2;
}
.flex-control-nav li {
	margin: 0px 2px; width: 30px; height: 8px; display: inline-block; -ms-zoom: 1;
}
.flex-control-nav a {
	background: rgb(255, 255, 255); width: 30px; height: 8px; line-height: 4px; text-indent: -9999px; overflow: hidden; display: inline-block; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5;
}
.flex-control-nav .flex-active {
	opacity: 1; -moz-opacity: 1;
}
.top {
	background: url("../Image/body.jpg") repeat-x top; width: 100%; height: 130px; z-index: 100;
}
.nav_wp {
	width: 100%; height: 90px; position: relative;
}
.navfr {
	margin: 0px auto; padding: 0px; width: 1200px;
}
.navfr a.logo {
	background: url("../Image/logo.jpg"); margin: 20px 0px 0px; width: 225px; height: 50px; float: left; display: block;
}
.navfr .nav {
	margin: 15px 0px 0px; float: right;
}
.navfr .nav ul li {
	margin: 0px 10px; width: 115px; height: 70px; line-height: 70px; float: left;
}
.navfr .nav ul li .nav_t {
	width: 100%; position: relative;
}
.navfr .nav ul li .nav_t a {
	text-align: center; color: rgb(51, 51, 51); font-size: 18px; display: block;
}
.navfr .nav ul li .nav_t a:hover {
	color: rgb(0, 135, 199);
}
.navfr .nav ul li .nav_t b {
	background: url("../Image/menu_hover.png") no-repeat; left: 34%; width: 20px; height: 8px; bottom: 0px; margin-left: 11px; display: inline-block; position: absolute; z-index: 9999;
}
.navfr .nav ul li .nav_c {
	left: 0px; top: 90px; width: 100%; height: auto !important; overflow: hidden !important; display: none; position: absolute; z-index: 9998; background-color: rgba(25, 132, 210, 0.95);
}
.navDetail {
	margin: 0px auto; width: 1200px; color: rgb(255, 255, 255);
}
.top_web {
	margin: 0px auto; padding: 45px 0px; width: 1200px; height: 160px;
}
.top_sale {
	margin: 0px auto; padding: 45px 0px; width: 1200px; height: 140px;
}
.top_case {
	margin: 0px auto; padding: 40px 0px; width: 1200px; height: 180px;
}
.top_news {
	margin: 0px auto; padding: 40px 0px; width: 1200px; height: 170px;
}
.top_con {
	margin: 0px auto; padding: 40px 0px; width: 1200px; height: 170px;
}
.top_webIntro {
	padding: 0px 25px 50px; width: 240px; float: left;
}
.top_webIntro span {
	width: 100%; color: rgb(255, 255, 255); line-height: 25px; font-size: 18px; font-weight: bold; display: block;
}
.top_webIntro p {
	padding: 5px 0px; color: rgb(187, 219, 240); line-height: 25px; display: block;
}
.top_webIntro a {
	margin: 10px 0px 0px; border-radius: 5px; border: 1px solid rgb(187, 219, 240); border-image: none; width: 140px; height: 40px; text-align: center; color: rgb(187, 219, 240); line-height: 40px; font-size: 16px; display: block;
}
.top_caseNum a {
	margin: 10px 0px 0px; border-radius: 5px; border: 1px solid rgb(187, 219, 240); border-image: none; width: 140px; height: 40px; text-align: center; color: rgb(187, 219, 240); line-height: 40px; font-size: 16px; display: block;
}
.top_casExpert a {
	margin: 10px 0px 0px; border-radius: 5px; border: 1px solid rgb(187, 219, 240); border-image: none; width: 140px; height: 40px; text-align: center; color: rgb(187, 219, 240); line-height: 40px; font-size: 16px; display: block;
}
.top_webIntro a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.top_caseNum a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.top_casExpert a:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.top_web ul {
	float: left;
}
.top_sale ul {
	float: left;
}
.top_web li {
	margin: 0px !important; width: 180px !important; height: 115px; text-align: center; float: left;
}
.top_sale li {
	margin: 0px !important; width: 180px !important; height: 115px; text-align: center; float: left;
}
.top_web li a {
	padding: 60px 0px 0px; width: 190px; height: 55px; color: rgb(187, 219, 240); line-height: 20px; font-size: 14px; border-left-color: rgb(76, 160, 220); border-left-width: 1px; border-left-style: solid; display: block;
}
.top_sale li a {
	padding: 60px 0px 0px; width: 190px; height: 55px; color: rgb(187, 219, 240); line-height: 20px; font-size: 14px; border-left-color: rgb(76, 160, 220); border-left-width: 1px; border-left-style: solid; display: block;
}
.top_web li a:hover {
	color: rgb(255, 255, 255);
}
.top_sale li a:hover {
	color: rgb(255, 255, 255);
}
.top_web li a.w_1 {
	background: url("../Image/t_web_1.png") no-repeat top;
}
.top_web li a.w_2 {
	background: url("../Image/t_web_2.png") no-repeat top;
}
.top_web li a.w_3 {
	background: url("../Image/t_web_3.png") no-repeat top;
}
.top_web li a.w_4 {
	background: url("../Image/t_web_4.png") no-repeat top;
}
.top_web li a.w_5 {
	background: url("../Image/t_web_5.png") no-repeat top;
}
.top_web li a.w_1:hover {
	background: url("../Image/t_web_1_2.png") no-repeat top;
}
.top_web li a.w_2:hover {
	background: url("../Image/t_web_2_2.png") no-repeat top;
}
.top_web li a.w_3:hover {
	background: url("../Image/t_web_3_2.png") no-repeat top;
}
.top_web li a.w_4:hover {
	background: url("../Image/t_web_4_2.png") no-repeat top;
}
.top_web li a.w_5:hover {
	background: url("../Image/t_web_5_2.png") no-repeat top;
}
.top_sale li a.w_1 {
	background: url("../Image/t_sale_1.png") no-repeat top;
}
.top_sale li a.w_2 {
	background: url("../Image/t_sale_2.png") no-repeat top;
}
.top_sale li a.w_3 {
	background: url("../Image/t_sale_3.png") no-repeat top;
}
.top_sale li a.w_4 {
	background: url("../Image/t_sale_4.png") no-repeat top;
}
.top_sale li a.w_5 {
	background: url("../Image/t_sale_5.png") no-repeat top;
}
.top_sale li a.w_1:hover {
	background: url("../Image/t_sale_1_2.png") no-repeat top;
}
.top_sale li a.w_2:hover {
	background: url("../Image/t_sale_2_2.png") no-repeat top;
}
.top_sale li a.w_3:hover {
	background: url("../Image/t_sale_3_2.png") no-repeat top;
}
.top_sale li a.w_4:hover {
	background: url("../Image/t_sale_4_2.png") no-repeat top;
}
.top_sale li a.w_5:hover {
	background: url("../Image/t_sale_5_2.png") no-repeat top;
}
.top_caseNum {
	padding: 0px 0px 0px 20px; width: 460px; height: 170px; border-right-color: rgb(76, 160, 220); border-right-width: 1px; border-right-style: solid; float: left;
}
.top_caseNum span {
	color: rgb(255, 255, 255); line-height: 25px; font-size: 18px; font-weight: bold; display: block;
}
.top_casExpert span {
	color: rgb(255, 255, 255); line-height: 25px; font-size: 18px; font-weight: bold; display: block;
}
.top_newsIntro span {
	color: rgb(255, 255, 255); line-height: 25px; font-size: 18px; font-weight: bold; display: block;
}
.top_conIntro span {
	color: rgb(255, 255, 255); line-height: 25px; font-size: 18px; font-weight: bold; display: block;
}
.top_caseNum small {
	color: rgb(187, 219, 240); line-height: 25px; font-size: 14px; font-weight: 100; display: block;
}
.top_newsIntro small {
	color: rgb(187, 219, 240); line-height: 25px; font-size: 14px; font-weight: 100; display: block;
}
.top_conIntro small {
	color: rgb(187, 219, 240); line-height: 25px; font-size: 14px; font-weight: 100; display: block;
}
.top_caseNum p {
	height: 70px; color: rgb(187, 219, 240); font-weight: 600; display: block;
}
.top_casExpert {
	padding: 0px 0px 0px 100px; width: 500px; float: left;
}
.top_casExpert p {
	height: 95px; color: rgb(187, 219, 240); line-height: 23px; font-size: 14px; display: block;
}
.top_newsList {
	padding: 0px 0px 0px 100px; width: 360px; float: left;
}
.top_newsList a {
	margin: 0px 0px 40px; width: 135px; color: rgb(187, 219, 240); line-height: 25px; font-size: 16px; float: left; display: block;
}
.top_conList a {
	margin: 0px 0px 40px; width: 135px; color: rgb(187, 219, 240); line-height: 25px; font-size: 16px; float: left; display: block;
}
.top_newsList a:hover {
	color: rgb(255, 255, 255);
}
.top_conList a:hover {
	color: rgb(255, 255, 255);
}
.top_newsIntro {
	padding: 0px 0px 0px 20px; width: 465px; height: 170px; border-right-color: rgb(76, 160, 220); border-right-width: 1px; border-right-style: solid; float: left;
}
.top_conIntro {
	padding: 0px 0px 0px 20px; width: 210px; height: 170px; border-right-color: rgb(76, 160, 220); border-right-width: 1px; border-right-style: solid; float: left;
}
.top_conList {
	padding: 0px 0px 0px 60px; width: 620px; float: left;
}
.banner {
	background: url("../Image/banner.jpg") no-repeat top; width: 100%; height: 430px;margin-top: 167px;
}
.responseBaner {
	background: url("../Response/responseBanner.jpg") no-repeat top; width: 100%; height: 430px;margin-top: 167px;
}
.respon_1 {
	background: rgb(255, 255, 255); padding: 70px 0px; width: 100%; height: 260px;
}
.responCon {
	margin: 0px auto; width: 1200px;
}
.responPic {
	width: 430px; text-align: center;
}
.responDetail {
	width: 640px; line-height: 35px; font-size: 14px;
}
.responDetail h3 {
	color: rgb(51, 51, 51); line-height: 55px; font-family: "Microsoft YaHei"; font-size: 32px; font-weight: 400; display: block;
}
.respon_2 {
	background: rgb(242, 242, 242); padding: 70px 0px; width: 100%; height: 300px;
}
.responIntro {
	background: rgb(37, 183, 158); width: 100%; height: 380px;
}
.responIntro h3 {
	width: 100%; height: 90px; text-align: center; color: rgb(255, 255, 255); line-height: 90px; font-size: 32px; font-weight: 400; display: block;
}
.responDesign {
	margin: 0px auto; width: 1200px;
}
.responCircle {
	background: rgb(34, 186, 160); margin: 0px auto 25px; border-radius: 50%; border: 1px dashed rgb(124, 212, 197); border-image: none; width: 148px; height: 148px; text-align: center; color: rgb(255, 255, 255); line-height: 148px; font-size: 48px; font-weight: bold;
}
.responDesign li {
	margin: 0px 80px; width: 220px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; float: left;
}
.solution {
	margin: 0px auto; padding: 30px 0px; width: 1200px;
}
.solutionTitle {
	width: 100%; height: 85px; text-align: center;
}
.solutionTitle h3 {
	color: rgb(51, 51, 51); font-size: 30px; font-weight: bold; display: block;
}
.solutionTitle span {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; font-weight: 400; display: block;
}
.web {
	background: rgb(255, 255, 255); width: 599px; height: 395px; border-right-color: rgb(230, 230, 230); border-right-width: 1px; border-right-style: solid; float: left;
}
.webTitle {
	background: rgb(0, 135, 199); padding: 15px 0px 0px; height: 60px;
}
.webTitle span {
	color: rgb(255, 255, 255); text-indent: 30px; font-size: 20px; display: block;
}
.saleTitle span {
	color: rgb(255, 255, 255); text-indent: 30px; font-size: 20px; display: block;
}
.webTitle small {
	color: rgb(194, 218, 237); text-indent: 30px; font-size: 14px; display: block;
}
.saleTitle small {
	color: rgb(252, 226, 206); text-indent: 30px; font-size: 14px; display: block;
}
.webDetail {
	padding: 30px 10px;
}
.saleDetail {
	padding: 30px 10px;
}
.webDetail li {
	margin: 10px 15px; width: 150px; height: 130px; float: left;
}
.saleDetail li {
	margin: 10px 15px; width: 150px; height: 130px; float: left;
}
.webDetail li a {
	padding: 60px 0px 0px; transition:0.3s ease-in-out; height: 70px; text-align: center; display: block; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;
}
.saleDetail li a {
	padding: 60px 0px 0px; transition:0.3s ease-in-out; height: 70px; text-align: center; display: block; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;
}
.webDetail li a:hover {
	transform: translate(0px, -5px); -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -o-transform: translate(0, -5px);
}
.saleDetail li a:hover {
	transform: translate(0px, -5px); -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -o-transform: translate(0, -5px);
}
.webDetail li a span {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; display: block;
}
.saleDetail a span {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; display: block;
}
.webDetail li a small {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.saleDetail a small {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.webDetail li a.w_1 {
	background: url("../Image/web_1_1.jpg") no-repeat top;
}
.webDetail li a.w_2 {
	background: url("../Image/web_2_1.jpg") no-repeat top;
}
.webDetail li a.w_3 {
	background: url("../Image/web_3_1.jpg") no-repeat top;
}
.webDetail li a.w_4 {
	background: url("../Image/web_4_1.jpg") no-repeat top;
}
.webDetail li a.w_5 {
	background: url("../Image/web_5_1.jpg") no-repeat top;
}
.webDetail li a.more {
	background: url("../Image/more.jpg") no-repeat top; margin: 15px 0px 0px;
}
.saleDetail li a.more {
	background: url("../Image/more.jpg") no-repeat top; margin: 15px 0px 0px;
}
.webDetail li a.w_1:hover {
	background: url("../Image/web_1_2.jpg") no-repeat top;
}
.webDetail li a.w_2:hover {
	background: url("../Image/web_2_2.jpg") no-repeat top;
}
.webDetail li a.w_3:hover {
	background: url("../Image/web_3_2.jpg") no-repeat top;
}
.webDetail li a.w_4:hover {
	background: url("../Image/web_4_2.jpg") no-repeat top;
}
.webDetail li a.w_5:hover {
	background: url("../Image/web_5_2.jpg") no-repeat top;
}
.webDetail li a.more:hover {
	background: url("../Image/more_blue.jpg") no-repeat top; margin: 15px 0px 0px;
}
.sale {
	background: rgb(255, 255, 255); width: 599px; height: 395px; float: left;
}
.saleTitle {
	background: rgb(245, 145, 33); padding: 15px 0px 0px; height: 60px;
}
.saleDetail li a.s_1 {
	background: url("../Image/sale_1_1.jpg") no-repeat top;
}
.saleDetail li a.s_2 {
	background: url("../Image/sale_2_1.jpg") no-repeat top;
}
.saleDetail li a.s_3 {
	background: url("../Image/sale_3_1.jpg") no-repeat top;
}
.saleDetail li a.s_4 {
	background: url("../Image/sale_4_1.jpg") no-repeat top;
}
.saleDetail li a.s_5 {
	background: url("../Image/sale_5_1.jpg") no-repeat top;
}
.saleDetail li a.more:hover {
	background: url("../Image/more_orange.jpg") no-repeat top; margin: 15px 0px 0px;
}
.saleDetail li a.s_1:hover {
	background: url("../Image/sale_1_2.jpg") no-repeat top;
}
.saleDetail li a.s_2:hover {
	background: url("../Image/sale_2_2.jpg") no-repeat top;
}
.saleDetail li a.s_3:hover {
	background: url("../Image/sale_3_2.jpg") no-repeat top;
}
.saleDetail li a.s_4:hover {
	background: url("../Image/sale_4_2.jpg") no-repeat top;
}
.saleDetail li a.s_5:hover {
	background: url("../Image/sale_5_2.jpg") no-repeat top;
}
.why {
	background: rgb(255, 255, 255); margin: 40px 0px 0px; padding: 60px 0px 90px; width: 100%; height: 350px; text-align: center; clear: both; float: left;
}
.why h3 {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: bold; display: block;
}
.news h3 {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: bold; display: block;
}
.why span {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; font-weight: 400; display: block;
}
.news span {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; font-weight: 400; display: block;
}
.whyCon {
	margin: 40px auto 0px; width: 1200px;
}
.whyCon li {
	width: 395px; height: 190px; border-right-color: rgb(241, 241, 241); border-right-width: 1px; border-right-style: solid; float: left;
}
.whyCon li.last {
	border: currentColor; border-image: none;
}
.whyTitle {
	width: 100%;
}
.whyTitle span {
	color: rgb(255, 110, 4); font-size: 72px; font-weight: bold;
}
.whyCon li span.key {
	width: 100%; color: rgb(97, 97, 97); line-height: 30px; font-size: 18px; font-weight: bold; display: block;
}
.whyCon li small.descrip {
	width: 100%; height: 60px; color: rgb(97, 97, 97); line-height: 20px; font-size: 14px; display: block;
}
.whyCon li a {
	width: 100%; color: rgb(0, 135, 199); font-size: 16px; display: block;
}
.whyCon li a:hover {
	color: rgb(255, 110, 4);
}
.news {
	padding: 30px 0px; width: 100%; height: 510px; text-align: center; clear: both; float: left;
}
.scrollpic {
	margin: 15px auto 0px; width: 1200px;
}
#myscroll {
	width: 100%; height: 355px; overflow: hidden; display: block; position: relative;
}
#myscroll #myscrollbox {
	left: 0px; top: 0px; width: 1000000px; float: left; display: block; position: absolute;
}
#myscroll ul {
	margin: 0px; padding: 0px; float: left; display: block; list-style-type: none;
}
#myscroll ul li {
	padding: 0px; width: 300px; float: left; display: block;
}
#myscroll ul li a {
	background: url("../Image/newsDz.png") no-repeat right bottom rgb(255, 255, 255); margin: 0px 15px; width: 280px; text-align: left; display: block;
}
#myscroll ul li a:hover {
	background: url("../Image/newsDzH.png") no-repeat right bottom rgb(0, 135, 199); box-shadow: 0px 5px 30px rgba(0,0,0,0.18); transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0, -2px, 0); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
}
#myscroll ul li a:hover .newsDetail span {
	color: rgb(255, 255, 255);
}
#myscroll ul li a:hover .newsDetail p {
	color: rgb(153, 207, 233);
}
#myscroll ul li a:hover .newsDetail small {
	color: rgb(153, 207, 233);
}
.newsDetail {
	padding: 10px 15px;
}
.newsDetail span {
	width: 100%; height: 55px; color: rgb(51, 51, 51); line-height: 25px; font-size: 16px; font-weight: 400; display: block;
}
.newsDetail p {
	width: 100%; height: 80px; color: rgb(155, 155, 155); line-height: 25px; display: block;
}
.newsDetail small {
	width: 100%; color: rgb(155, 155, 155); display: block;
}
#mybtns {
	margin: 20px auto; width: 195px; height: 50px;
}
#mybtns a {
	margin: 0px 5px; width: 50px; height: 50px; float: left; display: block;
}
#mybtns a:hover {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#myscroll {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#mybtns a {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#myscroll a:hover .intro {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#myscroll a .intro {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#myscroll #myscrollbox {
	transition:0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
#mybtns #left {
	background: url("../Image/n_l.png") no-repeat center rgb(255, 255, 255); border-radius: 3px;
}
#mybtns #left:hover {
	background: url("../Image/n_l_h.png") no-repeat center rgb(51, 51, 51);
}
#mybtns #more {
	background: url("../Image/n_m.png") no-repeat center rgb(255, 255, 255); border-radius: 3px;
}
#mybtns #more:hover {
	background: url("../Image/n_m_h.png") no-repeat center rgb(51, 51, 51);
}
#mybtns #right {
	background: url("../Image/n_r.png") no-repeat center rgb(255, 255, 255); border-radius: 3px;
}
#mybtns #right:hover {
	background: url("../Image/n_r_h.png") no-repeat center rgb(51, 51, 51);
}
.guest {
	background: rgb(255, 255, 255); padding: 60px 0px 105px; width: 100%; clear: both; float: left;
}
.guest h3 {
	width: 100%; text-align: center; color: rgb(51, 51, 51); font-size: 30px; font-weight: bold; display: block;
}
.guest span {
	margin: 15px 0px 0px; width: 100%; text-align: center; color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; font-weight: 400; display: block;
}
.guestCon {
	margin: 30px auto; width: 1200px;
}
.customer .tab {
	width: 580px; float: left;
}
.customer .tab a {
	margin: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 100px; height: 80px; float: left;
}
.customer .tab a:hover {
	border: 1px solid rgb(255, 110, 4); border-image: none;
}
.customer .tab a.on {
	border: 1px solid rgb(255, 110, 4); border-image: none;
}
.customer .content {
	background: rgb(246, 247, 248); margin: 10px 0px 0px; padding: 5px 25px; width: 550px; height: 155px; overflow: hidden; float: right;
}
.customer .content li {
	display: none;
}
.cont span.title {
	margin: 0px; width: 100%; height: 40px; text-align: left; color: rgb(51, 51, 51); line-height: 40px; font-size: 18px; font-weight: bold;
}
.g_pic {
	margin: 5px 10px 0px 0px; width: 100px; height: 100px; float: left;
}
.cont small {
	width: 440px; color: rgb(51, 51, 51); line-height: 20px; font-size: 18px; float: left;
}
.contDetail {
	margin: 10px 0px 0px; width: 420px; height: 85px; color: rgb(51, 51, 51); line-height: 25px; float: left;
}
.end {
	background: url("../Image/footer.jpg") repeat-x top; width: 100%; height: 385px; clear: both; float: left;
}
.footer {
	margin: 0px auto; padding: 35px 0px 0px; width: 1200px;
}
.f_logo {
	background: url("../Image/f_logo.jpg"); width: 210px; height: 50px; text-indent: -9999px; float: left;
}
.f_menu {
	width: 940px; height: 270px; float: right;
}
.f_menu li {
	width: 100px; float: left;
}
.f_menu li span {
	width: 100%; height: 30px; color: rgb(255, 255, 255); font-size: 16px; display: block;
}
.f_menu li a {
	color: rgb(150, 153, 160); line-height: 30px; font-size: 14px; display: block;
}
.f_menu li a:hover {
	color: rgb(0, 135, 199);
}
.f_menu li.tel {
	width: 200px; float: left;
}
.f_menu li small {
	width: 100%; color: rgb(150, 153, 160); line-height: 30px; font-size: 14px; display: block;
}
.f_menu li.weixin {
	width: 130px; float: left;
}
.f_menu li.weixin span {
	margin: 0px auto; width: 85px; text-align: center; color: rgb(150, 153, 160); line-height: 28px; font-size: 14px; display: block;
}
.f_intro {
	width: 100%; height: 80px; text-align: center; color: rgb(150, 153, 160); line-height: 80px; clear: both; font-size: 14px; float: left;
}
.f_intro a {
	margin: 0px 5px; color: rgb(150, 153, 160);
}
.f_intro a:hover {
	color: rgb(0, 135, 199);
}
.middle {
	background: rgb(255, 255, 255); margin: 25px auto; width: 1200px;
}
.sideBar {
	background: rgb(252, 252, 253); width: 260px; border-right-color: rgb(236, 236, 236); border-right-width: 1px; border-right-style: solid; float: left;
}
.sideBar h3 {
	width: 100%; height: 60px; color: rgb(51, 51, 51); line-height: 60px; text-indent: 25px; font-size: 18px; font-weight: bold; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.sideBar a {
	height: 45px; color: rgb(51, 51, 51); line-height: 45px; text-indent: 30px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.sideBar a:hover {
	background: rgb(255, 110, 4); color: rgb(255, 255, 255);
}
.sideBar a.current {
	background: rgb(255, 110, 4); color: rgb(255, 255, 255);
}
.contact {
	background: rgb(255, 255, 255); margin: 0px 0px 25px; padding: 0px 25px; width: 880px; float: left;
}
.contact span.title {
	width: 100%; height: 60px; color: rgb(51, 51, 51); line-height: 60px; font-size: 24px; font-weight: 400; display: block;
}
.address li {
	margin: 0px 0px 10px; padding: 10px 0px 20px; width: 415px; border-bottom-color: rgb(237, 239, 242); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.address li h3 {
	width: 100%; height: 30px; color: rgb(255, 110, 4); line-height: 20px; font-size: 20px; display: block;
}
.address li span {
	width: 100%; color: rgb(102, 102, 102); line-height: 35px; font-size: 14px; display: block;
}
.address li span strong {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: bold;
}
.address li span b {
	color: rgb(51, 51, 51); text-indent: 10px; font-weight: 600;
}
.address li.cz {
	width: 840px;
}
.czPic {
	padding: 0px 35px 0px 0px; width: 480px; float: left;
}
.address li.lyg {
	float: right;
}
.address li.ly {
	float: right;
}
.address li.jj {
	border: currentColor; border-image: none;
}
.culture span {
	width: 100%; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; font-weight: bold; display: block;
}
.culture p {
	margin: 0px 0px 20px; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; display: block;
}
.c_pic {
	margin: 10px 0px 20px; width: 100%;
}
.cultureList {
	margin: 15px 0px; clear: both; float: left;
}
.cultureList li {
	margin: 0px 10px 0px 0px; padding: 20px 15px; border-radius: 10px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 180px; height: 260px; text-align: center; float: left;
}
.cultureList li.last {
	margin: 0px; float: right;
}
.cultureList li small {
	margin: 5px 0px; display: block;
}
.cultureList li p {
	margin: 10px 0px 0px; text-align: justify; line-height: 25px;
}
.company {
	padding: 0px 15px; width: 830px; color: rgb(102, 102, 102); line-height: 30px;
}
.jobsTitle {
	margin: 35px 0px 0px; width: 100%;
}
.jobsTitle span {
	width: 100%; color: rgb(51, 51, 51); font-size: 18px; font-weight: bold;
}
.jobsTitle p {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; display: block;
}
.job_intro {
	padding: 0px 20px 0px 0px;
}
.job_intro li {
	background: url("../Image/jobLi.jpg") repeat-x bottom; margin: 35px 0px 0px; padding: 0px 0px 10px; width: 415px; float: left; min-height: 130px;
}
.job_intro li b {
	background: rgb(148, 222, 111); margin: 10px 0px 0px; border-radius: 50%; width: 26px; height: 26px; text-align: center; color: rgb(255, 255, 255); line-height: 26px; font-size: 14px; float: left;
}
.job_nr {
	width: 380px; text-align: justify; color: rgb(51, 51, 51); line-height: 35px; font-size: 14px; float: right;
}
.job_intro li.n {
	background: none;
}
.job_intro li.r {
	float: right;
}
.welfare {
	clear: both; float: left;
}
.welfare ul {
	padding: 15px 0px 0px;
}
.welfare li {
	margin: 0px 10px 0px 0px; padding: 90px 0px 0px; border-radius: 10px; border: 1px solid rgb(238, 238, 238); transition:0.2s linear; border-image: none; width: 160px; height: 55px; text-align: center; color: rgb(51, 51, 51); line-height: 35px; font-weight: bold; float: left; cursor: pointer;
}
.welfare li.w_1 {
	background: url("../Image/j_1.png") no-repeat 50px 35px;
}
.welfare li.w_2 {
	background: url("../Image/j_2.png") no-repeat 50px 35px;
}
.welfare li.w_3 {
	background: url("../Image/j_3.png") no-repeat 50px 35px;
}
.welfare li.w_4 {
	background: url("../Image/j_4.png") no-repeat 50px 35px;
}
.welfare li.w_5 {
	background: url("../Image/j_5.png") no-repeat 50px 35px; margin: 0px; float: right;
}
.welfare li.w_1:hover {
	background: url("../Image/j_1_2.png") no-repeat 50px 35px;
}
.welfare li.w_2:hover {
	background: url("../Image/j_2_2.png") no-repeat 50px 35px;
}
.welfare li.w_3:hover {
	background: url("../Image/j_3_2.png") no-repeat 50px 35px;
}
.welfare li.w_4:hover {
	background: url("../Image/j_4_2.png") no-repeat 50px 35px;
}
.welfare li.w_5:hover {
	background: url("../Image/j_5_2.png") no-repeat 50px 35px; margin: 0px; float: right;
}
.recruit {
	width: 100%; clear: both; float: left;
}
.recruit .tab {
	margin: 10px 0px; width: 100%;
}
.recruit .tab a {
	margin: 10px 10px 0px 0px; border-radius: 5px; border: 1px solid rgb(238, 238, 238); border-image: none; width: 140px; height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 14px; float: left;
}
.recruit .tab a:hover {
	background: rgb(255, 110, 4); border: 1px solid rgb(255, 110, 4); border-image: none; color: rgb(255, 255, 255);
}
.recruit .tab a.on {
	background: rgb(255, 110, 4); border: 1px solid rgb(255, 110, 4); border-image: none; color: rgb(255, 255, 255);
}
.recruit .content {
	margin: 15px 0px 0px; width: 100%;
}
.recruit .content li {
	display: none;
}
.re_Title {
	margin: 20px 0px; width: 100%; height: 100px; clear: both; float: left;
}
.re_position {
	padding: 0px 30px 0px 0px; width: 170px; border-right-color: rgb(235, 235, 235); border-right-width: 1px; border-right-style: solid; float: left;
}
.re_Pic {
	width: 100%; text-align: center; color: rgb(255, 110, 4); line-height: 20px; font-size: 18px; font-weight: bold;
}
.re_Title span {
	margin: 0px 0px 0px 30px; width: 500px; height: 35px; color: rgb(102, 102, 102); line-height: 35px; font-size: 14px; float: left; display: block;
}
.re_Title b {
	color: rgb(51, 51, 51);
}
.re_detail {
	padding: 25px 0px 0px; line-height: 35px; clear: both; float: left;
}
.hr {
	margin: 50px 0px; width: 100%; height: 60px; color: rgb(102, 102, 102); line-height: 60px; clear: both; font-size: 16px; border-top-color: rgb(243, 244, 246); border-top-width: 1px; border-top-style: solid; float: left;
}
.hr span {
	margin: 0px 40px 0px 0px; color: rgb(255, 110, 4);
}
.hr a {
	margin: 0px 40px 0px 0px; color: rgb(255, 110, 4);
}
.hr a:hover {
	color: rgb(148, 222, 111);
}
.zy_news {
	background: rgb(255, 255, 255); margin: 25px auto; padding: 15px 25px; width: 1150px; height: auto !important; overflow: visible !important; min-height: 500px;
}
.newsTitle {
	width: 100%; height: 45px; line-height: 45px;
}
.newsTitle a {
	background: url("../Image/interval.png") no-repeat right; width: 135px; text-align: center; color: rgb(51, 51, 51); font-size: 16px; float: left; display: block;
}
.newsTitle a.team {
	width: 105px; text-align: left;
}
.newsTitle a.last {
	background: none;
}
.newsTitle a:hover {
	color: rgb(255, 110, 4);
}
.newsTitle a.current {
	color: rgb(255, 110, 4);
}
.zy_newsCon {
	min-height: 500px;
}
.zy_newsCon li a {
	padding: 15px; width: 97%; height: 185px; display: block;
}
.zy_newsCon li {
	margin: 15px 0px 0px; width: 100%; height: 225px; border-bottom-color: rgb(235, 236, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.zy_newsPic {
	margin: 0px 55px 0px 0px; width: 280px; height: 175px; float: left;
}
.zy_newsDetail {
	width: 780px; float: right;
}
.zy_newsD h3 {
	width: 100%; color: rgb(51, 51, 51); font-size: 18px; font-weight: bold; display: block;
}
.zy_newsD p {
	margin: 10px 0px 0px; width: 100%; height: 105px; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; display: block;
}
.zy_newsD span.time {
	color: rgb(153, 153, 153); line-height: 25px; font-size: 14px; display: block;
}
.zy_newsCon li a:hover {
	box-shadow: 0px 5px 30px rgba(0,0,0,0.18); transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0, -2px, 0); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
}
.zy_news h3.biaoti {
	width: 100%; text-align: center; color: rgb(51, 51, 51); line-height: 35px; font-size: 20px; font-weight: bold; display: block;
}
.meta {
	width: 100%; height: 45px; border-bottom-color: rgb(235, 236, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.meta span {
	height: 45px; color: rgb(153, 153, 153); line-height: 45px; float: left; display: block;
}
.meta small {
	margin: 10px 0px 0px; float: right; display: block;
}
.inside_page {
	padding: 50px; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px;
}
.inside_page img {
	max-width: 1070px;
}
.businessCon {
	margin: 0px auto; width: 1100px;
}
.expressBanner {
	background: url("../Image/ztc.jpg") no-repeat top; width: 100%; height: 400px;
}
.whyExpress {
	background: rgb(243, 244, 246); width: 100%; height: 380px;
}
.whyExpressCon {
	background: url("../Image/trainPic.jpg") no-repeat left; margin: 70px auto 0px; width: 960px; height: 300px;
}
.why_detail {
	margin: 15px 0px 0px; width: 473px; float: right;
}
.why_detail h3 {
	width: 100%; color: rgb(51, 51, 51); font-size: 32px; display: block;
}
.why_detail p {
	margin: 10px 0px 0px; color: rgb(102, 102, 102); line-height: 25px; font-size: 14px;
}
.business {
	background: rgb(255, 255, 255); padding: 35px 0px; width: 100%; float: left;
}
.business h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.Expand h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.youshi h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.step h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.Suitable h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.brain h3 {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
h3.biaoti {
	margin: 0px 0px 25px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.ztc_xx_gd {
	padding: 0px 55px; width: 990px; position: relative;
}
.ztc_xx_gd .prev {
	top: 250px; width: 52px; height: 53px; display: block; position: absolute;
}
.ztc_xx_gd .next {
	top: 250px; width: 52px; height: 53px; display: block; position: absolute;
}
.ztc_xx_gd .prev {
	background: url("../Image/prev.png"); left: 0px;
}
.ztc_xx_gd .next {
	background: url("../Image/next.png"); right: 0px;
}
.ztc_xx_gd .bj {
	background: url("../Image/ztc_xx.png") repeat-y top; left: 0px; top: 0px; width: 990px; height: 571px; position: absolute; z-index: 9999;
}
.ztc_xx_gd .bd li {
	width: 330px; text-align: center; float: left;
}
.ztc_xx_gd .bd li p {
	height: 84px; color: rgb(51, 51, 51); line-height: 24px; font-size: 18px; display: block;
}
.soft {
	margin: 15px 0px 0px;
}
.soft h4 {
	width: 100%; text-align: center; color: rgb(102, 102, 102); line-height: 35px; font-size: 16px; font-weight: 400; display: block;
}
.softCon {
	margin: 20px auto; width: 400px;
}
.softCon a {
	width: 130px; text-align: center; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; float: left; display: block;
}
.Expand {
	background: rgb(243, 244, 246); padding: 60px 0px; width: 100%; height: 400px; clear: both; float: left;
}
.ExpandCon {
	background: url("../Image/tuozhan_pic.jpg") no-repeat left; margin: 25px auto; width: 1100px; height: 295px;
}
.ExpandConIntro {
	margin: 25px 0px 0px; width: 385px; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; font-weight: 400; float: right;
}
.youshi {
	background: rgb(255, 255, 255); padding: 80px 0px; width: 100%; height: 420px; clear: both; float: left;
}
.youshiCon {
	margin: 20px auto 0px; width: 1200px;
}
.youshiCon ul {
	padding: 25px 0px 0px;
}
.youshiCon li {
	margin: 0px 25px; padding: 0px 25px; width: 200px; height: 315px; text-align: center; float: left;
}
.youshiCon li span {
	width: 100%; color: rgb(51, 51, 51); line-height: 25px; font-size: 16px; display: block;
}
.youshiCon li p {
	margin: 15px 0px 0px; width: 100%; text-align: justify; color: rgb(102, 102, 102); line-height: 25px; display: block;
}
.step {
	padding: 40px 0px; width: 100%; clear: both; float: left;
}
.kb15 {
	height: 15px;
}
.kb20 {
	height: 20px;
}
.kb40 {
	height: 40px;
}
.ztc_box6 {
	background: url("../Image/step.png") no-repeat center 75px; margin: 0px auto; width: 940px; height: 500px;
}
.ztc_wb {
	width: 188px; text-align: center; color: rgb(102, 102, 102); float: left;
}
.ztc_bz {
	color: rgb(102, 102, 102);
}
.ztc_bz h4 {
	color: rgb(51, 51, 51); font-size: 16px; display: block;
}
.ztc_xx h4 {
	color: rgb(51, 51, 51); font-size: 16px; display: block;
}
.Suitable {
	background: rgb(255, 255, 255); padding: 60px 0px; width: 100%; clear: both; float: left;
}
.Suitable h4 {
	width: 100%; text-align: center; color: rgb(102, 102, 102); line-height: 25px; font-weight: 100; display: block;
}
.SuitableCon {
	margin: 0px auto; width: 930px;
}
.Suitable li {
	margin: 20px 25px; padding: 0px 25px; width: 130px; height: 150px; text-align: center; color: rgb(102, 102, 102); line-height: 30px; float: left;
}
.adviser {
	background: rgb(51, 51, 51); padding: 45px 0px; width: 100%; height: 50px; float: left;
}
.adviser a {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgb(255, 163, 2); border-image: none; width: 210px; height: 55px; text-align: center; color: rgb(255, 163, 2); line-height: 55px; font-size: 18px; display: block;
}
.adviser a:hover {
	background: rgb(255, 163, 2); border: 1px solid rgb(255, 163, 2); border-image: none; color: rgb(255, 255, 255);
}
.brainBanner {
	background: url("../Image/zhineng.jpg") no-repeat center / cover; width: 100%; height: 430px;
}
.brain {
	background: rgb(255, 255, 255); padding: 45px 0px;
}
.brain p {
	margin: 0px auto; width: 1200px; color: rgb(0, 0, 0); line-height: 40px; font-size: 18px; font-weight: 400;
}
.brainCon {
	padding: 40px 0px; width: 100%;
}
.brainCon span {
	width: 100%; text-align: center; color: rgb(0, 0, 0); line-height: 35px; font-size: 16px; display: block;
}
.module {
	margin: 15px auto; width: 1200px;
}
.module li {
	margin: 10px 10px 100px; width: 220px; height: 270px; overflow: hidden; float: left;
}
.module li.m_1 {
	background: url("../Image/zn_1.png");
}
.module li.m_2 {
	background: url("../Image/zn_2.png");
}
.module li.m_3 {
	background: url("../Image/zn_3.png");
}
.module li.m_4 {
	background: url("../Image/zn_4.png");
}
.module li.m_5 {
	background: url("../Image/zn_5.png");
}
.module a {
	padding: 150px 0px 0px; width: 220px; height: 120px; display: block;
}
.module li a:hover .moduleMore {
	transition:0.5s; top: 10px; opacity: 0.77; -moz-opacity: 0.77; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}
.brainCon h3 {
	text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 32px; display: block;
}
.module span {
	width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 18px; display: block;
}
.moduleMore {
	background: rgb(0, 0, 0); border-radius: 5px; left: 55px; top: 40px; width: 110px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 14px; position: relative; opacity: 0; -moz-opacity: 0;
}
.touchBanner {
	background: url("../Qftouch/qftouch.jpg") no-repeat top; width: 100%; height: 430px;margin-top: 167px;
}
.t_pintai {
	background: rgb(255, 255, 255); padding: 70px 0px; width: 100%;
}
.t_pintai p {
	margin: 15px auto; width: 1002px; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; font-weight: 400;
}
.t_module {
	background: rgb(245, 246, 250); padding: 120px 0px 0px; width: 100%; height: 345px;
}
.t_moduleCon {
	background: url("../Qftouch/qft_1.jpg") no-repeat right bottom; margin: 0px auto; padding: 50px 0px 0px; width: 1100px; height: 300px; color: rgb(102, 102, 102); line-height: 45px; font-size: 18px;
}
.t_moduleCon span {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: 400; display: block;
}
.SaaSDetail span {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: 400; display: block;
}
.t_hyCon span {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: 400; display: block;
}
.t_cjDetail span {
	width: 100%; color: rgb(51, 51, 51); font-size: 30px; font-weight: 400; display: block;
}
.t_moduleCon b {
	margin: 0px 10px 0px 0px; color: rgb(18, 201, 180); font-size: 40px; font-weight: bold;
}
.t_hyCon b {
	margin: 0px 10px 0px 0px; color: rgb(18, 201, 180); font-size: 40px; font-weight: bold;
}
.t_cjDetail b {
	margin: 0px 10px 0px 0px; color: rgb(18, 201, 180); font-size: 40px; font-weight: bold;
}
.SaaS {
	background: rgb(255, 255, 255); padding: 60px 0px; width: 100%;
}
.SaaSCon {
	background: url("../Qftouch/qft_2.jpg") no-repeat left; margin: 0px auto; width: 980px; height: 345px; color: rgb(102, 102, 102); line-height: 45px; font-size: 18px;
}
.SaaSDetail {
	padding: 120px 0px 0px; float: right;
}
.SaaSDetail b {
	margin: 0px 10px 0px 0px; color: rgb(18, 201, 180); font-size: 40px; font-weight: bold;
}
.t_hy {
	background: rgb(245, 246, 250); padding: 30px 0px; width: 100%;
}
.t_hyCon {
	background: url("../Qftouch/qft_3.jpg") no-repeat right; margin: 0px auto; padding: 130px 0px 0px; width: 1100px; height: 280px; color: rgb(102, 102, 102); line-height: 45px; font-size: 18px;
}
.t_cj {
	background: rgb(255, 255, 255); padding: 60px 0px 20px; width: 100%;
}
.t_cjCon {
	background: url("../Qftouch/qft_4.jpg") no-repeat left; margin: 0px auto; padding: 110px 0px 0px; width: 1100px; height: 290px; color: rgb(102, 102, 102); line-height: 45px; font-size: 18px;
}
.t_cjDetail {
	width: 500px; line-height: 30px; float: right;
}
.t_cjDetail p {
	margin: 15px 0px 0px;
}
.t_case {
	padding: 45px 0px; width: 100%;
}
.t_case small {
	width: 100%; text-align: center; color: rgb(153, 153, 153); font-size: 18px; font-weight: 400; display: block;
}
.t_caseCon {
	margin: 0px auto; width: 1200px; height: 340px;
}
.t_caseCon li {
	margin: 20px; float: left;
}
.t_caseCon li a {
	background: rgb(255, 255, 255); padding: 7px; width: 180px; height: 270px; overflow: hidden; float: left;
}
.t_caseCon li a:hover .t_caseNr {
	transition:0.2s linear; top: -275px; opacity: 1; -moz-opacity: 1;
}
.t_caseNr {
	background: url("../Image/caseBg.png"); padding: 25px 20px; top: -275px; width: 140px; height: 220px; position: relative; opacity: 0; -moz-opacity: 0;
}
.t_caseNr p {
	width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 14px; display: block;
}
.t_caseNr span {
	background: rgb(255, 255, 255); margin: 20px 0px 0px; border-radius: 5px; width: 100%; height: 40px; text-align: center; color: rgb(21, 136, 208); line-height: 40px; font-size: 14px; display: block;
}
.t_caseMore {
	margin: 0px auto; border-radius: 7px; border: 1px solid rgb(254, 129, 7); border-image: none; width: 280px; height: 60px; text-align: center; color: rgb(254, 129, 7); line-height: 60px; font-size: 24px; font-weight: bold; display: block;
}
.t_caseMore:hover {
	background: rgb(254, 129, 7); color: rgb(255, 255, 255);
}
.qshopBanner {
	background: url("../Image/qshop.jpg") no-repeat top; width: 100%; height: 380px;
}
.q_plan {
	background: rgb(255, 255, 255); padding: 80px 0px; width: 100%;
}
.q_plan p {
	margin: 0px auto; width: 920px; text-align: center; color: rgb(102, 102, 102); line-height: 25px; font-size: 14px; font-weight: 400;
}
.q_tech {
	margin: 0px auto; padding: 40px 0px; width: 1100px;
}
.q_tech p {
	margin: 10px 0px 0px; width: 100%; text-align: center; line-height: 25px; font-size: 14px;
}
.q_techList {
	margin: 35px 0px 0px; width: 100%;
}
.q_techList li {
	padding: 0px 0px 0px 80px; width: 450px; height: 145px; float: left;
}
.q_techList li.q_1 {
	background: url("../Image/s_1.png") no-repeat 10px 0px;
}
.q_techList li.q_2 {
	background: url("../Image/s_2.png") no-repeat 10px 0px; float: right;
}
.q_techList li.q_3 {
	background: url("../Image/s_3.png") no-repeat 10px 0px;
}
.q_techList li.q_4 {
	background: url("../Image/s_4.png") no-repeat 10px 0px; float: right;
}
.q_techList li.q_5 {
	background: url("../Image/s_5.png") no-repeat 10px 0px;
}
.q_techList li.q_6 {
	background: url("../Image/s_6.png") no-repeat 10px 0px; float: right;
}
.q_techList li span {
	width: 100%; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; display: block;
}
.q_techList li p {
	text-align: left; color: rgb(102, 102, 102); line-height: 25px; font-weight: 400; display: block;
}
.q_development {
	background: rgb(255, 255, 255); padding: 60px 0px; width: 100%; clear: both; float: left;
}
.development {
	background: url("../Image/liucheng.jpg") no-repeat center; margin: 30px auto; width: 830px; height: 390px;
}
.development span {
	font-size: 18px; font-weight: bold; position: relative;
}
.development span.d_1 {
	left: 25px; top: 340px; color: rgb(134, 153, 200);
}
.development span.d_2 {
	left: 35px; top: 20px; color: rgb(255, 97, 80);
}
.development span.d_3 {
	left: 68px; top: 340px; color: rgb(41, 203, 222);
}
.development span.d_4 {
	left: 110px; top: 20px; color: rgb(255, 182, 26);
}
.development span.d_5 {
	left: 180px; top: 340px; color: rgb(120, 205, 127);
}
.trust {
	padding: 45px 0px; width: 100%; clear: both; float: left;
}

.trustCon {
	margin: 15px auto; width: 1200px; height: 440px;
}
.biaoti {
    color: #333333;
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;}
.pcBanner {
	background: url("../Image/pcBanner.jpg") no-repeat top; width: 100%; height: 380px;
}
.system {
	margin: 0px auto; padding: 70px 0px; width: 1100px;
}
.system p {
	text-align: center; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; display: block;
}
.pc_chara p {
	text-align: center; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; display: block;
}
.systemCon {
	padding: 30px 0px; width: 100%;
}
.systemCon li {
	background: url("../Image/pcDz.jpg") no-repeat left; margin: 15px 0px; width: 550px; height: 30px; color: rgb(102, 102, 102); line-height: 30px; text-indent: 15px; font-size: 16px; float: left;
}
.systemCon b {
	color: rgb(22, 190, 142);
}
.pc_chara {
	background: rgb(255, 255, 255); margin: 80px 0px 0px; padding: 45px 0px; width: 100%; clear: both; float: left;
}
.pc_charaCon {
	margin: 0px auto; width: 1200px;
}
.pc_charaCon li {
	background: url("../Image/pLi.jpg") repeat-x bottom; padding: 45px 0px; width: 550px; height: 95px; float: left;
}
.pc_charaCon li.n {
	background: none;
}
.pc_charaCon li.d {
	float: right;
}
.pc_cPic {
	width: 105px; height: 95px; float: left;
}
.pc_charaCon li span {
	margin: 10px 0px 0px; color: rgb(51, 51, 51); font-size: 20px; font-weight: bold; display: block;
}
.pc_charaCon li p {
	text-align: left; color: rgb(102, 102, 102); line-height: 25px; font-size: 14px; display: block;
}
.whyBanner {
	background: url("../Image/whyBanner.jpg") no-repeat top; width: 100%; height: 485px;
}
.Marketing {
	background: url("../Image/saleBg.jpg") no-repeat top; padding: 60px 0px; width: 100%; height: 340px; text-align: center; color: rgb(255, 255, 255); clear: both; float: left;
}
.Marketing h3 {
	width: 100%; font-size: 32px; font-weight: bold; display: block;
}
.Marketing h4 {
	width: 100%; line-height: 40px; font-size: 18px; font-weight: 400; display: block;
}
.Marketing p {
	margin: 25px 0px 0px; width: 100%; line-height: 25px; font-size: 14px; display: block;
}
.Marketing a {
	margin: 45px auto 0px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 210px; height: 55px; color: rgb(255, 255, 255); line-height: 55px; font-size: 18px; display: block;
}
.Marketing a:hover {
	background: rgb(255, 110, 4); border: 1px solid rgb(255, 110, 4); border-image: none;
}
.webProduct {
	background: rgb(255, 255, 255); padding: 60px 0px 80px; width: 100%; clear: both; float: left;
}
.webProductCon {
	margin: 35px auto; width: 1200px;
}
.webPic {
	width: 100%; height: 75px;
}
.webProductCon a {
	margin: 0px 15px; padding: 30px 0px; border-radius: 10px; border: 1px solid rgb(228, 230, 234); border-image: none; width: 200px; height: 120px; text-align: center; float: left; display: block;
}
.webProductCon a:hover {
	border: 1px solid rgb(255, 110, 4); border-image: none;
}
.webProductCon span {
	width: 100%; color: rgb(33, 33, 33); line-height: 35px; font-size: 18px; font-weight: bold; display: block;
}
.webProductCon small {
	width: 100%; color: rgb(102, 102, 102); font-size: 14px; font-weight: 400; display: block;
}
.webPrice {
	padding: 40px 0px; width: 100%; clear: both; float: left;
}
.webPriceCon {
	margin: 25px auto; width: 1200px; height: 180px;
}
.webPriceCon li {
	margin: 10px 0px; float: left;
}
.webPriceCon li a {
	border: 1px solid rgb(243, 244, 246); border-image: none; width: 185px; height: 55px; display: block;
}
.webPriceCon li a:hover {
	border: 1px solid rgb(255, 163, 2); border-image: none;
}
.webPrice a.more {
	margin: 25px auto; border-radius: 5px; border: 1px solid rgb(255, 163, 2); border-image: none; width: 210px; height: 55px; text-align: center; color: rgb(255, 163, 2); line-height: 55px; font-size: 18px; display: block;
}
.webPrice a.more:hover {
	background: rgb(255, 163, 2); border: 1px solid rgb(255, 163, 2); border-image: none; color: rgb(255, 255, 255);
}
.webService {
	background: rgb(255, 255, 255); padding: 60px 0px; width: 100%; clear: both; float: left;
}
.webServiceCon {
	background: url("../Image/servicePic.jpg") no-repeat top; margin: 30px auto; width: 1200px; height: 300px;
}
.webServiceCon li {
	margin: 0px 0px 10px; padding: 15px; border-radius: 5px; border: 1px dashed rgb(228, 230, 234); border-image: none; width: 310px; height: 95px; float: left;
}
.webServiceCon li span {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: bold; display: block;
}
.webServiceCon li p {
	color: rgb(102, 102, 102); line-height: 25px; font-size: 14px;
}
.webServiceCon li.r {
	float: right;
}
.webServiceCon li.third {
	clear: both;
}
.webSiteBanner {
	background: url("../Image/wzBanner.jpg") no-repeat top; width: 100%; height: 165px;
}
.webSite {
	margin: 30px auto; width: 1200px;
}
.webSiteTitle {
	width: 100%; height: 40px;
}
.webSiteTitle a {
	margin: 0px 5px 0px 0px; width: 100px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; font-weight: 400; float: left; display: block;
}
.webSiteTitle a:hover {
	background: rgb(0, 135, 199); border-radius: 5px; color: rgb(255, 255, 255);
}
.webSiteTitle a.current {
	background: rgb(0, 135, 199); border-radius: 5px; color: rgb(255, 255, 255);
}
.webSiteCon {
	padding: 15px 0px; width: 100%;
}
.MarketSiteCon {
	padding: 15px 0px; width: 100%;
}
.webSiteCon li {
	margin: 15px 10px; width: 275px; height: 305px; float: left;
}
.webSiteCon li a {
	background: rgb(255, 255, 255); width: 100%; height: 305px; display: block;
}
.webSiteCon li a:hover {
	background: rgb(0, 122, 195);
}
.webSitePic {
	width: 100%; height: 205px; overflow: hidden;
}
.webSiteCon li img {
	transition:0.2s linear;
}
.webSiteCon li a:hover img {
	transition:0.3s linear; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -transform: scale(1.1, 1.1);
}
.webSiteCon li a:hover .webSiteDetail span {
	background: url("../Image/webSiteDzHover.png") no-repeat right; color: rgb(255, 255, 255);
}
.webSiteCon li a:hover .webSiteDetail small {
	color: rgb(255, 255, 255);
}
.webSiteDetail {
	padding: 10px 15px;
}
.webSiteDetail span {
	background: url("../Image/webSiteDz.png") no-repeat right; width: 100%; height: 25px; color: rgb(0, 122, 195); line-height: 25px; font-size: 16px; display: block;
}
.webSiteDetail small {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; display: block;
}
.MarketSiteCon li {
	margin: 15px 10px; width: 275px; height: 270px; float: left;
}
.MarketSiteCon li a {
	background: rgb(250, 251, 252); width: 100%; height: 270px; display: block;
}
.MarketSiteCon li a:hover {
	background: rgb(0, 122, 195);
}
.MarketSitePic {
	width: 100%; height: 170px; overflow: hidden;
}
.MarketSiteCon li a:hover .MarketSiteDetail span {
	background: url("../Image/webSiteDzHover.png") no-repeat right; color: rgb(255, 255, 255);
}
.MarketSiteCon li a:hover .MarketSiteDetail small {
	color: rgb(255, 255, 255);
}
.MarketSiteDetail {
	padding: 10px 15px;
}
.MarketSiteDetail span {
	background: url("../Image/webSiteDz.png") no-repeat right; width: 100%; height: 25px; color: rgb(0, 122, 195); line-height: 25px; font-size: 16px; display: block;
}
.MarketSiteDetail small {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; display: block;
}
.webMiddle {
	margin: -450px auto 0px; width: 980px;
}
.webIntroModule {
	background: url("../Image/webModule.png") no-repeat top; padding: 28px 0px 0px; width: 100%; height: 537px; text-align: center;
}
.webIntroColor {
	width: 100%; height: 520px;
}
.webIntroBody {
	background: rgb(255, 255, 255); padding: 0px 0px 60px; width: 100%; height: auto !important; overflow: hidden !important;
}
.webNr {
	margin: 0px auto; width: 980px;
}
.webNr span {
	width: 100%; height: 60px; color: rgb(85, 85, 85); line-height: 60px; font-size: 18px; font-weight: bold; display: block;
}
.webPage {
	background: url("../Image/webTop.png") no-repeat top; padding: 35px 0px 110px; width: 100%;
}
.webIntroTitle {
	width: 100%; height: 45px; border-bottom-color: rgb(243, 244, 246); border-bottom-width: 1px; border-bottom-style: solid;
}
.webIntroTitle small {
	color: rgb(102, 102, 102); line-height: 45px; font-size: 14px; font-weight: 400; float: left; display: block;
}
.webIntroTitle a {
	background: url("../Image/url.png") no-repeat left; width: 100px; color: rgb(0, 135, 199); line-height: 45px; text-indent: 30px; float: right; display: block;
}
.webIntroTitle a:hover {
	color: rgb(102, 102, 102);
}
.w_detail {
	padding: 20px 0px; color: rgb(85, 85, 85); line-height: 30px;
}
.w_detail b.t {
	width: 100%; line-height: 45px; font-size: 18px; display: block;
}
.history_zy {
	background: url("../Image/timeLine.jpg") repeat-y left; margin: 20px 0px 100px; width: 100%; height: auto !important; overflow: hidden !important;
}
.history_zy li {
	width: 100%; float: left;
}
.historyYear_zy {
	width: 66px; height: 40px; float: left;
}
.historyYear_zy h3 {
	background: url("../Image/timeDz.jpg") no-repeat top; padding: 20px 0px 0px; width: 66px; height: 20px; color: rgb(255, 110, 4); line-height: 25px; text-indent: 7px; font-size: 14px; font-weight: bold; float: left; display: block;
}
.history_zy li span {
	width: 70px; text-align: right; color: rgb(68, 68, 68); line-height: 45px; font-size: 14px; font-weight: 400; float: left; display: block;
}
.history_zy li small {
	padding: 10px 0px 0px 20px; color: rgb(68, 68, 68); line-height: 25px; font-size: 14px; font-weight: 400; float: left; display: block;
}
.history_zy li.year {
	margin: 40px 0px 0px;
}
#page {
	margin: 50px 0px; width: 100%; text-align: center; clear: both; float: left;
}
#page a {
	margin: 2px; padding: 0.5em 0.64em 0.43em; border-radius: 5px; border: 1px solid rgb(228, 230, 239); border-image: none; color: rgb(102, 102, 102); text-decoration: none;
}
#page a:hover {
	margin: 2px; padding: 0.5em 0.64em 0.43em; border-radius: 5px; border: 1px solid rgb(255, 102, 0); border-image: none; color: rgb(255, 255, 255); background-color: rgb(255, 102, 0);
}
#page a:active {
	margin: 2px; padding: 0.5em 0.64em 0.43em; border-radius: 5px; border: 1px solid rgb(255, 102, 0); border-image: none; color: rgb(255, 255, 255); background-color: rgb(255, 102, 0);
}
#page span.current {
	margin: 2px; padding: 0.5em 0.64em 0.43em; border-radius: 5px; border: 1px solid rgb(255, 102, 0); border-image: none; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(255, 102, 0);
}
#page span.disabled {
	display: none;
}
#prev_next {
	padding: 25px 0px; width: 100%; border-top-color: rgb(235, 236, 241); border-top-width: 1px; border-top-style: solid;
}
#prev_next li {
	width: 100%; height: 35px; line-height: 35px;
}
#prev_next li a:hover {
	color: rgb(0, 135, 199);
}
.submitBottom {
	padding: 25px 0px; width: 100%; height: 145px; clear: both; float: left; background-color: rgba(49, 54, 63, 0.9);
}
.require {
	margin: 0px auto; width: 1200px;
}
.require span {
	width: 100%; color: rgb(255, 255, 255); font-size: 30px; font-weight: 400; display: block;
}
.demand {
	margin: 10px 0px; width: 100%; clear: both; float: left;
}
.requireIntro {
	width: 100%; height: 25px; color: rgb(208, 209, 210); font-size: 14px;
}
.requireIntro a {
	color: rgb(208, 209, 210); font-size: 14px; text-decoration: underline;
}
.requireIntro a:hover {
	color: rgb(25, 132, 210);
}
.name {
	background: rgb(255, 255, 255); margin: 0px 10px 0px 0px; border-radius: 5px; width: 215px; height: 50px; color: rgb(102, 102, 102); text-indent: 15px; font-size: 14px; float: left;
}
.requireCon {
	background: rgb(255, 255, 255); margin: 0px 10px 0px 0px; border-radius: 5px; width: 600px; height: 50px; color: rgb(102, 102, 102); line-height: 50px; text-indent: 15px; font-size: 14px; float: left;
}
.but {
	background: rgb(23, 23, 23); border-radius: 5px; width: 140px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 14px; float: right;
}
.nm_bg {
	background: rgb(250, 250, 250);
}
.nuomi_banner {
	background: url("../Image/nm_banner.jpg") no-repeat top; width: 100%; height: 557px;
}
.nm_t {
	text-align: center; color: rgb(234, 53, 109); font-size: 36px; font-weight: bold;
}
.nm_zy_right {
	padding: 140px 0px; width: 600px; height: 120px; color: rgb(153, 153, 153); line-height: 40px; font-size: 18px; vertical-align: middle; display: table-cell;
}
.nm_zy_right span {
	color: rgb(234, 53, 109); font-size: 30px; font-weight: bold;
}
.nmxx {
	margin: 20px 0px; width: 580px; height: 120px; color: rgb(153, 153, 153); line-height: 30px; overflow: hidden;
}
.nmxx span {
	padding: 3px 0px; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; display: block;
}
.nmxx .left {
	width: 120px;
}
.nmxx .right {
	width: 450px; line-height: 24px;
}
.nm_xc {
	background: url("../Image/mn_19.jpg") no-repeat center; width: 100%; height: 1191px;
}
.nmsj {
	background: rgb(255, 255, 255); margin: -1px -1px 0px 0px; border: 1px solid rgb(223, 223, 223); border-image: none; width: 219px; height: 140px; overflow: hidden;
}
.nmsj a {
	width: 100%; height: 100%; display: block; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px;
}
.nmsj a > div {
	left: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); position: absolute; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.nmsj a div.img {
	transition:0.3s linear; z-index: 2; opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0);
}
.nmsj a div.title {
	z-index: 1; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
}
.nmsj a:hover div.img {
	opacity: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);
}
.nmsj a:hover div.title {
	opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0);
}
.bg_bai {
	background: rgb(255, 255, 255);
}
.pay {
	padding: 0px 10px;
}
.payTitle {
	margin: 40px 0px 10px; width: 100%; color: rgb(255, 110, 4); clear: both; font-size: 24px; font-weight: bold; float: left;
}
.payCon li {
	background: rgb(245, 246, 247); margin: 0px 0px 15px; border-radius: 10px; border: 1px solid rgb(236, 236, 236); border-image: none; width: 420px; height: 245px; float: left;
}
.payCon li.r {
	float: right;
}
.payConTitle {
	padding: 10px 0px 5px; width: 100%; height: 60px; border-bottom-color: rgb(235, 236, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.payConTitle img {
	margin: 5px 0px 0px 5px; float: left;
}
.payConTitle small {
	background: rgb(255, 110, 4); margin: 15px 10px 0px 0px; width: 75px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; float: right;
}
.payDetail {
	padding: 10px 15px; line-height: 32px; font-size: 14px; font-weight: bold;
}
.payDetail span.t {
	color: rgb(102, 102, 102);
}
.payDetail span.d {
	color: rgb(51, 51, 51);
}