@import url(font-awesome.min.css);
#header {
	position:relative;
	padding-top:0;
	border-bottom:0
}
.container {
	width:1200px;
	clear:both;
	position:relative;
	margin:0 auto
}
#header #top {
	height:74px;
	border-bottom:1px solid #f1f1f1
}
#header #logo {
	height:auto;
	position: relative;
}
#header #logo:after {
	content: "";
	display: inline-block;
	width: 108px;
	height: 58px;
	background: url(../images/70-logo.jpg) no-repeat;
	position: absolute;
	right: 55px;
	top: 50%;
	margin-top: -29px;
}
.top-bar {
	float:right;
	line-height:75px
}
.wl-icon {
	background:url(../images/icons.png)
}
.wl-icon1 {
	background:url(../images/gx-01.png)
}
.wl-icon2 {
	background:url(../images/gx-02.png)
}
.wl-icon3 {
	background:url(../images/gx-03.png)
}
.wl-icon4 {
	background:url(../images/gx-04.png)
}
.wl-icon5 {
	background:url(../images/gx-05.png)
}
.top-bar a {
	position:relative;
	padding-right:40px;
	color:#999
}
.top-bar a i.wechat {
	display:inline-block;
	height:30px;
	background-position:-22px -115px;
	background-repeat:no-repeat;
	width:35px;
	position:absolute;
	right:0;
	top:20px
}
.top-bar a i.phone400 {
	display:inline-block;
	height:30px;
	background-position:12px -115px;
	background-repeat:no-repeat;
	width:35px;
	position:absolute;
	left:0;
	top:20px
}
.top-bar a.phone {
	color:#92c95a;
	font-size:18px
}
#header #nav {
	height:54px;
	width:1200px;
	clear:both;
	margin:0 auto
}
#header ul li.item {
	height:54px;
	line-height:54px;
	width:145px;
	text-align:center;
	padding:0
}
.slide5 .right li a {
	overflow:hidden;
	width:262px;
	text-align:center;
	padding:0 20px
}
#header ul li.item a {
	color:#000;
	font-size:16px;
	display:block;
	width:100%;
	height:100%;
	text-align:center
}
#header ul li.item a.active, #header ul li.item:hover a {
	background:#a0d867;
	display:inline-block;
	height:100%;
	color:#fff;
	padding:0
}
.slide_bg {
	position:absolute;
	left:0;
	top:128px;
	overflow:hidden;
	width:100%;
	height:0;
	font-size:14px;
	z-index:100000
}
.slide {
	overflow:hidden;
	width:100%;
	background:rgba(0, 0, 0, .7) none repeat scroll!important;
	filter:Alpha(opacity=70)
}
.slide .a1 {
	margin-left:120px
}
.slide.slide3, .slide.slide5 {
	padding-top:0
}
.slide.slide3 .left, .slide.slide5 .left {
	width:240px;
	float:left
}
.slide.slide3 .right, .slide.slide5 .right {
	width:960px;
	float:right
}
.slide.slide3 .right ul li, .slide.slide5 .right ul li {
	width:320px;
	height:290px;
	float:left
}
.slide.slide3 .left ul li, .slide.slide5 .left ul li {
	padding-left:20px
}
.slide.slide3 .left ul li a, .slide.slide5 .left ul li a {
	font-size:16px;
	color:#f5f5f5;
	line-height:48px
}
.slide.slide3 .left ul li a:hover, .slide.slide3 .left ul li.active a, .slide.slide5 .left ul li a:hover, .slide.slide5 .left ul li.active a {
	color:#a5da70
}
.slide.slide3 .left ul li.active, .slide.slide3 .left ul li:hover, .slide.slide5 .left ul li.active, .slide.slide5 .left ul li:hover {
	background:url(../images/s_03.png) left center no-repeat
}
.slide.slide3 .right ul li img, .slide.slide5 .right ul li img {
	max-width:320px;
	max-height:180px
}
.slide.slide3 .right ul li p.title, .slide.slide5 .right ul li p.title {
	color:#fff;
	padding:20px 0
}
.slide.slide3 .right ul li p.desc, .slide.slide5 .right ul li p.desc {
	color:#ccc;
	height:60px;
	line-height:20px;
	overflow:hidden
}
.slide .con {
	float:left;
	overflow:hidden;
	padding:30px 0 25px
}
.slide1 .con {
	text-align:right;
	padding:40px 0
}
.slide .con a {
	display:inline-block;
	margin-right:60px
}
.slide .con a span {
	display:block;
	text-align:center;
	color:#fff;
	padding-top:10px
}
.slide.slide2 .con a {
	margin-right:9px
}
#mslider {
	width:100%;
	position:relative;
	overflow:hidden
}
.bx-wrapper img {
	max-width:100%;
	display:block
}
#mslider .bx-wrapper {
	position:relative;
	width:100%
}
#mslider ul li {
	width:100%;
	max-height:660px;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover
}
#mslider ul li div {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:auto
}
#mslider ul li p {
	color:#fff;
	text-align:center
}
#mslider ul li p.title {
	font-size:60px;
	line-height:70px;
	height:70px;
	transition-delay:0
}
#mslider ul li p.subtitle {
	font-size:16px;
	height:20px;
transition-delay:.2s
}
#mslider ul li a {
	width:100%;
	height:100%;
	display:table
}
#mslider ul li a i {
	text-indent:20px;
	font-size:24px
}
#indexPage #mslider ul li a, #mslider ul li p {
	transform:translateY(25px);
	-webkit-transform:translateY(25px);
	-moz-transform:translateY(25px);
	transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
	opacity:0
}
#mslider ul li.active p.dw {
	position:absolute;
	left:220px;
	top:50%;
	font-size:50px;
	color:#000;
	display:block
}
#indexPage #mslider ul li.active a, #mslider ul li.active p {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	opacity:1
}
.bx-wrapper .bx-pager {
	text-align:center;
	font-size:.85em;
	font-family:Arial;
	font-weight:700;
	color:#666
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
	position:absolute;
	bottom:30px;
	width:100%;
	z-index:3
}
.bx-wrapper .bx-pager-item {
	font-size:0;
	line-height:0
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
	display:inline-block
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent:-9999px;
	display:block;
	width:13px;
	height:13px;
	outline:0;
transition:all ease-out .3s;
	background:url(../images/i1.png);
	margin:0 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	display:block;
	width:13px;
	height:13px;
	background:url(../images/i.png) top center no-repeat
}
.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-20px;
	outline:0;
	width:40px;
	height:40px;
	z-index:2;
	border-radius:20px;
transition:all ease-out .3s;
	background:rgba(0, 0, 0, .2)
}
.bx-wrapper .bx-prev {
	left:20px
}
.bx-wrapper .bx-next {
	right:20px
}
.bx-wrapper .bx-controls-direction a:hover {
	background:rgba(107, 195, 13, 1)
}
.bx-wrapper .bx-controls-direction a.bx-next i {
	margin-left:16px
}
.bx-wrapper .bx-controls-direction a i {
	color:#fff;
	font-size:24px;
	margin-top:8px;
	margin-left:14px;
transition:all ease-out .3s
}
.module .top {
	height:59px;
	border-bottom:1px solid #f0f0f0;
	margin-top:30px;
	position:relative
}
.module .top .title {
	width:345px;
	height:100px;
	background:#fff;
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-172px
}
#mcase.module .top .title, #mproject.module .top .title {
	background:#f5f5f5
}
.module .top .title h2 {
	text-align:center;
	font-size:26px
}
.module .top .title .hr {
	width:60px;
	height:3px;
	color:#93d257;
	background:#93d257;
	border:0;
	margin:5px auto 0
}
.module .top .title .tips {
	color:#c6c6c6;
	text-align:center;
	padding:5px
}
#mcase .top .title .tips, #mhezuo .top .title .tips, #mpartner .top .title .tips, #mprocess .top .title .tips, #mproject .top .title .tips {
	color:#93d257;
	font-size:16px;
	margin-top:6px
}
#mpartnerWidget {
	margin-top:295px
}
#indexWidget #mpartner {
	height:640px
}
#mpartnerWidget .left-bar {
	width:559px;
	padding-right:40px;
	border-right:1px solid #f0f0f0;
	height:125px;
	float:left
}
#mpartnerWidget .right-bar {
	width:560px;
	padding-left:40px;
	height:125px;
	float:left
}
#mpartnerWidget .goldservie {
	width:560px;
	background:#f5f5f5;
	height:250px;
	float:left;
