@charset "utf-8";

/* by Adon 11660235@qq.com , CSS Document */

body {
	font-family: Candara,Verdana;
	color: #000;
	font-size: 12px
}

ul,li {
	list-style: none
}

a,a:hover {
	text-decoration: none;
	color: #000
}

.left {
	float: left
}

.right {
	float: right
}

.chinese {
	font-family: "微软雅黑"
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: Candara,Verdana;
	font-weight: bold
}

.container {
	max-width: 1030px
}

::selection {
	background: #00afd8;
	color: #FFF
}

::-moz-selection {
	background: #f43408;
	color: #FFF
}

.pd22 {
	padding-bottom: 22px
}

header {
	width: 100%;
	z-index: 999;
	position: fixed;
	height: 53px;
	top: 0
}

.color a {
	color: #444!important
}

.header-bg {
	background-color: #fff;
	border-bottom: solid 1px #d1d1d1
}

.header-bg a {
	color: #444!important
}

header .header-logo {
	padding-left: 3em;
	position: absolute;
	left: 0;
	top: 0
}

#nav ul {
	margin: 0;
	padding: 0
}

#nav li {
	display: inline-block;
	padding: 0 1.5em;
	line-height: 51px
}

#nav li a {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold
}

footer {
	background-color: #1f1e26;
	color: #a9a9a9;
	overflow: hidden;
	padding: 4em 0;
	text-align: center;
	font-weight: bold
}

.footer-content {
	width: 45%;
	margin: 0 auto;
	color: #fff
}

.footer-content h1 {
	font-size: 2.5em;
	margin: 0 0 15px 0
}

.footer-content h1 a {
	text-transform: capitalize;
	font-size: 15px;
	color: #fff
}

.footer-content .footer-l {
	border-top: solid 1px #626162;
	border-bottom: solid 1px #626162;
	padding: 1.5em 0;
	overflow: hidden
}

.footer-content .footer-l li {
	text-align: center;
	display: inline-block;
	margin: 0 .5em;
	font-size: 2em;
	text-transform: uppercase
}

.footer-content .footer-l li a {
	color: #ccc
}

.footer-content .footer-opyright {
	color: #717171;
	margin-bottom: 2em
}

.footer-opyright a {
	color: #717171;
	margin-bottom: 2em
}

.footer-content .footer-by {
	font-size: 15px;
	color: #f0f0f1;
	margin: 0
}

.footer .bdsharebuttonbox {
	padding: 2.2em 0
}

.footer .bdsharebuttonbox a {
	float: none!important;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 10px
}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more {
	margin: 1px 3px 0 0!important
}

#scrollUp {
	bottom: 1.5em;
	text-indent: -9999px;
	right: 1.5em;
	width: 46px;
	height: 46px;
	background: url(../img/top.png) no-repeat;
	padding: .5em
}

#scrollUp:hover {
	background: url(../img/top-hover.png) no-repeat;
	-webkit-transition: all 160ms linear;
	-moz-transition: all 160ms linear;
	-o-transition: all 160ms linear;
	transition: all 160ms linear
}

.sliderHeight {
	overflow: hidden;
	position: relative;
	width: 100%;
	float: left;
	padding-bottom: 34%
}

.sliderHeight .sliderContainer {
	width: 100%;
	height: 100%;
	position: absolute
}

.iosSlider {
	width: 100%;
	height: 100%;
	position: relative
}

.iosSlider .slider {
	width: 100%;
	height: 100%
}

.iosSlider .slider .item {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0
}

.iosSlider .slider .item img {
	width: 100%;
	float: left
}

.iosSlider .indicators {
	width: 100%;
	padding: 0 15px;
	position: absolute;
	bottom: 25px;
	right: 0;
	z-index: 999;
	margin: 0 auto;
	left: 0
}

.iosSlider .indicators .item {
	text-indent: -9999px;
	float: left;
	width: 45px;
	height: 7px;
	background-color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
	margin: 0 2px
}

.iosSlider .indicators .item.active {
	background: #fff;
	opacity: 1
}

.about-tenede {
	background: url(../img/about.gif) repeat;
	padding: 8em 0 3em 0;
	position: relative;
	color: #ccc
}

.about-tenede h1.about-tenede-tit {
	float: left;
	font-size: 12px;
	color: #4f4f4f;
	width: 11%;
	margin: 0
}

.about-tenede h1 font {
	font-size: 2.5em;
	color: #ccc
}

.about-tenede-content {
	width: 80%;
	margin: 13px auto 0 auto;
	overflow: hidden
}

.about-tenede-content h1 {
	font-size: 1.7em;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold
}

.about-tenede-content h2 {
	color: #fff;
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 2.3em
}

.about-tenede-content dl {
	width: 50%;
	float: left;
	padding-right: 4em;
	margin: 0
}

.about-tenede-content dl dt {
	font-weight: bold;
	font-size: 2.5em;
	text-transform: uppercase;
	padding: .5em 0
}

.about-tenede-content dl dd {
	font-size: 1.2em;
	line-height: 1.5
}

.about-view {
	background-color: #0ea98b;
	padding: 1em 0 0 0;
	position: relative
}

.about-view .about-view-content {
	color: #fff;
	padding-bottom: 1em;
	position: relative;
	z-index: 10;
}

.about-view .about-view-content h1 {
	font-size: 8em;
	margin: 0;
	line-height: 1
}

.about-view .about-view-content h2 {
	font-size: 1.6em;
	margin: 0
}

.about-view .about-view-content1 {
	padding: 3em 0 0 0
}

.about-view .about-view-content1 p {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 1.8;
	margin: 0 0 12px 0
}

.about-view .about-view-dl {
	background-color: #fff;
	width: 100%;
	padding: 7em 0 6.5em 0
}

.about-view .about-view-dl dl {
	text-align: center;
	position: relative;
	z-index: 10;
	color: #333
}

.about-view .about-view-dl dl dd.tit-en {
	padding: .5em 0;
	font-size: 2em;
	font-weight: bold
}

.about-view .about-view-dl dl dd.tit-cn {
	font-size: 2em;
	font-weight: bold
}

.about-view .about-view-dl dl dd.des {
	padding: 2em 3em 0 3em
}

.about-culture {
	background-color: #e7e7e7
}

.about-culture .about-culture-content {
	padding: 6em 0 13em 45%;
	color: #767676;
	width: 100%;
	background: url(../img/about-culture.jpg) no-repeat left bottom
}

.about-culture .about-culture-content h1 {
	font-size: 4.5em;
	color: #000
}

