@import url(public.css);

.ico {
	display: inline-block;
	background: url(../images/ico.png) no-repeat;
}

/*head*/
.top {
	height: 35px;
	background: #f5f4f4;
	line-height: 35px;
}

.top a {
	color: #666;
	margin: 0 5px;
}

.top .tel {
	width: 9px;
	height: 14px;
	background-position: 0 0;
	vertical-align: middle;
	margin-right: 5px;
}

.head {
	height: 105px;
	background: #FFF;
}

.head .logo {
	float: left;
	display: block;
	width: 146px;
	height: 77px;
	no-repeat center;
	margin-top: 22px;
}

.head .txt {
	width: 116px;
	height: 60px;
	background: url(../images/txt.png) no-repeat center;
	float: left;
	margin: 30px 0 0 20px;
}

.head .search {
	width: 409px;
	height: 32px;
	padding: 3px;
	background: #f7f7f7;
	float: left;
	margin: 35px 0 0 86px;
}

.head .boxleft {
	width: 327px;
	height: 30px;
	border: 1px solid #e5e5e5;
	background: #FFF;
}

.head .label {
	display: inline-block;
	height: 30px;
	float: left;
	width: 225px;
	border: 0;
	position: relative;
}

.head .label .ipt,
.head .label .text {
	width: 205px;
	padding: 0 10px;
	height: 30px;
	border: 0;
	outline: none;
}

.head .label .text {
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	color: #999;
}

.head .btn-search {
	width: 80px;
	height: 32px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	float: left;
	background: #F06;
}

.head .tel {
	width: 276px;
	height: 49px;
	background: url(../images/tel.png) no-repeat center;
	margin-top: 25px;
	float: right;
}

/*nav*/
.nav {
	height: 40px;
	background: #333;
}

.nav>ul>li {
	float: left;
	width: 108px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	z-index: 10000;
	font-size: 14px
}

.nav>ul>li>a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

.nav>ul>li:hover,
.nav>ul>li.current,
.nav>ul>li.case {
	background: #131313;
}

.nav>ul>li.on {
	background: #f06;
}

.nav>ul>li>a>em {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #FFF;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.nav .slidenav {
	background: #FFF;
	position: absolute;
	background: #FFF;
	top: 100%;
	left: 0;
	min-width: 100%;
	display: none;
}

.nav li:hover .slidenav {
	display: block;
}

.nav .slidenav li {
	height: 32px;
	line-height: 32px;
	text-align: center;
	white-space: nowrap;
}

.nav .slidenav li a {
	display: block;
	width: 100%;
	text-decoration: none;
}

.nav .slidenav li a:hover {
	background: #ff0066;
	color: #FFF;
}

/*banner*/
.banner{ background:#fff url(../images/bannerbg.jpg) no-repeat center top; height:460px;}

.Type {
	background: #FFF;
}

.Type .item {
	float: left;
	width: 25%;
	min-height: 232px;
}

.Type .item .bd {
	padding: 0 30px;
}

.Type .item.first {
	background: none;
}

.Type .item.first .bd {
	padding-left: 0;
}

.Type .item h1 {
	margin: 10px 0;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
}

.Type .item .money {
	font-size: 26px;
	margin-right: 10px;
}

.Type .item .type-name {
	color: #7db0e4;
}

.Type .item .more {
	display: block;
	width: 138px;
	height: 28px;
	border: 1px solid #ccc;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	line-height: 28px;
	margin-top: 10px;
}

.Type .item .more em {
	margin-left: 5px;
	font-size: 12px;
}

.Type .item:hover h1,
.Type .item:hover .money {
	color: #F06;
}

.Type .item:hover .more {
	color: #FFF;
	border-color: #F06;
	background: #F06;
}

.index-service {
	background: #FFF;
	height: 300px;
	position: relative;
	margin-bottom: -40px;
	padding: 40px 0 20px
}

.foot-contact {
	height: 300px;
	background: #e7e7e7;
	margin-top: 40px;
}

.contact-type {
	padding-left: 50px;
	float: left;
	padding-top: 20px;
	color: #999;
	width: 470px;
}

.contact-type img {
	display: block;
	margin-bottom: 5px;
}

.contact-type .ico-contact {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/other.png) no-repeat;
	margin: 9px 9px 9px 0;
	text-indent: 999px;
	overflow: hidden;
}

.contact-type .qq {
	background-position: 0 0;
}

.contact-type .qq:hover {
	background-position: 0 -40px;
}

.contact-type .weibo {
	background-position: -49px 0;
}