transition:all ease-out .3s
}
#mpartnerWidget .goldservie:hover, #mpartnerWidget .major .major_service:hover, #mpartnerWidget .major .strength_service:hover {
	background:#93d257;
	color:#fff
}
#mpartnerWidget .major {
	width:600px;
	float:left;
	height:250px
}
#mpartnerWidget .service {
	padding:30px
}
#mpartnerWidget .service.gold {
	padding:50px 30px
}
#mpartnerWidget .tr_cell {
	margin-bottom:10px
}
#mpartnerWidget .tr_cell .title {
	margin-bottom:25px
}
#mpartnerWidget .tr_cell .title .icon {
	display:block;
	width:45px;
	height:45px;
	float:left;
	background:#fff
}
#mpartnerWidget .tr_cell .title i.gold-icon {
	display:block;
	width:30px;
	height:40px;
	background:#fff url(../images/icons.png) -30px -141px;
	margin-left:10px
}
#value-services {
	margin-bottom:60px
}
#wechat_img {
	display:none;
	position:absolute;
	top:50px;
	z-index: 2;
}
#value-services h2 {
	text-align:center;
	font-size:36px;
	color:#000;
	margin-bottom:50px
}
#value-services .service-wiget ul li {
	width:16.66%;
	float:left;
	text-align:center
}
#value-services .service-wiget ul li .content {
	width:158px
}
#value-services .service-wiget ul li h3 {
	text-align:center;
	padding:20px 0
}
#mpartnerWidget .tr_cell .title i.good-icon {
	display:block;
	width:30px;
	height:40px;
	background:#fff url(../images/icons.png) 0 -143px;
	margin-left:10px
}
#mpartnerWidget .tr_cell .title i.strength-icon {
	display:block;
	width:38px;
	height:40px;
	background:#FFFFFE url(../images/icons.png) -59px -141px
}
#mpartnerWidget .tr_cell .title h3 {
	margin-left:58px;
	font-size:14px;
	color:#000
}
#mpartnerWidget .tr_cell .title h3 .gold-hr {
	margin-top:16px;
	width:68px;
	background:#93d257;
	color:#93d257;
	border:1px solid #93d257
}
#mpartnerWidget .major .major_service {
	height:124px;
	background:#f5f5f5;
	border-bottom:1px solid #fff;
transition:all ease-out .3s
}
#mpartnerWidget .major .strength_service {
	height:124px;
	background:#f5f5f5;
	border-top:1px solid #fff;
transition:all ease-out .3s
}
#mpartnerWidget .major .major_t {
	padding:10px 18px
}
#mprocess .top .title p.out {
	position:absolute;
	width:608px;
	left:-94px;
	top:80px;
	color:#999;
	font-size:16px
}
#serviceWidget ul li {
	width:20%;
	float:left;
	margin-bottom:20px;
-webkit-transition:all .5s ease-in-out 0;
-moz-transition:all .5s ease-in-out 0;
-ms-transition:all .5s ease-in-out 0;
-o-transition:all .5s ease-in-out 0;
transition:all .5s ease-in-out 0;
	position:relative
}
#serviceWidget ul li .circles img {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	cursor:pointer
}
#serviceWidget ul li .circles .circle01 {
	left:43px;
	top:50px
}
#serviceWidget ul li .circles .circle02 {
	left:20px;
	top:25px
}
.rotater {
	animation:round2 15s 0s linear infinite both
}
.rotatel {
	animation:round1 15s 0s linear infinite both
}
#serviceWidget ul li:hover {
	border-radius:20px
}
#serviceWidget ul li:hover i {
	-webkit-transform:rotateY(-360deg);
	-moz-transform:rotateY(-360deg);
	-o-transform:rotateY(-360deg);
	-ms-transform:rotateY(-360deg);
	transform:rotateY(-360deg);
	-webkit-transition:all 1s ease-in-out 0;
	-moz-transition:all 1s ease-in-out 0;
	-ms-transition:all 1s ease-in-out 0;
	-o-transition:all 1s ease-in-out 0;
	transition:all 1s ease-in-out 0
}
#serviceWidget ul li .ins {
	border:1px solid #f3f3f3;
	width:90%;
	background:#f9f9f9;
	height:290px;
	margin:0 auto;
	padding:50px 5px 5px
}
#serviceWidget ul li .ins::before {
top:0;
right:5px;
bottom:0;
left:5px;
border-bottom:1px solid #6bc30d;
border-left:1px solid #6bc30d;
-webkit-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:0 0;
transform-origin:0 0
}
#serviceWidget ul li .ins::after {
top:0;
right:5px;
bottom:0;
left:5px;
border-right:1px solid #6bc30d;
border-top:1px solid #6bc30d;
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
-webkit-transition-delay:1s;
transition-delay:.1s
}
#serviceWidget ul li .ins::after, #serviceWidget ul li .ins::before {
position:absolute;
content:'';
opacity:0;
-webkit-transition:opacity .5s, -webkit-transform .5s;
transition:opacity .5s, transform .5s
}
#serviceWidget ul li:hover .ins::after, #serviceWidget ul li:hover .ins::before {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
#serviceWidget ul li .ins p.wa {
	color:#999;
	font-size:14px;
	margin-top:70px
}
#serviceWidget ul li .ins i {
	display:block;
	cursor:pointer;
	margin:0 auto
}
#serviceWidget ul li .ins i.marketing {
	width:103px;
	height:95px;
	background-position:-350px 0
}
#serviceWidget ul li .ins i.customized {
	width:103px;
	height:95px;
	background-position:-250px 0
}
#serviceWidget ul li .ins i.wechat {
	width:92px;
	height:95px;
	background-position:-71px 0
}
#serviceWidget ul li .ins i.mobile-h5 {
	width:103px;
	height:95px;
	background-position:7px 0
}
#serviceWidget ul li .ins i.app {
	width:103px;
	height:95px;
	background-position:-147px 0
}
#serviceWidget ul li .ins i.wz {
	width:103px;
	height:95px;
	background-position:-300px 0
}
#mcase.module .top, #mproject.module .top {
	border-bottom:1px solid #e9e9e9
}
#serviceWidget ul li .ins p {
	text-align:center;
	margin-top:0;
	color:#000;
	font-size:18px
}
#indexWidget #mproject {
	background:#f5f5f5 url(../images/sulotion_02.jpg) bottom center no-repeat;
	height:700px
}
#indexWidget #mmarking {
	background:#fff url(../images/sulotion_03.jpg) bottom center no-repeat;
	height:417px;
	position:relative;
	overflow:hidden
}
#indexWidget #mmarking span {
	position:absolute
}
#indexWidget #mmarking #bidding {
	top:77px;
	left:95px
}
#indexWidget #mmarking #seo {
	top:225px;
	left:231px
}
#indexWidget #mmarking #netmarking {
	top:314px;
	left:420px
}
#indexWidget #mmarking #webOperate {
	top:314px;
	left:688px
}
#indexWidget #mmarking #weixin {
	top:225px;
	right:247px
}
#indexWidget #mmarking #weibo {
	top:81px;
	right:117px
}
#indexWidget #mmarking #wholeNetwork {
	top:81px;
	right:505px;
	color:#fff;
	font-size:24px
}
#indexWidget #mmarking .animation-round {
	width:1200px;
	height:1084px;
	position:absolute;
	top:-715px;
	left:-12px;
	background:url(../images/mark_roud.png) center center no-repeat;
	animation:round1 10s 0s linear infinite both
}
@-webkit-keyframes rotate {
0%, 100% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
0%, 100% {
-moz-transform:rotate(0)
}
100% {
-moz-transform:rotate(360deg)
}
}
@-o-keyframes rotate {
0%, 100% {
-o-transform:rotate(0)
}
100% {
-o-transform:rotate(360deg)
}
}
@-ms-keyframes rotate {
0%, 100% {
-ms-transform:rotate(0)
}
100% {
-ms-transform:rotate(360deg)
}
}
@keyframes rotate {
0%, 100% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@-webkit-keyframes round1 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
@keyframes round1 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
@-moz-keyframes round1 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
@-ms-keyframes round1 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
@keyframes round1 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
@-webkit-keyframes round2 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes round2 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@-moz-keyframes round2 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@-ms-keyframes round2 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes round2 {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.mmarkings {
	-moz-animation:rotate 4s linear infinite;
	-webkit-animation:rotate 4s linear infinite;
	-o-animation:rotate 4s linear infinite;
	-ms-animation:rotate 4s linear infinite;
	animation:rotate 4s linear infinite
}
.steps .animation-round {
	width:1215px;
	height:1214px;
	position:absolute;
	top:166px;
	left:-7px;
	background:url(../images/mark_p.png) center center no-repeat;
	animation:round2 10s 0s linear infinite both
}
#mprojectWidget {
	margin-top:70px
}
#mprojectWidget .col-cls-3 {
	width:400px;
	float:left;
	height:490px
}
#mprojectWidget .col-cls-3 .cols {
	height:490px;
	padding:0 18px
}
#mprojectWidget .col-cls-3 .cols .bottom {
	margin-bottom:47px
}
#mprojectWidget .col-cls-3 .cols .solu-parent {
	width:364px;
	position:relative
}
#mprojectWidget .col-cls-3 .cols a.solu {
	position:relative;
	display:block
}
#mprojectWidget .col-cls-3 .cols .dialog {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
	filter:Alpha(opacity=0)
}
#mprojectWidget .col-cls-3 .cols .solu1 .dialog, #mprojectWidget .col-cls-3 .cols .solu4 .dialog {
	height:213px
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons {
	position:absolute;
	top:18px;
	left:34px;
	font-size:24px;
	color:#fff
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a {
	padding-right:20px;
	display:block;
	width:100%;
	color:#fff;
	padding-left:45px;
	-webkit-transform:translate3d(0, 20px, 0);
	transform:translate3d(0, 20px, 0);
	opacity:0;
	filter:Alpha(opacity=0);
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a.tmall {
	background:url(../images/acf006d/solo_13.png) left center no-repeat
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a.morel {
	background:url(../images/acf006d/solo_31.png) left center no-repeat
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a.mobile {
	background:url(../images/acf006d/solo_16.png) left center no-repeat
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a.wechat {
	background:url(../images/acf006d/solo_10.png) left center no-repeat
}
#mprojectWidget .col-cls-3 .cols .solu-parent .icons a.marking {
	background:url(../images/acf006d/solo_28.png) left center no-repeat
}
#mprojectWidget .col-cls-3 .cols .solu-parent:hover p.icons a {
	opacity:1;
	filter:Alpha(opacity=100);
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
#mprojectWidget .col-cls-3 .cols .solu-parent p.desc {
	position:absolute;
	top:90px;
	left:12px;
	font-size:14px;
	color:#fff;
	width:340px;
	opacity:0;
	filter:Alpha(opacity=0);
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s
}
#mprojectWidget .col-cls-3 .cols .solu-parent:hover p.desc {
	opacity:1;
	filter:Alpha(opacity=100);
	-webkit-transform:scale(1);
	transform:scale(1)
}
#mprojectWidget .col-cls-3 .cols .solu-parent:hover .dialog {
	opacity:.8;
	filter:Alpha(opacity=80)
}
#indexWidget #mcase {
	background:#f5f5f5;
	padding-bottom:10px
}
#mcaseWidget {
	margin-top:73px
}
#mcaseWidget ul li {
	width:24%;
	float:left;
	position:relative;
	text-align:center;
	overflow:hidden;
	padding:6px
}
#mcaseWidget ul li img {
	max-width:100%;
	height: auto
}
#mcaseWidget .case-controls {
	text-align:center;
	background:#f1f1f1;
	padding:10px 0
}
#mcaseWidget .case-controls a {
	display:inline-block;
	width:53px;
	height:50px;
	background:#fff;
	margin-right:10px;
	position:relative
}
#mcaseWidget .case-controls a i {
	display:block;
	width:100%;
	height:100%;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	border-radius:2px
}
#mcaseWidget .case-controls a i:hover {
	color:#0C9
}
#mcaseWidget .case-controls a.mid {
	width:94px
}
#mcaseWidget .case-controls a.mid i {
	display:inline-block;
	width:92px;
	height:50px;
	background:#fff url(../images/works_more.png) no-repeat center -50px;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}