.about-culture .about-culture-content p.des-en {
	font-size: 1.2em;
	font-weight: bold;
}

.about-culture .about-culture-content p.des-cn {
	margin: 1.8em 0;
	line-height: 1.8;
	font-size: 13px;
}

.about-services ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left
}

.about-services li {
	width: 16.6666%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 16.666%;
	color: #fff
}

.about-services li span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100% 100%
}

.about-services li.about-web {
	background-color: #81c2d6
}

.about-services li.about-branding {
	background-color: #ffa26f
}

.about-services li.about-seo {
	background-color: #f0dc6b
}

.about-services li.about-wechat {
	background-color: #86af53
}

.about-services li a {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.about-services li big {
	font-size: 25px;
	width: 100%;
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: 20px;
	font-weight: bold
}

.about-services li big small {
	display: block;
	font-size: 15px;
	border-bottom: solid 1px #fff;
	width: 70px
}

.brand-creative .brand-item-1 {
	background: url(../img/brand1.png) no-repeat right bottom #e9e9e9;
	color: #4f4f4f;
	height: 100%
}

.brand-creative .brand-item-1 h1 {
	font-size: 6em;
	line-height: .9;
	margin: 0 0 .1em 0
}

.brand-creative .brand-item-1 p {
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.3em
}

.brand-creative .brand-item-2 {
	background: url(../img/brand2.png) no-repeat left bottom #fea26f;
	color: #fff;
	height: 100%
}

.brand-creative .brand-item-2 h1 {
	margin: 0 0 .2em 0;
	font-size: 4.5em
}

.brand-creative .brand-item-2 p {
	line-height: 1.5;
	font-size: 1.2em
}

.brand-services {
	text-align: center;
	color: #6f7072;
	background: url(../img/brand-content.jpg) no-repeat center top;
	margin: 2.5em 0
}

.brand-services .brand-services-content {
	padding: 6.5em 6%
}

.brand-services .brand-services-content h1 {
	font-size: 3.8em
}

.brand-services .brand-services-content p {
	font-size: 1.2em;
	padding: 0 8%;
	font-weight: bold;
	line-height: 1.5
}

.brand-services .brand-services-content p.chinese {
	padding: 0;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.7;
}

.brand-imgae {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative
}

.brand-imgae .brand-image-pic {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	padding: 0
}

.brand-image-pic-b {
	width: 15%;
	z-index: 99;
	background: url(../img/brand.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	height: 15%
}

.brand-slider {
	width: 971px;
	height: 721px;
	max-width: 971px;
	max-height: 721px
}

.brand-imgae .brand-image-content {
	padding: 2.5% 5%;
	background: url(../img/brand-image.jpg) no-repeat #252525 right top;
	color: #a1a1a1
}

.brand-imgae .brand-image-content h1 {
	color: #fff;
	margin: 0 auto;
	width: 50%;
	text-align: center;
	padding: .2em 0 .5em 0;
	font-size: 8em;
	line-height: .8
}

.brand-imgae .brand-image-content p {
	font-weight: bold;
	font-size: 1.2em
}

.brand-imgae .brand-image-content p.chinese {
	font-weight: normal;
	line-height: 1.6;
	font-size: 1.2em
}

.browseHeight {
	position: relative;
	width: 100%;
	margin-top: 53px;
	float: left;
	padding-bottom: 0;
	height: 687px;
	max-height: 687px;
	background-color: #000
}

.browseHeight .browseContainer {
	width: 100%;
	height: 100%;
	position: absolute
}

.iosbrowseImage {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black url(../img/debut_dark.gif) 0 0
}

.iosbrowseImage .browseImage {
	width: 100%;
	height: 100%
}

.iosbrowseImage .browseImage .item {
	float: left;
	width: 1125px;
	height: 100%
}

.iosbrowseImage .browseImage .item img {
	float: left;
	max-width: 100%
}

.browse-view-content {
	position: relative;
	width: 100%;
	background: url(../img/browse-view.jpg) repeat;
	text-align: center;
	color: #444;
	padding-bottom: 4%
}

.browse-view-content .bd-share {
	float: right;
	padding: 1em 0
}

.browse-view-content h1 {
	font-size: 35px;
	
	margin: 0
}

.browse-view-content p {
	color: #6f6f6f;
	font-size: 22px;
}
.browse-view-content p img{
	max-width:100%;
}

.browse-nav {
	width: 300px;
	margin: 0 auto
}



.browse-nav a {
	width: 136px;
	float: left;
	line-height: 2.2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	font-weight: bold;
	text-align: center;
	color: #fffefe;
	font-size: 1.4em
}

.browse-nav a.site {
	background-color: #c22c45;
	margin-right: 1em
}

.browse-nav a.back {
	background-color: #858585
}

.browse {
	width: 100%;
	padding-top: 53px
}
.browse .contain{
	padding: 1em;
	position: relative;
	overflow: hidden
}

.browse .browse-title2 {
	text-align: center;
	color: #444;
	width: 60%;
	margin:0 auto;
	padding: 0em 0 2em 0;
	position: relative
}
.browse .browse-title2 h1{
	margin-top:25px;
	text-align:left;
	margin-bottom:5px;
	font-weight:500; 
	font-size:21px;
	font-family: "微软雅黑";
	color:#333333
}

.browse .browse-title2 h2{
	margin-top:0px;
	text-align:left;
	font-size:18px;
	font-family:Corbel;
	font-weight:100;
	color:#afafaf
}
.browse .browse-title2 .titletext{
	margin-top:166px;
	width:60%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333
}
.browse .browse-title2 .titletext img{
	width:100%;
}
.browse .browse-title2 .browse-title-bg {
	font-family: "微软雅黑";
	font-size:14px;
	margin-top:285px;
	font-weight:500;
	float:left;
	width:40%;
}

.browse .browse-title2 .browse-title-bg a{
	color:#8c8c8c;
	margin-left:1.2em;
}
.browse .browse-title2 .browse-title-bg a.active{
	color:#fe3f00;
	font-weight:600;
}
.browse .browse-title2 .browse-title-bg a:hover{
	color:#fe3f00;
	font-weight:600;
	
}




.browse .browse-item {
	padding: 0;
	position: relative;
	background: url(../img/debut_dark.gif) 0 0;
	overflow: hidden
}

.browse .browse-itemyellow {
	padding: 0;
	background: url(../img/debut_yellow.gif) 0 0;
	overflow: hidden
}

.browse .browse-itemblue {
	padding: 0;
	background: url(../img/debut_blue.gif) 0 0;
	overflow: hidden
}
.browse .browse-item img {
	max-width: 100%
}

.browse .browse-item .summary {
	display: none;
	position: absolute;
	top: 30%;
	padding: 0 25px;
	width: 100%;
	color: #fff;
	left: 0
}

.browse .browse-item .summary h1 {
	text-transform: capitalize;
	font-size: 2.2em;
	display: block;
	overflow: hidden;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0
}

.browse .browse-item .summary h2 {
	font-size: 1.6em;
	display: block;
	font-family: "微软雅黑";
	margin: 8px 0 10px 0
}

.browse .browse-item .summary p {
	display: block;
	font-size: 1.1em;
	margin: 0;
	font-family: "微软雅黑"
}

.browse .browse-title {
	text-align: center;
	color: #444;
	width: 100%;
	padding: 4.5em 0;
	position: relative
}

.browse .browse-title h1 {
	font-family: "微软雅黑";
	text-transform: uppercase;
	font-size: 45px;
	margin: 0
}

.browse .browse-title h1 a {
	color: #444;
}

.browse .browse-title h1 small {
	font-weight: normal;
	color: #444;
	font-size: 40px
}

.browse .browse-title p {
	margin-top: 15px
}

.browse .browse-title .browse-title-bg {
	background: url(../img/browse-title.png) no-repeat center bottom;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 999;
	height: 12px;
	bottom: -12px;
	_position: relative
}

.case-bottom{
	margin-top:45px;
	background:#f1f1f1;
	padding-bottom:33px;
	width:100%;
	height:auto;
	font-family: "微软雅黑";
	overflow:hidden
}

.case-bottom .havaguo{
	/*width: 71%;*/
	width:1122px;
	margin:33px auto;
	position: relative	
}

.case-bottom .havaguo .des{
	width:78%;
	float:left;
}
.case-bottom .havaguo .des h1{
	color:#5c5b5b;
	line-height:24px;
	font-family:Franklin Gothic Book;
	font-weight:100;
	font-size:23px;
	margin-bottom:3px;
}
.case-bottom .havaguo .des h2{
	margin-top:0px;
	color:#afafaf;
	font-family: "微软雅黑";
	font-weight:100;
	line-height:22px;
	font-size:16px;
}
.case-bottom .havaguo .service{
	width:20%;
	float:right
}
.case-bottom .havaguo .service img{
	width:163px;
	height:163px;
}

.designback1{
	margin-top:53px;
	width:100%;
	overflow:hidden;
	background:#eae9e6
}

.designback1 .content{
	width:1097px;
	margin:32px auto 0 auto;
}

.designback2{
	min-height:541px;
	width:100%;
	overflow:hidden;
	background:#33cfb7
}

.designback2 .content{
	width:1097px;
	margin:0 auto 0 auto;
	color:#fff;
}

.designback2 .content .title1{
	width:161px;
	height:60px;
	background:url(../img/designtitle1.png) no-repeat;
	margin:40px auto 0 auto
}

.designback2 .content .title2{
	font-family:Candara;
	font-size:48px;
	text-align:center
}
.designback2 .content .title3{
	font-family: "微软雅黑";
	font-size:16px;
	line-height:26px;
	margin:0px;
	padding:0 0.5em;
	text-align:center
	
}
.designback2 .content .title4{
	padding:0 6em;
	margin-top:18px;
	font-family: Arial;
	font-size:16px;
	text-align:center
}

.designback3{
	min-height:572px;
	width:100%;
	overflow:hidden;
	background:#fff
}

.designback3 .content{
	width:1097px;
	margin:0 auto 0 auto;
	color:#fff;
}

.designback3 .content .title1{
	width:161px;
	height:60px;
	background:url(../img/designtitle2.png) no-repeat;
	margin:36px auto 0 auto
}

.designback3 .content .list{
	width:100%;
	margin-top:34px
}
.designback3 .content .list ul{
	padding:0;
}

.designback3 .content .list ul li{
	width:328px;
	height:385px;
	float:left
}
.designback3 .content .list ul li.item0{

	background:url(../img/designtg1.jpg) no-repeat;
}
.designback3 .content .list ul li.item0 .dtitle1{
	margin-top:228px;
	font-family: "微软雅黑";
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#575656
}
.designback3 .content .list ul li.item0 .dtitle2{
	font-family: "微软雅黑";
	font-size:14px;
	padding:0 2em;
	text-align:left;
	text-indent:2em;
	line-height:22px;
	color:#474747
}

.designback3 .content .list ul li.item1{
	background:url(../img/designtg2.jpg) no-repeat;
	margin-left:55px;
	text-align:center
}
.designback3 .content .list ul li.item1 .dtitle1{
	margin-top:228px;
	font-family: "微软雅黑";
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff
}
.designback3 .content .list ul li.item1 .dtitle2{
	font-family: "微软雅黑";
	font-size:14px;
	padding:0 2em;
	text-align:left;
	line-height:22px;
	text-indent:2em;
	color:#fff
}
.designback3 .content .list ul li.item2{
	background:url(../img/designtg3.jpg) no-repeat;
	margin-left:55px;
	text-align:right
}
.designback3 .content .list ul li.item2 .dtitle0{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:67px;
	font-family:Candara;
	font-size:28px;
	font-weight:bold;
}
.designback3 .content .list ul li.item2 .dtitle1{
	font-family: "微软雅黑";
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff
}
.designback3 .content .list ul li.item2 .dtitle2{
	font-family: "微软雅黑";
	font-size:14px;
	padding:0 2em;
	text-align:left;
	line-height:22px;
	text-indent:2em;
	color:#fff
}
.designback4{
	min-height:494px;
	width:100%;
	overflow:hidden;
	background:#ededed
}

.designback4 .content{
	width:1097px;
	margin:0 auto 0 auto;
	color:#696868;
}
.designback4 .content .title1{
	width:161px;
	height:60px;
	background:url(../img/designtitle3.png) no-repeat;
	margin:36px auto 0 auto
}

.designback4 .content .title2{
	font-family:Candara;
	font-size:48px;
	padding-left:2em;
	font-weight:bold
}

.designback4 .content .list{
	width:100%;
	margin-top:20px
}
.designback4 .content .list ul{
	padding:0;
}

.designback4 .content .list ul li{
	width:25%;
	text-align:center;
	float:left
}
.designback4 .content .list ul li .ptitle1{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:0;
	font-size:18px;
	color:#a6a8a8;
}
.designback4 .content .list ul li .ptitle2{
	font-family: "微软雅黑";
	font-size:20px;
	color:#535353
}
.designback4 .content .list ul li .ptitle3{
	font-family: "微软雅黑";
	font-size:12px;
	text-align:left;
	padding:0 3em;
	line-height:21px;
	color:#535353
}

.contact {
	background-color: #232525;
	width: 100%;
	padding: 12em 0 0 0
}

.contact h1.contact-tit {
	text-align: center;
	font-weight: normal;
	font-size: 6.5em;
	color: #ccc;
	line-height: .85
}

.contact h1.contact-tit font {
	font-weight: bold;
	color: #c22c45
}

.contact-message {
	background-color: #fff;
	overflow: hidden;
	padding: 4.5%
}

.contact-message .contact-left {
	float: left;
	width: 33%
}

.contact-message .contact-left h1 {
	margin: 0;
	font-size: 3.5em;
	color: #343434
}

.contact-message .contact-left p {
	color: #5a5a5a;
	margin: 0;
	font-weight: bold
}

.contact-message .contact-left ul {
	font-family: "微软雅黑";
	padding: 1em 0 0 0;
	color: #585858;
	line-height: 1.5;
	margin: .8em 0 1em 0;
	border-top: solid 1px #c6c6c6
}

.contact-message .contact-left .contact-map span {
	color: #c22c45;
	border-bottom: solid 1px #f1d7da;
	font-weight: bold;
	padding-bottom: 1px;
	margin-right: 8px
}

.contact-message .contact-left .contact-map a {
	color: #585858;
	font-family: "微软雅黑";
	border-bottom: solid 1px #585858
}

.contact-information {
	margin: 4.5em 0 4em 0;
	float: left;
	width: 100%;
	padding: 0 5%
}

.contact-information dl {
	margin: 0;
	padding: 0 3em 0 6em
}

.contact-information .contact-address,.contact-information .contact-tel {
	border-right: solid 1px #454545
}

.contact-information .contact-address {
	background: url(../img/contact-add.jpg) no-repeat 10px 3px
}

.contact-information .contact-tel {
	background: url(../img/contact-tel.jpg) no-repeat 15px 3px
}

.contact-information .contact-email {
	background: url(../img/contact-email.jpg) no-repeat 11px 4px
}

.contact-information dl dt {
	color: #fff;
	font-size: 1.6em;
	margin-bottom: 1em
}

.contact-information dl dd {
	color: #ccc;
	font-size: 1.25em
}

.contact-message .contact-right {
	float: right;
	width: 559px
}

.contact-message .contact-right .contact-input {
	width: 267px;
	font-size: 1.2em;
	color: #535353;
	line-height: 2.8;
	height: 42px;
	margin: 0 .5em .8em .6em;
	text-indent: 1em;
	float: left;
	background: url(../img/contact-input.gif) no-repeat;
	border: 0;
	font-family: "微软雅黑"
}

.contact-message .contact-right .contact-textarea {
	margin-left: 8px;
	width: 550px;
	text-indent: 1em;
	font-family: "微软雅黑";
	font-size: 1.2em;
	color: #535353;
	line-height: 2.8;
	background: url(../img/contact-textarea.jpg) no-repeat;
	border: 0;
	height: 88px
}

.contact-message .contact-right .contact-submit {
	max-width: 100%;
	float: right;
	margin-top: .6em
}

.wechat {
	width: 100%;
	height: 596px;
	overflow: hidden;
	display: block
}

.wechat .wechat-content {
	text-align: center
}

.wechat-a,.wechat-b {
	color: #fff
}

.wechat-c,.wechat-d {
	color: #925f40
}

.wechat-a {
	background-color: #1b814f;
	padding: 8em 0 4.5em 0
}

.wechat-a .wechat-content {
	margin-top: 5em
}

.wechat-a h1 {
	font-size: 9em;
	margin: 0;
	padding: 0
}

.wechat-a h2 {
	margin: 15px 0
}

.wechat-a p {
	font-size: 1.8em;
	margin: 0;
	font-weight: bold;
	line-height: 1.3
}

.wechat-b {
	background-color: #27b7b8;
	padding: 4em 0 0 0
}

.wechat-b .wechat-content {
	margin-top: 5em
}

.wechat-b h1 {
	font-size: 4em;
	margin: 0
}

.wechat-b h2 {
	font-size: 4em;
	margin: 0;
	text-transform: uppercase
}

.wechat-b p {
	font-size: 1.4em;
	line-height: 1.3;
	margin: 0
}

.wechat-b p.chinese {
	font-size: 2.5em;
	font-weight: bold
}

.wechat-c {
	background-color: #fcf5a5;
	position: relative
}

.wechat-c .wechat-content {
	left: 5%;
	position: absolute;
	top: 25%;
	z-index: 99
}

.wechat-c h1 {
	font-size: 4.5em;
	margin: 0
}

.wechat-c h2 {
	font-size: 4.5em;
	margin: 0;
	text-transform: uppercase
}

.wechat-c p {
	font-size: 1.3em;
	line-height: 1.4;
	margin: 0
}

.wechat-c p.chinese {
	font-size: 2.6em;
	font-weight: bold
}

.wechat-d {
	background-color: #f7c94f;
	padding: 5em 0 0 0
}

.wechat-d .wechat-content {
	margin-top: 5em
}

.wechat-d h1 {
	font-size: 3.5em;
	margin: 0
}

.wechat-d h2 {
	font-size: 3.6em;
	margin: 0;
	text-transform: uppercase
}

.wechat-d h3 {
	font-size: 2.2em;
	margin: 0
}

.wechat-d p {
	line-height: 1.5;
	margin: 0;
	font-size: 1.2em
}

.wechat-d p.chinese {
	font-weight: bold;
	font-size: 1.1em
}


.uedback1{
	min-height:627px;
	margin-top:53px;
	width:100%;
	overflow:hidden;
	background:#f0f0f0
}

.uedback1 .content{
	width:1114px;
	margin:77px auto 0 auto;
}
.uedback1 .content .left{
	padding-right:12em;
	width:50%;
	float:left
}
.uedback1 .content .right{
	width:50%;
	float:left
}
.uedback1 .content .left .title1{
	font-family:Arial;
	text-transform:uppercase;
	padding-left:17.5em;
	font-size:15px;
	margin-top:15px;
	margin-bottom:0px;
	color:#5f5e5d
}
.uedback1 .content .left .title2{
	font-family: "微软雅黑";
	font-size:50px;
	font-weight:bold;
	margin-bottom:0px;
	line-height:48px;
	color:#d6000f
}
.uedback1 .content .left .title3{
	font-family:Arial;
	font-size:19px;
	margin-bottom:15px;
	color:#a4a3a3
}
.uedback1 .content .left .title4{
	font-family: "微软雅黑";
	text-indent:2em;
	font-size:14px;
	margin-bottom:0px;
	line-height:22px;
	color:#777777
}
.uedback1 .content .left .title5{
	font-family: "微软雅黑";
	margin-top:38px;
	font-size:30px;
	margin-bottom:0px;
	color:#4a4949
}
.uedback1 .content .left .title6{
	font-family: "微软雅黑";
	font-size:14px;
	color:#919191
}
.uedback1 .content .visit{
	margin-top:35px;
	float:right;
}

.uedback2{
	min-height:555px;
	width:100%;
	overflow:hidden;
	background:#37618d
}

.uedback2 .content{
	width:1114px;
	margin:0 auto 0 auto;
	color:#fff;
}
.uedback2 .content .left{
	width:62%;
	overflow:hidden;
	float:left
}
.uedback2 .content .right{
	padding:4em 1.5em 0em 2em;
	width:38%;
	float:right;
	height:555px;
	background:#4073a6;
}
.uedback2 .content .left .title1{
	padding-top:3px;
	width:465px;
	font-family:Arial;
	font-size:17px;
	margin-top:53px;
	border-top:1px solid #fff
}
.uedback2 .content .left .title2{
	font-family: Candara;
	font-size:70px;
	line-height:74px;
	font-weight:bold
}
.uedback2 .content .left .title3{
	margin-top:40px;
	width:540px;
	font-family: "微软雅黑";
	font-size:46px;
	line-height:60px;
	font-weight:bold
}
.uedback2 .content .right .title1{
	font-family: "微软雅黑";
	margin-bottom:0;
	font-size:28px;
	font-weight:bold;
}
.uedback2 .content .right .title2{
	margin-bottom:15px;
	font-family: "微软雅黑";
	line-height:22px;
	font-size:14px;
}
.uedback2 .content .right .title3{
	font-family:Arial;
	font-size:12px;
}
.uedback2 .content .right .title4{
	font-family: "微软雅黑";
	font-size:30px;
	font-weight:bold;
	margin-top:26px;
}
.uedback3{
	min-height:540px;
	width:100%;
	overflow:hidden;
	background:#f5f5f5
}

.uedback3 .content{
	width:1114px;
	margin:0 auto 0 auto;
}
.uedback3 .content .left{
	margin-top:68px;
	padding-right:4em;
	width:50%;
	float:left
}
.uedback3 .content .left .title1{
	font-family: "微软雅黑";
	font-size:28px;
	font-weight:bold;
	color:#4073a6
}
.uedback3 .content .left .title2{
	font-family: "微软雅黑";
	font-size:20px;
	margin-bottom:0px;
	color:#d6000f
}
.uedback3 .content .left .title3{
	font-family: "微软雅黑";
	font-size:14px;
	line-height:22px;
	color:#6f6f6f
}
.uedback3 .content .right{
	margin-top:58px;
	width:50%;
	padding-left:10em;
	float:right;
}
.uedback3 .content .right .title3{
	font-family: "微软雅黑";
	font-size:14px;
	line-height:22px;
	text-align:left;

	color:#6f6f6f
}
.uedback4{
	min-height:490px;
	width:100%;
	overflow:hidden;
	background:#e57f80
}

.uedback4 .content{
	width:1157px;
	margin:0 auto 0 auto;
}

.uedback4 .content .title{
	margin-left:1em;
	margin-top:45px;
	width:162px;
	height:35px;
	font-family: "微软雅黑";
	font-size:20px;
	font-weight:bold;
	color:#fff;
}

.uedback4 .content .list ul{
	width:100%;
	margin:0;
	padding:0;
}

.uedback4 .content .list ul li{
	padding-left:2em;
	width:33.33%;
	margin-top:25px;
	min-height:130px;
	float:left
}
.uedback4 .content .list ul li .imgicon{
	width:16%;
	float:left;
}
.uedback4 .content .list ul li .imgicon img{
	width:100%;
	
}
.uedback4 .content .list ul li .title1{
	color:#fff;
	width:70%;
	margin-top:0;
	margin-left:28px;
	float:left;
	font-family: "微软雅黑";
	font-size:14px;
	line-height:22px;
}

.services {
	padding-top: 53px
}

.services .services-item {
	padding: 0;
	height: 398px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc
}

.services .services-item .thumbnail {
	margin-bottom: 0;
	border-radius: 0;
	border: 0
}

.services .services-item .thumbnail .caption {
	color: #7f7f7f
}

.services .services-item .thumbnail .caption h1 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 34px;
	text-align: center;
	color: #444
}

.services .services-item .thumbnail .caption span {
	font-size: 25px;
	padding-left: 10px;
	position: relative;
	top: -2px
}

.services .services-item .thumbnail .caption p {
	padding: 0 5px;
	font-weight: bold;
	font-size: 13px;
	text-align: left
}

.services .services-item .thumbnail .caption p.chinese {
	font-weight: normal;
	font-size: 12px
}

.services .services-item .thumbnail .caption em a {
	font-weight: bold;
	font-style: normal;
	color: #c22c45;
	font-size: 14px
}

.services .services-items {
	border: 0;
	text-align: center;
	padding: 6% 4%
}

.services .services-items h3 {
	margin: 20px 0
}

.services .services-items p {
	font-size: 14px!important
}

.news {
	padding-top: 53px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative
}

.news .news-content {
	width: 65%!important;
	float: left;
	background-color: #f4f4f4;
	height: 100%;
	position: relative;
	padding: 3% 5%;
	text-align: center
}

.news .news-content .slider {
	width: 100%;
	height: 100%
}

.news .news-content h1 {
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 22px
}

.news .news-content .news-view p {
	color: #6f6f6f;
	line-height: 1.7;
	display: block
}

.news .news-content .news-view p img {
	max-width: 100%
}

.news .news-l {
	width: 35%!important;
	float: right;
	background-color: #fff;
	overflow: auto;
	height: 100%
}

.news .news-list {
	height: 100%!important
}

.news .news-list ul {
	padding: 0;
	margin: 0
}

.news .news-list ul li {
	cursor: pointer;
	height: auto!important;
	border-bottom: solid 1px #e6e7e8;
	width: 100%;
	padding: 10% 6%;
	color: #747474
}

.news .news-list ul li em {
	display: block
}

.news .news-list ul li span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0
}