.contact-type .weibo:hover {
	background-position: -49px -40px;
}

.contact-type .weixin {
	background-position: -99px 0;
}

.contact-type .weixin:hover {
	background-position: -99px -40px;
}

.contact-type a {
	color: #999;
}

.contact-message {
	float: right;
	width: 540px;
	padding-top: 15px;
}

.contact-message .label {
	display: block;
	width: 260px;
	height: 35px;
	margin: 6px 0 6px 0;
	float: left;
	position: relative;
}

.contact-message .label .ipt {
	width: 250px;
	padding: 0 5px;
	height: 35px;
	border: 0;
	background: #d9d9d9;
}

.contact-message .label .txt {
	height: 35px;
	padding: 0 5px;
	width: 250px;
	position: absolute;
	left: 0px;
	top: 0;
	color: #999;
	line-height: 35px;
}

.contact-message .area {
	width: 100%;
	height: 120px;
	background: #d9d9d9;
	border: 0;
	color: #999;
	outline: none;
}

.contact-message .btnbox {
	height: 10px;
	border-bottom: 1px solid #CCC;
	text-align: center;
	width: 100%;
	position: relative;
	margin-top: 18px;
}

.contact-message .btnbox span {
	display: inline-block;
	padding: 0 20px;
	height: 35px;
	margin-top: -27px;
	background: #e7e7e7;
	position: relative;
}

.contact-message .btnbox .btn-submit {
	width: 157px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	font-size: 15px;
	background: #b1b1b1
}

.foot-nav {
	background: #2e2e2e url(../images/foot.jpg) no-repeat center;
	height: 205px;
}

.foot-nav .bd {
	padding-top: 33px;
}

.foot-nav .navlist {
	min-height: 133px;
}

.foot-nav .navlist li {
	float: left;
	width: 133px;
	padding-left: 50px;
	color: #FFF;
	min-height: 133px;
	background: url(../images/bdr.png) no-repeat right top;
}

.foot-nav .navlist li a {
	color: #CCC;
}

.foot-nav .navlist li .hd {
	font-size: 14px;
	font-weight: normal;
}

.foot-nav .navlist li.QRC {
	display: table-cell;
	vertical-align: middle;
	background: none;
}