#mcaseWidget .case-controls a.mid i:hover {
	background:#333 url(../images/works_more.png) no-repeat center 0
}
#mcaseWidget .case-controls ul li {
	display:inline-block;
	width:auto;
	float:none;
	height:auto;
	padding:1px 5px
}
#mcaseWidget .case-controls a i.prev-botton {
	background:#fff url(../images/works_arr.png) no-repeat 0 0
}
#mcaseWidget .case-controls a i.next-botton {
	background:#fff url(../images/works_arr.png) no-repeat -52px -50px
}
#mcaseWidget .case-controls a i.prev-botton:hover {
	background:#333 url(../images/works_arr.png) no-repeat -52px 0
}
#mcaseWidget .case-controls a i.next-botton:hover {
	background:#333 url(../images/works_arr.png) no-repeat 0 -50px
}
#mcaseWidget .case-controls a.mid:hover i, #mcaseWidget .case-controls a.prev:hover i {
	color:#fff;
	font-size:30px
}
#mcaseWidget .case-controls ul li a {
	display:inline-block;
	width:auto;
	line-height:32px;
	height:32px;
	border-radius:20px;
	color:#333;
	padding:5px 30px
}
#mcaseWidget ul li img:hover {
	opacity:.7;
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
	-webkit-transform:scale(.98);
	transform:scale(.98)
}
.effect-zoe figcaption {
	position:absolute;
	width:100%;
	top:auto;
	bottom:0;
	height:80px;
	background:#e1e1e1;
	color:#3c4a50;
-webkit-transition:0 .35s;
transition:transform .35s;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0);
	opacity:0;
	filter:Alpha(opacity=0);
	padding:0
}
.effect-zoe:hover figcaption {
	opacity:1;
	filter:Alpha(opacity=100);
	background:#00bcc3
}
a.morer {
	position:relative;
	float:right;
	right:20px
}
.effect-zoe h2, .effect-zoe h3 {
	line-height:80px;
	color:#fff;
	font-size:18px;
	text-align:center;
	font-weight:400;
	display:inline-block
}
.effect-zoe p {
	position:absolute;
	bottom:80px;
	left:0;
	text-transform:none;
	font-size:90%;
	opacity:0;
	filter:Alpha(opacity=0);
-webkit-transition:opacity .35s;
transition:opacity .35s;
	text-align:left;
	color:#a9a9a9;
	background:#666;
	padding:2em
}
.effect-zoe figcaption>span, .effect-zoe h2, .effect-zoe h3 {
-webkit-transition:0 .35s;
transition:transform .35s;
	-webkit-transform:translate3d(0, 200%, 0);
	transform:translate3d(0, 200%, 0)
}
.effect-zoe figcaption>span::before {
display:inline-block;
font-family:feathericons;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
padding:8px 10px
}
.effect-zoe:hover p {
	opacity:0.9;
	filter:Alpha(opacity=90);
	color:#f1f1f1
}
.effect-zoe:hover figcaption, .effect-zoe:hover figcaption>span, .effect-zoe:hover h2, .effect-zoe:hover h3 {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.effect-zoe:hover h2 {
	-webkit-transition-delay:50ms;
	transition-delay:50ms
}
.effect-zoe:hover figcaption>span:nth-child(4) {
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.effect-zoe:hover figcaption>span:nth-child(3) {
-webkit-transition-delay:.15s;
transition-delay:.15s
}
.effect-zoe:hover figcaption>span:nth-child(2) {
-webkit-transition-delay:.2s;
transition-delay:.2s
}
#projectwrap.fw {
	width:100%;
	background-color:#fff;
	padding:50px 0
}
#projectbody {
	max-width:100%;
	width:calc(100% - 480px);
	float:left;
	margin:0 auto;
	padding:0 20px 0 30px
}
#projectbody .pro_s_list {
	height:80px;
	line-height:80px;
	width:100%;
	background:#ececec
}
#projectbody .pro_s_list ul {
	padding:0 80px
}
#projectbody .pro_s_list ul li {
	width:160px;
	height:80px;
	float:left
}
#projectbody .pro_s_list ul li.on, .pro_s_list ul li:hover {
	background:#f8f8f8;
	cursor:pointer
}
#projectbody .pro_s_list ul .pc.on, #projectbody .pro_s_list ul .pc:hover {
	background-image:url(../images/case/pro_s1.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .pc {
	background-image:url(../images/case/pro_s5.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .wap.on, #projectbody .pro_s_list ul .wap:hover {
	background-image:url(../images/case/pro_s2.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .wap {
	background-image:url(../images/case/pro_s6.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .wx.on, #projectbody .pro_s_list ul .wx:hover {
	background-image:url(../images/case/pro_s3.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .wx {
	background-image:url(../images/case/pro_s7.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .app.on, #projectbody .pro_s_list ul .app:hover {
	background-image:url(../images/case/pro_s4.gif);
	background-repeat:no-repeat;
	background-position:center center
}
#projectbody .pro_s_list ul .app {
	background-image:url(../images/case/pro_s8.png);
	background-repeat:no-repeat;
	background-position:center center
}
.pro_content {
	width:100%;
	background:#f8f8f8;
	padding:70px 0
}
.pro_content img {
	max-width:80%;
	text-align:center
}
#projectbody .pro_content .pc_show {
	padding:0 20px;
	text-align:center
}
#projectbody .pro_content .pc_show.on {
	display:none
}
#projectinfo {
	width:340px;
	float:right;
	margin-right:30px;
	background-color:#f5f5f5;
	box-shadow:0 2px 6px rgba(0, 0, 0, .1);
	border-radius:3px;
	margin-left:0;
	padding:40px 30px
}
#projectimages {
	background:#f5f5f5 none repeat scroll 0 0;
	box-shadow:0 2px 6px rgba(0, 0, 0, .1);
	border-radius:3px;
	padding:40px
}
#indexWidget #mprocess {
	background:#fff url(../images/index_04.jpg) center bottom no-repeat;
	height:720px;
	overflow:hidden
}
#indexWidget #mprocess .steps {
	width:1200px;
	height:300px;
	position:relative;
	margin:150px auto
}
#indexWidget #mprocess .steps b {
	margin-right:12px
}
#indexWidget #mprocess .steps .detail {
	width:124px;
	color:#999;
	font-size:12px;
	margin-top:10px;
	margin-left:-10px
}
#indexWidget #mprocess .steps #step1 {
	position:absolute;
	bottom:-64px;
	left:2px
}
#indexWidget #mprocess .steps #step2 {
	position:absolute;
	bottom:27px;
	left:90px
}
#indexWidget #mprocess .steps #step3 {
	position:absolute;
	bottom:120px;
	left:300px
}
#indexWidget #mprocess .steps #step4 {
	position:absolute;
	bottom:157px;
	left:545px
}
#indexWidget #mprocess .steps #step5 {
	position:absolute;
	bottom:100px;
	right:248px
}
#indexWidget #mprocess .steps #step6 {
	position:absolute;
	bottom:21px;
	right:110px
}
#indexWidget #mprocess .steps #step7 {
	position:absolute;
	bottom:-86px;
	right:-8px
}
#indexWidget #mnews {
	height:550px;
	background:#f5f5f5
}
#indexWidget #mnews .hd {
	height:60px;
	border-bottom:1px solid #eaeaea
}
#indexWidget #mnews .hd ul li {
	width:299px;
	float:left;
	line-height:60px;
	text-align:center;
	background:url(../images/new_li.png) left center no-repeat
}
#indexWidget #mnews .hd ul li a {
	color:#000;
	font-size:16px;
	display:block;
	width:100%
}
#indexWidget #mnews .hd ul li.on a, #indexWidget #mnews .hd ul li:hover a {
	color:#70b034;
	border-bottom:3px solid #93d257;
	height:57px
}
#indexWidget #mnews .bd {
	width:1200px;
	margin:0 auto;
	padding:40px 0
}
#indexWidget #mnews .bd ul li {
	width:590px;
	float:left;
	height:100px;
	background:#fff;
	margin-left:10px;
	margin-bottom:5px;
	cursor:pointer;