.news .news-list ul li span a {
	color: #313133
}

.news .news-list ul li:hover,.news .news-list ul li.hover {
	background-color: #313133
}

.news .news-list ul li:hover span a,.news .news-list ul li.hover span a {
	color: #fff
}

.webdesign1 {
	padding: 8em 0 5em 0;
	position: relative;
	color: #505050
}

.webdesign1-bg {
	margin-left: -10%
}

.webdesign1 .webdesign1-con {
	padding-top: 2em
}

.webdesign1-con h1 {
	font-size: 2.7em;
	margin: 0
}

.webdesign1-con h2 {
	font-size: 1.6em;
	margin: 10px 0 15px 0
}

.webdesign1-con p {
	margin: 0;
	line-height: 1.7
}

.webdesign1-con p.chinese {
	font-size: 2em;
	font-weight: bold
}

.webdesign1 .webdesign1-works {
	position: absolute;
	right: 16px;
	bottom: 0;
	width: 320px;
	line-height: 63px;
	color: #fff;
	background: url(../img/webdesign1-works.png) no-repeat 240px center #0060aa;
	height: 63px;
	font-size: 23px;
	text-indent: 25px
}

.webdesign1 .webdesign1-works a {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100%;
	height: 100%
}

.webdesign1 .webdesign1-works small {
	font-size: 12px;
	margin-top: -1px;
	display: inline-block;
	text-indent: 0;
	color: #fff;
	text-decoration: underline;
	padding-left: 5px
}