.inbanner {
	height: 200px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.inbanner .txt {
	padding-top: 45px;
	color: #FFF;
	line-height: 28px;
	font-size: 14px;
}

.inbanner .newtxt {
	padding-top: 45px;
	color: #333;
	line-height: 28px;
	font-size: 14px;
}

.inbanner .newtxt h1 {
	font-size: 26px;
	line-height: 35px;
}

.inbanner .txt h1 {
	font-size: 24px;
	line-height: 35px;
}

.inbanner .wrap,
.phone-banner .wrap,
.phone-ban .wrap {
	height: 100%;
	position: relative;
}

.inbanner .img {
	position: absolute;
	bottom: -50px;
	right: 0;
	text-align: right;
}

.inbanner .Brandimg {
	position: absolute;
	bottom: -35px;
	right: 0;
	text-align: right;
}

.phone-banner {
	height: 370px;
	background-color: #5ac2e7;
	background-position: center;
	background-repeat: no-repeat;
}

.phone-banner h1 {
	font-size: 48px;
	line-height: 60px;
}

.phone-banner .txt {
	padding-top: 50px;
}

.aside {
	width: 201px;
}

.section {
	width: 880px;
	background: #FFF;
	margin-bottom: 20px;
}

.sidenav {
	padding: 10px 0;
	width: 190px;
	background: #FFF;
}

.sidenav li {
	height: 37px;
	line-height: 37px;
	border-bottom: 1px dotted #e4e4e4;
	position: relative;
	font-size: 14px;
}

.sidenav li a {
	display: block;
	padding-left: 34px;
	background: url(../images/gt1.png) no-repeat 164px center;
	text-decoration: none;
}

.sidenav li a:hover,
.sidenav li.current a {
	color: #FFF;
	background: #ff0066 url(../images/gt2.png) no-repeat 164px center;
	width: 167px;
	position: absolute;
	left: 0;
	top: 0;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.location {
	height: 40px;
	line-height: 40px;
	background: url(../images/l.png) no-repeat left center;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 20px;
	font-size: 20px;
	color: #666;
}

.newslist li {
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	background: url(../images/c.png) no-repeat 5px center;
	font-size: 14px;
	border-bottom: 1px dotted #e6e6e6;
}

.newslist li span {
	display: inline-block;
	color: #CCC;
	margin-left: 20px;
}

/*========== page ==========*/
.page {
	height: 30px;
	padding: 30px 0 20px;
}

.page span,
.page a {
	display: inline-block;
	border: 1px solid #e4e4e4;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 4px;
	text-decoration: none;
}

.page span,
.page a.active,
.page a:hover {
	color: #FFF;
	background: #ff0066;
	border-color: #ff0066;
}

.page a em {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.page a.prev em {
	border-right: 8px solid #999;
	margin-right: 5px;
}

.page a.next em {
	border-left: 8px solid #999;
	margin-left: 5px;
}

.page a.prev:hover em {
	border-right-color: #FFF;
}

.page a.next:hover em {
	border-left-color: #FFF;
}

.news-info {
	text-align: center;
	padding-bottom: 10px;
}

.news-info .title {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #e4e4e4;
	padding: 26px 0;
	margin-bottom: 5px;
}

.news-info .info {
	font-size: 12px;
	color: #999
}

.container {
	line-height: 30px;
	font-size: 14px
}

.infobox li {
	float: left;
	width: 270px;
	padding: 20px 20px;
	font-family: "microsoft yahei"
}

.infobox li dl {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.infobox li dl dt {
	height: 55px;
	line-height: 45px;
	margin-bottom: 10px;
	font-size: 16px;
}

.infobox li dl dd {
	line-height: 24px;
	color: #737373;
}

.name1,
.name2,
.name3 {
	/*width:113px;*/
	color: #afafaf;
	float: left;
	margin-right: 10px;
}

.infobox dt img {
	display: inline-block;
	vertical-align: middle;
}

.name1 p,
.name2 p,
.name3 p {
	line-height: 14px;
	font-size: 12px;
	height: 14px;
}

.name1 span,
.name2 span,
.name3 span {
	height: 35px;
	line-height: 35px;
	font-size: 30px;
}

.name1 span {
	color: #c62c24;
}

.name2 span {
	color: #878787;
}

.name3 span {
	color: #ef9c02;
}

.aboutbox {
	width: 1100px;
	height: 420px;
	margin: 20px auto;
	position: relative;
	background: url(../images/aboutbox.jpg) no-repeat center;
}

.aboutbox .txt {
	width: 505px;
	height: 290px;
	position: absolute;
	left: 135px;
	top: 90px;
}

.Stencil-sort dl {
	width: 200px;
	float: left;
	margin: 37px;
	text-align: center;
}

.Stencil-sort dl dt {
	width: 200px;
	height: 155px;
	vertical-align: middle;
	display: table-cell;
	background: #ddd;
}

.Stencil-sort dl dt img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.Stencil-sort dl dd {
	font-size: 16px;
	padding-top: 15px;
	height: 30px;
	line-height: 30px;
}

.Stencil-list {
	padding: 20px;
	margin-bottom: 20px;
}

.Stencil-list .hd {
	font-size: 18px;
	border-bottom: 1px dotted #d9d9d9;
	height: 45px;
	line-height: 45px;
}

.Stencil-list .hd ul {
	float: left;
}

.Stencil-list .hd li {
	float: left;
	margin-right: 40px;
	color: #999;
}

.Stencil-list .hd li a {
	color: #999;
}

.Stencil-list .hd li.current,
.Stencil-list .hd li.current a {
	color: #060001;
}

.Stencil-list .hd .more {
	display: inline-block;
	width: 98px;
	height: 28px;
	background: url(../images/more.png) no-repeat center;
	float: right;
	text-indent: 999px;
	overflow: hidden;
	margin-top: 5px;
}

.Stencil-list dl,
.Templates dl {
	float: left;
	width: 200px;
	float: left;
	margin: 18px 12px 0 0;
	text-align: center;
	/* border-bottom:1px dotted #ccc;*/
}

.Stencil-list dl dt,
.Templates dl dt {
	width: 200px;
	height: 155px;
	vertical-align: middle;
	display: table-cell;
	background: #ddd;
}

.Stencil-list dl dt img,
.Templates dl dt img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.Stencil-list dl dd,
.Templates dl dd {
	font-size: 14px;
	padding-top: 10px;
	height: 30px;
	line-height: 30px;
}

.Templates dl {
	margin: 20px 12px 20px 0;
}

.Templates dl dd {
	height: 60px;
}

.Templates dd .control {
	text-align: left;
	font-size: 12px;
}

.Templates dd .control a:hover {
	color: #ff0066;
	text-decoration: none;
}

.Templates dd .control em {
	font-size: 14px;
}

.ad {
	margin-bottom: 20px;
}

.Category {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #333;
}

.Category-form .check-label {
	display: inline-block;
	width: 20%;
	float: left;
	font-size: 12px;
	color: #666;
	line-height: 30px;
	height: 30px;
	cursor: pointer;
}

.Category-form .check-label .checkradio {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../images/checkradio.png) -12px 0;
	margin: 10px 5px 0 0;
	float: left;
}

.Category-form .check-label.checked {
	color: #ff0066
}

.Category-form .check-label.checked .checkradio {
	background-position: 0 0;
}

.colorlist li {
	width: 24px;
	height: 24px;
	display: inline-block;
	float: left;
	margin-right: 24px;
	background: url(../images/color.png);
	position: relative;
	vertical-align: middle;
	cursor: pointer;
}

.colorlist li.color1 {
	background-position: 0 0;
}

.colorlist li.color2 {
	background-position: -48px 0;
}

.colorlist li.color3 {
	background-position: -96px 0;
}

.colorlist li.color4 {
	background-position: -144px 0;
}

.colorlist li.color5 {
	background-position: -192px 0;
}

.colorlist li.color6 {
	background-position: -240px 0;
}

.colorlist li.color7 {
	background-position: -288px 0;
}

.colorlist li.color8 {
	background-position: -336px 0;
}

.colorlist li.color9 {
	background-position: -384px 0;
}

.colorlist li i {
	display: none;
}

.colorlist li.current i {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/right.png) no-repeat center;
}

.Website-Category {
	padding-top: 40px;
	color: #999;
}

.Website-Category .name {
	font-size: 24px;
	line-height: 40px;
	display: block;
	height: 60px;
	padding: 0 50px;
}

.Website-Category .cate1 .highcolor {
	color: #6699cc;
}

.Website-Category .cate2 {
	margin: 0 32px;
}

.Website-Category .cate3 .highcolor {
	color: #003399;
}

.Website-Category .item {
	width: 345px;
	float: left;
}

.Website-Category .item .txt {
	padding: 40px 55px 0 55px;
	font-size: 14px;
	line-height: 30px;
}

.Website-Category .bd {
	height: 270px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}

.latestworks {
	padding: 40px 0 5px;
}

.latestworks .hd {
	height: 90px;
}

.latestworks .hd .more {
	background: url(../images/bigmore.png) no-repeat center;
	width: 135px;
	height: 55px;
	display: block;
	float: right;
}

.latest-list .item {
	width: 260px;
	float: left;
	margin: 0 7px;
	text-align: center;
}

.latest-list .item .img {
	display: block;
	width: 260px;
	height: 200px;
	position: relative;
}

.latest-list .item .hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/blk30.png);
	display: block;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

.latest-list .item:hover .hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.latest-list .item .txt {
	height: 20px;
	padding-top: 10px;
	font-size: 14px;
	color: #666;
}

.latest-list .item .case-txt {
	height: 50px;
	padding-top: 15px;
	font-size: 14px;
	color: #666;
}

.latest-list .item .hover .s {
	display: block;
	background: url(../images/s2.png) no-repeat;
	width: 21px;
	height: 22px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -11px 0 0 -10px;
}

.process {
	margin-top: 40px;
	background: #FFF;
	padding: 20px 0 30px;
}

.process .item {
	width: 25%;
	position: relative;
	text-align: center;
	float: left;
	line-height: 24px;
	color: #666;
}

.process .item .hd {
	height: 50px;
	line-height: 40px;
	color: #333;
	font-size: 15px;
	display: block;
}

.process .item .img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 15px
}