transition:all ease-out .3s
}
#indexWidget #mnews .bd ul li:hover {
	box-shadow:0 2px 6px rgba(0, 0, 0, .1);
	transform:translate3d(-10px, 0, 0);
	-webkit-transform:translate3d(-10px, 0, 0);
	-moz-transform:translate3d(-10px, 0, 0)
}
#indexWidget #mnews .bd ul li.first:hover {
	transform:translate3d(0, 0, 10px);
	-webkit-transform:translate3d(0, 0, 10px);
	-moz-transform:translate3d(0, 0, 10px)
}
#indexWidget #mnews .bd ul li.first:hover .article .title h2 a, #indexWidget #mnews .bd ul li:hover .article .title h3 a {
	color:#93d257
}
#indexWidget #mnews .bd ul li:hvoer .time i.month {
font-size:18px;
color:#fff
}
#indexWidget #mnews .bd ul li .time {
	width:119px;
	border-right:1px solid #f5f5f5;
	float:left;
	height:100px;
	position:relative
}
#indexWidget #mnews .bd ul li .time i.day {
	position:absolute;
	top:20px;
	left:40px;
	color:#93d257;
	font-size:24px;
	font-style:normal
}
#indexWidget #mnews .bd ul li .time i.month {
	position:absolute;
	top:60px;
	left:30px;
	color:#999;
	font-size:14px;
	font-style:normal
}
#indexWidget #mnews .bd ul li .article {
	width:440px;
	float:left;
	height:70px;
	padding:15px
}
#indexWidget #mnews .bd ul li .article .title {
	height:23px;
	margin-bottom:10px
}
#indexWidget #mnews .bd ul li .article .title h3, #indexWidget #mnews .bd ul li .article .title h4 {
	line-height:23px
}
#indexWidget #mnews .bd ul li .article .title h3 a, #indexWidget #mnews .bd ul li .article .title h4 a {
	color:#000;
	font-weight:400
}
#indexWidget #mnews .bd ul li .article .description {
	height:38px;
	overflow:hidden
}
#indexWidget #mnews .bd ul li.first {
	margin-left:0;
	margin-right:10px;
	height:414px;
	margin-bottom:0
}
#indexWidget #mnews .bd ul li.first .article {
	width:530px;
	height:354px;
	padding:30px
}
#indexWidget #mnews .bd ul li.first .article .title h2 a {
	color:#000;
	font-size:18px;
	font-weight:400
}
#indexWidget #mnews .bd ul li.first .article .time {
	height:20px
}
#indexWidget #mnews .bd ul li.first .article .thumb {
	margin-top:50px;
	clear:both;
	width:530px;
	height:164px;
	text-align:center
}
#indexWidget #mnews .bd ul li.first .article .thumb a {
	width:530px;
	height:164px;
	display:block;
	vertical-align:middle;
	text-align:center
}
#indexWidget #mnews .bd ul li.first .article .thumb a img {
	float:none;
	max-height:164px;
	max-width:530px
}
#indexWidget #mnews .bd ul li.first .article .description {
	height:100px;
	overflow:hidden;
	margin-top:30px;
	line-height:25px
}
#indexWidget #mhezuo {
	height:235px;
	background:#fff
}
#mhezuo .picScroll-left {
	width:1200px;
	overflow:hidden;
	position:relative;
	height:200px;
	margin:0 auto
}
#mhezuo .picScroll-left .hd .prev {
	background-image:url(../images/kehu_23.png);
	background-repeat:no-repeat;
	height:80px;
	width:35px;
	position:absolute;
	left:0;
	top:55px;
	z-index:50
}
#mhezuo .picScroll-left .hd .prev:hover, .picScroll-left .hd .next:hover {
	cursor:pointer;
	opacity:.6
}
#mhezuo .picScroll-left .hd .next {
	background-image:url(../images/kehu_24.png);
	background-repeat:no-repeat;
	height:80px;
	width:35px;
	position:absolute;
	right:0;
	top:55px;
	z-index:50
}
#mhezuo .picScroll-left .bd {
	width:1100px;
	padding-top:40px;
	font-size:16px;
	line-height:24px;
	color:#666;
	margin:0 auto
}
#mhezuo .picScroll-left .bd #mhezuo .picScroll-left .bd .picList {
	width:1100px
}
#mhezuo .picScroll-left .bd .picList li {
	width:240px;
	padding:0 15px
}
#footer {
	background:#ededed
}
#footer .f-row {
	height:200px
}
#footer .f-row .mw-address-info {
	width:600px;
	float:left
}
#footer .f-row .mw-address-info .address {
	width:275px;
	float:left;
	height:200px
}
#footer .f-row .mw-address-info .address .address-img {
	width:102px;
	height:66px;
	display:block;
	background-position:2px -180px;
	margin:30px 30px 20px 77px
}
#footer .f-row .mw-address-info .address .address-content {
	position:relative;
	padding:10px
}
#footer .f-row .mw-address-info .address .address-content p {
	position:absolute;
	top:-11px;
	left:26px;
	width:194px;
	text-align:left;
	font-size:14px
}
#footer .f-row .mw-address-info .phone {
	width:275px;
	float:right;
	height:200px
}
#footer .f-row .mw-address-info .phone .phone-img {
	width:52px;
	height:60px;
	display:block;
	background-position:2px -234px;
	margin:30px 30px 20px 110px
}
#footer .f-row .mw-address-info .phone .phone-content {
	position:relative;
	padding:10px 10px 10px 50px
}
#footer .f-row .mw-address-info .phone .phone-content p {
	position:absolute;
	top:-11px;
	left:71px;
	width:194px;
	text-align:left;
	font-size:14px
}
#footer .f-row .mw-sub-nav {
	width:600px;
	float:left;
	height:200px
}
#footer .f-row .mw-sub-nav ul {
	width:140px;
	float:left;
	padding:30px
}
#footer .f-row .mw-sub-nav ul li {
	height:25px;
	line-height:25px;
	text-align:right
}
#footer .f-row .mw-sub-nav ul li a {
	width:100%;
	color:#666;
	margin:0;
	padding:0
}
#footer .f-row .mw-sub-nav ul .hr {
	width:30px
}
#footer .f-row .mw-sub-nav ul li.one {
	padding-right:20px;
	height:40px;
	color:#000
}
#footer .f-row .mw-sub-nav ul li.one .hr {
	margin-top:10px;
	margin-left:75px
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.suspension {
	width:50px;
	height:230px;
	position:fixed;
	right:30px;
	bottom:160px;
	z-index:100
}
.suspension li {
	position:relative;
	width:50px;
	height:50px;
	margin-top:10px;
	background-color:#6bc30d;
	border-radius:4px
}
.suspension li:hover {
	background-color:#f76c35
}
.suspension .default-transition {
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color
}
.pop-qrcode, .pop-tel, .suspension a {
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/side_icons.png);
	background-repeat:no-repeat
}
a.sendmsg {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/gotop5.png) -8px -7px;
	background-repeat:no-repeat
}
.voice-service {
	background-position:0 0
}
.pop-tel {
	background-position:-50px 2px
}
.pop-qrcode {
	background-position:-100px 0
}
#toTop {
	background-image:url(../images/side_icons.png);
	background-position:-150px 0;
	background-repeat:no-repeat;
	cursor:pointer
}
.connect-us {
	display:none;
	position:absolute;
	width:230px;
	right:69px;
	top:0;
	z-index:30;
	background:#fff;
	height:50px;
	line-height:50px;
	padding-left:20px;
	color:#666;
	font-size:16px;
	border:1px solid #ddd
}
.tel-corner {
	border:10px solid transparent;
	border-left:10px solid #fff;
	position:absolute;
	right:-19px;
	bottom:14px;
	z-index:10
}
.tel-corner-back {
	border:11px solid transparent;
	border-left:11px solid #ddd;
	position:absolute;
	right:-22px;
	bottom:13px;
	z-index:-1
}
.qrcode {
	position:absolute;
	width:142px;
	height:144px;
	right:60px;
	top:-46px;
	z-index:30;
	display:none
}
#footer .f-absorbed-row {
	text-align:center;
	padding:30px 0
}
#footer .flink {
	line-height:25px;
	max-width:1200px;
	background:#CCC;
	margin:0 auto
}
#footer .flink ul li {
	float:left;
	line-height:50px
}
#footer .flink a {
	color:#333;
	width:auto;
	margin:0;
	padding:0 15px
}
#footer .flink a:hover {
	color:#6cb526
}
#footer .copyright {
	text-align:center;
	background:#CCC;
	color:#666;
	line-height:30px;
	clear:both;
	padding:10px 0
}
.npagePage #banner {
	min-height:260px;
	height:auto
}
.npagePage #banner div {
	position:relative;
	background:0 0
}
.npagePage #banner div.bg {
	position:relative;
	height:650px;
	background-color:#39383E;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%
}
.service-info h2 {
	margin-top:85px;
	font-size:60px;
	color:#fff;
	clear:both;
	display:block
}
.service-info h3.desc {
	padding-top:50px;
	clear:both;
	text-align:right;
	font-size:18px;
	color:#fff;
	font-weight:400
}
.npagePage #banner div.ctos {
	position:absolute;
	top:364px;
	right:0;
	width:580px
}
.ctos ul li {
	width:25%;
	float:left;
	text-align:center;
	position:relative
}
.ctos ul li .desc {
	width:80px;
	color:#fff;
	margin:40px auto 0
}
.npagePage #banner .ctos ul li .title {
	position:absolute;
	top:48px;
	left:55px;
	color:#313131;
	font-size:18px
}
.ctos ul li .desc h4 {
	font-weight:400
}
.common-list .web {
	margin-bottom:100px;
	clear:both;
	margin-top:100px
}
.common-list .web .img-coner {
	width:499px;
	min-height:367px
}
.common-list .web .words-coner {
	width:550px
}
.common-list .web .words-coner h1 {
	border-left:10px solid #09f;
	padding-left:20px;
	font-size:36px;
	color:#000;
	line-height:36px;
	font-weight:400
}
.common-list#mobile-module .web .words-coner h1 {
	border-left:0;
	line-height:50px
}
.common-list#mobile-module .web .words-coner h1 img {
	vertical-align:middle;
	padding-right:10px;
	margin-left:-38px
}
.common-list .web .words-coner .desc {
	color:#666;
	line-height:24px;
	font-size:14px;
	padding:35px 0
}
.common-list .web .words-coner .slogan {
	font-size:18px;
	color:#23a6d1
}
.common-list .web .words-coner .link-to-case a {
	display:inline-block;
	background:#e8e7e7;
	border-radius:2px;
	font-size:16px;
	color:#333;
	padding:10px 24px
}
.common-list .web .words-coner .link-to-case a:hover {
	background:#6bc30d;
	color:#f1f1f1;
	text-decoration:none
}
.casebg {
	position:relative;
	height:260px;
	background-color:#39383E;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%
}
.mobilebg {
	height:310px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%
}
.case-list #category {
	padding:30px 0
}
.case-list #category a {
	color:#616161;
	border:none;
	border-radius:20px;
	padding:12px 35px
}
.content .jiejue {
	background:#f8f8f8;
	padding:80px 0
}
.jiejue_L {
	float:left;
	width:540px;
	text-align:right;
	padding:0 30px
}
.jiejue_L img {
	float:none;
	max-width:100%
}
.jiejue_R {
	float:right;
	width:600px;
	text-align:left
}
.jiejue_R h3 {
	border-left-width:10px;
	border-left-style:solid;
	border-left-color:#09f;
	font-size:36px;
	line-height:40px;
	padding-left:40px;
	color:#000;
	font-weight:500;
	margin-bottom:30px
}
.jiejue_R hr {
	width:40px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#000
}
.jiejue_R p {
	font-size:14px;
	line-height:24px;
	margin-top:30px;
	color:#666
}
.jiejue_R span {
	background:#e6e6e6;
	font-size:16px;
	line-height:48px;
	margin-top:50px;
	height:48px;
	display:block;
	width:270px;
	text-align:center
}
.jiejue_1 .jiejue_s .jiejue_L h3 {
	border-right-width:10px;
	border-right-style:solid;
	border-right-color:#09f;
	font-size:36px;
	line-height:40px;
	padding-right:40px;
	color:#000;
	font-weight:500;
	margin-bottom:30px
}
.jiejue_1 .jiejue_s .jiejue_L p {
	font-size:14px;
	line-height:24px;
	margin-top:30px;
	color:#666;
	text-align:left
}
.jiejue_1 .jiejue_s .jiejue_L span {
	background:#e6e6e6;
	font-size:16px;
	line-height:48px;
	margin-top:50px;
	height:48px;
	display:block;
	width:270px;
	text-align:center;
	float:right
}
.jiejue_1 .jiejue_s .jiejue_L span:hover, .jiejue_R span:hover {
	background:#6bc30d
}
.list_dh {
	height:70px;
	width:100%;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#e9e9e9
}
.list_dh ul {
	width:1200px;
	text-align:center;
	margin:0 auto
}
.list_dh ul li {
	display:inline-block;
	margin-right:20px;
	font-size:16px;
	line-height:70px;
	padding:0 10px
}
.list_dh ul li a {
	color:#333;
	display:block
}
.list_dh ul li:hover {
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#24b727
}
.list_dh ul li.on {
	color:#24b727;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#24b727
}
.new_list .list_L {
	width:860px;
	float:left
}
.new_list .list_L ul li {
	border:1px solid #f2f2f2;
	margin-bottom:20px;
transition:all ease-out .6s;
	padding:20px
}
.new_list .list_L ul li .img {
	width:160px;
	height:90px;
	float:left
}
.new_list .list_L ul li:hover {
	transform:translate3d(-10px, 0, 0);
	-webkit-transform:translate3d(-10px, 0, 0);
	-moz-transform:translate3d(-10px, 0, 0);
	border:1px solid #24b727;
	cursor:pointer
}
.comment .comment-list ul li:hover {
	transform:translate3d(-20px, 0, 0);
	-webkit-transform:translate3d(-20px, 0, 0);
	-moz-transform:translate3d(-20px, 0, 0);
	border:0;
	cursor:pointer
}
.new_list .list_L .page ul li:hover {
	transform:translate3d(-10px, 0, 0);
	-webkit-transform:translate3d(-10px, 0, 0);
	-moz-transform:translate3d(-10px, 0, 0)
}
.list_L ul li:hover .date .day, .list_L ul li:hover .date .year {
	color:#6ec411
}
.new_list .list_L ul li .img a {
	width:160px;
	height:90px;
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.new_list .list_L ul li .img a img {
	max-width:100%;
	max-height:100%;
	float:none
}
.list_L ul li .article {
	width:490px;
	float:left;
	margin-left:20px
}
.list_L ul li .article h3 {
	font-size:18px;
	line-height:36px;
	font-weight:100;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.list_L ul li .article p {
	font-size:14px;
	line-height:20px;
	height:60px;
	overflow:hidden;
	color:#666
}
.list_L ul li .date {
	float:right;
	width:75px;
	text-align:center
}
.list_L ul li .date .day {
	color:#ccc;
	font-size:48px
}
.list_L ul li .date .year {
	font-size:18px;
	color:#ccc;
	line-height:30px
}
.list_R a {
	padding-right:10px;
	color:#333;
	display:inline-block
}
#tags a {
	border:1px solid #24b727;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:20px;
	background:#fff;
	color:#333;
	padding:7px 15px
}
.list_R ul {
	border:1px solid #f2f2f2;
	width:280px;
	margin-bottom:30px;
	padding:20px
}
.list_R ul h3 {
	font-size:24px;
	line-height:24px;
	font-weight:100;
	color:#333;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#24b727;
	padding-left:10px;
	margin-bottom:20px
}
.list_R ul li {
	background-image:url(../images/news_09.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	line-height:30px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.page {
	width:100%;
	padding-bottom:60px
}
.page ul {
	width:100%;
	text-align:center;
	margin:0 auto
}
.page ul li {
	display:inline-block;
	background:#efefef;
	margin-left:10px;
	padding:10px 20px
}
.page ul li.previous {
	float:left;
	margin-left:0
}
.page ul li.on, .page ul li:hover {
	background:#6ec411
}
.position {
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	color:#ccc
}
.position a {
	color:#ccc
}
.list_L .article h2 {
	padding-top:20px
}
.list_L .article .desc {
	padding:15px 0
}
.list_L .article .content {
	padding-top:20px;
	font-size:16px;
	line-height:30px
}
.list_L .article .content img {
	max-width:860px
}
.noarticle {
	text-align:center;
	font-size:20px;
	padding:50px
}
.comment {
	margin-top:20px;
	border-top:1px solid #f5f5f5;
	width:860px;
	float:left
}
.comment .title {
	border-bottom:1px solid #f5f5f5;
	padding:20px 0
}
.comment .title h3 {
	border-left:5px solid #24b727;
	padding-left:15px
}
.comment .comment-list ul li {
	width:33.33%;
	float:left;
	line-height:30px;
	list-style:outside;
	border:0;
	margin-bottom:0;
	padding:0
}
.about img {
	padding-right:20px;
	float:left
}
.about p {
	font-size:14px;
	line-height:30px;
	color:#333;
	text-indent:2em;
	padding-bottom:20px
}
.honor {
	background:#f5f5f5;
	text-align:center;
	padding:50px 0
}
.honor h3 {
	font-size:24px;
	line-height:48px;
	color:#000;
	font-weight:500
}
.honor .honor_1 .img {
	padding-top:80px
}
.interior {
	width:1200px;
	text-align:center;
	margin:0 auto;
	padding:60px 0
}
.slideTxtBox .hd {
	height:48px;
	line-height:48px;
	background:#fff;
	position:relative;
	padding:0 20px
}
.slideTxtBox .hd ul {
	height:48px;
	width:1200px;
	text-align:center;
	margin:0 auto
}
.slideTxtBox .hd ul li {
	cursor:pointer;
	display:inline-block;
	font-size:18px;
	padding:0 30px
}
.slideTxtBox .hd ul li.on {
	height:48px;
	background:#f5f5f5
}
.slideTxtBox .bd ul {
	zoom:1;
	width:100%;
	background:#f5f5f5;
	padding:80px 0
}
.cooperation {
	text-align:center;
	padding:50px 0
}
.cooperation hr {
	width:100%;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#f0f0f0;
	margin:20px 0
}
.cooperation .cooperation_1 p {
	color:#75b815;
	position:absolute;
	display:block;
	top:-83px;
	width:150px;
	left:425px;
	background:#fff;
	padding:0 100px
}
.cooperation_1 ul {
	width:1195px;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	margin:74px auto
}
.cooperation_1 ul li {
	float:left;
	width:238px;
	height:178px;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
	position:relative
}
.cooperation_1 ul li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden
}
.cooperation_1 ul li em, .cooperation_1 ul li i {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../images/about/clients.jpg)
}
.cooperation_1 ul li i {
	opacity:.5;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:gray;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}
.cooperation_1 ul li a:hover i {
	opacity:1;
	-webkit-filter:grayscale(0);
	-moz-filter:grayscale(0);
	-ms-filter:grayscale(0);
	-o-filter:grayscale(0);
	filter:none;
	-webkit-transform:scale(.9) translateY(-8px);
	-moz-transform:scale(.9) translateY(-8px);
	transform:scale(.9) translateY(-8px)
}
.cooperation_1 ul li .clients01 {
	background-position:-238px 0
}
.cooperation_1 ul li .clients02 {
	background-position:-476px 0
}
.cooperation_1 ul li .clients03 {
	background-position:-714px 0
}
.cooperation_1 ul li .clients04 {
	background-position:-952px 0
}
.cooperation_1 ul li .clients05 {
	background-position:-1190px 0
}
.cooperation_1 ul li .clients06 {
	background-position:-1428px 0
}
.cooperation_1 ul li .clients07 {
	background-position:-1666px 0
}
.cooperation_1 ul li .clients08 {
	background-position:-1904px 0
}
.cooperation_1 ul li .clients09 {
	background-position:-2142px 0
}
.cooperation_1 ul li .clients10 {
	background-position:-2380px 0
}
.cooperation_1 ul li .clients11 {
	background-position:-2618px 0
}
.cooperation_1 ul li .clients12 {
	background-position:-2856px 0
}
.cooperation_1 ul li .clients13 {
	background-position:-3094px 0
}
.cooperation_1 ul li .clients14 {
	background-position:-3332px 0
}
.cooperation_1 ul li .clients15 {
	background-position:-3570px 0
}
.cooperation_1 ul li .clients16 {
	background-position:-3808px 0
}
.cooperation_1 ul li .clients17 {
	background-position:-4046px 0
}
.cooperation_1 ul li .clients18 {
	background-position:-4284px 0
}
.cooperation_1 ul li .clients19 {
	background-position:-4522px 0
}
.cooperation_1 ul li a:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	box-shadow:inset 0 0 0 0 #eee;
-webkit-transition:.2s;
-moz-transition:.2s;
transition:.2s
}
.cooperation_1 ul li a:hover:after {
	box-shadow:inset 0 0 0 10px #f6f6f6
}
.cooperation_1 ul li a p {
	margin-top:150px;
	color:#333;
	position:relative;
	z-index:5;
	opacity:0;
	filter:alpha(opacity=0);
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	zoom:1
}
.cooperation_1 ul li a:hover p {
	margin-top:135px;
	opacity:1;
	filter:alpha(opacity=100)
}
.cooperation_1 ul li a span {
	font-size:18px;
	line-height:178px;
	color:#a7a7a7
}
.case {
	background:#f5f5f5;
	text-align:center;
	width:100%;
	padding:50px 0
}
.case_1 ul {
	padding-top:50px
}
.case_1 ul li {
	width:277px;
	float:left;
	padding-left:20px
}
.case_1 ul li.on {
	padding-right:0
}
.case_1 ul li .img {
	width:277px;
	float:left;
	height:270px
}
.case_1 ul li .img img {
	max-width:277px;
	max-height:270px
}
.case_1 ul li .title {
	height:48px;
	line-height:48px;
	text-align:left;
	background:#fff;
	width:237px;
	float:left;
	padding:0 20px
}
.case_1 ul li .title span {
	float:right;
	padding-top:18px
}
.case_1 ul li .title .t {
	width:210px;
	float:left
}
.contact_1 .address {
	width:400px;
	float:left
}
.contact_1 .wechat {
	width:400px;
	float:left;
	text-align:center
}
.contact_1 .tel {
	width:400px;
	float:left;
	padding-top:50px
}
.case_1, .cooperation_1, .honor_1 {
	width:1200px;
	position:relative;
	margin:0 auto
}
.case hr, .honor hr {
	width:100%;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#e9e9e9;
	margin:20px 0
}
.case .case_1 p, .honor .honor_1 p {
	color:#75b815;
	position:absolute;
	display:block;
	top:-30px;
	left:425px;
	width:150px;
	background:#f5f5f5;
	padding:0 100px
}
.contact_1 .wechat img, .honor .honor_1 img, .interior img, .slideTxtBox .bd li img {
	float:none
}
.case h3, .cooperation h3 {
	font-size:24px;
	line-height:48px;
	color:#000;
	font-weight:500;
	width:1200px;
	text-align:center;
	margin:0 auto
}
.contact_1 .address p, .contact_1 .tel p {
	font-size:14px;
	line-height:24px;
	color:#333
}
.site-bars ul li {
	float:left;
	width:33.33%
}
.site-bars ul li .bg {
	width:360px;
	height:250px;
	text-align:center
}
.site-bars ul li .bg img {
	margin-top:20px
}
.site-bars ul li .bg img:hover {
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
-webkit-transition:all .6s ease-in-out 0;
-moz-transition:all .6s ease-in-out 0;
-ms-transition:all .6s ease-in-out 0;
-o-transition:all .6s ease-in-out 0;
transition:all .6s ease-in-out 0
}
.site-bars ul li .bg.address {
	background:#f9e0e0
}
.site-bars ul li .bg.fs {
	background:#ddf2f4
}
.site-bars ul li .bg.wx {
	background:#ebf3da
}
.site-bars ul li .bg h3 {
	font-size:18px;
	font-weight:400;
	margin:20px 0
}
.wl-address {
	margin-top:100px;
	clear:both
}
.wl-address .car, .wl-address .destination {
	width:50%;
	float:left
}
.wl-address .car h2 {
	color:#333;
	font-size:24px;
	padding-bottom:30px
}
.wl-address .car .pub-car {
	padding-left:40px;
	height:32px;
	line-height:32px;
	background:url(../images/contact_15.jpg) left center no-repeat
}
.wl-address .car .car-detail {
	margin-top:20px;
	color:#666
}
.wl-address .car .car-detail p.next {
	margin-top:30px
}
.wl-address .destination .c {
	padding-left:50px
}
.wl-address .destination .my-car {
	padding-left:40px;
	height:32px;
	line-height:32px;
	background:url(../images/contact_19.jpg) left center no-repeat
}
.wl-address .destination .next {
	padding-bottom:20px
}
#message {
	margin-top:100px
}
.wl-form .form-group {
	margin-bottom:20px;
	clear:both
}
.wl-form .form-group .ul3 li {
	width:33.33%;
	float:left
}
.wl-input {
	height:40px;
	width:100%;
	line-height:40px;
	border:2px solid #666;
	padding-left:20px
}
.wl-input:hover {
	border:2px solid #a0d867
}
.wl-form .form-group .ul3 li input.w320 {
	width:320px
}
.wl-form .form-group input.w32 {
	width:60.66%
}
.wl-form .form-group .txtarea {
	height:130px
}
.wl-form .form-group .submit {
	width:175px;
	height:53px;
	line-height:53px;
	text-align:center;
	background:#a0d867;
	border:0;
	display:block;
	color:#fff;
	border-radius:2px;
	margin:0 auto
}
.wl-form .form-group .submit:hover {
	background:#8AD044;
	cursor:pointer
}
.subtype {
	width:860px;
	border:1px solid #ddd;
	position:relative;
	margin:30px auto 0;
	padding:20px
}
.subtype:before {
	left:92px;
	content:"";
	height:0;
	position:absolute;
	top:-12px;
	width:0;
	-webkit-transform:rotate(360deg);
	border-color:transparent transparent #6bc30d;
	border-style:solid;
	border-width:0 12px 12px
}
.case-list #category .subtype a.active, .case-list #category .subtype a:hover {
	border-radius:0;
	background:0 0;
	border-bottom:1px solid #6bc30d;
	color:#999
}
.culture-bd {
	width:1200px;
	height:556px;
	background:url(../images/about/cl-02.png) center center no-repeat;
	position:relative;
	margin:0 auto
}
.culture-bd h3.tj {
	position:absolute;
	font-size:48px;
	top:100px;
	left:567px
}
.culture-bd h4.spilit {
	position:absolute;
	font-size:18px;
	top:247px;
	left:725px;
	color:#fff
}
.culture-bd h4.sense {
	position:absolute;
	font-size:18px;
	top:339px;
	left:725px;
	color:#fff
}
.culture-bd h4.target {
	position:absolute;
	font-size:18px;
	top:437px;
	left:728px;
	color:#fff
}
.culture-bd h5.spilit-bd {
	position:absolute;
	font-size:18px;
	top:292px;
	left:725px;
	color:#333
}
.culture-bd h5.sense-bd {
	position:absolute;
	font-size:18px;
	top:384px;
	left:725px;
	color:#333
}
.culture-bd h5.target-bd {
	position:absolute;
	font-size:18px;
	top:482px;
	left:728px;
	color:#333
}
.page ul li a {
	display:block;
	min-width:50px;
	padding:2px 5px
}
.new_list .page ul li {
	line-height:40px;
	border-radius:2px;
	padding:0
}
.join {
	width:1200px;
	margin:0 auto;
	padding:20px 0
}
.join .join_L {
	width:615px;
	float:left
}
.outBox .hd {
	line-height:30px;
	height:231px;
	border-bottom:1px solid #e0e0e0;
	position:relative;
	padding-bottom:20px;
	background:0 0
}
.outBox .hd ul {
	float:left;
	position:absolute;
	text-align:center
}
.outBox .hd ul li {
	float:left;
	margin-right:20px
}
.inBd ul li p {
	text-align:left
}
.inBox .inHd ul {
	overflow:hidden;
	zoom:1;
	padding:0
}
.inBox .inHd ul li {
	height:30px;
	text-align:center;
	float:left;
	cursor:pointer;
	font-size:24px;
	padding-left:10px
}
.inBox .inHd ul span {
	padding-left:10px;
	font-size:24px;
	float:left
}
.inBox .inHd ul li.on {
	color:#15b5cd
}
.inBox .inBd ul {
	zoom:1;
	overflow:hidden;
	padding:15px
}
.join .join_R {
	width:465px;
	float:right;
	text-align:left;
	padding:20px 0
}
.join .join_R h3 {
	background:#a0d867;
	margin-top:40px;
	width:230px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:24px;
	font-weight:100
}
.content .event {
	width:835px;
	padding-bottom:40px;
	margin:0 auto
}
.content .event h3 {
	color:#000;
	background-image:url(../images/about/shijian_03.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:100px;
	width:100px;
	padding-bottom:60px;
	font-size:30px;
	font-weight:300;
	line-height:60px;
	margin:0 auto
}
.content .event ul {
	padding:0
}
.content .event ul li {
	line-height:30px;
	padding-bottom:70px;
	background-image:url(../images/about/shijian_07.png);
	background-repeat:repeat-y;
	background-position:317px top;
	position:relative;
	width:100%;
	float:left
}
.content .event ul li .data {
	float:left;
	text-align:right;
	padding-right:50px;
	width:300px;
	color:#21b717;
	font-size:18px
}
.event ul li i {
	position:absolute;
	left:317px;
	top:5px
}
.content .event ul li .title {
	width:450px;
	float:right;
	text-align:left;
	font-size:18px;
	line-height:30px
}
#projectimages li img:hover {
	-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	-o-transform:scale(1.01);
	-ms-transform:scale(1.01);
	transform:scale(1.01);
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
#wlYear2016_bg {
	width:100%;
	height:320px;
	cursor:pointer;
	background:url(../images/specials/swt_bg.png) no-repeat center center;
	position:fixed;
	bottom:0;
	left:-100%;
	z-index:1
}
#wlYear2016_close {
	width:42px;
	height:42px;
	background:url(../images/specials/close.png);
	position:absolute;
	top:139px;
	right:400px
}
#wlYear2016_btn {
	width:302px;
	height:203px;
	background:url(../images/specials/closein.png) no-repeat;
	position:fixed;
	left:-320px;
	bottom:27px;
	display:block;
	cursor:pointer;
	z-index:1000000
}
#wlYear2016_guwen {
	width:210px;
	height:43px;
	position:absolute;
	top:237px;
	right:70px
}
.case_1 ul li a, .comment .comment-list ul li a, .list_L ul li .article h3 a, .list_L ul li .article h4 a, .list_R ul li a, .page ul li a, body {
	color:#333
}
#serviceWidget ul li:hover a p, a:hover {
	color:#6bc30d
}
#header ul#nav, .effect-zoe figcaption>span, .jiejue_1 .jiejue_s .jiejue_L .xian hr, .list_R, .page ul li.next {
	float:right
}
#mslider ul li p.dw, .slide.slide3 .right ul, .slide.slide5 .right ul {
	display:none
}
#mcaseWidget ul li a, .slide.slide3 .right ul#sulotion1, .slide.slide5 .right ul#news1 {
	display:block
}
#serviceWidget ul li .ins p:hover, .slide .con a:hover span {
	color:#a0d867
}
#mpartnerWidget .goldservie:hover .icon, #mpartnerWidget .goldservie:hover .icon i, #mpartnerWidget .major .major_service:hover .icon, #mpartnerWidget .major .major_service:hover .icon i, #mpartnerWidget .major .strength_service:hover .icon, #mpartnerWidget .major .strength_service:hover .icon i {
	border-radius:50%
}
#mpartnerWidget .service .gold-p, .join .join_R p {
	line-height:24px
}
#serviceWidget, .site-bars ul {
	margin-top:60px
}
#mcaseWidget .case-controls ul, .slideTxtBox .bd li {
	text-align:center
}
#mcaseWidget .case-controls ul li a:hover, #mcaseWidget .case-controls ul li.on a, #tags a:hover, .case-list #category a.active, .case-list #category a:hover {
	background:#6bc30d;
	color:#fff
}
#indexWidget #mnews .bd ul li.first:hover .article .description h4, #indexWidget #mnews .bd ul li:hover .article .description h4 {
	color:#999
}
#indexWidget #mnews .bd ul li .article .description h4, #indexWidget #mnews .bd ul li.first .article .description h4 {
	color:#999;
	font-weight:400
}
.contact_1, .jiejue_s {
	width:1200px;
	margin:0 auto
}
.jiejue_1 .jiejue_s .jiejue_L span a, .jiejue_R span a {
	color:#000
}
.contact, .content .jiejue_1 {
	padding:80px 0
}
.jiejue_1 .jiejue_s .jiejue_L .xian, .list_L ul li .date hr {
	width:100%
}
.jiejue_1 .jiejue_s .jiejue_L span:hover a, .jiejue_R span:hover a, .join .join_R h3 a, .page ul li.on a, .page ul li:hover a {
	color:#fff
}
.about, .new_list {
	width:1200px;
	margin:0 auto;
	padding:30px 0
}
.comment .comment-list ul li a:hover, .list_L ul li .article h3 a:hover, .list_R ul li a:hover, .list_dh ul li.on a, .list_dh ul li:hover a {
	color:#24b727
}
.comment .comment-list, .inBox {
	padding:20px 0
}
.about p span, .case_1 ul li .title .t:hover {
	color:#75b815
}
.outBox, .slideTxtBox {
	width:100%;
	text-align:left
}
.inBox .inBd li, .inBox .inHd {
	line-height:30px
}
#mpartnerWidget .tr_cell .title i.gold-icon.on {
	display: block;
	width:45px;
	height:45px;
	background: #fff url(../images/ico01.png) center center no-repeat;
	margin-left:0;
}
#mpartnerWidget .tr_cell .title i.gold-icon.on1 {
	display: block;
	width:45px;
	height:45px;
	background: #fff url(../images/ico02.png) center center no-repeat;
	margin-left:0;
}
.inBox {
	display:block!important
}
#mpartnerWidget .goldservie {
	width: 560px;
	background: #f5f5f5;
	height:124px;
	float: left;