.webdesign2 {
	color: #fff;
	width: 100%;
	background-color: #0264a5
}

.webdesign2 .webdesign2-about h3 {
	border-bottom: solid 1px #fff;
	float: left;
	padding-bottom: 10px;
	font-size: 1.5em
}

.webdesign2 .webdesign2-about p {
	font-size: 5.7em;
	margin: .6em 0;
	font-weight: bold;
	line-height: 1
}

.webdesign2 .webdesign2-about p.chinese {
	font-size: 4.5em;
	line-height: 1.4;
	margin: 0
}

.webdesign2 .webdesign2-con {
	background-color: #1876b6;
	text-align: center;
	padding: 2% 2%
}

.webdesign2 .webdesign2-con p {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
	margin: 0
}

.webdesign2 .webdesign2-con p.chinese {
	font-weight: normal;
	line-height: 1.7
}

.webdesign2 .webdesign2-con big {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold
}

.webdesign3 {
	width: 100%;
	position: relative;
	background-color: #e7e7e7;
	border-bottom: solid 1px #c3c3c3;
	padding-top: 5em
}

.webdesign3 .webdesign3-bg {
	position: relative;
	right: -10%;
	bottom: 0
}

.webdesign3 .webdesign3-con {
	color: #444;
	padding-top: 4em
}