.process .item .gt {
	display: block;
	background: url(../images/gt.png) no-repeat center;
	width: 34px;
	height: 17px;
	position: absolute;
	right: -17px;
	top: 130px;
}

.development-cycle {
	padding: 40px;
	font-size: 14px;
}

.development-cycle .name {
	font-size: 30px;
	line-height: 40px;
}

.development-cycle .vtxt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.development .time {
	position: relative;
}

.development .time li {
	width: 143px;
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #F06;
	float: left;
	text-align: center;
}

.development .step {
	width: 1208px;
	position: relative;
	margin-right: -111px;
}

.development .step li {
	width: 140px;
	float: left;
	margin-top: -20px;
	height: 75px;
	position: relative;
}

.development .step li span {
	color: #FFF;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: url(../images/step.png) no-repeat 0 0;
	margin-bottom: 10px;
}

.development .step li span.gray {
	background-position: -40px 0;
}

.development .step li em {
	display: inline-block;
	position: relative;
}

.host .le {
	width: 580px;
}

.host .hostlist {
	width: 450px;
}

.host .img {
	width: 200px;
}

.host .le .Domain {
	width: 355px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}

.host h1 {
	font-size: 20px;
}

.Domain label {
	display: inline-block;
	margin-right: 10px;
}

.Domain .doserarch {
	font-size: 18px;
	color: #333;
	padding: 10px 0;
}

