html {
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.arrow1 {
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 12px;
	border-style: solid;
	border-color: #fff #fff #fff #272727;
}

.arrow2 {
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 12px;
	border-style: solid;
	border-color: #fff #fff #1c1c1c #fff;
}

.t-h {
	text-indent: -9999em;
	overflow: hidden;
}

.font1 {
	font-family: "Georgia";
}

.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
	display: block;
	_zoom: 1;
}

.case h3 a,.company h3,.news h3,.contact h3 {
	width: 22%;
	height: 136px;
	float: left;
	display: block;
}

.content-banner {
	position: relative;
}

.content-banner .banner-title {
	position: absolute;
	left: 42px;
	top: 30%;
}

.content-banner .extend_title {
	top: 40%
}

.content-banner .title_3d {
	top: 40%
}

.content-banner h3 {
	padding: 0;
}

.content-banner img {
	width: 100%;
}

.content-banner .moblie-banner-title {
	width: 25%;
	left: 39%;
	top: 30%;
	text-align: center
}

.case h3 a,.company h3,.news h3,.contact h3 {
	font-size: 44px;
	line-height: 110px;
	text-indent: 42px;
	font-weight: 100;
	font-family: "Arial Narrow";
}

.case h3 a,.contact h3 a {
	color: #000;
}

.news h3 a,.company h3 a {
	color: #fff;
}

.content-banner h3 {
	font-size: 32px;
	font-weight: bold;
	color: #ff7140;
}

.content-banner h4 {
	font-size: 26px;
	color: #fff;
}

.content-banner p {
	font-size: 18px;
	color: #fff;
}

header {
	height: 90px;
	background: #fff;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}

header h1 {
	width: 234px;
	height: 181px;
	background: #000;
	position: absolute;
	left: 0;
	text-indent: -9999em;
	overflow: hidden;
}

header nav {
	padding: 38px 0 0 240px;
	display: block;
	float: left;
}

header nav a {
	width: 70px;
	height: 15px;
	line-height: 14px;
	border-right: 1px dotted #ccc;
	float: left;
	display: block;
	text-align: center;
}

header nav a:last-child {
	border-right: none;
}

header nav a.hover {
	color: #EF3125
}

.btn-nav-bar {
	width: 90px;
	height: 70px;
	position: absolute;
	right: 0;
	background: #fff;
	border: none;
	border-left: 1px solid #ddd;
	cursor: pointer;
	display: none;
}

.icon-bar {
	margin: 5px 0 0 35px;
	background: #333;
	float: left;
	display: block;
	height: 3px;
	width: 20px;
}

.mobile-nav {
	position: absolute;
	display: none;
	top: 0px;
	right: -126px;
	width: 125px;
	border-left: 1px solid #ddd;
	height: 100%;
	background: #f9f9f9;
	display: block;
	z-index: 10000;
}

.mobile-nav li {
	height: 50px;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	text-align: center;
}

.mobile-nav li a {
	width: 125px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.mobile-nav li a:hover {
	background: #ddd;
}

.mobile-nav li.mobile-nav-list1 {
	height: 70px;
	background: #fff;
	border-right: 2px;
}

.mobile-nav li.mobile-nav-list1 a {
	width: 122px;
	height: 70px;
	border-right: 3px solid #ff7140;
	line-height: 70px;
}

.top-banner {
	width: 245px;
	position: absolute;
	top: 25px;
	right: 60px;
	color: #7d7d7d;
}

header .contact-info {
	float: right;
}

.btn-nav-bar {
	*visibility: hidden;
}

.mobile-nav {
	display: none;
}

#banner {
	background: #94908d;
	position: relative;
	overflow: hidden;
}

#banner ul {
	max-width: 100%;
	position: relative;
}

#banner ul li {
	max-width: 100%;
	position: absolute;
}

#banner li img {
	height: auto;
	display: block;
	
}

#banner .preNext {
	width: 20px;
	height: 38px;
	position: absolute;
	z-index: 1000;
	top: 44%;
	cursor: pointer;
}

#banner .pre {
	left: 10px;
}

#banner .next {
	right: 10px;
}

#banner .p-hover,#banner .n-hover {
	width: 25px;
	height: 41px;
}

#banner .btn {
	position: absolute;
	padding: 5px 0px;
	left: 0;
	bottom: 15px;
	text-align: center;
	width: 100%
}

#banner .btn span {
	width: 10px;
	height: 10px;
	margin: 0 2px 0 3px;
	display: inline-block;
	cursor: pointer;
}

#banner .preNext,#banner .btn span {
	background:url(../images/ico2.png) no-repeat;
}

#banner .pre {
	background-position: -91px -4px;
}

#banner .next {
	background-position: -113px -4px;
}

#banner .p-hover {
	background-position: -133px -4px;
}

#banner .n-hover {
	background-position: -157px -4px;
}

#banner .btn span {
	background-position: -182px -17px;
}

#banner .btn span.on {
	background-position: -194px -17px;
}

.case h3 a {
	width: 234px;
	background: #fff;
}

.case {
	-moz-user-select: none;
	-webkit-user-select: none;
	height: 554px;
	background: #000;
	position: relative;
	z-index: 1000;
}

.case-slider-wrapper {
	position: relative;
	overflow: hidden;
}

.case-wrapper {
	width: 2340px;
	height: 544px;
	position: relative;
	overflow: hidden;
}

.case-lg {
	width: 702px;
	position: absolute;
	z-index: 100;
}

.case-lg img {
	width: 468px;
	height: 272px;
}

.case-sm {
	width: 468px;
	position: absolute;
	z-index: 200;
}

.case-con {
	width: 234px;
	height: 136px;
	float: left;
	position: relative;
}

.case-con h4 {
	padding: 10px 0 0 10px;
	font-size: 14px;
}

.case-con p {
	padding: 5px 10px 0 10px;
	line-height: 16px;
	font-size: 12px;
}

.case-con-b {
	position: absolute;
	top: 136px;
}

.case .black-bg {
	background: #000;
	color: #fff;
}

.case .black-bg a {
	color: #fff;
}

.case .white-bg {
	background: #fff;
	color: #000;
}

.case .white-bg a {
	color: #000;
}

.case-slider-btn-bg {
	width: 100%;
	height: 10px;
	background: #e6e6e6;
	position: absolute;
	cursor: pointer;
}

.case-slider-btn {
	height: 10px;
	background: #333;
	position: absolute;
	cursor: pointer;
}

.case-slider-btn-focus {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -9px;
	height: 22px;
	z-index: 10000;
	cursor: pointer;
}

.case-lg-1 {
	top: 136px;
	left: 0;
}

.case-lg-2 {
	top: 272px;
	left: 468px;
}

.case-lg-3 {
	top: 0px;
	left: 702px;
}

.case-lg-4 {
	top: 272px;
	left: 1170px;
}

.case-lg-5 {
	top: 0px;
	left: 1638px;
}

.case-sm-1 {
	top: 0;
	left: 234px;
}

.case-sm-2 {
	top: 408px;
	left: 0;
}

.case-sm-3 {
	top: 408px;
	left: 936px;
}

.case-sm-4 {
	top: 136px;
	left: 1170px;
}

.case-sm-5 {
	top: 0;
	left: 1404px;
}

.case-sm-6 {
	top: 272px;
	left: 1872px;
}

.case-sm-7 {
	top: 408px;
	left: 1872px;
}