.webdesign3 .webdesign3-con h1 {
	font-size: 3em;
	margin: 0;
	padding: 1em 0 .5em 0
}

.webdesign3 .webdesign3-con h2 {
	margin: 0;
	font-size: 3.5em;
	padding: 0 0 .5em 0
}

.webdesign3 .webdesign3-con p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	line-height: 1.5
}

.webdesign3 .webdesign3-con p.chinese {
	font-weight: normal;
	line-height: 1.7
}

.webdesign4 {
	width: 100%;
	position: relative;
	background-color: #e7e7e7
}

.webdesign4 .webdesign4-con {
	padding: 0 22%;
	text-align: center;
	color: #444;
	font-size: 13px
}

.webdesign4 .webdesign4-con h1 {
	font-size: 3em;
	margin: 1em 0 .5em 0
}

.webdesign4 .webdesign4-con p {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 2.2em
}

.webdesign4 .webdesign4-con p.chinese {
	line-height: 1.8
}

.webdesign-list {
	padding: 8em 0 7em 0
}

.webdesign-list .webdesign-item {
	width: 230px;
	text-align: center;
	margin-right: 2.2em;
	padding: 0;
	color: #444
}

.webdesign-list .webdesign-item h1 {
	margin: 10px 0
}

.webdesign-list .webdesign-item p {
	font-size: 13px
}

