html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
body {
	font-family: "Î¢ÈíÑÅºÚ", Arial; font-size: 12px;
}
ul {
	list-style-type: none;
}
ol {
	list-style-type: none;
}
li {
	list-style-type: none;
}
img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
select {
	vertical-align: middle;
}
input {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
iframe {
	border: currentColor; border-image: none;
}
a:link {
	color: rgb(102, 102, 102); text-decoration: none;
}
a:visited {
	color: rgb(102, 102, 102); text-decoration: none;
}
a:hover {
	color: rgb(0, 147, 255); text-decoration: none;
}
a:active {
	color: rgb(0, 147, 255); text-decoration: none;
}
.c {
	height: 0px; line-height: 0; clear: both; font-size: 0px; visibility: visible;
}
.h {
	display: none; visibility: visible;
}
.wrap {
	margin: 0px auto; padding: 0px; border: 0px currentColor; border-image: none; width: 1200px;
}
.wrap::after {
	clear: both; display: table; content: "";
}
.fix {
	
}
.fix::after {
	clear: both; display: table; content: "";
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.posr {
	position: relative;
}
.btn {
	font-family: "ËÎÌå"; font-weight: normal;
}
.px20 {
	height: 20px; line-height: 20px;
}
.editor {
	text-align: left; line-height: 24px;
}
.editor p {
	text-indent: 2em;
}
.editor ol li {
	margin-left: 25px; list-style-type: circle;
}
.editor ul li {
	margin-left: 25px; list-style-type: square;
}
.page {
	text-align: center; margin-top: 20px;
}
.page a {
	padding: 5px 10px; border: 1px solid rgb(46, 175, 187); border-image: none; color: rgb(46, 175, 187); margin-right: 10px; display: inline-block;
}
.page a:hover {
	color: rgb(255, 255, 255); background-color: rgb(46, 175, 187);
}
.page a.now {
	color: rgb(255, 255, 255); background-color: rgb(46, 175, 187);
}
.section {
	overflow: hidden;
}
.hearer {
	height: 100px;
}
.logo {

}
.top {
	text-align: right; color: rgb(153, 153, 153); padding-top: 12px;
}
.top a {
	color: rgb(153, 153, 153); margin-left: 8px;
}
.top .call {
	background: url("../images/sprite.png") no-repeat 0px 0px; width: 20px; height: 16px; margin-right: 4px; vertical-align: bottom; display: inline-block;
}
.top .call_tel {
	color: rgb(46, 175, 187);
}
.top .email {
	background: url("../images/sprite.png") no-repeat -20px 0px; width: 18px; height: 16px; margin-right: 4px; vertical-align: bottom; display: inline-block;
}
.top .weixin {
	background: url("../images/sprite.png") no-repeat -60px 0px; width: 18px; height: 16px; margin-right: 4px; vertical-align: bottom; display: inline-block;
}
.top .ewm {
	position: relative; z-index: 10000;
}
.top .ewm img {
	background: rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; top: 30px; right: 0px; display: none; position: absolute; z-index: 10000;
}
.nav {
	margin-top: 18px; position: relative;
}
.nav li {
	padding-left: 40px; float: left;
}
.nav li a {
	color: rgb(51, 51, 51); line-height: 24px; font-size: 14px; display: inline-block;
}
.nav .nav_icon {
	background: rgb(46, 175, 187); top: -6px; height: 1px; line-height: 1px; display: inline-block; position: relative;
}
.b_title {
	top: 190px; text-align: center; position: relative;
}
.b_text {
	top: 220px; text-align: center; position: relative;
}
.b_info {
	top: 240px; text-align: center; position: relative;
}
.home_title {
	text-align: center; padding-top: 60px;
}
.serve_column {
	overflow: hidden; margin-top: 40px; margin-right: -60px;
}
.serve_column ul {
	width: 1260px; padding-bottom: 20px;
}
.serve_column li {
	background: rgb(255, 255, 255); width: 272px; height: 390px; margin-right: 40px; margin-bottom: 40px; float: left;
}
.serve_column li dt.pic {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 270px; height: 200px; overflow: hidden; position: relative;
}
.serve_column li dt.pic img {
	left: 0px; top: 0px; position: absolute;
}
.serve_column li dt.t {
	height: 66px; line-height: 66px;
}
.serve_column li dt.t a {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: normal;
}
.serve_column li dt.t a:hover {
	color: rgb(46, 175, 187);
}
.serve_column dd {
	color: rgb(153, 153, 153); line-height: 24px; font-family: "ËÎÌå"; font-size: 12px; display: list-item; white-space: nowrap;
}
.succeed {
	background: url("../images/h07.jpg") repeat-x 0px 0px; animation:animatedBackground 30s linear infinite; width: 100%; min-height: 168px; -webkit-animation: animatedBackground 30s linear infinite; -moz-animation: animatedBackground 30s linear infinite;
}
.succeed_title {
	text-align: center; padding-top: 60px;
}
.succeed_text {
	padding-bottom: 50px;
}
.succeed_text .text {
	margin: 50px auto 0px; width: 780px; height: 54px; text-align: center; color: rgb(51, 51, 51); font-size: 14px;
}
.succeed_list {
	width: 100%;
}
.container {
	padding-bottom: 0px;
}
.succeed_list ul {
	width: 100%; font-size: 0px;
}
.succeed_list li {
	width: 20%; overflow: hidden; float: left;
}
.succeed_list li img {
	max-width: 100%;
}
.succeed_list li img {
	transition:0.8s ease-out; opacity: 0.92; transform: scale(1); -mo-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;
}
.succeed_list li:hover img {
	transition:0.6s ease-out; opacity: 1; transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -mo-transition: all 1s ease-out 0s;
}
.home_page {
	text-align: center; margin-top: 50px;
}
.home_page a {
	margin: 0px 3px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 38px; text-align: center; color: rgb(153, 153, 153); line-height: 38px; font-family: "ËÎÌå", Arial; font-size: 20px; font-weight: lighter; display: inline-block;
}
.home_page a:hover {
	border-color: rgb(51, 51, 51); color: rgb(51, 51, 51);
}
.home_news {
	background: url("../images/h19.jpg") 0px 0px; animation:animatedBackground 20s linear infinite; height: 100%; overflow: hidden; -webkit-animation: animatedBackground 20s linear infinite; -moz-animation: animatedBackground 20s linear infinite;
}
.hn_main {
	background: url("../images/shade20.png"); width: 580px; padding-bottom: 24px; margin-top: 40px; position: relative;
}
.hn_main h2 {
	margin-top: 32px; margin-left: 40px;
}
.hn_main h2 a {
	color: rgb(255, 255, 255); font-size: 16px; font-weight: normal;
}
.hn_main .time {
	color: rgb(255, 255, 255); font-weight: normal; margin-top: 14px; margin-left: 40px;
}
.hn_main .time i {
	background: url("../images/sprite.png") no-repeat -40px 0px; width: 16px; height: 18px; margin-right: 10px; vertical-align: middle; display: inline-block;
}
.hn_main .text {
	padding: 0px 40px; height: 61px; margin-top: 12px;
}
.hn_main .text a {
	height: 48px; color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; display: block;
}
.hn_column {
	width: 580px; margin-top: 30px;
}
.hn_column a {
	color: rgb(255, 255, 255); font-weight: normal;
}
.hn_column li {
	background: url("../images/shade20.png"); margin-top: 10px;
}
.hn_column h2 {
	background: url("../images/h18.jpg") no-repeat left; color: rgb(255, 255, 255); line-height: 40px; text-indent: 60px; font-size: 16px;
}
.hn_column .on {
	background: url("../images/h17.jpg") no-repeat left;
}
.hn_column .text {
	padding: 28px 40px; height: 140px; color: rgb(255, 255, 255); line-height: 24px; border-top-color: rgb(124, 155, 173); border-top-width: 1px; border-top-style: solid; display: none;
}
.home_more {
	text-align: center; padding-bottom: 60px; margin-top: 40px;
}
.home_more .btn {
	padding: 0px 24px; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); line-height: 38px; display: inline-block; position: relative; z-index: 2;
}
.top_news_img {
	width: 580px; height: 250px;
}
.picMarquee-left {
	margin: 40px auto 0px; width: 1300px; overflow: hidden; padding-bottom: 20px; position: relative; z-index: 2;
}
.picMarquee-left .hd {
	left: 0px; top: 30px; width: 100%; height: 40px; overflow: hidden; position: absolute; z-index: 4;
}
.picMarquee-left .hd a {
	border: 1px solid rgb(153, 153, 153); border-image: none; width: 38px; height: 38px; text-align: center; color: rgb(153, 153, 153); line-height: 38px; overflow: hidden; font-family: "ËÎÌå"; font-size: 20px; font-weight: lighter; display: block; cursor: pointer;
}
.picMarquee-left .hd a:hover {
	border-color: rgb(51, 51, 51); color: rgb(51, 51, 51);
}
.picMarquee-left .hd .next {
	float: right;
}
.picMarquee-left .hd .prev {
	float: left;
}
.picMarquee-left .bd {
	margin: 0px auto; width: 1178px; position: relative; z-index: 31;
}
.picMarquee-left .bd ul {
	-ms-overflow-x: hidden;
}
.picMarquee-left .bd ul li a {
	width: 180px; height: 100px; display: block;
}
.picMarquee-left .bd ul li {
	margin: 0px 7px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 180px; height: 100px; text-align: center; overflow: hidden; float: left; _display: inline;
}
.picMarquee-left .bd ul li img {
	transition:0.6s ease-in-out; transform: scale(1);
}
.picMarquee-left .bd ul li:hover img {
	transition:0.6s ease-in-out; position: relative; z-index: 2; transform: scale(1.1);
}
.picMarquee-left .bd ul li .pic {
	text-align: center;
}
.picMarquee-left .bd ul li .pic img {
	width: 178px; height: 98px; display: block;
}
.contact {
	background: rgb(46, 175, 187); padding-top: 38px; padding-bottom: 60px; margin-top: 40px;
}
.contact h2 {
	margin-bottom: 28px;
}
.contact h2 a {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: normal;
}
.home_about {
	width: 250px;
}
.home_about dt {
	margin-bottom: 24px;
}
.home_about dt a {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: normal;
}
.home_about dd {
	color: rgb(238, 238, 238); line-height: 28px; font-family: "ËÎÌå";
}
.home_about .more {
	padding: 0px 24px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(255, 255, 255); line-height: 38px; margin-top: 12px; display: inline-block;
}
.home_about .more:hover {
	border-color: rgb(255, 255, 255);
}
.home_case {
	width: 300px; margin-left: 45px;
}
.home_case li {
	padding: 14px 0px; height: 52px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.home_case li:first-child {
	border: 0px currentColor; border-image: none; padding-top: 3px;
}
.home_case li img {
	margin-right: 18px; float: left;
}
.home_case h5 {
	line-height: 28px; margin-top: -5px;
}
.home_case h5 a {
	color: rgb(255, 255, 255); font-size: 14px; font-weight: normal;
}
.home_case .text {
	line-height: 22px;
}
.home_case .text a {
	color: rgb(221, 221, 221); font-family: "ËÎÌå";
}
.home_case .label {
	color: rgb(204, 204, 204); line-height: 28px;
}
.home_service {
	width: 230px; margin-left: 45px;
}
.home_service a.sub {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 98px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 12px; margin-top: 3px; margin-right: 12px; margin-bottom: 12px; display: inline-block;
}
.home_service a.sub:hover {
	border-color: rgb(255, 255, 255);
}
.home_contact {
	margin-left: 40px;
}
.home_contact li {
	color: rgb(221, 221, 221); margin-bottom: 14px;
}
.home_contact li i {
	width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; display: inline-block;
}
.home_contact li .addres {
	background: url("../images/sprite.png") no-repeat 0px -20px;
}
.home_contact li .weibo {
	background: url("../images/sprite.png") no-repeat -20px -20px;
}
.home_contact li .email {
	background: url("../images/sprite.png") no-repeat -40px -20px;
}
.home_contact li .weixin {
	background: url("../images/sprite.png") no-repeat -80px -20px;
}
.home_contact li .call {
	background: url("../images/sprite.png") no-repeat 0px 0px;
}
.home_contact li a {
	color: rgb(221, 221, 221);
}
.blogroll {
	padding: 30px 0px; text-align: center; color: rgb(153, 153, 153); line-height: 28px;
}
.blogroll a {
	color: rgb(153, 153, 153); display: inline-block;
}
.blogroll a:hover {
	color: rgb(51, 51, 51);
}
.blogroll .copyright {
	margin-top: 16px;
}
.inside_banner {
	position: relative;
}
.inside_banner_service {
	background: url("../images/service_banner.jpg") no-repeat center; height: 400px;
}
.inside_banner_mobile {
	background: url("../images/m_banner.jpg") no-repeat center; height: 400px;
}
.inside_banner_solution {
	background: url("../images/sl_banner.jpg") no-repeat center; height: 400px;
}
.inside_banner_news {
	background: url("../images/n_banner.jpg") no-repeat center; height: 400px;
}
.inside_banner .wrap {
	height: 100%;
}
.about {
	overflow: hidden;
}
.about_tab {
	margin: 0px auto; width: 1200px; height: 100%; position: relative;
}
.about_tab ul {
	left: 0px; bottom: 0px; font-size: 0px; position: absolute;
}
.about_tab li {
	width: 100px; text-align: center; vertical-align: bottom; display: inline-block; -ms-zoom: 1;
}
.about_tab li a {
	color: rgb(255, 255, 255); line-height: 40px; font-size: 14px;
}
.about_tab li.on a {
	line-height: 100px;
}
.about_tab .blue {
	background: rgb(67, 188, 199);
}
.about_tab .green {
	background: rgb(166, 210, 80);
}
.about_tab .yellow {
	background: rgb(234, 176, 85);
}
.about_tab .orange {
	background: rgb(233, 211, 86);
}
.about_title {
	text-align: center; padding-top: 60px; padding-bottom: 32px;
}
.about_main {
	width: 600px; position: relative;
}
.about_pic {
	width: 490px; position: relative;
}
.about_pic img {
	position: absolute;
}
.about_cont {
	padding-bottom: 30px; margin-bottom: 30px; position: relative;
}
.about_main :first-child.about_cont {
	border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: dashed;
}
.about_cont h2 {
	color: rgb(51, 51, 51); font-size: 26px; font-weight: normal; margin-bottom: 5px;
}
.about_cont h4 {
	background: url("../images/a03.jpg") no-repeat left bottom; color: rgb(51, 51, 51); padding-bottom: 8px; font-size: 16px; font-weight: normal; margin-bottom: 30px; white-space: nowrap;
}
.about_cont .text {
	color: rgb(51, 51, 51); line-height: 28px; font-size: 14px;
}
.about_cont li {
	width: 300px; margin-bottom: 14px; float: left;
}
.about_cont li span {
	background: rgb(75, 205, 217); padding: 0px 4px; color: rgb(255, 255, 255); line-height: 12px; font-size: 10px; margin-right: 8px;
}
.culture {
	background: url("../images/a04.jpg") no-repeat center; min-height: 540px;
}
.culture :first-child.about_cont {
	border: 0px currentColor; border-image: none;
}
.zhizi {
	background: rgb(247, 247, 247); text-align: center; padding-bottom: 74px;
}
.zhizi ul {
	display: inline-block; -ms-zoom: 1;
}
.zhizi li {
	margin: 0px 13px; float: left;
}
.jion {
	background: url("../images/a14.jpg") no-repeat center; min-height: 720px;
}
.jion .test {
	border-width: 78px 0px; border-style: solid; border-color: rgb(46, 175, 187) transparent transparent; width: 0px; height: 0px;
}
.jion .about_title {
	position: relative; z-index: 3;
}
.jion_box {
	margin: 0px auto; width: 1200px; position: relative;
}
.jion_img {
	left: 0px; top: 15px; position: absolute;
}
.jion_img > img:first-child {
	top: 151px; margin-right: -3px; position: relative;
}
.jion_img img {
	
}
.jion_tab {
	left: 75px; top: 151px; position: absolute;
}
.jion_tab li {
	background: url("../images/a19.png") no-repeat; width: 150px; height: 150px; text-align: center; color: rgb(255, 255, 255); line-height: 150px; font-size: 20px; float: left; cursor: pointer;
}
.jion_tab .post {
	display: none;
}
.jion_tab li:hover {
	background: url("../images/a18.png") no-repeat;
}
.jion_tab li:hover .post {
	display: block;
}
.jion_tab li:hover .icon {
	display: none;
}
.jion_tab li.on {
	background: url("../images/a18.png") no-repeat;
}
.jion_tab li.on .post {
	display: block;
}
.jion_tab li.on .icon {
	display: none;
}
.jion_info {
	margin-top: 260px; margin-left: 250px;
}
.jion_info dl {
	display: none;
}
.job_tab {
	width: 540px; display: none;
}
.job_tab li {
	color: rgb(51, 51, 51); line-height: 20px; padding-left: 16px; font-size: 20px; margin-right: 16px; border-left-color: rgb(217, 217, 217); border-left-width: 2px; border-left-style: solid; float: left;
}
.job_tab li:first-child {
	border: 0px currentColor; border-image: none; padding-left: 0px; cursor: auto;
}
.job_tab .on {
	color: rgb(46, 175, 187);
}
.job_tab .intro {
	color: rgb(51, 51, 51); line-height: 28px; font-size: 14px; margin-top: 16px; display: none;
}
.jion .send {
	background: url("../images/a17.png") no-repeat; top: 444px; width: 160px; text-align: center; right: 222px; color: rgb(255, 255, 255); line-height: 160px; font-size: 16px; display: inline-block; position: absolute;
}
.case_demo {
	bottom: -384px; position: absolute;
}
.case_demo li {
	padding: 0px; width: 384px; float: left; position: relative;
}
.case_info {
	padding: 10px 20px; left: 0px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.case_info h3 {
	color: rgb(255, 255, 255); padding-bottom: 6px; font-size: 16px; font-weight: normal; position: relative; z-index: 1;
}
.case_info .text {
	color: rgb(204, 204, 204); line-height: 20px; font-size: 12px; position: relative; z-index: 1;
}
.case_shade_top {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 384px; height: 100%; position: absolute; opacity: 0.5;
}
.case_info .case_icon {
	padding: 12px 0px; display: none;
}
.case_info .case_icon img {
	position: relative;
}
.case_shade {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.5;
}
.case_type {
	top: 100px; width: 200px; right: 0px; position: absolute;
}
.case_type li {
	width: 100px; height: 100px; float: right; opacity: 0;
}
.case_type li a {
	text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 18px; display: block;
}
.case_type .green {
	background: rgb(67, 188, 199);
}
.case_type .red {
	background: rgb(222, 103, 100);
}
.case_type .blue {
	background: rgb(49, 160, 225);
}
.case_type .purple {
	background: rgb(106, 139, 210);
}
.case_type .orange {
	background: rgb(154, 192, 71);
}
.case_type .gray {
	background: rgb(199, 166, 67);
}
.case_search {
	background: rgb(247, 247, 247); padding: 60px 0px 40px;
}
.case_seek {
	border: 1px solid rgb(75, 205, 217); border-image: none; display: inline-block; -ms-zoom: 1;
}
.case_seek input {
	background: none; border: 0px currentColor; border-image: none; width: 0px; color: rgb(102, 102, 102); text-indent: 10px;
}
.case_seek img {
	padding: 10px; cursor: pointer;
}
.case_more {
	text-align: center; margin-top: 40px;
}
.case_more a {
	border: 1px solid rgb(46, 175, 187); border-image: none; width: 1200px; color: rgb(46, 175, 187); line-height: 38px; font-size: 14px; display: inline-block;
}
.crumbs {
	color: rgb(153, 153, 153); line-height: 40px; font-family: "ËÎÌå"; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 1px; border-bottom-style: solid;
}
.crumbs .icon {
	background: url("../images/sprite.png") no-repeat -80px 4px; width: 14px; height: 14px; margin-right: 4px; display: inline-block;
}
.crumbs a {
	color: rgb(153, 153, 153);
}
.crumbs a:hover {
	color: rgb(102, 102, 102);
}
.crumbs .on {
	color: rgb(102, 102, 102);
}
.case_top {
	margin-top: 40px;
}
.case_top h2 {
	margin-bottom: 8px;
}
.case_top h2 a {
	color: rgb(46, 175, 187); font-size: 16px; font-weight: normal; margin-right: 12px; display: inline-block;
}
.case_top h3 {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: normal; margin-bottom: 8px;
}
.case_top .date {
	color: rgb(153, 153, 153);
}
.case_top .intro {
	width: 440px; color: rgb(153, 153, 153); line-height: 26px;
}
.case_sign {
	margin-top: 30px;
}
.case_sign .info {
	color: rgb(153, 153, 153); line-height: 26px; margin-top: 10px;
}
.case_sign .info a {
	color: rgb(153, 153, 153); text-decoration: underline; margin-top: 10px; display: inline-block;
}
.case_phone {
	background: url("../images/case_phone_bg.jpg") no-repeat center; width: 100%; height: 882px; padding-top: 78px; margin-top: 40px;
}
.case_phone_bg {
	background: url("../images/phone_bg2.png") no-repeat center; margin: 0px auto; width: 405px; height: 723px; position: relative;
}
.phone_slider {
	width: 350px; height: 560px; padding-top: 69px; margin-left: 28px;
}
.case_erweima {
	margin: 60px auto; border: 1px solid rgb(227, 227, 227); border-image: none; width: 200px;
}
.case_erweima_btn {
	margin: 0px auto; padding: 0px 10px; width: 140px; height: 40px; text-align: center; line-height: 40px; background-color: rgb(46, 175, 187);
}
.case_erweima_btn a {
	color: rgb(227, 227, 227);
}
a.btn_case_see {
	margin: 30px auto; border: 1px solid rgb(46, 175, 187); border-image: none; width: 100%; height: 32px; text-align: center; color: rgb(46, 175, 187); line-height: 32px; font-size: 14px; display: block; background-color: rgb(255, 255, 255);
}
.c_back {
	text-align: center; margin-top: 60px;
}
.c_back img {
	cursor: pointer;
}
.ser_project ul {
	margin: 40px auto; width: 1200px;
}
.ser_project li {
	overflow: hidden; margin-left: 40px; float: left; position: relative;
}
.ser_project li:first-child {
	margin: 0px;
}
.blur {
	-webkit-filter: blur(4px); -moz-filter: blur(4px);
}
.blur_shade {
	background: url("../images/blur.png") no-repeat; left: 0px; top: -600px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 2; opacity: 0;
}
.blur_shade h4 {
	color: rgb(51, 51, 51); padding-top: 100px; font-size: 20px; font-weight: normal;
}
.blur_shade .text {
	background: url("../images/s13.jpg") no-repeat top; padding: 8px 10px 0px; color: rgb(51, 51, 51); font-size: 14px; margin-top: 8px;
}
.ser_scope {
	background: rgb(247, 247, 247); padding-bottom: 70px;
}
.picBox {
	margin: 40px auto; width: 1200px;
}
.picBox li {
	width: 400px; float: left; display: table; position: relative;
}
.picBox .ser_info {
	left: 0px; width: 100%; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; position: absolute;
}
.picBox .s1 .ser_info {
	bottom: 0px;
}
.picBox .s3 .ser_info {
	top: 0px;
}
.picBox .s5 .ser_info {
	bottom: 0px;
}
.picBox .ser_shade {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.6;
}
.picBox h2 {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: normal; position: relative; z-index: 2;
}
.picBox .s2::after {
	border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent rgb(46, 175, 187) transparent transparent; left: -20px; top: 50%; width: 0px; height: 0px; position: absolute; content: "";
}
.picBox .s4::after {
	border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(46, 175, 187); top: 50%; width: 0px; height: 0px; right: -20px; position: absolute; z-index: 2; content: "";
}
.picBox .s6::after {
	border-width: 10px; border-style: dashed dashed solid; border-color: transparent transparent rgb(46, 175, 187); left: 50%; top: -20px; width: 0px; height: 0px; position: absolute; content: "";
}
.picBox .intro {
	margin: auto 28px; left: 0px; top: 0px; color: rgb(255, 255, 255); line-height: 26px; padding-top: 36px; font-size: 14px; position: absolute;
}
.picBox dl {
	margin: auto 38px; left: 0px; top: 0px; color: rgb(255, 255, 255); line-height: 26px; padding-top: 36px; font-size: 14px; position: absolute;
}
.picBox dt {
	font-size: 18px; margin-bottom: 8px;
}
.picBox dd {
	display: list-item; list-style-type: circle; white-space: nowrap;
}
.picBox li img {
	width: 400px; height: 220px;
}
.sp_box {
	margin-top: 40px;
}
.picScroll-left {
	margin: 0px auto; width: 1200px; overflow: hidden; padding-bottom: 40px; position: relative;
}
.picScroll-left .hd {
	width: 100%; text-align: center; bottom: 0px; overflow: hidden; position: absolute; z-index: 2;
}
.picScroll-left .hd a {
	margin: 0px 5px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 38px; text-align: center; color: rgb(153, 153, 153); line-height: 38px; font-size: 20px; font-weight: 200; display: inline-block; cursor: pointer;
}
.picScroll-left .hd a:hover {
	border-color: rgb(51, 51, 51); color: rgb(51, 51, 51);
}
.mobile_column {
	
}
.mobile_column ul {
	margin: 40px auto; width: 1200px;
}
.mobile_column li {
	width: 360px; text-align: center; margin-left: 40px; float: left;
}
.mobile_column li:first-child {
	margin-left: 0px;
}
.mobile_column .title {
	margin: 10px auto; color: rgb(34, 34, 34); line-height: 26px; font-size: 16px;
}
.mobile_column .intro {
	margin: 0px auto; width: 320px; color: rgb(153, 153, 153); line-height: 22px;
}
.wechat {
	background: url("../images/m06.jpg") no-repeat top; position: relative;
}
.wechat dl {
	margin-top: 300px; margin-left: 140px; float: left;
}
.wechat dt {
	color: rgb(51, 51, 51); font-size: 36px; margin-bottom: 30px;
}
.wechat dd {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.wechat_intro {
	top: 40px; overflow: hidden; margin-top: 60px; position: relative;
}
.wechat_img {
	left: 86px; width: 540px; overflow: hidden; float: right; position: relative; min-height: 680px;
}
.wechat_img img {
	right: 0px; bottom: 0px; position: absolute;
}
.wi_left {
	width: 460px; margin-left: 78px; position: relative;
}
.wi_left img {
	position: relative;
}
.wi_right {
	background: url("../images/m10.jpg") no-repeat left top; width: 540px; padding-top: 92px; padding-left: 115px;
}
.wi_right h2 {
	color: rgb(51, 51, 51); font-size: 36px; font-weight: normal; margin-bottom: 30px;
}
.wi_right h3 {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: normal; margin-bottom: 28px;
}
.wi_right .text {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px; font-weight: normal;
}
.solution_list {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.solution_list ul {
	margin-right: -48px;
}
.solution_list li {
	width: 333px;
	margin-right: 40px;
	margin-bottom: 38px;
	float: left;
	position: relative;
}
.solution_list h2 {
	color: rgb(51, 51, 51);
	line-height: 48px;
	font-size: 20px;
	font-weight: normal;
	border-bottom-color: rgb(46, 175, 187);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.solution_list h2 a {
	color: rgb(51, 51, 51);
}
.solution_list h2 a:hover {
	color: rgb(46, 175, 187);
}
.solution_list .intro {
	color: rgb(153, 153, 153);
	line-height: 22px;
	margin-top: 4px;
}
.solution_list .intro a:hover {
	color: rgb(46, 175, 187);
}
.solution_list .shade {
	width: 370px; height: 120px; display: block;
}
.solution_list .solu_img {
	width: 333px;
	height: 108px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.solu_img .shade {
	background: rgb(255, 255, 255);
	transition:0.5s;
	left: 0px;
	top: 100%;
	width: 100%;
	height: 108px;
	position: absolute;
	z-index: 3;
	opacity: 0.6;
}
.solu_img:hover .shade {
	transition:0.6s ease-in-out; top: 0px;
}
.solu_img .img_icon {
	transition:0.6s ease-in-out; left: -100%; top: 50%; margin-top: -20px; margin-left: -20px; display: inline-block; position: absolute; z-index: 3; transform: rotate(360deg);
}
.solu_img:hover .img_icon {
	transition:0.6s ease-in-out; left: 50%; transform: rotate(3600deg); -webkit-transform: rotate(3600deg); -moz-transform: rotate(3600deg); -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transform: rotate(3600deg); -o-transition: .6s ease-in-out;
}
.solu_img img {
	transition:0.6s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transform: scale(1); -o-transition: All .6s ease-in-out;
}
.solu_img:hover > img {
	transition:0.6s ease-in-out; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transform: scale(1.2); -o-transition: All .6s ease-in-out;
}
.news_tab {
	margin: 60px auto 0px; width: 1200px;
}
.news_tab ul {
	margin-right: -40px;
}
.news_tab li {
	width: 205px; height: 70px; overflow: hidden; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; float: left;
}
.news_tab h2 {
	color: rgb(255, 255, 255); padding-top: 12px; font-size: 20px; font-weight: normal;
}
.news_tab .eg {
	color: rgb(255, 255, 255); text-transform: uppercase; padding-bottom: 12px; font-family: Arial; font-size: 14px;
}
.news_tab li:hover {
	opacity: 1;
}
.news_tab li.sel {
	opacity: 0.8;
}
.news_tab .cyan {
	background: rgb(67, 188, 199); opacity: 0.8;
}
.news_tab .red {
	background: rgb(222, 103, 100); opacity: 0.8;
}
.news_tab .blue {
	background: rgb(49, 160, 225); opacity: 0.8;
}
.news_tab .purple {
	background: rgb(106, 139, 210); opacity: 0.8;
}
.news_tab .green {
	background: rgb(154, 192, 71); opacity: 0.8;
}
.news_tab .black {
	background: rgb(0, 0, 0);
}
.news_tab .cyansel {
	background: rgb(67, 188, 199); opacity: 1;
}
.news_tab .redsel {
	background: rgb(222, 103, 100); opacity: 1;
}
.news_tab .bluesel {
	background: rgb(49, 160, 225); opacity: 1;
}
.news_tab .purplesel {
	background: rgb(106, 139, 210); opacity: 1;
}
.news_tab .greensel {
	background: rgb(154, 192, 71); opacity: 1;
}
.news_list {
	margin: 0px auto;
	width: 1080px;
	overflow: hidden;
}
.news_list li {
	margin-top: 40px;
	position: relative;
	-ms-zoom: 1;
}
.news_list .line {
	background: rgb(46, 175, 187); display: block; position: absolute;
}
.news_list li::after {
	clear: both; display: table; content: "";
}
.news_time {
	background: rgb(46, 175, 187); padding: 18px 20px 40px 0px; width: 120px; height: 100%;
}
.news_time .day {
	text-align: right; color: rgb(255, 255, 255); font-family: "Impact"; font-size: 70px; display: block;
}
.news_time .year {
	text-align: right; color: rgb(238, 238, 238); line-height: 22px; display: block;
}
.news_time .author {
	text-align: right; color: rgb(238, 238, 238); line-height: 22px; display: block;
}
.news_time .type {
	background: url("../images/n01.jpg") no-repeat right top; text-align: right; padding-top: 6px; margin-top: 4px; display: block;
}
.news_time .type a {
	color: rgb(255, 255, 255); font-family: "ËÎÌå", Arial;
}
.news_cont {
	width: 980px; margin-right: 40px;
}
.news_cont h2 {
	padding-top: 26px; font-size: 20px; font-weight: normal;
}
.news_cont h2 a {
	color: rgb(51, 51, 51);
}
.news_cont a:hover {
	color: rgb(46, 175, 187);
}
.news_cont .demo {
	line-height: 24px; margin-top: 14px;
}
.news_cont .vis {
	color: rgb(153, 153, 153); line-height: 38px; margin-top: 12px;
}
.news_cont .more {
	padding: 0px 24px; border: 1px solid rgb(46, 175, 187); border-image: none; color: rgb(46, 175, 187); line-height: 38px; float: right; display: inline-block;
}
.news_more {
	margin: 40px auto 80px; width: 1200px; text-align: center;
}
.news_more a {
	border: 1px solid rgb(46, 175, 187); border-image: none; color: rgb(46, 175, 187); line-height: 38px; font-size: 14px; display: block;
}
.backg_new {
	background: rgb(247, 247, 247); padding: 1px 0px 40px; margin-bottom: -40px;
}
.news_info {
	margin: 0px auto; width: 1200px;
}
.news_box {
	width: 840px;
}
.news_title {
	padding-bottom: 18px; margin-top: 40px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.news_title h2 {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: normal;
}
.news_title .sign {
	color: rgb(153, 153, 153); margin-top: 12px;
}
.news_title .label {
	color: rgb(46, 175, 187);
}
.news_title .mark {
	padding-right: 20px;
}
.news_page {
	text-align: center; margin-top: 16px;
}
.news_page a {
	margin: 0px 0px 0px 10px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 38px; text-align: center; color: rgb(153, 153, 153); line-height: 38px; font-size: 20px; font-weight: 200; display: inline-block;
}
.news_page a:hover {
	border-color: rgb(51, 51, 51); color: rgb(51, 51, 51);
}
.news_box .demo {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; margin-top: 30px;
}
.news_box .notice {
	color: rgb(153, 153, 153); padding-top: 20px; clear: both; font-size: 12px;
}
.page_list {
	padding-top: 10px; margin-top: 16px; margin-bottom: 30px; border-top-color: rgb(211, 211, 211); border-top-width: 1px; border-top-style: dashed;
}
.page_list li {
	color: rgb(153, 153, 153); line-height: 24px;
}
.page_list li a {
	color: rgb(153, 153, 153);
}
.page_list li a:hover {
	color: rgb(46, 175, 187);
}
.page_list .return {
	padding: 0px 20px; border: 1px solid rgb(46, 175, 187); border-image: none; color: rgb(46, 175, 187); line-height: 38px; font-size: 14px; margin-top: 6px; float: right;
}
.news_menu {
	background: rgb(247, 247, 247); padding: 30px; width: 240px; margin-top: 40px;
}
.news_menu dt {
	color: rgb(51, 51, 51); font-size: 20px; margin-bottom: 24px;
}
.news_menu dd {
	margin-bottom: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.news_menu dd h3 {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: normal; margin-bottom: 10px;
}
.news_menu a:hover {
	color: rgb(46, 175, 187);
}
.news_menu .text {
	color: rgb(102, 102, 102); line-height: 24px; margin-bottom: 14px;
}
.news_menu .time {
	color: rgb(153, 153, 153); line-height: 24px; margin-bottom: 6px;
}
.news_seek {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; left: 0px; top: 280px; display: inline-block; position: absolute; -ms-zoom: 1;
}
.news_seek input {
	background: none; border: 0px currentColor; border-image: none; width: 0px; color: rgb(255, 255, 255); text-indent: 10px;
}
.news_seek img {
	padding: 10px; cursor: pointer;
}
.news_img {
	top: 76px; right: 0px; position: absolute;
}
.form_msg {
	width: 420px; height: 400px; padding-left: 40px; position: relative;
}
.form_msg dl {
	position: relative; z-index: 3;
}
.form_msg dt {
	color: rgb(255, 255, 255); padding-top: 40px; font-size: 18px;
}
.form_msg dd {
	margin-top: 10px;
}
.form_msg .text {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; width: 182px; height: 32px; color: rgb(204, 204, 204); line-height: 32px; text-indent: 12px; margin-right: 14px;
}
.form_msg .text:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.form_msg .textarea {
	color: rgb(204, 204, 204); line-height: 32px; padding-left: 12px;
}
.form_msg .sub_btn {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; width: 118px; height: 38px; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; margin-right: 14px; cursor: pointer;
}
.form_msg textarea {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; width: 371px; height: 100px; color: rgb(204, 204, 204); overflow: auto; resize: none;
}
.form_msg textarea:focus {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.c_shade {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.3;
}
.connect {
	background: url("../images/cn01.jpg") no-repeat center; min-height: 500px;
}
.connect_column {
	margin-top: 40px;
}
.connect_column li {
	width: 285px; height: 218px; text-align: center; color: rgb(51, 51, 51); line-height: 32px; padding-top: 42px; font-size: 16px; margin-left: 20px; float: left; position: relative;
}
.connect_column li:first-child {
	margin-left: 0px;
}
.connect_column h2 {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: normal; margin-top: 10px; margin-bottom: 10px;
}
.connect_column .info {
	position: relative; z-index: 2;
}
.connect_column .text {
	margin: 0px 20px;
}
.connect_column .s1 {
	background: rgb(222, 103, 100); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.2;
}
.connect_column .s2 {
	background: rgb(88, 190, 200); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.2;
}
.connect_column .s3 {
	background: rgb(154, 192, 71); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.2;
}
.connect_column .s4 {
	background: rgb(49, 160, 225); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.2;
}
.connect_column .i1 {
	background: url("../images/sprite2.png") no-repeat 0px 0px; width: 36px; height: 46px; display: inline-block;
}
.connect_column .i2 {
	background: url("../images/sprite2.png") no-repeat -38px 0px; width: 42px; height: 46px; display: inline-block;
}
.connect_column .i3 {
	background: url("../images/sprite2.png") no-repeat -83px 0px; width: 40px; height: 46px; display: inline-block;
}
.connect_column .i4 {
	background: url("../images/sprite2.png") no-repeat -125px 0px; width: 40px; height: 46px; display: inline-block;
}
.connect_column a {
	color: rgb(51, 51, 51);
}
.connect_share {
	margin: 46px auto 0px; width: 120px; text-align: center; padding-top: 46px; border-top-color: rgb(67, 188, 199); border-top-width: 2px; border-top-style: solid;
}
.connect_share .sh1 {
	background: url("../images/sprite2.png") 0px -48px; width: 40px; height: 40px; margin-right: 9px; display: inline-block;
}
.connect_share .sh2 {
	background: url("../images/sprite2.png") -41px -48px; width: 40px; height: 40px; display: inline-block;
}
.arrive {
	background: rgb(247, 247, 247); padding-bottom: 40px; margin-bottom: -40px;
}
.arrive_column_con {
	width: 1150px; overflow: hidden;
}
.arrive_column {
	width: 1300px; margin-left: 50px;
}
.arrive_column dl {
	margin: 40px 90px 0px 0px; width: 318px; float: left;
}
.arrive_column dt {
	margin-bottom: 20px;
}
.arrive_column dd {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 16px;
}
.bus {
	color: rgb(49, 160, 225); font-size: 18px;
}
.bus dt {
	margin-left: -50px;
}
.bus .icon {
	background: url("../images/sprite2.png") 0px -90px; width: 32px; height: 32px; margin-right: 18px; vertical-align: middle; display: inline-block;
}
.taxi {
	color: rgb(222, 103, 100); font-size: 18px;
}
.taxi dt {
	margin-left: -50px;
}
.taxi .icon {
	background: url("../images/sprite2.png") -34px -90px; width: 32px; height: 34px; margin-right: 18px; vertical-align: middle; display: inline-block;
}
.metro {
	color: rgb(154, 192, 71); font-size: 18px;
}
.metro dt {
	margin-left: -50px;
}
.metro .icon {
	background: url("../images/sprite2.png") -66px -90px; width: 34px; height: 34px; margin-right: 16px; vertical-align: middle; display: inline-block;
}
.container {
	width: 100%; overflow: hidden;
}
.da-thumbs {
	margin: 0px auto; width: 100%; font-size: 0px; position: relative;
}
.da-thumbs li {
	width: 20%; overflow: hidden; float: left; position: relative;
}
.da-thumbs li a img {
	margin: 0px auto; border: 0px currentColor; border-image: none; display: block; position: relative;
}
.da-thumbs li a > img {
	transition:0.6s ease-in-out; width: 100%; max-width: 100%; transform: scale(1);
}
.da-thumbs li a:hover > img {
	transition:0.4s ease-in-out; transform: scale(1.1);
}
.da-thumbs li a {
	overflow: hidden; display: block;
}
.da-thumbs li a div {
	left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 10%; display: none; position: absolute;
}
.da-thumbs li a:hover div {
	
}
.da-thumbs li a div img {
	top: 0px; position: relative; z-index: 2;
}
.da-shade {
	background: rgb(46, 175, 187); width: 100%; height: 100%; position: absolute; opacity: 0.8;
}
.da-thumbs h2 {
	left: 0px; width: 100%; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; font-weight: normal; position: absolute; z-index: 4;
}
.da-thumbs .title_shade {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 40px; bottom: 0px; position: absolute; z-index: 2; opacity: 0.5;
}
.da-thumbs li a:hover h2 {
	display: none;
}
.da-thumbs li a:hover .title_shade {
	display: none;
}
.pay_t {
	margin: 48px auto 30px; width: 223px;
}
.pay_list {
	margin: 0px auto; width: 1200px;
}
.pay_list table {
	margin: 0px; padding: 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; border-collapse: collapse;
}
.pay_list table td {
	margin: 0px; padding: 12px 0px 20px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(51, 51, 51); line-height: 31px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
.pay_list dt {
	height: 80px;
}
.pay_list dt.dt2 {
	padding-left: 12px;
}
.pay_list dd {
	padding-left: 10px;
}
.pay_spec {
	margin: 30px auto; width: 1200px; color: rgb(51, 51, 51); line-height: 31px; font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;
}
#superContainer {
	height: 100%; position: relative; -ms-touch-action: none; touch-action: none;
}
.section {
	overflow: hidden;
}
.fp-section {
	position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide {
	height: 100%; display: block;
}
.fp-slidesContainer {
	height: 100%; display: block;
}
.fp-slides {
	transition:0.3s ease-out; height: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-out;
}
.fp-table.fp-section {
	width: 100%; display: table; table-layout: fixed;
}
.fp-table.fp-slide {
	width: 100%; display: table; table-layout: fixed;
}
.fp-tableCell {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell;
}
.fp-slidesContainer {
	float: left; position: relative;
}
.fp-controlArrow {
	border-style: solid; top: 50%; width: 0px; height: 0px; margin-top: -38px; position: absolute; z-index: 4; cursor: pointer;
}
.fp-prev.fp-controlArrow {
	border-width: 38.5px 34px 38.5px 0px; border-color: transparent rgb(255, 255, 255) transparent transparent; left: 15px; width: 0px;
}
.fp-next.fp-controlArrow {
	border-width: 38.5px 0px 38.5px 34px; border-color: transparent transparent transparent rgb(255, 255, 255); right: 15px;
}
.fp-scrollable {
	overflow: scroll;
}
.fp-notransition {
	transition:none !important; -webkit-transition: none;
}
.page_next {
	left: 50%; width: 63px; height: 63px; bottom: 0px; margin-left: -40px; position: absolute; z-index: 999; opacity: 0.6;
}
.webdesign1 {
	background: rgb(75, 205, 218); width: 100%; height: 100%;
}
.wd_1 {
	margin: 0px auto; width: 1000px; height: 480px; position: relative;
}
.wd_1_text {
	left: 432px; top: -3000px; position: absolute;
}
.wd_1_text2 {
	left: 2202px; top: 166px; position: absolute;
}
.wd_1_2 {
	left: 356px; top: 300px; position: absolute; opacity: 0.1;
}
.wd_1_left {
	left: -1000px; bottom: -300px; position: absolute;
}
.wd_1_right {
	top: -400px; right: -1000px; position: absolute;
}
.webdesign2 {
	background: url("../images/webdesign2.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.webdesign3 {
	background: url("../images/webdesign3.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.webdesign4 {
	background: url("../images/webdesign4.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.webdesign5 {
	background: url("../images/webdesign5.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.webdesign6 {
	background: url("../images/webdesign6.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.webdesign7 {
	background: url("../images/webdesign7.jpg") no-repeat center; width: 100%; height: 100%; position: relative;
}
.right_contact {
	width: 40px; right: 0px; bottom: 60px; display: none; position: fixed; z-index: 100000;
}
.right_contact .r_qq {
	background: url("../images/contact_qq.png") no-repeat center rgb(236, 236, 236); width: 40px; height: 40px; cursor: pointer;
}
.right_contact .r_tel {
	background: url("../images/contact_tel.png") no-repeat center rgb(236, 236, 236); width: 40px; height: 40px; cursor: pointer;
}
.right_contact .r_close {
	background: url("../images/contact_close.png") no-repeat center rgb(249, 249, 249); width: 40px; height: 40px; cursor: pointer;
}
.right_contact .r_close:hover {
	background: url("../images/contact_close2.png") no-repeat center rgb(67, 188, 199); cursor: pointer;
}
.right_contact .r_show {
	background: url("../images/contact_h.jpg") no-repeat center; width: 40px; height: 40px; cursor: pointer;
}
.right_contact .right_hide {
	display: none;
}
.right_contact .sel .r_qq {
	background: url("../images/contact_qq2.png") no-repeat center rgb(67, 188, 199);
}
.right_contact .sel .r_tel {
	background: url("../images/contact_tel2.png") no-repeat center rgb(67, 188, 199);
}
.right_contact .r_sub {
	padding: 20px; top: 0px; right: 40px; line-height: 34px; display: none; position: absolute; z-index: 100000; background-color: rgb(67, 188, 199);
}
.right_contact .r_sub_tel {
	top: 40px; width: 110px;
}
.right_contact .r_sub_tel span {
	color: rgb(255, 255, 255); font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; display: block;
}
.right_contact .r_top {
	background: url("../images/contact_top.png") no-repeat center rgb(249, 249, 249); width: 40px; height: 40px; display: none; cursor: pointer;
}
.right_contact .r_top:hover {
	background: url("../images/contact_top2.png") no-repeat center rgb(67, 188, 199);
}
#fp-nav {
	top: 50%; position: fixed; z-index: 100000; opacity: 1;
}
.right#fp-nav {
	right: 17px;
}
.left#fp-nav {
	left: 17px;
}
#fp-nav ul li {
	margin: 7px; width: 14px; height: 13px; display: block; position: relative;
}
.fp-slidesNav ul li {
	margin: 7px; width: 14px; height: 13px; display: block; position: relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}
#fp-nav ul li a {
	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;
}
.fp-slidesNav ul li a {
	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;
}
#fp-nav ul li a.active span {
	background: rgb(204, 204, 204);
}
.fp-slidesNav ul li a.active span {
	background: rgb(204, 204, 204);
}
#fp-nav ul li a span {
	background: rgba(0, 0, 0, 0); border-radius: 50%; border: 1px solid rgb(204, 204, 204); border-image: none; left: 2px; top: 2px; width: 8px; height: 8px; position: absolute; z-index: 1;
}
.fp-slidesNav ul li a span {
	background: rgba(0, 0, 0, 0); border-radius: 50%; border: 1px solid rgb(204, 204, 204); border-image: none; left: 2px; top: 2px; width: 8px; height: 8px; position: absolute; z-index: 1;
}
.news_list_yuangong {
	background: url("../images/news_yuangong_bg.jpg") no-repeat top; width: 100%; height: 800px; margin-top: 40px;
}
.news_list_yuangong ul {
	margin: 0px auto; width: 1200px;
}
.news_list_yuangong li {
	width: 200px; height: 200px; overflow: hidden; float: left; position: relative; cursor: pointer;
}
.news_list_yuangong li .li_caption {
	left: 0px; width: 200px; height: 200px; overflow: hidden; display: none; position: absolute; z-index: 2;
}
.news_list_yuangong li.li .li_caption a {
	color: rgb(255, 255, 255); line-height: 30px; padding-top: 56px; padding-right: 6px; padding-left: 6px; font-size: 18px; display: block;
}
.news_list_yuangong li.li .li_t {
	left: 0px; width: 200px; text-align: center; position: absolute; z-index: 3;
}
.news_list_yuangong li.li2 .li2_t {
	left: 0px; width: 200px; text-align: center; position: absolute; z-index: 3;
}
.news_list_yuangong li.li2 .t {
	color: rgb(255, 255, 255); line-height: 30px; padding-top: 56px; padding-right: 6px; padding-left: 6px; font-size: 18px; display: block;
}
.news_list_yuangong li.li2 .date {
	color: rgb(255, 255, 255); line-height: 30px; font-family: Arial; font-size: 14px;
}
.news_list_yuangong li .li2_caption {
	left: 0px; width: 200px; height: 200px; overflow: hidden; display: none; position: absolute; z-index: 2; opacity: 0.2;
}
#slider ul {
	list-style: none; margin: 0px; padding: 0px;
}
#slider li {
	list-style: none; margin: 0px; padding: 0px;
}
#slider2 ul {
	list-style: none; margin: 0px; padding: 0px;
}
#slider2 li {
	list-style: none; margin: 0px; padding: 0px;
}
#slider2 {
	margin-top: 1em;
}
#slider li {
	width: 350px; height: 560px; overflow: hidden;
}
#slider2 li {
	width: 350px; height: 560px; overflow: hidden;
}
#prevBtn {
	left: -380px; top: 350px; width: 30px; height: 77px; font-size: 0px; display: block; position: absolute; z-index: 1000;
}
#nextBtn {
	left: -380px; top: 350px; width: 30px; height: 77px; font-size: 0px; display: block; position: absolute; z-index: 1000;
}
#slider1next {
	left: -380px; top: 350px; width: 30px; height: 77px; font-size: 0px; display: block; position: absolute; z-index: 1000;
}
#slider1prev {
	left: -380px; top: 350px; width: 30px; height: 77px; font-size: 0px; display: block; position: absolute; z-index: 1000;
}
#nextBtn {
	left: 730px;
}
#slider1next {
	left: 730px;
}
#prevBtn a {
	background: url("../images/btn_prev.png") no-repeat 0px 0px; width: 43px; height: 85px; display: block; position: relative;
}
#nextBtn a {
	background: url("../images/btn_prev.png") no-repeat 0px 0px; width: 43px; height: 85px; display: block; position: relative;
}
#slider1next a {
	background: url("../images/btn_prev.png") no-repeat 0px 0px; width: 43px; height: 85px; display: block; position: relative;
}
#slider1prev a {
	background: url("../images/btn_prev.png") no-repeat 0px 0px; width: 43px; height: 85px; display: block; position: relative;
}
#nextBtn a {
	background: url("../images/btn_next.png") no-repeat 0px 0px;
}
#slider1next a {
	background: url("../images/btn_next.png") no-repeat 0px 0px;
}
ol#controls {
	margin: 156px auto 0px; padding: 0px 0px 0px 42%; height: 28px;
}
ol#controls li {
	list-style: none; margin: 0px 10px 0px 0px; padding: 0px; width: 12px; height: 12px; line-height: 12px; float: left;
}
ol#controls li a {
	background: url("../images/case_ico.png") no-repeat 0px -12px; padding: 0px; width: 12px; height: 12px; line-height: 12px; font-size: 0px; text-decoration: none; display: block;
}
ol#controls li.current a {
	background: url("../images/case_ico.png") no-repeat 0px 0px;
}
ol#controls li a:focus {
	
}
#prevBtn a:focus {
	
}
#nextBtn a:focus {
	
}
@media all and (max-width:1199px)
{
.wrap {
	margin: 0px auto; padding: 0px; border: 0px currentColor; border-image: none; width: 968px;
}
.hearer h1 a {
	width: 155px; height: 80px; overflow: hidden;
}
.serve_column ul {
	margin: 0px auto; width: 824px;
}
.serve_column li {
	background: rgb(255, 255, 255); margin: 10px 95px 20px 45px; width: 272px; height: 390px; float: left;
}
.hn_main {
	width: 450px; padding-bottom: 28px; margin-top: 40px; position: relative;
}
.hn_column {
	width: 480px; margin-top: 30px;
}
.top_news_img {
	width: 450px; height: 194px;
}
.hn_column .text {
	padding: 15px 20px; height: 110px; color: rgb(255, 255, 255); line-height: 24px; border-top-color: rgb(124, 155, 173); border-top-width: 1px; border-top-style: solid; display: none;
}
.home_service {
	display: none;
}
.picMarquee-left {
	width: 960px;
}
.picMarquee-left .bd {
	width: 830px; overflow: hidden;
}
.picMarquee-left .bd ul li {
	margin: 0px 12px;
}
.da-thumbs li {
	width: 33.33%; overflow: hidden; float: left; position: relative;
}
.da-thumbs li:last-child {
	display: none;
}
.about {
	width: 100%; overflow: hidden;
}
.about .points {
	height: 500px;
}
.about_tab {
	width: 860px;
}
.about_main {
	width: 400px;
}
.about_cont2 {
	display: none;
}
.about_cont li {
	width: 200px; margin-bottom: 14px; float: left;
}
.about_main :first-child.about_cont {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.zhizi li:first-child {
	display: none;
}
.job_tab {
	width: 440px; display: none;
}
.jion_box {
	margin: 0px auto; width: 960px; position: relative;
}
.jion .send {
	top: 444px; right: 22px; position: absolute;
}
.jion_img {
	left: 0px; top: 135px;
}
.jion_info {
	margin-top: 360px; margin-left: 250px;
}
.connect_column li {
	margin-left: 40px;
}
.connect_column li:first-child {
	margin-left: 10px;
}
.arrive_column_con {
	width: 950px; overflow: hidden;
}
.arrive_column {
	width: 950px; margin-left: 50px;
}
.arrive_column dl {
	margin: 30px 25px; width: 260px;
}
.arrive_column dd {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 15px;
}
.connect_column li:last-child {
	display: none;
}
.bus {
	padding-left: 10px;
}
.inside_banner_service {
	background: url("../images/service_banner.jpg") no-repeat -600px 0px; height: 400px;
}
.inside_banner_mobile {
	background: url("../images/m_banner.jpg") no-repeat -200px 0px; height: 400px;
}
.inside_banner_solution {
	background: url("../images/sl_banner.jpg") no-repeat -200px 0px; height: 400px;
}
.inside_banner_news {
	background: url("../images/n_banner.jpg") no-repeat -600px 0px; height: 400px;
}
.ser_project ul {
	width: 750px;
}
.ser_project li {
	margin-top: 40px; margin-right: 60px; margin-left: 40px;
}
.ser_project li:first-child {
	margin: 40px 60px 0px 40px;
}
.picScroll-left {
	width: 960px;
}
.picBox li img {
	width: 334px; height: 184px;
}
.picBox li {
	width: 334px; float: left; position: relative;
}
.picBox .intro {
	font-size: 13px;
}
.sp_box img {
	width: 100%;
}
.mobile_column ul {
	width: 960px;
}
.mobile_column li {
	width: 300px; margin-left: 20px;
}
.wechat dl {
	margin-top: 300px; margin-left: 30px; float: left;
}
.wechat_intro {
	margin-top: 60px;
}
.wi_left {
	width: 350px; margin-left: 10px;
}
.wi_right {
	width: 400px;
}
.solution_list {
	width: 960px;
}
.solution_list li {
	margin-left: 60px;
}
.solution_list ul {
	margin-right: 0px;
}
.news_info {
	width: 960px;
}
.news_menu {
	display: none;
}
.news_box {
	width: 940px; padding-left: 20px;
}
.news_tab {
	width: 960px; overflow: hidden;
}
.news_list {
	width: 960px;
}
.news_cont {
	width: 780px; margin-right: 20px;
}
.news_list_yuangong {
	background: url("../images/news_yuangong_bg.jpg") no-repeat top rgb(149, 201, 188); width: 100%; height: 1200px; margin-top: 40px;
}
.news_list_yuangong ul {
	margin: 0px auto; width: 800px;
}
.pay_list {
	width: 960px;
}
.pay_list table {
	width: auto;
}
.pay_list table td {
	width: 240px; line-height: 28px; overflow: hidden; font-size: 13px; vertical-align: top;
}
.pay_list dt {
	width: 228px; height: 80px; overflow: hidden;
}
.pay_spec {
	width: 960px; font-size: 13px;
}
.pay_list dt.dt2 {
	padding-left: 6px;
}
.pay_list dd {
	padding-left: 4px;
}
}