.Domain .doserarch .inpt {
	width: 168px;
	height: 25px;
	border: 1px solid #d8d7d7;
	background: #FFF;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	outline: none;
	font-size: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.Domain .doserarch .btn-ser {
	width: 50px;
	text-align: center;
	height: 27px;
	line-height: 27px;
	color: #FFF;
	font-size: 14px;
	background: #F06;
}

.host .hostlist .links {
	padding: 15px 0;
}

.host .hostlist .links img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.service {
	margin-bottom: 40px;
	padding: 20px 20px 30px;
}

.service .item {
	width: 50%;
	float: left;
}

.service .item h1 {
	font-size: 16px;
	line-height: 35px;
}

.service .item h1 em {
	font-size: 18px;
	margin-right: 5px;
}

.service .item .bd {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 24px;
}

.Superiority {
	padding: 20px 0;
}

.Superiority li {
	padding: 40px 0;
	width: 33.3%;
	float: left;
	min-height: 85px;
}

.Superiority li .bd {
	padding: 0 75px 0 100px;
	position: relative;
}

.Superiority li h1 {
	color: #333;
	line-height: 35px;
}

.Superiority li .img {
	width: 90px;
	position: absolute;
	left: 0;
	top: 15px;
}

.Superiority li em {
	display: inline-block;
	background-image: url(../images/Superiority.png);
	background-repeat: no-repeat
}

.supe1 {
	width: 50px;
	height: 50px;
	background-position: 0 0;
}

.supe2 {
	width: 52px;
	height: 52px;
	background-position: -71px 0;
}

.supe3 {
	width: 58px;
	height: 50px;
	background-position: -145px 0;
}

.supe4 {
	width: 50px;
	height: 51px;
	background-position: 0 -81px;
}

.supe5 {
	width: 50px;
	height: 32px;
	background-position: -71px -92px;
}

.supe6 {
	width: 51px;
	height: 44px;
	background-position: -152px -84px;
}

.phone-ban {
	height: 455px;
	background-position: center;
	background-repeat: no-repeat;
	line-height: 30px;
}

.phone-ban h1 {
	color: #333;
	font-size: 36px;
	padding: 60px 0 10px;
	line-height: 45px;
	height: 45px;
	display: block;
}

.phone-ban h2 {
	font-size: 18px;
	color: #666;
}

.phone-ban .bgtxt {
	width: 374px;
	height: 95px;
	background: #fff;
	padding: 20px;
	margin-top: 20px;
	font-size: 15px;
	color: #999;
}

.phone-ban .img {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: -15px;
}

.Benefit {
	padding: 35px 0;
}

.Benefit dl {
	float: left;
	width: 160px;
	margin: 0 30px;
}

.Benefit dl dt {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #f8f8f8;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto
}

.Benefit dl .title {
	font-size: 18px;
	color: #333;
	padding: 20px 0 15px;
	line-height: 30px;
	text-align: center;
}

.Benefit dl dt em {
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/Benefit.png);
}

.Benefit .ico1 {
	width: 66px;
	height: 39px;
	background-position: 0 -9px;
}

.Benefit .ico2 {
	width: 71px;
	height: 51px;
	background-position: -108px -4px
}

.Benefit .ico3 {
	width: 54px;
	height: 56px;
	background-position: -223px 0
}

.Benefit .ico4 {
	width: 69px;
	height: 50px;
	background-position: -319px -5px
}

.Benefit .ico5 {
	width: 42px;
	height: 58px;
	background-position: -432px 0
}

.Benefit dl:hover,
.Benefit dl:hover .title {
	color: #F06;
}

.Benefit dl:hover dt {
	background-color: #F06;
}

.Benefit dl:hover .ico1 {
	background-position: 0 -86px;
}

.Benefit dl:hover .ico2 {
	background-position: -108px -81px
}

.Benefit dl:hover .ico3 {
	background-position: -223px -77px
}

.Benefit dl:hover .ico4 {
	background-position: -319px -82px
}

.Benefit dl:hover .ico5 {
	background-position: -432px -77px
}

.needtitle {
	padding: 55px 0;
	font-size: 30px;
	line-height: 35px;
}