.seo {
	background-color: #f7f6f2;
	position: relative;
	padding-top: 95px
}

.seo .seo1-con {
	border-bottom: solid 1px #cbcbcb;
	padding-bottom: 3%
}

.seo .seo1-con .seo1-left,.seo .seo1-con .seo1-right {
	padding: 0
}

.seo .seo1-con .seo1-left h1 {
	margin: 0 0 1em 0;
	color: #444;
	font-size: 4em
}

.seo .seo1-con .seo1-left p {
	color: #5a5a5a;
	line-height: 1.6;
	font-size: 13px;
	margin: 0
}

.seo .seo1-con .seo1-left p.chinese {
	font-size: 13px;
	line-height: 1.8
}

.seo .seo1-con .seo1-right ul {
	padding: 0
}

.seo .seo1-con .seo1-right ul li {
	float: left;
	margin: 0 1% 2% 1%
}

.seo .seo2 {
	padding: 4.5em 0;
	position: relative
}

.seo .seo2 .seo2-bg {
	margin: 1% 0 0 -18%
}

.seo .seo2 .seo2-con {
	color: #5a5a5a
}

.seo .seo2 .seo2-con h3 {
	font-size: 4.5em;
	color: #444;
	margin: 0 0 4% 0
}

.seo .seo2 .seo2-con-dl {
	width: 100%;
	overflow: hidden;
	margin: 1% 0
}

.seo .seo2 .seo2-con-dl dl {
	float: left;
	text-align: center;
	font-size: 1.2em;
	width: 161px
}

.seo .seo2 .seo2-con-dl dl dd {
	font-size: 1.1em;
	display: block
}

.seo .seo2 .seo2-con-dl dl dd.chinese {
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.3em;
	display: block
}

.seo .seo2 .seo2-con-dl dl dt {
	font-family: Helvetica,Arial,sans-serif;
	color: #c22c45;
	font-size: 4em;
	line-height: 80px;
	font-weight: normal
}

.seo .seo2 .seo2-con p {
	color: #5a5a5a;
	font-size: 13px;
	margin: 0;
	line-height: 1.6
}

.seo .seo2 .seo2-con p.chinese {
	font-size: 12px;
	line-height: 1.8
}

.seo .seo3 {
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	width: 100%;
	float: left;
	position: relative
}

.seo .seo3 .seo3-left {
	width: 20%;
	height: 100%;
	background: url(../img/seo3-left.jpg) no-repeat right;
	background-size: cover;
	-ms-behavior: url(../img/backgroundsize.min.htc);
	behavior: url(../img/backgroundsize.min.htc);
	position: absolute
}