.case-img-wrapper {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.case-img-wrapper a {
	width: 100%;
	height: 100%;
	background: #ff7140;
	position: absolute;
	right: -100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: block;
}

.case-lg .case-img-wrapper {
	width: 66.666%;
	height: 100%;
	display: block;
}

.case-lg .case-img-wrapper a {
	width: 100%;
	height: 100%;
	right: -100%;
}

.case-img-wrapper a {
	transform: skew(15deg,0deg) translate(20px,0px);
	-ms-transform: skew(15deg,0deg) translate(20px,0px);
	-moz-transform: skew(15deg,0deg) translate(20px,0px);
	-webkit-transform: skew(15deg,0deg) translate(20px,0px);
	-o-transform: skew(15deg,0deg) translate(20px,0px);
}

.case-img-wrapper a.hover {
	transform: skew(0deg,0deg) translate(0px,0px);
	-ms-transform: skew(0deg,0deg) translate(0px,0px);
	-moz-transform: skew(0deg,0deg) translate(0px,0px);
	-webkit-transform: skew(0deg,0deg) translate(0px,0px);
	-o-transform: skew(0deg,0deg) translate(0px,0px);
}

.case-lg .case-img-wrapper a {
	transform: translate(40px,0px);
	-ms-transform: skew(15deg,0deg) translate(40px,0px);
	-moz-transform: skew(15deg,0deg) translate(40px,0px);
	-webkit-transform: skew(15deg,0deg) translate(40px,0px);
	-o-transform: skew(15deg,0deg) translate(40px,0px);
}

.case-lg a.hover {
	transform: skew(0deg,0deg) translate(0px,0px);
	-ms-transform: skew(0deg,0deg) translate(0px,0px);
	-moz-transform: skew(0deg,0deg) translate(0px,0px);
	-webkit-transform: skew(0deg,0deg) translate(0px,0px);
	-o-transform: skew(0deg,0deg) translate(0px,0px);
}

.case-content .filter-btn {
	height: 37px;
	padding: 18px 0 0 0;
	background: url(../images/bg.gif);
	border-bottom: 1px solid #333;
}
.case-content .filter-btn ul {
	width: 475px;/*width:430px*/
	margin: 0 auto;
}

.case-content .filter-btn li {
	height: 25px;
	font-size: 12px;
	color: #fff;
	float: left;
	line-height: 25px;
	cursor: pointer;
}

.case-content .filter-btn li a {
	color: #fff;
	padding: 0 10px;
	display: block;
}

.case-content .filter-btn li:hover {
	color: #ff7140;
}

.case-content .filter-btn li.checked {
	color: #ff7140;
	background: #333;
}

.case-content .filter-btn li.checked a {
	color: #ff7140
}

.case-list {
	background: url(../images/bg.gif);
	padding-bottom: 30px;
	min-height: 500px;
}

.case-list ul {
	max-width: 1440px;
	margin: 0 auto;
	background: #191919;
	height: 100%;
}

.case-list li {
	width: 16.5%;
	margin-left: 3.13%;
	height: 255px;
	padding-top: 30px;
	display: block;
	float: left;
	position: relative;
	max-width: 234px
}

.case-list li a {
	width: 100%;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 200;
}

.case-list li a span {
	color: #777;
	font-size: 12px;
	display: block;
	padding-top: 5px;
}

.case-list li a img {
	max-width: 100%;
	padding-bottom: 5px;
	display: block;
	height: auto;
}

.case-bg {
	width: 110%;
	height: 75%;
	background: #ff7140;
	position: absolute;
	bottom: -5%;
	left: -5%;
	opacity: 0.95;
	filter: alpha(opacity=95);
	display: none;
}

.case-list .mask-point {
	position: absolute;
	top: 0;
}

.case-list .mask {
	background: #000;
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	opacity: 0.6;
	filter: alpha(opacity=60);
	right: -100%;
}

.case-list .mask {
	transform: skew(15deg,0deg) translate(20px,0px);
	-ms-transform: skew(15deg,0deg) translate(20px,0px);
	-moz-transform: skew(15deg,0deg) translate(20px,0px);
	-webkit-transform: skew(15deg,0deg) translate(20px,0px);
	-o-transform: skew(15deg,0deg) translate(20px,0px);
}

.case-list .mask-over {
	transform: skew(0deg,0deg) translate(0px,0px);
	-ms-transform: skew(0deg,0deg) translate(0px,0px);
	-moz-transform: skew(0deg,0deg) translate(0px,0px);
	-webkit-transform: skew(0deg,0deg) translate(0px,0px);
	-o-transform: skew(0deg,0deg) translate(0px,0px);
}

.do-more {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	float: left;
	display: block;
}

.do-more a {
	display: block;
	width: 16px;
	height: 7px;
	margin: 0 auto
}

.do-more a.loading {
	background: url(../images/loading.gif) no-repeat;
}

.do-more a.none {
	background: none;
	width: 100px;
	height: 20px;
	line-height: 20px;
}

.case-article {
	padding: 0 42px;
	background: url(../images/bg.gif);
	padding-top: 40px;
	padding-bottom: 30px;
	min-height: 300px;
}

.case-article h3 {
	font-size: 30px;
	font-weight: 100;
	color: #fff;
	text-align: center;
}

.case-article p {
	font-size: 12px;
	color: #9f9f9f;
	text-align: center;
	padding: 5px 0 15px 0;
}

.case-images {
	text-align: center;
	background: #000;
}

.case-images img {
	max-width: 100%;/*max-width: 100%;*/height:auto;
}

.company h3 {
	line-height: 178px;
}

.company {
	-moz-user-select: none;
	-webkit-user-select: none;
	width: 100%;
	height: 544px;
	position: relative;
	overflow: hidden;
}

.company strong {
	width: 71%;
	padding: 60px 0 0 0;
	line-height: 42px;
	font-size: 27px;
	color: #fff;
	font-weight: 100;
	float: left;
	display: inline;
}

.company ul {
	width: 76%;
	padding: 10% 0 0 22%;
	float: left;
}

.company ul li {
	width: 13.8%;
	padding: 0 2.7% 0 0;
	text-align: center;
	float: left;
}

.company ul li a {
	display: block;
	float: left;
	color: #fff;
}

.company ul li span {
	color: #6f6f6f;
	display: block;
}

.news {
	height: 380px;/*改（原185）*/
	background: #272727;
	overflow: hidden;
	position: relative;
}

.news-show {
	width: 71.5%;
	position: relative;
	float: left;
}

.news-show-list {
	height: 180px;
	overflow: hidden;
}

.news-con-top {
	width: 32%;
	height: 85px;
	margin: 0 0 10px 0;
	background: #fff;
	position: absolute;
}

.news-con-top h4 {
	padding: 12px 10px 0px 0;
	height: 20px;
	overflow: hidden;
	margin-bottom: 5px;
}

.news-con-top img {
	float: left;
	margin: 10px 10px 0 15px;
	
}

.news-con-top span {
	color: #aaa;
	font-size: 12px;
	display: block;
}

.news-con-top span.news-more {
	padding: 10px 0 0 15px;
	color: #333;
	font-size: 12px;
	display: none;
}

.news-show-list ul {
	position: absolute;
}

.news-show-list ul li {
	width: 32%;
	height: 145px;
	overflow: hidden;
	float: left;
	margin: 35px 1.2% 0 0;
}

.news-show-list p {
	padding: 95px 0 0 0;
	font-size: 12px;
	color: #fff;
	height: 32px;
	overflow: hidden;
}

.news-select-left,.news-select-right {
	position: absolute;
	top: 70px;
	width: 17px;
	height: 17px;
	display: none;
	cursor: pointer;
	background: transparent url("../images/btn_top.png") repeat scroll 0% 0% !important;
}

.news-select-left {
	right: -1.7%;
	top: 60px;
}

.news-select-right {
	right: -1.7%;
	background-position: bottom left !important;
	top: 80px;
}

.news-select-left:hover {
	background-position: right top !important
}

.news-select-right:hover {
	background-position: right bottom !important
}

.news-content {
	background: #f2f2f2;
	padding: 0 0 30px 0;
}

.news-content .filter-btn {
	height: 37px;
	padding: 18px 0 0 0;
	background: #f2f2f2;
	border-bottom: 1px solid #e7e7e7;
}

.news-content .filter-btn ul {
	width: 230px;
	margin: 0 auto;
}

.news-content .filter-btn li {
	padding: 0 10px;
	height: 25px;
	font-size: 12px;
	color: #000;
	float: left;
	line-height: 25px;
	cursor: pointer;
}

.news-content .filter-btn li:hover {
	color: #ff7140;
}

.news-content .filter-btn li.checked {
	color: #ff7140;
	background: #fff;
}

.news-list li {
	width: 22.5%;
	height: 200px;
	margin: 30px 0 0 2%;
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 200;
}

.news-list li span {
	color: #9f9f9f;
	font-size: 12px;
	display: block;
	padding-top: 5px;
}

.news-list li p {
	padding: 120px 0 0 0;
	font-size: 13px;
	color: #999;
	line-height: 20px;
}

.news-list .news-con-top {
	width: 100%;
	height: 115px;
}

.news-list .news-con-top h4 {
	font-size: 16px;
	height: auto;
	max-height: 42px;
	line-height: 21px;
}

.news .news-con-top h4 {
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	margin: 12px 10px 5px 0;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.news-list .news-con-top span.news-more {
	position: absolute;
	top: 95px;
}

.news-article-title {
	padding: 0 0 1% 42px;
	border-bottom: 1px solid #dedede;
	position: relative;
}

.news-article-title h3 {
	width: 70%;
	font-size: 32px;
	padding-bottom: 5px;
	padding-top: 20px;
	font-weight: bold;
}

.news-article-title span {
	width: 70%;
	font-size: 12px;
	color: #b5b5b5;
	display: block;
}

.news-pages {
	width: 30%;
	display: inline;
	padding: 0 42px 0 0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -26px;
}

.news-article {
	padding: 20px 42px 0;
	color: #777;
	line-height: 22px;
}

.news-article p {
    margin: 15px 10px;
    text-indent: 2em;
}

.news-article img {
	max-width: 100% !important;
	height: auto !important
}

.about-content {
	border-top: 1px solid #e3e3e3;
}

.about-content h3 {
	font-size: 32px;
	font-weight: 100;
}

.about-content h3 {
	width: 11%;
	padding: 2% 5% 0 3%;
	float: left;
	display: block;
}

.about-con {
	float: left;
	width: 73.5%;
	padding-top: 2%;
	padding-right: 7.5%;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
}

.about_con2 {
	max-width: 1080px;
	float: right;
	width: 100%
}

.about-con p {
	padding-bottom: 5px;
	line-height: 23px;
}

.about {
	overflow: hidden;
}

.about .about-con h3 {
	font-size: 30px;
	width: auto;
	padding: 0;
	padding-bottom: 10px;
	float: none;
}

.about .about-con h4 {
	font-size: 22px;
}

.about .about-con strong {
	font-weight: 100;
	font-size: 18px;
}

.about .about-con ul {
	max-width: 1180px;
	padding: 75px 0 0 0;
	overflow: hidden;
}

.about .about-con ul li {
	width: 33.3%;
	padding-bottom: 15px;
	float: left;
	max-width: 360px;
}

.about .about-con div.team {
	width: 125px;
	height: 125px;
	float: left;
	overflow: hidden;
}

.about img {
	max-width: 100%;
}

.about .about-con em {
	color: #ff7140;
}

.about-title {
	position: absolute;
	display: none
}

.contact {
	height: 380px;
	position: relative;
}

.contact-article {
	display: none;
	float: left;
	width: 8%;
	height: 50%;
}

.contact h5 {
	font-size: 28px;
	font-weight: 100;
	line-height: 28px;
	float: left;
	width: 11%;
	padding: 2% 5% 0 3%;
	float: left;
	display: block;
	padding-top: 40px;
}

.contact .move_menu {
	width: 12%;
	height: 24px;
	background: #272727;
	position: absolute;
	left: 44px;
	top: 105px;
	*top: 100px;
	z-index: -100;
}

.contact .move_menu .arrow1 {
	position: absolute;
	top: 0;
	right: -24px;
}

.contact ul {
	width: 22%;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 0;
}

.contact ul li {
	width: 60%;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 44px;
	margin: 5px 0 0 0;
	cursor: pointer;
	position: relative
}

.contact ul li span {
	width: 100%;
	height: 24px;
	display: block;
	text-indent: 12px;
	cursor: pointer;
}

.contact ul li em {
	position: absolute;
	left: 118px;
	top: 0px;
	line-height: 25px;
	font-size: 11px;
}

.contact form {
	width: 22.8%;
	padding: 40px 0 0 0;
	float: left;
}

.contact form input {
	width: 95%;
	height: 30px;
	margin: 6px 0 0 0;
	padding-left: 5%;
	border: 1px solid #e6e6e6;
	color: #ccc;
	line-height: 30px;
}

.contact form input.changed {
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 7px #bbb;
}

.contact form textarea {
	width: 95%;
	height: 75px;
	margin: 7px 0 0 0;
	padding: 2px 0 0 5%;
	line-height: 18px;
	border: 1px solid #e6e6e6;
	color: #ccc;
}

.contact form textarea.changed {
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 7px #bbb;
}

.contact form input.button {
	width: 100%;
	height: 30px;
	margin: 7px 0 0 0;
	background: #2a2a2a;
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
}

.contact .contact-detail {
	width: 53%;
	height: 268px;
	overflow: hidden;
	margin: 47px 0 0 1.5%;
	border: 1px solid #e6e6e6;
	float: left;
	position: relative;
	z-index: 300;
}

.contact .contact-detail h4 {
	font-size: 23px;
	color: #262626;
	font-weight: 100;
	padding: 12px 0 3px 5%;
}

.contact .contact-detail h4 strong {
	font-weight: bold;
	padding: 0 10px 0 0;
}

.contact .contact-detail address {
	padding: 0 0 0 5%;
	float: left;
}

.contact .contact-detail address p {
	line-height: 22px;
}

.contact .contact-detail address p.span {
	padding: 15px 0 0 0;
}

.contact .contact-detail address span {
	display: block;
}

.contact-content {
	border-top: 1px solid #E3E3E3;
	padding: 50px 0 0 0;
}

.contact-map {
	overflow: hidden;
	margin: 0 42px 30px 42px;
}

.contact-content p {
	padding: 0 3%;
	font-size: 16px;
	color: #000;
	line-height: 28px;
	text-align: center;
}

.service-content {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.service-content h3 {
	font-size: 30px;
	padding-bottom: 10px;
}

.service-content strong {
	font-size: 20px;
	font-weight: 100;
}

.service {
	padding-top: 30px;
}

.service h3,.service strong {
	text-align: center;
	display: block;
	padding: 0 18px;
}

.service h4 {
	font-size: 18px;
	padding-bottom: 5px;
	padding-left: 90px;
	font-weight: bold;
}

.service p {
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 90px;
}

.service ul {
	padding-top: 30px;
	overflow: hidden;
}

.service li {
	height: 190px;
	overflow: hidden;
	width: 30%;
	margin-left: 2.5%;
	margin-bottom: 40px;
	float: left;
}

.service li ul {
	padding: 0;
	padding-left: 20px;
}

.service li ul li {
	width: auto;
	margin: 0;
	height: 20px;
	font-size: 12px;
	float: none;
}

.service-view {
	height: 500px;
	background: url("../images/service-bg.png") no-repeat;
	position: relative;
	color: #fff;
	max-width: 1440px;
	margin: 0 auto
}

.service-view-bg {
	background: url("../images/bg.gif");
	position: relative;
	color: #fff;
}

.service-view-bg .zi {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 11;
	color: #fff
}

.service-view-bg h3 {
	padding: 30px 0 0 42px;
}

.service-view-bg p.p1 {
	padding: 0 0 0 42px;
}

.service-view div p {
	float: right;
	font-size: 24px;
	padding-left: 0;
}

.service-view div span {
	float: right;
}

.service-view .sv1 p {
	padding-top: 50px;
}

.service-view .sv2 p {
	padding-top: 45px;
}

.service-view .sv3 p {
	padding-top: 70px;
}

.service-view .sv4 p {
	padding-top: 65px;
}

.service-view .sv5 p {
	padding-top: 50px;
}

.service-view .sv6 p {
	padding-top: 50px;
}

.service-view .sv1 {
	width: 120px;
	height: 289px;
	position: absolute;
	left: 151px;
	bottom: 0;
}

.service-view .sv2 {
	width: 105px;
	height: 170px;
	position: absolute;
	left: 332px;
	bottom: 0;
}

.service-view .sv3 {
	width: 130px;
	height: 415px;
	position: absolute;
	left: 523px;
	bottom: 0;
}

.service-view .sv4 {
	width: 145px;
	height: 250px;
	position: absolute;
	left: 718px;
	bottom: 0;
}

.service-view .sv5 {
	width: 110px;
	height: 375px;
	position: absolute;
	left: 940px;
	bottom: 0;
}

.service-view .sv6 {
	width: 100px;
	height: 209px;
	position: absolute;
	left: 1100px;
	bottom: 0;
}

.service-view .service-re {
	position: absolute;
	top: -34px;
	right: 45%;
}

.service-view .service-bg {
	max-width: 100%;
}

.service-content .friend {
	margin: 30px 42px 0 42px;
}

.service-content .friend ul {
	padding-top: 10px;
}

.service-content .friend li {
	width: 14%;
	height: 75px;
	margin: 0.1%;
	text-align: center;
	line-height: 75px;
	float: left;
}

.job-top {
	margin: 0 42px;
	padding-top: 40px;
}

.job-top h3 {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 12px;
}

.job-top a.send-email {
	color: #f00;
	text-decoration: underline;
}

.job-top strong {
	font-size: 24px;
	font-weight: 100;
	padding: 18px 0 14px 0;
	display: block;
}

.job-content {
	border-top: 1px solid #e3e3e3;
	padding-bottom: 80px;
	position: relative;
}

.job-content div.job {
	height: 80px;
	display: block;
	cursor: pointer;
}

.job-content ul {
	padding: 40px 0 0 0;
	overflow: hidden;
}

.job-content ul li {
	width: 28.66%;
	margin-left: 3.5%;
	padding-bottom: 30px;
	float: left;
}

.job-content ul li h4 {
	font-size: 18px;
	padding-top: 10px;
	padding-left: 90px;
}

.job-content ul li span {
	color: #aaa;
	padding-left: 10px;
}

.job-content ul li p {
	font-size: 12px;
	padding-left: 90px;
}

.job-content ul li div.job-ask {
	margin-top: 24px;
	padding: 15px;
	width: 90%;
	color: #fff;
	background: #1c1c1c;
	position: relative;
	display: none;
}

.job-content ul li i.arrow2 {
	position: absolute;
	top: -24px;
	left: 25px;
}

.job-pid {
	position: absolute;
	right: 40px;
	top: 60px;
	display: block;
}

.extend {
	margin: 50px 42px 0;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

.extend h3 {
	font-size: 32px;
	font-weight: bold;
	color: #ff7140;
	padding-bottom: 10px;
}

.extend h4 {
	font-size: 32px;
	color: #282828;
	padding-bottom: 10px;
}

.extend ul {
	width: 75%;
	margin: 40px auto 0;
}

.extend ul li {
	width: 25%;
	float: left;
	height: 110px;
	text-align: center;
}

.extend ul li i {
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	margin: 0 auto 10px;
}

.extend-con {
	position: relative;
}

.extend-con h5 {
	font-size: 24px;
	color: #ff7140;
	padding-bottom: 15px;
	padding-top: 30px;
}

.extend-con-plan img {
	float: left;
	margin: 10px 5% 0 15%;
	max-width: 100%;
}

.extend-con-plan ul {
	width: 40%;
	margin: 0;
	overflow: hidden;
}

.extend-con-plan ul li {
	width: 50%;
	text-align: left;
	height: 30px;
}

.extend-con-plan h5 {
	padding-top: 70px;
}

.extend-con-seo {
	text-align: center;
}

.extend-con-seo .extend-pic2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.extend-con-seo h5 {
	padding-top: 40px;
	padding-bottom: 30px;
}

.extend-con-seo p {
	line-height: 30px;
}

.extend-con-seo img {
	max-width: 100%;
}

.extend-con-mobile {
	height: 400px;
	margin: 20px 0 0 0;
}

.extend-con pre {
	padding-top: 78px;
	margin: 15px 0 0 0;
	position: absolute;
	right: 37.5%;
}

.extend-pic3 {
	position: absolute;
	max-width: 100%;
	top: 0px;
	right: 43.5%;
	z-index: -100;
}

.c3d {
	height: 100%;
	overflow: hidden;
}

.c3d h3 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #ff7140;
	padding: 30px 0;
}

.c3d h5 {
	font-size: 24px;
	color: #ff7140;
	padding: 0 42px;
	padding-bottom: 15px;
	padding-top: 30px;
}

.c3d h6 {
	font-size: 18px;
	padding: 0 42px;
	font-weight: bold;
}

.c3d strong {
	padding: 0 42px;
	padding-bottom: 10px;
	display: block;
}

.c3d em {
	color: #ff7140;
	padding: 42px;
	display: block;
	float: right;
}

.c3d img {
	max-width: 100%;
}

.c3d p {
	padding: 0 42px 5px;
}

.c3d div {
	overflow: hidden;
}

.c3d-con2 p {
	padding-top: 2%;
}

.c3d-con5 {
	background: #f6f6f6;
	padding-bottom: 20px;
}

.c3d-con5 img {
	margin: 35px 0 0 0;
}

.c3d-con8 {
	padding-bottom: 100px;
}

.c3d-left,.c3d-right {
	width: 50%;
}

.c3d-left {
	float: left;
}

.c3d-right {
	float: right;
}

.mobile h3 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 18px;
	text-align: center;
	color: #ff7140;
	padding: 30px 0;
}

.mobile-con1 ul {
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
}

.mobile-con1 ul li {
	width: 42%;
	padding: 0 0 0 8%;
	font-size: 18px;
	float: left;
	height: 60px;
	line-height: 40px;
}

.mobile-con1 ul li p {
	width: 84%;
	float: right;
	overflow: hidden;
	height: 30px;
}

.mobile-con2 {
	text-align: center;
}

.mobile-con2 ul {
	width: 90%;
	margin: 0 5%;
	overflow: hidden;
}

.mobile-con2 ul li {
	width: 28%;
	margin: 0 0 0 4%;
	float: left;
}

.mobile-con2 ul li .mobile-pic {
	height: 110px;
	line-height: 110px;
}

.mobile-con2 ul li .mobile-pic img {
	line-height: 110px;
}

.mobile-con2 ul li h4,.mobile-con3 ul li h4 {
	font-size: 22px;
	color: #ff7140;
}

.mobile-con3 ul {
	width: 90%;
	margin: 0 5% 50px;
	overflow: hidden;
}

.mobile-con3 ul li {
	width: 22.66%;
	height: 90px;
	overflow: hidden;
	margin: 0 0 0 8%;
	margin-bottom: 30px;
	float: left;
}

.mobile-con3 ul li i {
	margin: 20px 20px 20px 0;
}

.mobile-pic {
	max-width: 100%;
	margin: 10px 0 0 0;
}

.site-con2 h3,.site-con3 h3,.site-con4 h3,.site-con5 h3 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 18px;
	text-align: center;
	color: #ff7140;
	padding: 30px 0 20px 0;
}

.site-con2 p,.site-con3 p,.site-con4 p,.site-con5 p {
	font-size: 18px;
	width: 600px;
	margin: 0 auto;
	padding: 0 18px;
	text-align: center;
}

.site-con3 h4,.site-con4 h4 {
	font-size: 26px;
	font-weight: 100;
	margin: 10px 18px 20px;
	text-align: center;
	color: #ff7140;
}

.site-content .site-con1 {
	padding: 50px 0 50px 0;
	float: left;
}

.site-content .site-con1 ul {
	margin: 0 5%;
	border-bottom: 1px solid #ddd;
	float: left;
}

.site-content .site-con1 ul li {
	text-align: center;
	width: 20%;
	margin: 0 0 0 4%;
	float: left;
	height: 180px;
	position: relative;
}

.site-content .site-con1 ul li h4 {
	font-size: 20px;
	color: #ff7140;
	padding: 10px 0 0 0;
}

.site-content .site-con1 ul li p {
	height: 80px;
	overflow: hidden;
}

.site-content .site-con1 ul li span {
	width: 46px;
	height: 43px;
	display: block;
	background: url(../images/nav_i.png) no-repeat 0 -220px;
	color: #fff;
	text-align: center;
	line-height: 43px;
	font-size: 18px;
	position: absolute;
	bottom: -24px;
	z-index: 300;
	right: 43%;
}

.site-content .site-con2 ul {
	width: 760px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
}

.site-content .site-con2 ul li {
	width: 106px;
	height: 63px;
	float: left;
	background: url("../images/con-radius.png") no-repeat;
	text-align: center;
	padding: 43px 0 20px 0;
	margin: 0 3%;
}

.site-content .site-con2 ul li.sli2 {
	height: 70px;
	padding-top: 36px;
}

.site-content .site-con2 ul li:last-child {
	padding-right: 0;
}

.site-content .site-con3 ul {
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
}

.site-content .site-con3 ul li {
	width: 22%;
	background: url(../images/ico-site.png) no-repeat;
	height: 46px;
	line-height: 46px;
	padding: 0 0 0 50px;
	margin-left: 4.5%;
	float: left;
	margin-bottom: 20px;
}

.site-content .site-con3 ul li.sc3-li1 {
	background-position: 0 -35px;
}

.site-content .site-con3 ul li.sc3-li2 {
	background-position: 0 -81px;
}

.site-content .site-con3 ul li.sc3-li3 {
	background-position: 0 -127px;
}

.site-content .site-con3 ul li.sc3-li4 {
	background-position: 0 -173px;
}

.site-content .site-con3 ul li.sc3-li5 {
	background-position: 0 -219px;
}

.site-content .site-con3 ul li.sc3-li6 {
	background-position: 0 -265px;
}

.site-content .site-con3 ul li.sc3-li7 {
	background-position: 0 -311px;
}

.site-content .site-con3 ul li.sc3-li8 {
	background-position: 0 -357px;
}

.site-content .site-con3 ul li.sc3-li9 {
	background-position: 0 -403px;
}

.site-con4 {
	overflow: hidden;
	width: 890px;
	margin: 0 auto;
}

.site-con4 p {
	text-align: inherit;
	width: auto;
}

.site-con-left,.site-con-cen,.site-con-right {
	float: left;
}

.site-con-left,.site-con-right {
	margin-top: 100px;
}

.site-con-left strong,.site-con-right strong {
	font-size: 18px;
}

.site-con-right {
	margin-left: 30px;
}

.site-tech {
	overflow: hidden;
	background: #EFEFEF;
	margin: 10px 0 0 0;
	padding: 0 8% 40px;
}

.site-tech-right {
	float: right;
	width: 50%;
}

.site-tech-right h4 {
	margin-top: 10%;
	font-size: 18px;
	color: #ff7140;
	float: left;
}

.site-tech-right p {
	text-align: inherit;
	width: auto;
	margin: 0;
	padding: 0;
	padding-top: 100px;
	float: left;
	margin-left: -70px;
}

.site-tech-right ul {
	margin-top: 10%;
	float: right;
}

.site-tech-right ul li {
	height: 25px;
	font-size: 16px;
	line-height: 25px;
}

.site-tech img {
	max-width: 100%;
	margin-top: 6%;
}

.visual-content h3 {
	font-size: 32px;
	font-weight: bold;
	color: #ff7140;
	text-align: center;
	padding: 30px 0 20px 0;
}

.visual-content h4 {
	font-size: 22px;
	color: #ff7140;
}

.visual1 {
	background: #f6f6f6;
}

.visual1 .visual-con {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.visual1 .visual-con h3 {
	margin: 0 6%;
	padding: 55px 0 10px 0;
	text-align: left;
}

.visual1 .visual-con p {
	font-size: 14px;
	color: #282828;
	margin: 0 26% 0 6%;
}

.visual1 .visual-con div {
	min-height: 270px;
	width: 33.33%;
	float: left;
	background: url(../images/visual-bg.png) no-repeat;
}

.visual1 .visual-con .visual-con-left {
	background-position: top right;
}

.visual1 .visual-con .visual-con-cen {
	background-position: center right;
}

.visual1 .visual-con .visual-con-right {
	background-position: bottom right;
}

.visual2 ul,.visual4 ul {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.visual2 ul li,.visual4 ul li {
	width: 20%;
	margin: 0 0 0 4%;
	float: left;
}

.visual3 {
	background: url(../images/visual-bg.jpg);
	padding-bottom: 50px;
	margin-top: 20px;
}

.visual3 ul {
	overflow: hidden;
	width: 92%;
	padding-left: 8%;
}

.visual3 ul li h4 {
	padding-top: 30px;
	padding-right: 30px;
}

.visual3 ul li p {
	padding-right: 30px;
	padding-bottom: 10px;
}

.visual3 ul li span {
	font-size: 12px;
	padding-right: 30px;
	display: block;
}

.visual3 ul li {
	width: 45%;
	height: 240px;
	padding-bottom: 10px;
	overflow: hidden;
	margin: 20px 20px 0 0;
	background: #fff;
	float: left;
}

.visual4 ul li span {
	display: block;
}

.visual4 {
	padding-bottom: 30px;
}

.shop-content h3 {
	font-size: 32px;
	font-weight: bold;
	color: #ff7140;
	text-align: center;
	padding: 30px 0 20px 0;
}

.shop-content h4 {
	font-size: 24px;
	color: #ff7140;
}

.shop1 {
	margin-top: 40px;
	height: 420px;
	background: url("../images/shop-bg.png") no-repeat top;
	overflow: hidden;
	max-width: 1400px;
}

.shop1 h3 {
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
}

.shop1 span {
	margin-bottom: 200px;
	margin-right: 20px;
	font-size: 48px;
	color: #fff;
	line-height: 70px;
	text-align: center;
	width: 70px;
	height: 70px;
	display: block;
	float: left;
	background: url("../images/con-radius2.png") no-repeat;
}

.shop1 div {
	overflow: hidden;
	width: 26.66%;
	margin-left: 5%;
	float: left;
}

.shop1-left {
	margin-top: 220px;
}

.shop1-cen {
	margin-top: 180px;
}

.shop1-right {
	margin-top: 30px;
}

.shop2 ul {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.shop2 ul li {
	width: 26.66%;
	margin-left: 5%;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.shop2 ul li img {
	max-width: 100%;
}

.shop3 ul {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.shop3 h3 {
	margin-bottom: 20px;
}

.shop3 ul li {
	width: 26.66%;
	margin-left: 5%;
	float: left;
}

.shop3 ul li p {
	padding-top: 15px;
}

.shop4 h3 {
	padding-bottom: 10px;
}

.shop4 h4 {
	text-align: center;
}

.shop4 span,.shop5 span,.shop6 span,.shop8 span {
	display: block;
	height: 40px;
	background: url("../images/shop-con.png") no-repeat;
}

.shop4 span.shop4-con-bottom,.shop5 span.shop5-con-bottom,.shop6 span.shop6-con-bottom,.shop8 span.shop8-con-bottom {
	background-position: bottom right;
}

.shop4-top,.shop5-top,.shop6,.shop8-top {
	width: 890px;
	overflow: hidden;
	margin: 30px auto;
}

.shop4-con,.shop5-con,.shop6-con,.shop8-con {
	width: 45%;
	margin: 0 0 0 3.33%;
	float: left;
}

.shop4-con p,.shop5-con p,.shop6-con p,.shop8-con p {
	padding: 0 60px;
}

.shop4-bottom {
	width: 88%;
	margin: 0 6%;
	text-align: center;
}

.shop4 img {
	max-width: 100%;
}

.shop5 {
	padding: 40px 0 0 0;
}

.shop5 h4 {
	text-align: center;
	margin: 0 6%;
}

.shop5-bottom {
	width: 96%;
	margin: 0 auto;
	text-align: center;
	max-width: 1290px;
}

.shop5-bottom img {
	max-width: 100%;
}

.shop5-bottom ul {
	overflow: hidden;
}

.shop5-bottom ul li {
	width: 9%;
	text-align: center;
	float: left;
	padding: 0 1.05%;
}

.shop6 h4,.shop7 h4,.shop8 h4 {
	text-align: center;
	padding: 20px 0 20px 0;
}

.shop7 ul {
	width: 890px;
	margin: 0 auto;
	overflow: hidden;
}

.shop7 li {
	width: 107px;
	height: 67px;
	text-align: center;
	padding-top: 40px;
	display: block;
	float: left;
	background: url("../images/con-radius.png") no-repeat;
	margin: 0 0 10px 2%;
}

.shop8-bottom {
	width: 96%;
	height: 200px;
	margin: 0 auto;
	background: url("../images/shop-bg2.png") no-repeat;
	overflow: hidden;
	max-width: 1299px;
	margin: 0 auto;
}

.shop8-bottom ul {
	overflow: hidden;
}

.shop8-bottom ul li {
	float: left;
	padding: 90px 0 0 30px;
}

footer {
	height: 190px;
	background: #000;
	overflow: hidden;
}

footer address {
	width: 340px;
	padding: 20px 0 0 0;
	float: left;
	margin: 0px
}

footer address p {
	padding: 0 0 0 42px;
	color: #fff;
	letter-spacing: 0px;
}

footer address small {
	color: #333;
	letter-spacing: normal;
	font-size: 12px;
	display: block;
}

footer address .f-photo {
	padding-top: 10px;
}

footer address p span {
	font-size: 22px;
	font-weight: bold;
	display: block;
}

footer section {
	padding: 20px 0 0 0;
	width: 14.2%;
	float: left;
}

footer section dl dt a {
	color: #fff;
	font-size: 14px;
}

footer section dl dd {
	padding: 1px 0 0 0;
}

footer section dl dd a {
	color: #6f6f6f;
	font-size: 12px;
}


footer section ul h4 a {
	color: #fff;
	font-size: 14px;
}

footer section ul li {
	padding: 1px 0 0 0;
}

footer section ul li a {
	color: #6f6f6f;
	font-size: 12px;
}
.side-bar {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 45px;
	z-index: 10000;
	display: none;
}

.side-bar div {
	margin: 1px 0 0;
	float: right;
	cursor: pointer;
}

.side-bar div p {
	color: #fff;
	line-height: 45px;
}

.to-top {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #cbcbcb;
	color: #fff;
	font-weight: bold;
	position: relative;
}

.side-bar-erweima {
	width: 45px;
	height: 45px;
	background: #FF7140;
	position: relative;
}

.erweima {
	width: 390px;
	height: 150px;
	display: none;
	position: absolute;
	top: -108px;
	left: -405px;
	background: #fff;
	border: 1px solid #ccc;
	float: right;
	cursor: default !important;
}

.side-bar-erweima .erweima p {
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 130px;
}

.side-bar-erweima .arrow3 {
	width: 6px;
	height: 11px;
	display: block;
	background: url("../image/weixin-arrow.png")no-repeat;
	position: absolute;
	right: -6px;
	top: 122px;
}

.side-bar-erweima img {
	width: 110px;
	height: 110px;
	margin: 10px 10px 0px 10px;
}

.side-bar-qq {
	width: 45px;
	height: 45px;
	background: #FF7140;
}

.side-bar-contact {
	width: 45px;
	height: 45px;
	background: #FF7140;
}

.top-banner i.ico1 {
	width: 36px;
	height: 39px;
	padding: 0 10px 0 0;
	float: left;
	display: block;
}

header .contact-info a {
	width: 46px;
	height: 45px;
	display: block;
}

.case-con .ico2 {
	width: 7px;
	height: 14px;
	position: absolute;
	z-index: 1300;
	display: block;
}

.mask-point {
	margin: -21px 0 0 40%;
	width: 42px;
	height: 42px;
	display: none;
	position: absolute;
	z-index: 300;
	top: 50%;
	left: 0px;
}

.case-content .mask-point {
	margin: 20% 0 0 40%;
	top: 0;
	left: 0px;
}

.case-lg .mask-point {
	margin-left: 46%;
}

.case-con i.black-ico-l {
	left: -7px;
	top: 30px;
}

.case-con i.white-ico-l {
	left: -7px;
	top: 30px;
}

.case-con i.black-ico-r {
	right: -7px;
	top: 30px;
}

.case-con i.white-ico-r {
	right: -7px;
	top: 30px;
}

.case-article .ico-c,.news-content .ico-c {
	width: 51px;
	height: 51px;
	display: block;
}

.case-share .c-erweima div .ico2,.news-share .c-erweima div .ico2 {
	width: 14px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 80px;
	display: block;
}

.case-pages {
	height: 70px;
	padding: 15px 0 0 0;
	border-top: 1px solid #333;
}

.case-pages .prev,.news-pages .prev {
	margin: 0 10px 0 0;
}

.case-pages .link,.news-pages .back {
	margin: 0 10px 0 0;
}

.case-share,.news-share {
	width: 183px;
	height: 75px;
	margin: 0 auto;
	padding: 35px 0 0 0;
}

.news-share {
	padding-bottom: 5px;
}

.case-share .qq,.news-share .qq {
	margin: 0 10px 0 0;
}

.case-share .sina,.news-share .sina {
	margin: 0 10px 0 0;
}

.case-share .c-erweima,.news-share .c-erweima {
	position: relative;
}

.case-share .c-erweima div,.news-share .c-erweima div {
	width: 180px;
	height: 200px;
	background: #f7f7f7;
	position: absolute;
	top: -210px;
	left: -60px;
	display: none;
}

.case-share .c-erweima div img,.news-share .c-erweima div img {
	width: 148px;
	height: 148px;
	margin: 16px;
}

.case-share .c-erweima i.ico-c,.news-share .c-erweima i.ico-c {
	cursor: pointer;
}

.case-share .c-erweima span,.news-share .c-erweima span {
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.company ul li a i.ico2 {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto 5px;
}

.news-con-top .ico2 {
	width: 14px;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 30px;
	display: block;
}

.contact ul li i {
	position: absolute;
	top: 0;
	right: -24px;
}

.icon-s {
	width: 70px;
	height: 70px;
	display: block;
	float: left;
	margin: 40px 0;
}

.service-view i.icon-s2 {
	float: left;
}

.service-view .sv1 i.icon-s2 {
	width: 42px;
	height: 289px;
	display: block;
}

.service-view .sv2 i.icon-s2 {
	width: 43px;
	height: 170px;
	display: block;
}

.service-view .sv3 i.icon-s2 {
	width: 53px;
	height: 415px;
	display: block;
}

.service-view .sv4 i.icon-s2 {
	width: 49px;
	height: 250px;
	display: block;
}

.service-view .sv5 i.icon-s2 {
	width: 50px;
	height: 375px;
	display: block;
}

.service-view .sv6 i.icon-s2 {
	width: 44px;
	height: 209px;
	display: block;
}

.ico-j {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
}

.extend ul li i.ico-e {
	width: 46px;
	height: 46px;
	display: block;
}

.mobile .ico-m1,.mobile .ico-m2,.mobile .ico-m3,.mobile .ico-m4 {
	display: block;
	height: 33px;
	float: left;
}

.mobile .ico-m1 {
	width: 34px;
}

.mobile .ico-m2 {
	width: 33px;
}

.mobile .ico-m3 {
	width: 27px;
}

.mobile .ico-m4 {
	width: 39px;
}

.mobile .ico-m5,.mobile .ico-m6,.mobile .ico-m7,.mobile .ico-m8,.mobile .ico-m9,.mobile .ico-m10,.mobile .ico-m11,.mobile .ico-m12 {
	display: block;
	width: 50px;
	height: 51px;
	float: left;
}

.ico-site {
	width: 34px;
	height: 32px;
	display: block;
	margin: 0 auto;
}

.ico-st {
	width: 24px;
	height: 24px;
	display: block;
	float: left;
}

.visual2 .icon-v {
	width: 205px;
	height: 125px;
	display: block;
	margin: 0 auto 10px;
}

.visual3 ul li .icon-v {
	width: 29px;
	height: 29px;
	margin: 100px 15px 200px 20px;
	display: block;
	float: left;
}

.shop {
}

footer address p i.ico1 {
	width: 29px;
	height: 29px;
	margin: 10px 10px 0 0;
	display: block;
	float: left;
}

.side-bar .ico2 {
	width: 46px;
	height: 46px;
	display: block;
	float: left;
}

.side-bar .side-bar-erweima .ico2 {
	float: right;
}

footer address p i.ico-logo {
    width: auto;
    height: auto;
    margin: 10px 10px 0px 0px;
    display: block;
    float: left;
}
footer address i.ico1 {
    background-position: 0px -132px;
}
.to-top .ico2 {
	width: 12px;
	height: 5px;
	position: absolute;
	top: -5px;
	left: 18px;
}

/*.ico-logo {
    background: url(../images/company-a.jpg) no-repeat scroll 0% 0% transparent;
}
*/
.ico1,.ico-e {
	background: url(../images/nav_i.png) no-repeat;
}

.contact-info a {
	background: url(../images/header-contace-bg.png) no-repeat;
}

.ico2 {
	background: url(../images/ico2.png) no-repeat;
}

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

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

.icon-s {
	background: url(../images/ico-s.png) no-repeat;
}

.icon-s2 {
	background: url(../images/ico-s2.png) no-repeat;
}

.icon-m {
	background: url(../images/ico-m.png) no-repeat;
}

.ico-site,.ico-st {
	background: url(../images/ico-site.png) no-repeat;
}

.icon-v {
	background: url(../images/ico-v.png) no-repeat;
}

header h1 {
	background: url(../images/logo.png) no-repeat;
}

header .contact-info a.ci-qq-ico {
	background-position: 0 0;
}

header .contact-info a.ci-weibo-ico {
	background-position: 0 -45px;
}

header .contact-info a.ci-qq-ico:hover {
	background-position: -46px 0;
}

header .contact-info a.ci-weibo-ico:hover {
	background-position: -46px -45px;
}

.top-banner i.ico1 {
	background-position: 0 -86px;
}

.mask-point {
	background-position: -49px -2px;
}

.case-con .black-ico-l {
	background-position: 0 0;
}

.case-con .black-ico-r {
	background-position: -7px 0;
}

.case-con .white-ico-l {
	background-position: -14px 0;
}

.case-con .white-ico-r {
	background-position: -21px 0;
}

.case-article .case-pages a.prev i.ico-c {
	background-position: -52px 0;
}

.news-pages a.prev i.ico-c {
	background-position: -520px 0;
}

.case-article .case-pages a.link i.ico-c {
	background-position: -156px 0;
}

.case-article .case-pages a.next i.ico-c {
	background-position: -104px 0;
}

.case-article .case-share a.qq i.ico-c {
	background-position: -208px 0;
}

.case-article .case-share a.sina i.ico-c {
	background-position: -260px 0;
}

.case-article .case-share a.c-erweima i.ico-c {
	background-position: -312px 0;
}

.case-article .case-pages a.back:hover i.ico-c {
	background-position: 0 -52px;
}

.case-article .case-pages a.prev:hover i.ico-c {
	background-position: -52px -52px;
}

.case-article .case-pages a.link:hover i.ico-c {
	background-position: -156px -52px;
}

.case-article .case-pages a.next:hover i.ico-c {
	background-position: -104px -52px;
}

.case-article .case-share a.qq:hover i.ico-c {
	background-position: -208px -52px;
}

.case-article .case-share a.sina:hover i.ico-c {
	background-position: -260px -52px;
}

.case-article .case-share a.c-erweima:hover i.ico-c {
	background-position: -312px -52px;
}

.case-share .c-erweima div .ico2,.news-share .c-erweima div .ico2 {
	background-position: -15px -8px;
}

.news-pages a.back i.ico-c {
	background-position: -624px 0;
}

.news-pages a.next i.ico-c {
	background-position: -572px 0;
}

.news-share a.qq i.ico-c {
	background-position: -364px 0;
}

.news-share a.sina i.ico-c {
	background-position: -416px 0;
}

.news-share a.c-erweima i.ico-c {
	background-position: -468px 0;
}

.news-pages a.back:hover i.ico-c {
	background-position: -624px -51px;
}

.news-pages a.prev:hover i.ico-c {
	background-position: -520px -52px;
}

.news-pages a.next:hover i.ico-c {
	background-position: -572px -52px;
}

.news-share a.qq:hover i.ico-c {
	background-position: -364px -52px;
}

.news-share a.sina:hover i.ico-c {
	background-position: -416px -52px;
}

.news-share a.c-erweima:hover i.ico-c {
	background-position: -468px -52px;
}

.company {
	background: #020202 url(../images/company.jpg) no-repeat center center;
}

.company ul li a i.c-1 {
	background-position: -71px -92px;
}

.company ul li a i.c-2 {
	background-position: -142px -92px;
}

.company ul li a i.c-3 {
	background-position: -213px -92px;
}

.company ul li a i.c-4 {
	background-position: 0 -92px;
}

.company ul li a i.c-5 {
	background-position: -284px -92px;
}

.company ul li a i.c-6 {
	background-position: -355px -92px;
}

.company ul li a i.c-1:hover {
	background-position: -71px -162px;
}

.company ul li a i.c-2:hover {
	background-position: -142px -162px;
}

.company ul li a i.c-3:hover {
	background-position: -213px -162px;
}

.company ul li a i.c-4:hover {
	background-position: 0 -162px;
}

.company ul li a i.c-5:hover {
	background-position: -284px -162px;
}

.company ul li a i.c-6:hover {
	background-position: -355px -162px;
}

.news-con-top .ico2 {
	background-position: -14px -8px;
}

.news-select-left {
	background-position: 0 -160px;
}

.news-select-right {
	background-position: -17px -161px;
}

.service .i-s2 {
	background-position: -70px 0;
}

.service .i-s3 {
	background-position: -140px 0;
}

.service .i-s4 {
	background-position: 0px -70px;
}

.service .i-s5 {
	background-position: -70px -70px;
}

.service .i-s6 {
	background-position: -140px -70px;
}

.service a:hover .i-s1 {
	background-position: 0 -140px;
}

.service a:hover .i-s2 {
	background-position: -70px -140px;
}

.service a:hover .i-s3 {
	background-position: -140px -140px;
}

.service a:hover .i-s4 {
	background-position: 0px -210px;
}

.service a:hover .i-s5 {
	background-position: -70px -210px;
}

.service a:hover .i-s6 {
	background-position: -140px -210px;
}

.service-view .sv1 .icon-s2 {
	background-position: 0 -126px;
}

.service-view .sv2 .icon-s2 {
	background-position: -43px -245px;
}

.service-view .sv3 .icon-s2 {
	background-position: -87px 0;
}

.service-view .sv4 .icon-s2 {
	background-position: -141px -165px;
}

.service-view .sv5 .icon-s2 {
	background-position: -191px -40px;
}

.service-view .sv6 .icon-s2 {
	background-position: -242px -206px;
}

.job-content ul li i.i-j2 {
	background-position: -80px 0;
}

.job-content ul li i.i-j3 {
	background-position: -160px 0;
}

.job-content ul li i.i-j4 {
	background-position: 0 -80px;
}

.job-content ul li i.i-j5 {
	background-position: -80px -80px;
}

.job-content ul li i.i-j6 {
	background-position: -160px -80px;
}

.job-content ul li i.i-j7 {
	background-position: 0 -160px;
}

.job-content ul li i.i-j8 {
	background-position: -80px -160px;
}

.job-content ul li i.i-j9 {
	background-position: -160px -160px;
}

.extend ul li i.ico-e {
	background-position: 0 -174px;
}

.mobile .ico-m2 {
	background-position: -35px 0;
}

.mobile .ico-m3 {
	background-position: -70px 0;
}

.mobile .ico-m4 {
	background-position: -97px 0;
}

.mobile .ico-m5 {
	background-position: 0 -35px;
}

.mobile .ico-m6 {
	background-position: -51px -35px;
}

.mobile .ico-m7 {
	background-position: -102px -35px;
}

.mobile .ico-m8 {
	background-position: 0 -86px;
}

.mobile .ico-m9 {
	background-position: -51px -86px;
}

.mobile .ico-m10 {
	background-position: -102px -86px;
}

.mobile .ico-m11 {
	background-position: 0 -137px;
}

.mobile .ico-m12 {
	background-position: -51px -137px;
}

.site-content .is2 {
	background-position: -34px 0;
}

.site-content .is3 {
	background-position: -68px 0;
}

.site-content .is4 {
	background-position: -110px 0;
}

.ico-st {
	background-position: -155px 0;
}

.visual2 .iv2 {
	background-position: -200px 0;
}

.visual2 .iv3 {
	background-position: -390px 0;
}

.visual2 .iv4 {
	background-position: -580px 0;
}

.visual3 .iv5 {
	background-position: 0 -125px;
}

.visual3 .iv6 {
	background-position: -29px -125px;
}

.visual3 .iv7 {
	background-position: -62px -125px;
}

.visual3 .iv8 {
	background-position: -97px -125px;
}

footer address i.ico1 {
	background-position: 0 -132px;
}

.side-bar-erweima .ico2 {
	background-position: -46px -46px;
}

.side-bar-qq .ico2 {
	background-position: 2px -46px;
}

.side-bar-contact .ico2 {
	background-position: -92px -46px;
}

.to-top .ico2 {
	background-position: -28px -2px;
}

@media only screen and (min-width:1600px) {
	.about_con2 {
		padding-right: 10%
	}
}

@media only screen and (max-width:1440px) {
	.about_con2 {
		padding-right: 0
	}
}

body .news-content .jiathis_style span,body .content .jiathis_style span {
	background: none !important;
	float: none !important;
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: normal !important
}

.page {
	width: 100%;
	clear: left;
	height: 10px;
	overflow: hidden;
	line-height: 25px;
}

.page a,.page b {
	text-align: right;
	color: #f6f6f6 !important;
	font-size: 11px;
	font-weight: bold;
}

.page a:hover {
	color: #f6f6f6 !important
}

#sucess_tj {
	width: 40%;
	position: fixed;
	height: 80px;
	border: 1px solid #ccc;
	box-shadow: 0 0 7px #bbb;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -20%;
	background: #fff;
	z-index: 1111;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	display: none
}

.case-content .page a,.case-content .page b {
	color: #060606  !important
}

.case-content .page a:hover {
	color: #060606 !important
}

#sucess_tj p {
	padding: 20px 0
}

p.ftj a {
	font-size: 11px !important
}

.contact form {
	position: relative;
}

.fbyzm {
	position: absolute;
	color: #fff;
	border: 1px solid #ccc;
	padding: 10px 5% 0;
	left: 0px;
	bottom: 0px;
	z-index: 111;
	background: #666;
	width: 90%;
	display: none
}

.contact form .fbyzm input {
	width: 80px;
	float: left;
	margin-top: 0px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.contact form .fbyzm img {
	height: 32px;
	float: left;
	margin-bottom: 10px;
	cursor: pointer
}

.contact form span {
	float: left;
	line-height: 32px;
	width: 90px;
	text-align: center;
	margin-bottom: 10px;
}

.contact form button {
	width: 70px;
	height: 30px;
	float: left;
	margin-bottom: 10px;
}