.igtt {
	width: 1096px;
	height: 494px;
	margin: 35px auto 45px;
	position: relative;
	font-size: 14px;
	line-height: 24px;
}

.t-l-t {
	position: absolute;
	top: 40px;
	left: 0;
	width: 140px;
}

.t-l-m {
	position: absolute;
	top: 283px;
	left: 0;
	width: 268px;
}

.t-m-m {
	position: absolute;
	top: 450px;
	left: 0;
	width: 100%;
}

.t-r-t {
	position: absolute;
	top: 0;
	right: -10px;
	width: 277px;
}

.t-r-m {
	position: absolute;
	top: 199px;
	right: 0;
	width: 151px;
}

.needlist .bd {
	padding: 25px;
}

.needlist li {
	float: left;
	width: 50%;
	padding: 25px 0;
}

.needlist li .cont {
	padding: 0 25px 0 215px;
	min-height: 145px;
	position: relative;
	font-size: 14px;
	color: #999;
}

.needlist li .img {
	width: 175px;
	height: 135px;
	position: absolute;
	left: 20px;
	top: 0px;
}

.needlist li .title {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
	color: #333;
}

.Business .bd {
	padding: 50px 30px;
}

.Business .item {
	width: 230px;
	height: 370px;
	float: left;
	margin: 0 15px;
	position: relative;
}