.seo .seo3 .seo3-center {
	position: relative;
	left: 20%;
	width: 30%;
	background-color: #202020;
	height: 100%;
	color: #fff;
	padding: 3em 0
}

.seo .seo3 .seo3-center .seo3-con {
	width: 80%;
	margin: 0 auto;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 1em 0
}

.seo .seo3 .seo3-center .seo3-con h1 {
	margin: 0;
	font-weight: normal
}

.seo .seo3 .seo3-center .seo3-con h3 {
	margin: 10px 0 10px 0;
	font-size: 1.6em;
	line-height: 1.5
}

.seo .seo3 .seo3-center .seo3-con p {
	margin: 0;
	line-height: 1.5
}

.seo .seo3 .seo3-right {
	width: 50%;
	height: 100%;
	background: url(../img/seo3-right.jpg) no-repeat left;
	background-size: cover;
	-ms-behavior: url(../img/backgroundsize.min.htc);
	behavior: url(../img/backgroundsize.min.htc);
	position: absolute;
	right: 0
}

.seo .seo4-con {
	padding: 3% 16% 4% 16%;
	text-align: center;
	color: #444
}

.seo .seo4-con h1 {
	color: #c22c45;
	font-size: 2.5em;
	margin: 16px 0
}

.seo .seo4-con p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0
}

.seo .seo4-con p.chinese {
	line-height: 1.8
}

.i-services {
	clear: both;
	color: #444;
	width: 100%;
	overflow: hidden
}

.i-services .m-services {
	padding: 4.5em 0 3em 0;
	border-bottom: solid 2px #dfdfdf;
	max-width: 1200px;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.i-services .r-services {
	width: 73%;
	float: right
}

.i-services h1 {
	float: left;
	text-transform: uppercase;
	font-size: 44px;
	margin: 0;
	width: 25%
}

.i-services h1 small {
	display: block;
	font-size: 32px;
	color: #444;
	font-weight: bold
}

.i-services dl {
	padding: 0 3em 0 2.5em;
	float: left;
	border-left: solid 1px #dfdfdf;
	margin: 0;
	width: 38%
}

.i-services dl dt {
	font-size: 23px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block
}

.i-services dl dd {
	display: block;
	font-size: 14px;
	line-height: 1.8;
	font-family: "微软雅黑"
}

.i-services dl dd span {
	float: left;
	width: 50%;
	font-family: Candara,Verdana
}

.i-services dl.i-services-item2 dd span {
	width: 50%
}

.i-services dl.i-services-item3 {
	padding-right: 0;
	width: 24%
}

.i-services dl.i-services-item1 dd span {
	width: 34%
}

.browse-l {
	position: fixed;
	top: 53px;
	right: 5%;
	z-index: 999
}

.browse-l ul li {
	background-color: #222;
	text-transform: capitalize;
	min-width: 140px;
	font-size: 14px;
	padding: .6em 1em .6em .8em;
	color: #fff;
	display: none
}

.browse-l ul li a {
	color: #fff
}

.browse-l ul li.current {
	display: block;
	background-color: #111
}

.browse-l ul li:hover.current {
	background-color: #111;
	padding: .6em 1em .6em .8em
}

.browse-l ul li:hover {
	background-color: #333;
	padding-left: 1.2em;
	padding-right: .6em;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear
}

#infscr-loading {
	background: #000;
	clear: both;
	padding: 2em;
	text-align: center;
	color: #FFF;
	z-index: 999
}

.navigation {
	z-index: 9999;
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	right: 0;
	width: 222px;
	height: 100%;
	background-color: #0c0c0c;
	padding: 30px 40px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-overflow-scrolling: touch!important
}

.navigation .navigation-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 16px;
	height: 15px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	display: inline-block;
	overflow: hidden;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .1s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: opacity;
	-moz-transition-duration: .1s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-property: opacity;
	-ms-transition-duration: .1s;
	-ms-transition-timing-function: ease-out;
	-o-transition-property: opacity;
	-o-transition-duration: .1s;
	-o-transition-timing-function: ease-out;
	transition-property: opacity;
	transition-duration: .1s;
	transition-timing-function: ease-out
}

.navigation .navigation-close .icon {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 15px;
	left: 0;
	top: 0;
	background: url(../img/close.png) no-repeat
}

.navigation .navigation-close .icon:hover {
	background: url(../img/close-h.png) no-repeat
}

.navigation .navigation-list {
	list-style: none;
	padding: 0;
	margin: 20px 0
}

.navigation .navigation-external li {
	font-size: 14px!important;
}

.navigation .navigation-list li {
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	position: relative;
	width: 100%;
	font-size: 15px
}

.navigation .navigation-list li.chinese {
	font-weight: normal;
	line-height: 25px
}

.navigation .navigation-list li a {
	display: block;
	color: #616161;
	-webkit-transition-property: color;
	-webkit-transition-duration: .1s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: color;
	-moz-transition-duration: .1s;
	-moz-transition-timing-function: ease-out;
	-ms-transition-property: color;
	-ms-transition-duration: .1s;
	-ms-transition-timing-function: ease-out;
	-o-transition-property: color;
	-o-transition-duration: .1s;
	-o-transition-timing-function: ease-out;
	transition-property: color;
	transition-duration: .1s;
	transition-timing-function: ease-out
}

.navigation .navigation-list li.chinese {
	font-size: 14px
}

.navigation .navigation-list li:hover a {
	color: #fff
}

.navigation .navigation-share {
	padding: 0;
	margin: 0
}

.navigation .navigation-share li {
	display: inline-block;
	margin-right: 10px
}

.pushed-left {
	position: absolute
}

.pushed-left .navigation {
	z-index: 999;
	display: block
}

#nav li.header-menu a {
	background: url(../img/hamburger.gif) no-repeat right 1px;
	padding-right: 40px;
	margin-right: 25px
}

.header-bg #nav li.header-menu a,.color #nav li.header-menu a {
	background: url(../img/hamburger-h.gif) no-repeat right 1px
}

.wechat .container {
	max-width: 1230px
}

.wechat-c p.chinese {
	padding-bottom: 10px
}

.bd_weixin_popup .bd_weixin_popup_main {
	padding: 10px 10px!important
}

.bd_weixin_popup {
	height: auto!important
}

.brand-creative {
	height: 445px
}

.brand-creative .col-sm-6 {
	padding: 11em 5em 0 5em
}