transition: all ease-out .3s;
	border-bottom: 1px solid #fff;
}
#mpartnerWidget .goldservie.on {
	border:0;
	border-top:1px solid #fff
}
#mpartnerWidget .service.gold {
	padding: 10px 18px;
}
.red_tag {
	color: red;
}
#projectbody .pro_s_list ul .xcx.on, #projectbody .pro_s_list ul .xcx:hover {
	background-image: url(../images/case/xcx.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#projectbody .pro_s_list ul .xcx {
	background-image: url(../images/case/xcx2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.online-view {
	margin-top: 20px
}
.online-view ul li {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer
}
.online-view .view-pc {
	background-image: url(../images/icon/pc-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-pc.on, .online-view .view-pc:hover {
	background-image: url(../images/icon/pc.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-m {
	background-image: url(../images/icon/m-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-m.on, .online-view .view-m:hover {
	background-image: url(../images/icon/m.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-w {
	background-image: url(../images/icon/w.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-w.on, .online-view .view-w:hover {
	background-image: url(../images/icon/w-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-a {
	background-image: url(../images/icon/APP.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-a.on, .online-view .view-a:hover {
	background-image: url(../images/icon/APP-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-x {
	background-image: url(../images/icon/x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.online-view .view-x.on, .online-view .view-x:hover {
	background-image: url(../images/icon/x-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}
.pc-content {
	padding: 20px 0;
	display: none;
}
.pc-content p {
	margin-top: 10px
}
.online-view-content .on {
	display: block
}
.case-list #category .subtype a {
	padding: 10px 10px;
}
.taglist {
	width: 1200px;
	margin: 30px auto
}
.taglist ul li {
	padding: 7px 15px;
	border: 1px solid #24b727;
	width: auto;
	min-width: 80px;
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	margin-left: 10px;
	margin-bottom: 10px
}
.taglist ul li a {
	color: #333
}
.taglist ul li:hover {
	background-color: #6bc30d;
	color: #fff
}
.taglist ul li:hover a {
	color: #fff
}
.w120 {
	width: 160px;
	margin-left: 70px;
	float: left
}
.form-group .ul2 li:first-child {
	width: 60.66%;
	float: left
}
.form-group .ul2 li:nth-child(2) {
width: 39.34%;
float: left
}
.wl-code {
	width: 120px;
	float: left;
	height: 40px;
	margin-left: 40px
}
.wl-code img {
	width: 120px;
	height: 40px
}

#WLKJ {
	display:none	 
}