.Business .item .hover {
	width: 230px;
	height: 370px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: url(../images/blk50.png);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

.Business .item:hover .hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.Business .item .hover img {
	display: inline-block;
	vertical-align: middle;
}

/*2015年4月3日*/
.pb_title {
	color: #333;
	font-size: 40px;
	padding: 30px 0;
	line-height: 40px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}

.pb_title .bottom {
	display: block;
	width: 70px;
	height: 3px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -35px;
}

.cal_info {
	padding: 25px 0;
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}


.call-list .item {
	width: 542px;
	height: 514px;
	float: left;
	background: #FFF;
	margin: 10px 0;
}

.call-list .header {
	height: 160px;
	padding: 0 40px;
	background: #474e5e;
	color: #FFF;
}

.call-list .header .price {
	font-size: 16px
}

.call-list .header .price h1 {
	font-size: 48px;
	line-height: 50px;
	display: block;
	margin-top: 35px;
}

.call-list .header .name {
	font-size: 30px;
	line-height: 50px;
	margin-top: 35px;
}

.call-list .bd {
	width: 445px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	font-size: 14px;
	color: #666;
}

.call-list .bd .hd {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #ff0066;
	font-size: 18px;
}

.call-list .bd .call-tab {
	width: 100%;
	line-height: 30px;
}

.call-list .bd .call-tab th {
	font-weight: normal;
	width: 70px;
	vertical-align: top;
}

.call-list .bd h2 {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: 1px dotted #e4e4e4;
}

.call-list .num li {
	line-height: 24px;
	float: left;
	width: 33.3%;
}

.call-list .button {
	width: 215px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	font-size: 18px;
}

.call-list .btn-buy {
	background: #ff9900;
}

.call-list .btn-Advisory {
	background: #4f94db;
}

.call-list .btn-Seize {
	background: #ff0066;
}

.Reserved li {
	width: 50%;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	color: #ff0066;
	float: left;
}

.icocall {
	padding: 55px 0 30px;
}

.icocall li {
	float: left;
	width: 10%;
	height: 135px;
	font-size: 14px;
}

.icocall li .con {
	display: block;
	width: 60px;
	height: 57px;
	background-image: url(../images/icocall.png);
	background-repeat: no-repeat;
	margin: 0 auto 15px;
}

.con1 {
	background-position: -15px -14px
}

.con2 {
	background-position: -116px -14px
}

.con3 {
	background-position: -221px -14px
}

.con4 {
	background-position: -327px -14px
}

.con5 {
	background-position: -432px -14px
}

.con6 {
	background-position: -536px -14px
}

.con7 {
	background-position: -637px -14px
}

.con8 {
	background-position: -748px -19px
}

.con9 {
	background-position: -851px -14px
}

.con10 {
	background-position: -957px -14px
}

.con11 {
	background-position: -15px -150px
}

.con12 {
	background-position: -119px -150px
}

.con13 {
	background-position: -226px -150px
}

.con14 {
	background-position: -331px -150px
}

.con15 {
	background-position: -431px -155px
}

.con16 {
	background-position: -536px -150px
}

.con17 {
	background-position: -639px -150px
}

.con18 {
	background-position: -747px -150px
}

.con19 {
	background-position: -851px -150px
}

.con20 {
	background-position: -957px -150px
}

.map {
	width: 100%;
	height: 595px;
	position: relative;
	z-index: 1;
}

.map .wrap {
	height: 595px;
	position: absolute;
	left: 50%;
	z-index: 100000;
	margin-left: -550px;
	top: 0;
}

.map .contactbox,
.thanksbox {
	width: 380px;
	height: 440px;
	background: #FFF url(../images/white70.png);
	padding: 10px 25px;
	margin-top: 85px;
}

.contactbox h1 {
	height: 35px;
	line-height: 35px;
	font-size: 20px;
}

.form-tab {
	width: 100%;
}

.form-tab td {
	padding: 5px 0;
}

.form-tab label {
	display: block;
}

.form-tab label span {
	color: #999;
	display: inline-block;
	margin-left: 5px;
}

.form-tab .form-control {
	width: 170px;
	height: 24px;
	background: #eee;
	border: 0;
	padding: 0 5px;
	margin: 5px 0;
}

.form-tab .form-area {
	width: 362px;
	height: 106px;
	background: #eee;
	border: 0;
	resize: none;
}

.btn-submit {
	width: 100px;
	height: 40px;
	background: #ccc;
	border: 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	border-radius: 5px;
	text-transform: uppercase;
}

.btn-submit:hover {
	background: #f06;
}

.thanksbox h1 {
	font-size: 41px;
	height: 45px;
	line-height: 45px;
	color: #CCC;
	padding-bottom: 17px;
	font-family: Tahoma;
}

.indexcon {
	width: 100%;
}

.indexcon1 {
	float: left;
	width: 400px;
}

.title3 {
	color: #f8165c;
	font-size: 22px;
	font-family: "microsoft yahei";
	line-height: 35px;
	float: left;
	width: 100%;
}

.title4 {
	float: right;
	color: #8a8a89;
	font-family: "microsoft yahei";
	line-height: 30px;
}

.title4 i {
	font-family: Arial, Helvetica, sans-serif;
}

.pic {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.indexcon2 {
	float: right;
	width: 545px;
}

.title5 {
	float: left;
	margin-left: 62px;
	display: inline;
	line-height: 35px;
}

.title5 span {
	font-size: 22px;
	font-family: "microsoft yahei";
	color: #5094db;
	margin-right: 11px;
}

.title5 i {
	color: #8a8a89;
	font-family: "microsoft yahei";
	font-size: 14px;
}

.processdl {
	float: left;
	width: 100%;
	margin-top: 13px;
}

.processdl dt {
	float: left;
	width: 220px;
	height: 263px;
}

.processdl dd {
	float: right;
	width: 312px;
	padding-top: 20px;
}

.processtablist {
	float: left;
	width: 100%;
	background: url(../images/processtab.gif) no-repeat right 0;
	height: 146px;
}

.processtablist li {
	float: left;
	width: 57px;
	height: 57px;
	margin: 0 0 16px 21px;
	display: inline;
}

.processtablist li span {
	display: none;
	color: #5094db;
	width: 57px;
	height: 57px;
	line-height: 57px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 24px;
	background: url(../images/quan.png) no-repeat;
	cursor: pointer;
}

.processtablist li.hover span {
	display: block;
}

.title6 {
	color: #969595;
	background: url(../images/ico3.gif) no-repeat 0 5px;
	line-height: 18px;
	padding-left: 13px;
	width: 278px;
	float: left;
}

.processtabcon {
	float: left;
	margin: 10px 0 0 21px;
	display: inline;
	width: 291px;
}

.detail3 {
	float: left;
	padding-left: 13px;
	width: 278px;
}

.indexnews {
	background: #FFF url(../images/newboxbg.png) no-repeat center bottom;
	padding: 50px 0;
	min-height: 315px;
}

.indexnews .item {
	min-height: 315px;
	background: url(../images/indexnews-item-bg.png) no-repeat right center;
	width: 340px;
	margin-right: 25px;
	float: left;
}

.indexnews .item .bd {
	width: 302px;
}

.indexnews .item .hd {
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
	background: url(../images/index_06.jpg) no-repeat left center;
	font-size: 15px;
	color: #333
}

.indexnews .Customers {
	width: 350px;
	margin: 0;
	background: none;
}


.index-newslist li {
	height: 37px;
	line-height: 37px;
	border-bottom: 1px dotted #919191;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.index-newslist li a {
	color: #666;
}

.indexnews .item .hd a {
	text-decoration: none;
	color: #ccc;
}

.indexnews .item .hd a:hover {
	text-decoration: none;
	color: #666;
}

.clients {
	margin: 10px 0 0 1px;
}

.clients li {
	float: left;
	height: 85px;
	width: 173px;
	line-height: 85px;
	border: 1px dotted #c7c7c7;
	margin: -1px 0 0 -1px;
	display: table-cell;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}

.clients li img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
}

.Optimization-info {
	padding: 45px 0;
	line-height: 30px;
	color: #666;
	font-size: 14px;
}

.Optimization-info h1 {
	font-size: 18px;
	color: #333;
}

.opinfo {
	padding: 55px 0;
	text-align: center;
}

.zation {
	padding: 55px 0 30px;
}

.lebox {
	width: 500px;
	height: 487px;
	background: url(../images/leboxbg.png) no-repeat center left;
	position: relative;
	margin-top: 64px;
}

.lebox .txt {
	width: 240px;
	height: 367px;
	position: absolute;
	right: 20px;
	top: 40px;
	overflow: hidden;
	border-bottom: 1px dotted #c7c7c7;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}

.rtbox {
	width: 563px;
	margin-top: 64px;
}

.rgli li {
	height: 30px;
	line-height: 30px;
	margin-top: 12px;
	padding: 0 10px;
	background: #FFF;
	font-size: 14px;
}

.rgli li:hover {
	background: #ff0066;
	color: #FFF;
}

.Graphic .item {
	padding: 60px 0;
	border-bottom: 1px dotted #e9e9e9;
	background: #FFF;
}

.Graphic .item .lv {
	font-size: 22px;
	line-height: 28px;
	color: #78b81c;
	vertical-align: middle;
}

.Graphic .item .txt {
	width: 510px;
	font-size: 14px;
	color: #666;
}

.Graphic .item .title {
	font-size: 30px;
	display: block;
	padding-bottom: 40px;
	color: #000
}

.Graphic .item .img {
	width: 500px;
}

.blklist {
	padding: 60px 0 45px
}

.blklist li {
	float: left;
	width: 25%;
	float: left;
	text-align: center;
	height: 170px;
}

.blklist li img {
	max-height: 100%;
	max-width: 100%;
}

.service-step {
	padding: 50px 0;
}

.service-step .item {
	width: 33%;
	float: left;
	min-height: 245px;
	border-right: 1px solid #ddd;
	line-height: 666px;
	font-size: 14px;
	line-height: 24px;
}

.service-step .item .ico-step {
	display: block;
	width: 260px;
	height: 130px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(../images/ico-step.png);
	margin-bottom: 20px;
}

.service-step .step1 {
	background-position: 0 0;
}

.service-step .step2 {
	background-position: -340px 0;
}

.service-step .step3 {
	background-position: -680px 0;
}

.service-step .item h1 {
	font-size: 20px;
	display: block;
}

.sitemap {
	width: 1000px;
}

/*2015年5月8日*/
.sidebar {
	width: 70px;
	padding: 10px 0;
	background: url(../images/blk60.png);
	position: absolute;
	top: 215px;
	right: 0;
	z-index: 10000000;
}

.sidebar .slideshow li {
	height: 51px;
	margin: 6px 0
}

.sidebar .slideshow li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #FFF;
}

.sidebar .slideshow li:hover a {
	background: #f06;
}

.sidebar .slideshow .imgbox {
	display: block;
	text-align: center;
	height: 100%;
	line-height: 51px;
}

.sidebar .slideshow .imgbox img {
	display: inline-block;
	vertical-align: middle;
}

.sidebar .slideshow .gotop {
	display: block;
	text-align: center;
	color: #FFF;
	line-height: 15px;
	height: 30px;
	cursor: pointer;
}

.sidebar .gotop em {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFF;
}

.sidebar .txt {
	height: 100%;
	width: 0;
	text-indent: 15px;
	background: #f06;
	color: #FFF;
	display: block;
	position: absolute;
	right: 70px;
	top: 0;
	overflow: hidden;
	white-space: nowrap
}

.sidebar a:hover .txt {
	width: 115px;
	transition: width 0.5s;
	-moz-transition: width 0.5s;
	/* Firefox 4 */
	-webkit-transition: width 0.5s;
	/* Safari 和 Chrome */
	-o-transition: width 0.5s;
}

.sidebar .QRCbox {
	display: none
}

.sidebar a:hover .QRCbox {
	display: block;
	position: absolute;
	right: 70px;
	top: 0;
}