/*分页样式*/
div.pagelist {
	padding: 50px 0;
	background: url(../images/bg.gif) repeat;
}
div.pagelist ul {
	margin-right: 20%;
	float: right;
	padding: 0px;
	list-style-type: none;
}
div.pagelist ul li {
	margin-left: 15px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	border: 1px #cccccc solid;
	padding: 0px 8px;
}
div.pagelist ul li.num {
	padding: 0px;
}
div.pagelist ul li.num a {
	display: block;
	padding: 0px 8px;
	float: left;
	text-decoration: none;
}
div.pagelist ul li.currentlist {
	margin-left: 12px;
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	border: 1px #cccccc solid;
	padding: 0px 8px;
	background-color: #f1f1f1;
}
div.pagelist ul li a {
	display: block;
	float: left;
	text-decoration: none;
}
div.pagelist ul li a:hover {
	text-decoration: none;
}
/*分页样式结束*/

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;
}
#banner_pic img {
	max-width: 100%;
	height: auto;
}
.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: #ef3125;
}
.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: 215px;
	height: 181px;
	background: #000;
	position: absolute;
	left: 0;
	text-indent: -9999em;
	overflow: hidden;
}
header nav {
	padding: 38px 0 0 215px;
	display: block;
	float: left;
}
header nav a {
	width: 80px;
	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: #fad723
}
.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;
}
.top-banner {
	color: #7D7D7D;
	position: absolute;
	padding-left: 80px;
	right: 60px;
	top: 0px;
	width: 250px;
	background: url(../images/right_2.png) no-repeat left center;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
}
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("../img/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;
	color: #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-sm img {
	width: 234px;
	height: 136px;
}
.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: #f00;
	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: 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: #ef3125;
}
.case-content .filter-btn li.checked {
	color: #ef3125;
	background: #333;
}
.case-content .filter-btn li.checked a {
	color: #ef3125
}
.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: #ef3125;
	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: 100%;
	text-align: center;
	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 {
	min-height: 200px;
	text-align: left;
	padding: 0 25%;
	color: #9f9f9f;
	font-size: 14px;
	background: #000;
}
.case-images p {
	text-align: left;
	font-size: 14px;
}
.case-images img {
	max-width: 100%;
}
.company h3 {
	line-height: 178px;
}
/**项目**/
#project
{
	background: #272727;
}
.company #index_project {
	width: 71%;
	padding: 60px 0 0 0;
	float: left;
	display: inline;
}
.company #index_project div {
	width: 33%;
	float: left;
}
.company #index_project div ul {
	width: 90%;
	border-right: 1px #666666 solid;
	padding: 0;
}
.company #index_project ul.project_ul {
	width: 66%;
	height:100%;
	overflow:hidden;
	border:0;
	margin:0;
	padding:0;
	float: left;
}
.company #index_project ul.project_ul  li.project_li{
	width: 100%;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