.wechat-r {
	display: none;
	margin: 20px 0
}

.about-we-bg {
	right: 0;
	top: 92px;
}

.footer-content .footer-l li a:hover,#nav li a:hover,.footer-content h1 a:hover,.browse .browse-title h1 a:hover,.services .services-item .thumbnail .caption h1 a:hover,.i-services dl dt a:hover {
	color: #c22c45 !important
}

.browse-prev,.browse-next {
	width: 91px;
	position: absolute;
	top: 42%;
	height: 91px;
	z-index: 99
}

.browse-prev {
	left: 0;
	background: url(../img/prev.png) no-repeat
}

.browse-next {
	right: 0;
	background: url(../img/next.png) no-repeat
}

.services .services-item .thumbnail .caption h1 a,.i-services dl dt a {
	color: #444;
}

/********新增服务********/
.servicescenter{
	width:100%;
	background:#f3f3f3;
	padding-bottom:100px;
}
.servicesbanner{
	width:100%;
	height:200px;
	background:url(../img/services_banner.jpg);
	color:#fff;
	overflow:hidden
}
.servicesbanner .title1{
	width:1040px;
	margin:32px auto 0 auto
}
.servicesbanner .title1 .big{
	text-transform:uppercase;
	font-family: "微软雅黑";
	font-size:54px;
	display:block;
	float:left
	
}
.servicesbanner .title1 .small{
	font-family: "微软雅黑";
	font-size:15px;
	display:block;
	float:left;
	margin-top:13px;
	margin-left:10px
	
}
.servicesbanner img{
	width:100%;
}
.servicesbanner .title2{
	width:1040px;
	margin:0 auto 0 auto
}
.servicesbanner .title2 .text{
	font-family: "微软雅黑";
	font-size:18px;
	padding-top:4px
}
.servicesbanner .title2 .line{
	border-top:1px solid #fff;
	max-width:700px;
	margin-top:0px;
}
.servicescenter0{
	width:1050px;
	margin:52px auto 0 auto;
}
.servicescenter0 .items{
	margin-top:20px;
	padding:0px;
	width:25%;
	float:left;
}
.servicescenter0 .items dt{
	font-family: "微软雅黑";
	font-size:18px;
	color:#2a2a2e;
	font-weight:500;
	line-height:20px;
	padding:0px;
	margin:0px;
}
.servicescenter0 .items dd{
	font-family: "微软雅黑";
	font-size:14px;
	line-height:1.6;
	color:#6a6a6a
}
.servicescenter0 .items .subtitle{
	padding:0;
	margin:0;
	padding-bottom:5px
	
}
/*.servicescenter0 .items .subtitle .title{
	font-size:8px;
	display:block
}
.servicescenter0 .items .subtitle .title .small{
	font-family:Mangal;
	-webkit-transform:scale(0.8);
	margin:0;
	padding:0;
	color:#bdbdbd;
	text-transform:uppercase;
}
.servicescenter0 .items dt.subtitle .box01{
	display:block;
	float:left;
	background:#86b054;
	width:8px;
	height:8px
}*/
.servicescenter0 .items dd{
	padding:0px;
	margin:0px;
}


.webdesign4-bg img {
	margin: 0 auto;
}

#nav li font {
	font-size: 14px;
	display: none;
	text-align: center
}

#nav li:hover span {
	display: none
}

#nav li:hover font {
	display: block
}

#nav li.home {
	width: 80px;
}

#nav li.li-0 {
	width: 109px;
}

#nav li.li-1 {
	width: 117px;
}

#nav li.li-2 {
	width: 101px;
}

#nav li.li-3 {
	width: 150px;
}

#nav li.li-4 {
	width: 135px;
}

.footer-icp a {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #717171;
	font-weight: normal
}


/*SubPage newsList*/
.category {
	height: 68px;
	line-height: 68px;
	border-bottom: 1px solid #d8d9d8;
}

.category .wrapper {
	height: 68px;
}

.category li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 110px;
	margin-right: 5px;
	*margin-top: 20px;
	vertical-align: middle;
}

.category li a {
	display: block;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#d5d5d5));
	-webkit-user-select: none;
	background-color: #e9e9e9;
	background-image: -webkit-linear-gradient(top,#e9e9e9,#d5d5d5);
	background-image: linear-gradient(top,#e9e9e9,#d5d5d5);
	background-image: -o-linear-gradient(top,#e9e9e9,#d5d5d5);
	border: 1px solid #dcdcdc;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	height: 29px;
	line-height: 29px;
	min-width: 54px;
	padding: 0 8px;
	text-align: center;
}

.category li a:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #f8f8f8;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #c6c6c6;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	text-decoration: none;
}

.category p {
	position: absolute;
	top: 25px;
	right: 5px;
}

#newslist .news {
	padding: 15px 0;
}

#newslist .news li {
	position: relative;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

#newslist .news li img {
	width: 94px;
	height: 94px;
}

#newslist .news li .newslist {
	position: absolute;
	width: 876px;
	right: 0;
	top: 10px;
}

#newslist .news li .newslist a {
	font: bold 16px/30px Microsoft YaHei;
	color: #444;
}

#newslist .news li .newslist span {
	display: block;
	line-height: 20px;
	color: #999;
}

.wrapper {
	width: 986px;
	margin: 0 auto;
	position: relative;
}

/*news*/
#news {
	height: 670px;
	background: #f1f1f1;
}

#news .newsdata {
	background: #fff;
	width: 986px;
	height: 520px;
	margin: 0 auto;
	position: relative;
}

#news .newsad {
	position: absolute;
	top: 15px;
	left: 15px;
}

#news ul {
	position: absolute;
	width: 620px;
	top: 15px;
	right: 15px;
}

#news ul li {
	position: relative;
	border-bottom: 1px dotted #ccc;
	padding: 12px 0;
}

#news ul li .newslist {
	position: absolute;
	width: 510px;
	right: 0;
	top: 10px;
}

#news ul li .newslist a {
	font: bold 16px/30px Microsoft YaHei;
	color: #444;
}

#news ul li .newslist span {
	display: block;
	line-height: 20px;
	color: #999;
}

/*分页样式*/

.page_list {
	height: 24px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0;
	font-family: "Arial Black";
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.page_list a {
	display: inline-block;
	color: #898989;
	border: 1px solid #e8e8e8;
	text-align: center;
	padding: 0 8px;
	margin: 0 1px;
	width: 30px;
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #898989;
	background: #898989;
}

.page_list a.on {
	color: #333;
	border: 1px solid #ccc;
}


/* 客服 */