.company #index_project ul.project_ul div {
	width: 50%;
	float: left;
}
.company #index_project div ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	height: 120px;
	line-height: 35px;
	text-align: center;
	width: 50%;
	color: #fff;
}
.company #index_project div div.star_pic {
	width: 100%;
	text-align: center;
	border-right: 1px #666666 solid;
}
.company #index_project div div.star_title {
	width: 100%;
	text-align: center;
	padding-top: 50px;
	border-right: 1px #666666 solid;
	color: #fff;
}
.company #index_project div div.star_title a {
	color: #fff;
}
.company #index_project div div.star_pic img {
	width: 60%;
	height: auto;
}
.company #index_project div ul li a {
	color: #fff;
}
/**项目结束**/
/**公司**/
.company {
	-moz-user-select: none;
	-webkit-user-select: none;
	width: 100%;
	height: 444px;
	position: relative;
	overflow: hidden;
	background: #020202;	
}
.company #index_news {
	width: 71%;
	padding: 60px 0 0 0;
	float: left;
	display: inline;
}
.company #index_news div {
	width: 33%;
	float: left;
}
.company #index_news div ul {
	width: 90%;
	border-right: 1px #666666 solid;
	padding: 0;
}
.company #index_news div ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	height: 120px;
	line-height: 35px;
	text-align: center;
	width: 50%;
	color: #fff;
}
.company #index_news div div.star_pic {
	width: 100%;
	text-align: center;
	border-right: 1px #666666 solid;
}
.company #index_news div div.star_title {
	width: 100%;
	text-align: center;
	padding-top: 50px;
	border-right: 1px #666666 solid;
	color: #fff;
}
.company #index_news div div.star_title a {
	color: #fff;
}
.company #index_news div div.star_pic img {
	width: 60%;
	height: auto;
}
.company #index_news div ul li a {
	color: #fff;
}
.company ul {
	width: 76%;
	padding: 20px 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;
	width: 100%;
	text-align: center;
}
.company ul li span {
	color: #6f6f6f;
	display: block;
}
/**公司结束**/
.news {
	height: 185px;
	background: #272727;
	overflow: hidden;
	position: relative;
}
.news-show {
	width: 71.5%;
	position: relative;
	float: left;
}
.news-show-list {
	height: 180px;
	overflow: hidden;
	width: 100%;
}
.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;
	width: 100%;
}
.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: url(../img/btn_top.png) !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: url(../images/bg.gif);
	padding: 0 0 30px 0;
}
.news-content .filter-btn {
	height: 37px;
	padding: 18px 0 0 0;
	background: url(../images/bg.gif);
	border-bottom: 1px solid #333;
}
.news-content .filter-btn ul {
	width: 530px;
	margin: 0 auto;
	overflow:visible;
}
.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 a {
	color: #fff;
}
.news-content .filter-btn li:hover {
	color: #ef3125;
}
.news-content .filter-btn li.checked {
	color: #ef3125;
	background: #333;
}
.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;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	overflow: visible;
}
.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 ul li {
	font-size: 20px;
	height: 35px;
	line-height: 35px;
}
.about-content h3 ul li a.hover {
	background-color: #000;
	color: #fff;
}
.about-content h3 {
	width: 35%;
	padding: 2% 5% 0 3%;
	float: left;
	display: block;
}
.about-con {
	float: left;
	width: 46%;
	padding-top: 2%;
	padding-right: 7.5%;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	overflow: visible;
}
.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: #ef3125;
}
.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: 7px 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: 630px;
	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("../img/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 {
	/*text-align:center;*/
	margin-left: 42px;
	padding-top: 40px;
}
.job-top h3 {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 12px;
}
.job-top h5 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 12px;
}
.job-top a.send-email {
	color: #f00;
	text-decoration: underline;
}
.job-top strong {
	font-size: 14px;
	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;/*margin:0 10%;*/
}
.job-content ul li {
	width: 28.66%;
	/*margin-left: 3.5%;*/
	margin-left: 42px;
	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: #ef3125;
	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: #ef3125;
	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: 250px;
	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: 30.5%;
	z-index: -100;
}
.c3d {
	height: 100%;
	overflow: hidden;
}
.c3d h3 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #ef3125;
	padding: 30px 0;
}
.c3d h5 {
	font-size: 24px;
	color: #ef3125;
	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: #ef3125;
	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: #ef3125;
	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: #ef3125;
}
.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: #ef3125;
	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: #ef3125;
}
.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: #ef3125;
	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("../img/nav_i.png") no-repeat 0 -226px;
	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("../img/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("../img/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: #ef3125;
	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: #ef3125;
	text-align: center;
	padding: 30px 0 20px 0;
}
.visual-content h4 {
	font-size: 22px;
	color: #ef3125;
}
.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("../img/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("../img/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: #ef3125;
	text-align: center;
	padding: 30px 0 20px 0;
}
.shop-content h4 {
	font-size: 24px;
	color: #ef3125;
}
.shop1 {
	margin-top: 40px;
	height: 420px;
	background: url("../img/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("../img/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("../img/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("../img/con-radius.png") no-repeat;
	margin: 0 0 10px 2%;
}
.shop8-bottom {
	width: 96%;
	height: 200px;
	margin: 0 auto;
	background: url("../img/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;
}
footer address p {
	padding: 0 0 0 42px;
	color: #fff;
	letter-spacing: 2px;
}
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;
}
.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: #c00;
	position: relative;
}
.erweima {
	width: 140px;
	height: 160px;
	display: none;
	position: absolute;
	top: -138px;
	left: -170px;
	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("../img/weixin-arrow.png") no-repeat;
	position: absolute;
	right: -6px;
	top: 122px;
}
.side-bar-erweima img {
	width: 120px;
	height: 120px;
	margin: 10px 10px 0px 10px;
	display: block;
}
.side-bar-qq {
	width: 45px;
	height: 45px;
	background: #c00;
}
.side-bar-contact {
	width: 45px;
	height: 45px;
	background: #c00;
}
.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: 50px;
}
.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;
}
.to-top .ico2 {
	width: 12px;
	height: 5px;
	position: absolute;
	top: -5px;
	left: 18px;
}
.contact-info a {
	background: url("../img/header-contace-bg.png") no-repeat;
}
.ico2 {
	background: url("../img/ico2.png") no-repeat;
}
.ico-c {
	background: url("../img/ico-c.png") no-repeat;
}
header h1 {
	background: url("../img/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 -90px;
}
.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 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;
}
.company ul li a i.p-1 {
	background-position: 0px -233px;
}
.company ul li a i.p-2 {
	background-position: -71px -233px;
}
.company ul li a i.p-3 {
	background-position: -142px -233px;
}
.company ul li a i.p-4 {
	background-position: -213px -233px;
}
.company ul li a i.p-5 {
	background-position: -284px -233px;
}
.company ul li a i.p-6 {
	background-position: -355px -233px;
}
.company ul li a i.p-1:hover {
	background-position: 0px -303px;
}
.company ul li a i.p-2:hover {
	background-position: -71px -303px;
}
.company ul li a i.p-3:hover {
	background-position: -142px -303px;
}
.company ul li a i.p-4:hover {
	background-position: -213px -303px;
}
.company ul li a i.p-5:hover {
	background-position: -284px -303px;
}
.company ul li a i.p-6:hover {
	background-position: -355px -303px;
}
.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 -180px;
}
.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;
}
#job_content {
	padding: 40px;
	margin: 0 3.5%;
}