@charset "utf-8";

* {
	box-sizing: border-box;
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	margin: 0;
	padding: 0;
	border: 0;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	font-size: 100%;
}

@font-face {
	font-weight:400;font-style:normal;font-family:DINCond-Bold;src:url(../fonts/DINCond-Bold.eot);src:local('☺'),url(../fonts/DINCond-Bold.woff) format('woff'),url(../fonts/DINCond-Bold.ttf) format('truetype'),url(../fonts/DINCond-Bold.svg) format('svg');
}

@font-face {
	font-weight:400;font-style:normal;font-family:vfonts;src:url(../fonts/vfonts.eot);src:local('☺'),url(../fonts/vfonts.woff) format('woff'),url(../fonts/vfonts.ttf) format('truetype'),url(../fonts/vfonts.svg) format('svg');
}

@font-face {
	font-weight:400;font-style:normal;font-family:CondensedBold;src:url('../fonts/DIN Condensed Bold.eot');src:local('☺'),url('../fonts/DIN Condensed Bold.woff') format('woff'),url('../fonts/DIN Condensed Bold.ttf') format('truetype'),url('../fonts/DIN Condensed Bold.svg') format('svg');
}

.floor1,.floor2,.floor3,.floor4,.floor5,.floor6,.footer {
	padding-top: 60px;
}

.clear {
	clear: both;
}

body {
	color: #000;
	font: 12px/24px "Helvetica Neue","Microsoft YaHei";
}

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

.footer-top {
	margin-top: 0 !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.cl {
	clear: both;
}

html {
	overflow-x: hidden;
}

.wd1100 {
	margin: 0 auto;
	max-width: 1100px;
}

* {
	outline: 0;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.clearfix {
	color: #ccc;
}

.clearfix a {
	color: #ccc;
}

.inside-banner {
	position: relative;
	overflow: hidden;
	margin-top: 70px;
}

.inside-banner .ban-info h2 {
	margin-bottom: 10px;
}

.inside-banner img {
	display: block;
	width: 100%;
}

.ban-info {
	position: absolute;
	top: 30%;
	left: 0;
	z-index: 10;
	width: 100%;
	color: #fff;
	text-align: center;
}

.ban-info h2 {
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 66px;
}

.ban-info p {
	font-size: 20px;
	line-height: 30px;
}

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

.pnav ul {
	float: left;
	margin-left: -1.85%;
	width: 100%;
}

.pnav ul li {
	display: inline-block;
	margin: auto 1%;
	padding: .5% 2%;
	width: auto;
	color: #999;
	font-size: 18px;
}

.pnav ul li:hover {
	background: #000;
}

.pnav ul li:hover a {
	color: #fff!important;
}

.pnav ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.pnav ul li a:hover {
	color: #000;
}

.pnav ul li.cur {
	background: #000;
	color: #fff;
}

.pnav ul li.cur a {
	color: #fff;
}

.insight-tab {
	padding-bottom: 30px;
}

.insight-bd ul li {
	margin-bottom: 20px;
	height: 282px;
}

.insight-bd ul li a {
	/* display: block; */
	/* overflow: hidden; */
	/* height: 100%; */
}

.insight-bd ul li .innews-left {
	float: left;
	width: 36%;
	height: 100%;
}

.insight-bd ul li .innews-left span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: #f1f1f1 1px solid;
}

.insight-bd ul li .innews-left span img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	transition: .5s;
	object-fit: cover;
}

.insight-bd ul li .innews-left:hover span img {
	transition: .5s;
	transform: scale(1.1);
}

.insight-bd ul li .innews-right {
	float: right;
/* padding-left:3%; */
	width: 60%;
	height: 100%;
}

.innews-right .innews-title {
	color: #585858;
	font-size: 16px;
}

.innews-right .innews-title h4 {
	margin-bottom: 10px;
	color: #000;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
}

.innews-right .innews-title span {
	display: inline-block;
	margin-right: 20px;
	color: #585858;
	font-size: 16px;
	line-height: 26px;
}

.insight-bd ul li a:hover .innews-right .innews-title h4 {
	color: #000;
}

.insight-bd ul li a:hover .innews-des {
	text-decoration: underline;
}

.innews-right .innews-des {
	margin-top: 10px;
	color: #585858;
	font-size: 16px;
	line-height: 24px;
}

.innews-right .innews-more {
	position: relative;
	display: block;
	margin-top: 32px;
	width: 136px;
	height: 44px;
	border: 1px solid #7f7f7f;
	text-align: center;
	line-height: 44px;
}

.innews-right .innews-more i {
	position: absolute;
	z-index: 9;
	display: block;
	width: 100%;
	color: #585858;
	font-style: normal;
	font-size: 16px;
}

.innews-right .innews-more:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	content: "";
	transition: .5s;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.innews-right .innews-more:hover:before {
	width: 100%;
	translate: .5s;
}

.innews-right .innews-more:hover i {
	color: #000;
}

.tab .tab-bd {
	padding-top: 70px;
}

.tab .tab-bd .tab-bd-list.cur {
	display: block;
}

.tab .tab-bd .case-list .case-item ul li {
	margin-bottom: 25px;
}

.innews-page {
	text-align: center;
	margin-bottom: 40px;
}

.innews-page .dots {
	display: inline-block;
	margin: 0 3px;
	padding-top: 6px;
	height: 38px;
	color: #6c3333;
	vertical-align: middle;
	font-size: 18px;
	line-height: 32px;
}

.innews-page .thisclass {
	background: #2a2b2f;
	color: #fff!important;
	width: 57px;
	height: 38px;
	border: 1px #ccc solid;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 38px;
	margin-top: -6px;
}

.innews-page .thisclass a {
	color: #fff!important;
}

.innews-page li {
	display: inline-block;
	margin: 0 3px;
/* color:#fff; */
	font-size: 14px;
}

.innews-page li a {
	width: 57px;
	height: 38px;
	border: 1px #ccc solid;
	border-radius: 2px;
/* background:#fff; */
	color: #000;
	display: block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 38px;
}

.innews-page li a:hover,.innews-page li a:hover a {
	background: #000;
	color: #fff;
}

.innews-page li span {
	white-space: nowrap;
	font-size: 14px;
}

.innews-page li span strong {
	width: 50px;
	display: inline-block
}

.tab .tab-hd li a i {
	display: none;
}

.tab .tab-hd li a.on i {
	position: absolute;
	bottom: -4px;
	left: 50%;
	display: block;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-color: #666 transparent transparent transparent;
	border-style: solid;
	border-width: 5px;
	color: #000;
}

.m-aboutbanner {
	display: none!important;
}

.w1200 {
	margin: 0 auto;
	width: 84%;
	min-width: 1180px;
	position: relative;
}

.del_float {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.link {
	margin: 0 auto;
	margin-top: 20px;
	padding: 30px 0 0;
	width: 1200px;
	color: #999;
	text-align: left;
	line-height: 24px;
}

.link a {
	display: inline-block;
	padding-right: 10px;
	color: #999;
	white-space: nowrap;
}

.link a:hover {
	text-decoration: underline;
}

.ifloat {
	position: fixed;
	top: 200px;
	left: 10px;
	z-index: 6666;
	padding-top: 16px;
	padding-left: 4px;
	width: auto;
	height: 306px;
	background: url(../images/float_bd.png) no-repeat left top;
}

.float_list li {
	margin-bottom: 9px;
	width: auto;
	height: 30px;
	background: url(../images/float_iconac.png) no-repeat left;
	line-height: 30px;
}

.float_list li.floag_on {
	background: url(../images/float_icon.png) no-repeat left;
}

.float_list li:hover a {
/* width:170px; *//* background:#c70c1f; *//* opacity:1; *//* transition:.5s; */
}

.float_list li a {
	display: block;
	margin-left: 15px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
	opacity: .7;
/* transition:.5s; */
}

.float_list li.floag_on {
	background: url(../images/float_icon.png) no-repeat left;
}

.m-imgtxt-g1 {
	overflow: hidden;
}

.wp {
	margin: 0 auto;
	padding: 0 25px;
	max-width: 1300px;
}

.wp:after,.wp:before {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	content: "clear";
}

.g-tit-g1 {
	overflow: hidden;
	margin-bottom: 52px;
	text-align: center;
}

.g-tit-g1 h3 {
	margin-bottom: 6px;
	color: #242526;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.4;
}

.g-tit-g1 p {
	margin-top: 14px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .8px;
	font-size: 17px;
	line-height: 1.4;
}

.g-tit-g2 {
	overflow: hidden;
	margin-bottom: 52px;
	text-align: center;
}

.g-tit-g2 h3 {
	margin-top: 70px;
	margin-bottom: 6px;
	color: #242526;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.4;
}

.g-tit-g2 p {
	margin-top: 14px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .8px;
	font-size: 17px;
	line-height: 1.4;
}

.ul-pic-g1 {
	margin: 0 -15px -20px;
}

.ul-pic-g1:after {
	clear: both;
	display: block;
	visibility: hidden;
	width: 100%;
	height: 0;
	content: '';
}

.ul-pic-g1 li {
	float: left;
	margin-bottom: 20px;
	width: 20%;
}

.ul-pic-g1 .con {
	margin: 0 14px;
	padding: 33px 0 41px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
	text-align: center;
	-webkit-background-size: cover;
}

.ul-pic-g1 h4 {
	overflow: hidden;
	margin-bottom: 10px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.4;
	-ms-text-overflow: ellipsis;
}

.ul-pic-g1 .icon {
	margin: 0 auto;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.ul-pic-g1 .icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.ul-pic-g1 .con:hover .icon {
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.m-imgtxt-g1 .ul-lk-g1 {
	margin-top: 71px;
}

.ul-lk-g1 {
	overflow: hidden;
	margin: 0 -16px -16px;
	font-size: 0;
}

.ul-lk-g1 li {
	display: inline-block;
	margin-bottom: 16px;
	width: 20%;
	vertical-align: top;
}

.ul-lk-g1 .con {
	margin: 0 16px;
}

.ul-lk-g1 h4 {
	position: relative;
	margin-bottom: 16px;
	padding-bottom: 22px;
	border-bottom: 2px solid #eeeeef;
	color: #242526;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4;
}

.ul-lk-g1 h4:after {
	position: absolute;
	right: 0;
	bottom: -2px;
	left: 0;
	width: 80px;
	height: 2px;
	background-color: #ea5413;
	content: '';
}

.ul-lk-g1 .lk {
	overflow: hidden;
}

.ul-lk-g1 .lk a {
	display: block;
	overflow: hidden;
	color: #5b5b5b;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1.88;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-ms-text-overflow: ellipsis;
}

.ul-lk-g1 .lk a:hover {
	color: #ea5413;
}

.square {
	position: relative;
	overflow: hidden;
	margin-bottom: .4%;
	padding-bottom: 16.333334%;
	width: 16.333334%;
}

.square .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.square.w-1 {
	width: 16.3333334%;
}

.square.w-2 {
	width: 33.0666667%;
}

.square.w-3 {
	width: 49.8%;
}

.square.h-1 {
	padding-bottom: 16.3333334%;
}

.square.h-2 {
	padding-bottom: 33.0666667%;
}

.section {
	overflow: hidden;
	padding: 30px 0 0 0;
}

.section-inner {
	margin: 0 auto;
	width: 90%;
	max-width: 1600px;
}

.grid-sizer {
	width: 16.333334%;
}

.gutter-sizer {
	width: .4%;
}

figure.product-list {
	margin: 0;
	width: 100%;
	height: 100%;
}

.snip {
	position: relative;
	float: left;
	overflow: hidden;
	background-image: -moz-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	background-image: -webkit-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	background-image: -ms-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	color: #fff;
	text-align: center;
}

.snip * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .45s ease;
	transition: all .45s ease;
}

.snip img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.snip:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(0);
	filter: blur(0);
}

.snip figcaption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.snip figcaption:hover {
	background-image: -moz-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	background-image: -webkit-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	background-image: -ms-linear-gradient(0deg,#6071d5 0,#bd48b1 100%);
	opacity: .8;
}

.snip h3,.snip h5,.snip p {
	margin: 0;
	opacity: 0;
}

.snip h3 {
	color: #fff;
	font-size: 26px;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.snip h5,.snip p {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.snip p {
	padding-top: 10px;
	font-size: 1.4em;
}

.snip:hover h3,.snip:hover h5,.snip:hover p {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.txt {
	padding: 10px;
}

.txt h3 {
	margin: 10% 0;
	font-size: 24px;
}

.txt p {
	font-size: 16px;
}

h3 {
	font-size: 1.5em;
}

address,big,blockquote,button,caption,cite,code,em,fieldset,font,form,h2,h3,h4,h5,h6,img,label,legend,li,ol,p,small,strike,sub,sup,table,td,th,tr,ul {
	border: 0;
	font-weight: 200;
}

.counter {
	padding: 60px 0;
	background-color: #222;
	color: #fff;
}

.counter .hd {
	padding-bottom: 30px;
	text-align: center;
}

.counter .hd h3 {
	color: #bababa;
	font-size: 28px;
}

.counter .hd span {
	padding: 0 4px 12px 4px;
	border-bottom: 1px solid #b6b9bf;
	font-size: 36px;
}

.counter .hd span b {
	padding-bottom: 14px;
	background: url(../images/line-tit.jpg) center bottom no-repeat;
}

.counter .bd {
	padding-top: 30px;
	text-align: center;
}

.counter .bd .num_box {
	display: inline-block;
	margin: 0 18px;
}

.counter .bd .num_box .num {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	width: 190px;
	height: 190px;
	color: #fff;
	text-align: center;
	font-size: 100px;
	font-family: Impact;
	line-height: 190px;
}

.counter .bd .num_box .num_li {
	position: relative;
}

.counter .bd .num_box .num_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 190px;
	height: 190px;
	border-radius: 8px;
	background-color: #c70c1f;
}

.counter .bd .num_box .num_li h3 {
	color: #fff;
	font-size: 16px;
}

.counter .bd .num_box .num_line {
	position: absolute;
	top: 93px;
	left: 0;
	z-index: 100;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #c70c1f;
}

.zbnews h3 {
	color: #fff;
}

.zbnews p {
	color: #fff;
}

.auto {
	position: relative;
	margin: 0 auto;
	width: 84%;
}

.index-about {
	overflow: hidden;
}

.iabout {
	min-height: 386px;
	background: #eff3f7;
}

.il-about {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 3% 0 3% 3%;
	width: 32%;
	min-height: 386px;
	background: url(../images/ai1.jpg) left center no-repeat;
	background-size: 100%;
	background-size: auto;
}

.ir-about {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 2% 4% 2% 2%;
	width: 68%;
}

.iltxt {
	overflow: hidden;
	padding: 30px 0;
	line-height: 20px;
}

.ilmore {
	padding-bottom: 5px;
	border-bottom: #666 1px solid;
	font-size: 14px;
}

.irtxt {
	overflow: hidden;
	padding: 20px 0;
	color: #505051;
	font-size: 14px;
	line-height: 24px;
}

.irtxt div {
	line-height: 28px;
}

.irnum {
	overflow: hidden;
}

.irnum li {
	float: left;
	width: 25%;
	list-style: none;
	font-size: 16px;
}

.irnum li h1 {
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 42px;
	font-family: DINCond-Bold;
}

.irn1 {
	text-align: left;
}

.irn2 {
	border-right: #77797b 1px solid;
	border-left: #77797b 1px solid;
	text-align: center;
}

.irn3 {
	text-align: center;
}

.irn4 {
	border-left: #77797b 1px solid;
	text-align: center;
}

.ic-title {
	text-align: left;
}

.ic-title h4 {
	padding-bottom: 20px;
	color: #000;
	font-size: 24px;
	line-height: 24px;
}

.ic-title h2 {
	display: block;
	width: 50px;
	height: 1px;
	background: #333;
}

.index-brands {
	overflow: hidden;
	padding: 4% 0 0 0;
}

.index-brands * {
	display: block;
	overflow: hidden;
}

.ibrandt {
	margin-top: 30px;
	background: #333;
}

.ibrandl,.ibrandr {
	float: left;
	box-sizing: border-box;
	padding: 3% 3% 3% 3%;
	width: 50%;
	min-height: 150px;
	background: #d7d7d7;
}

.ibrandr {
	background: #c9c9c9;
}

.ibrandtl {
	float: left;
	box-sizing: border-box;
	padding: 5% 3% 0 3%;
	width: 29%;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.ibrandtl li:before {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #fff;
	content: "";
	vertical-align: middle;
}

.ibrandti {
	float: right;
	width: 71%;
}

.ibrandti img {
	display: block;
	width: 100%;
	height: auto;
}

.ititle h2 {
	padding-bottom: 20px;
	font-size: 24px;
}

.ititle i {
	clear: both;
	width: 50px;
	height: 1px;
	background: #fff;
}

.ititle em {
	clear: both;
	width: 50px;
	height: 1px;
	background: #000;
}

.ititle h5 {
	padding-top: 20px;
	font-size: 14px;
	line-height: 24px;
}

.ibrandtltxt {
	overflow: hidden;
	padding: 5% 0;
}

.partner {
	padding: 70px 0 20px 0;
}

.partner .bd .logolist {
	display: block;
	margin-bottom: 15px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.partner .bd .logolist li {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	width: 16.58%;
	height: 154px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.partner .bd .logolist li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 102px;
}

.partner .bd .logolist li img {
	width: 100%;
}

.wrap {
	margin-right: auto;
	margin-left: auto;
	width: 84%;
}

.coltit {
	padding: 50px 0;
	text-align: center;
}

.coltit h3 {
	color: #000;
	font-weight: 700;
	font-size: 28px;
	line-height: 2em;
}

.coltit p {
	color: #333;
	font-size: 18px;
}

.clear {
	clear: both;
}

.clearfix:after,.clearfix:before {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.news {
	padding-top: 20px;
}

.news .hd {
	padding-bottom: 30px;
	text-align: center;
}

.news .hd h3 {
	padding: 50px 0 25px;
	color: #1a1a1a;
	font-size: 32px;
	line-height: 36px;
}

.news .hd p {
	overflow: hidden;
	height: 1px;
	background-color: #d7d4d4;
}

.news .hd p span {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 86px;
	height: 1px;
	background-color: #e60012;
}

.news .bd {
	padding-bottom: 30px;
}

.news .bd .optionslider {
	margin-right: 0;
	width: 1600px;
}

.newsbox {
	width: 100%;
}

.newsbox dl {
	float: left;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 25px;
	padding-right: 90px;
	width: 50%;
	height: 94px;
}

.newsbox dl:nth-child(odd) {
	margin-left: -76px;
}

.newsbox dl:nth-child(even) {
	margin-left: 76px;
}

.newsbox dl dt {
	margin-left: 77px;
}

.newsbox dl dd {
	margin-right: -83px;
	width: 600px;
}

.newsbox dl dt {
	float: left;
	width: 94px;
	height: 94px;
	border-radius: 50%;
	background: #6f6f6f;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.newsbox dl dt span {
	display: block;
	padding-top: 8px;
	font-size: 48px;
	line-height: 50px;
}

.newsbox dl dd {
	float: right;
	width: 600px;
}

.newsbox dl dd h3 {
	overflow: hidden;
	padding-top: 10px;
	height: 34px;
	font-size: 16px;
}

.newsbox dl dd h3 a {
	color: #000;
}

.newsbox dl dd h3 a:hover {
	color: #e60012;
}

.newsbox dl dd p {
	padding-top: 5px;
	color: #666;
	font-size: 14px;
}

.tabs-news>ul {
	padding-bottom: 40px;
	text-align: center;
	font-size: 14px;
}

.tabs-news>ul li {
	display: inline;
	margin: 0 10px;
}

.tabs-news>ul li a {
	display: inline-block;
	width: 136px;
	height: 26px;
	background: url(../images/icon.png) 0 -196px no-repeat;
	line-height: 26px;
}

.tabs-news>ul li a:hover,.tabs-news>ul li.active a {
	background-position: 0 -234px;
	color: #fff;
}

.tabs .tabs-panel>div {
	display: none;
}

.footer-content {
	padding: 36px 0 0;
	background-color: #333;
	color: #777;
	font-size: 16px;
	line-height: 24px;
}

.footer-content a {
	color: #ccc;
}

.footer-content a:hover {
	color: #fff;
}

.footer-content .szweb-info {
	float: left;
	padding: 0 111px 24px 0;
	width: 266px;
	color: #cccc;
}

.footer-content .szweb-info a {
	color: #cccc;
}

.footer-content .szweb-info .motto {
	padding: 24px 0 18px;
	font-size: 17px;
	line-height: 28px;
}

.footer-content .szweb-info .ft-qrcode {
	padding-bottom: 17px;
}

.foot-about {
	padding-bottom: 43px;
	color: #ccc;
	font-size: 14px;
	line-height: 26px;
}

.foot-about .about-left {
	float: left;
	width: 28.125%;
}

.foot-about .adv-mid {
	float: left;
	margin-left: 7.8125%;
	width: 28.125%;
}

.foot-about .adv-mid .left {
	float: left;
}

.foot-about .adv-mid .right {
	float: right;
}

.foot-about .diff-right {
	float: right;
	width: 28.125%;
}

.weblg {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 1600px;
}

.u-qk-title {
	position: relative;
	margin-bottom: 19px;
	padding-bottom: 12px;
	border-bottom: 1px solid #666;
	color: #ccc;
	line-height: 46px;
}

.u-qk-title p {
	color: #ccc;
}

.u-qk-title h4 {
	color: #ccc;
	font-size: 22px;
}

.u-qk-title .more {
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	text-align: right;
	font-size: 24px;
}

.quick-links {
	padding-bottom: 35px;
}

.quick-links .item {
	float: left;
	overflow: hidden;
	padding-right: 117px;
	width: 257px;
	font-size: 14px;
}

.quick-links .item a {
	display: block;
}

.quick-links .business {
	width: 309px;
}

.quick-links .business-links .left {
	float: left;
}

.quick-links .business-links .right {
	float: right;
}

.quick-links .aboutus {
	padding-right: 0;
	width: 417px;
}

.quick-links .aboutus a {
	display: inline;
}

.quick-links .aboutus .cognition {
	display: none;
}

.quick-links .aboutus .u-qk-title span {
	cursor: pointer;
}

.quick-links .aboutus .u-qk-title .noac {
	color: #666;
}

.friend-links {
	padding-bottom: 38px;
}

.friend-links h6 {
	padding-bottom: 9px;
	color: #ccc;
	font-size: 16px;
	line-height: 24px;
}

.friend-links h6 .tilte {
	float: left;
	margin-right: 9px;
}

.friend-links h6 .tilte:before {
	display: inline-block;
	margin: 4px 10px 0 0;
	width: 5px;
	height: 16px;
	background: #d90000;
	content: '';
	vertical-align: top;
}

.friend-links h6 a {
	display: block;
	padding: 0 10px;
	border: 1px solid #444;
	color: #666;
	font-size: 14px;
	line-height: 22px;
}

.friend-links h6 .exchagne {
	float: left;
}

.friend-links h6 .flod {
	float: right;
}

.friend-links .link-list {
/* overflow:hidden; */
	height: 26px;
}

.friend-links .link-list a {
	position: relative;
	margin-right: 15px;
	font-size: 14px;
}

.friend-links .link-list a::before {
	position: absolute;
	top: 1px;
	left: -8px;
	width: 1px;
	height: 14px;
	background-color: #777;
	content: '';
}

.foot_d {
	padding: 30px 0 18px;
/* border-top:1px solid #777; */
	background-color: #0e0e0e;
}

.wd1100 {
	margin: 0 auto;
	max-width: 1100px;
}

.foot_dshare {
	position: relative;
	margin: 0 auto;
	width: 190px;
	height: 46px;
}

.foot_dshare a {
	float: left;
	display: inline-block;
	margin-right: 10px;
	width: 53px;
	height: 46px;
	background-image: url(../images/f_dshimg.png);
}

.foot_dshare1 {
	background-position: 0 0;
}

.foot_dshare2 {
	background-position: -63px 0;
}

.foot_dshare3 {
	background-position: -126px 0;
}

.foot_dshare1:hover {
	background-position: 0 -50px;
}

.foot_dshare2:hover {
	background-position: -63px -50px;
}

.foot_dshare3:hover {
	background-position: -126px -50px;
}

.foot_shWx {
	right: -92px;
}

.foot_shTelWx {
	left: 115px;
}

.foot_shTelWx img,.foot_shWx img {
	display: block;
	padding: 12px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.foot_shTelWx,.foot_shWx {
	position: absolute;
	top: -111px;
	z-index: 999999;
	display: none;
	padding-bottom: 5px;
	width: 104px;
	height: 104px;
	background: url(../images/foot_shar_bd.png) no-repeat left bottom;
}

.footer-head {
	/* overflow: hidden; */
	padding-top: 40px;
	text-align: center;
}

.footer-head h3 {
	color: #fff;
	font-weight: 700;
	font-size: 26px;
}

.footer-head h3 span {
	display: block;
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
}

.footer-head ul li:nth-child(1) {
	margin-left: 0;
}

.footer-head ul li:nth-child(8) {
	margin-right: -20px;
}

.footer-head ul li {
	float: left;
	box-sizing: border-box;
	margin: 50px;
	padding: 10px;
	width: 7%;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

.footer-head ul li img {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}

.copyright {
	text-align: center;
}

.copyright p {
	color: #ccc;
	font-size: 14px;
}

.float_qq {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 6666;
	margin-top: -271px;
	width: 50px;
	height: 203px;
}

.float_qq li {
	z-index: 20;
	width: auto;
	height: 50px;
}

.float_qq li.float_qq1,.float_qq li.float_qq4 {
	position: absolute;
	left: 0;
	width: 62px;
}

.float_qq li.float_qq1 {
	top: 153px;
}

.float_qq li.float_qq2 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 126px;
}

.float_qq li.float_qq3 {
	position: absolute;
	top: 102px;
	left: 0;
	width: 172px;
}

.float_qq li.float_qq4 {
	top: 0;
}

.float_qq4 {
	position: absolute;
	top: 153px;
	left: 0;
}

.float_qq li a {
	display: block;
	overflow: hidden;
	height: 50px;
	border-radius: 6px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-family: "Microsoft Yahei";
	line-height: 50px;
	opacity: .8;
}

.float_qq li a img {
	float: left;
	display: block;
	margin: 12px 12px 14px 14px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.float_qq li a:hover {
	background-color: #c70c1f;
	opacity: 1;
}

.float_shwx {
	position: absolute;
	top: 3px;
	left: -219px;
	display: none;
	padding-bottom: 9px;
	width: 216px;
	height: 216px;
	background: url(../images/float_wxbd.png) no-repeat bottom right;
}

.float_shwx img {
	display: block;
	padding: 14px;
	width: 188px;
	height: 188px;
	background-color: #fff;
}

.fuwu {
	padding: 60px 0;
	background: #f0f0f0;
}

.fuwutit {
	padding: 60px 0;
	text-align: center;
	font-family: vfonts;
}

.fuwutit h2 {
	color: #000;
	font-size: 46px;
}

.fuwutit h2 span {
	color: #b81816;
	font-family: vfonts;
}

.fuwutit p {
	padding-top: 26px;
	font-size: 20px;
}

.fuwu a {
	display: block;
	margin: 0 auto;
	width: 120px;
	border-radius: 4px;
	background: #b81816;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.fuwu ul li {
	float: left;
	box-sizing: border-box;
	margin: 20px 0;
	padding: 10px;
	padding-right: 64px;
	width: 33.33%;
	font-family: vfonts;
}

.fuwu ul {
	overflow: hidden;
	margin-top: 30px;
}

.fuwu ul li img {
	float: left;
	box-sizing: border-box;
	margin-right: 20px;
	border-radius: 4px;
}

.fuwu ul li b {
	font-size: 16px;
}

.fuwu ul li p {
	color: #888;
	font-size: 14px;
}

.top {
	padding-top: 70px;
}

.tabs {
	padding-bottom: 2%;
}

.tabs>a {
	display: block;
	margin: 33px auto;
	padding: 10px 0;
	width: 140px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 16px;
	transition: .5s;
}

.tabs>a:hover {
	background: #c41723;
	color: #fff;
	transition: .5s;
}

.tabs .tabs-panel>div {
	display: none;
}

.tabs-wz>ul {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	height: 90px;
	background: url(../images/home_3_line.png) no-repeat center center;
	text-align: center;
	font-size: 20px;
	line-height: 90px;
}

.tabs-wz>ul li {
	display: inline;
	margin: 0 10px;
}

.tabs-wz>ul li a {
	display: inline-block;
	width: 78px;
	height: 90px;
	background: url(../images/total.png) no-repeat 0 -815px;
	color: #595a60;
	line-height: 80px;
}

.tabs-wz>ul li a:hover,.tabs-wz>ul li.active a {
	background: url(../images/total.png) no-repeat -79px -815px;
	color: #fff;
}

.tabs-case>ul li {
	float: left;
	margin-right: 5px;
}

.tabs-case>ul li:last-child {
	margin-right: 0;
}

.tabs-case>ul li a {
	display: block;
	padding: 5px 4px;
	width: 71px;
	height: 71px;
	border: 1px solid #fff;
	background-color: #e9e9e9;
}

.tabs-case>ul li a:hover,.tabs-case>ul li.active a {
	background-color: #ccc;
}

.optionslider {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.optionslider>ul {
	position: relative;
	display: block;
	width: 9999px;
}

.optionslider>ul li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 1600px;
}

.optionslider>.dot {
	text-align: center;
}

.optionslider>.dot a {
	display: inline-block;
	overflow: hidden;
	margin: 0 4px;
	width: 10px;
	height: 10px;
	background: url(../images/icon.png) -216px -4px no-repeat;
	text-indent: 10px;
	white-space: nowrap;
}

.optionslider>.dot a.cur {
	background-position: -195px -4px;
}

.scrollbox {
	position: relative;
	overflow: hidden;
}

.scrollbox>a {
	position: absolute;
	top: 36%;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #424242;
	background-repeat: no-repeat;
}

.proscrollbox ul {
	overflow: hidden;
	margin-right: -12%;
	margin-left: 0;
	padding-bottom: 20px;
}

.proscrollbox ul li {
	float: left;
	box-sizing: border-box;
	padding-right: 1.9%;
	padding-bottom: 30px;
}

.proscrollbox ul li a {
	position: relative;
	display: block;
	width: 100%;
}/* 案例缩略图尺寸 */.proscrollbox>ul>li>a>img {
	width: 510px;
	height: 320px;
	display: block;
}

.proscrollbox ul li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: .5s;
}

.proscrollbox ul li:hover span {
	opacity: 1;
	transition: .5s;
}

.proscrollbox ul li span img {
	margin: 15% auto 1% auto;
	width: 14%;
}

.proscrollbox ul li span h2 {
	font-size: 28px;
}

.proscrollbox ul li span p {
	padding: 4%;
	color: #ccc;
	font-size: 14px;
}

.titwow {
	padding: 50px 0;
	text-align: center;
}

.titwow h2 {
	margin-bottom: 30px;
	font-size: 58px;
}

.titwow p {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 15%;
	font-size: 21px;
}

.titwow p span {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
}

.titwow p span:after {
	position: absolute;
	top: 4px;
	right: -9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/clos.png) no-repeat center;
	background-size: 100%;
	content: '';
}

.titwow p span:last-child:after {
	display: none;
}

.logowow {
	overflow: hidden;
	margin: 0 auto;
	width: 870px;
}

.lgwowbox {
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 38px;
	width: 25%;
	border-right: 1px red solid;
	color: red;
	text-align: center;
}

.lgwowbox span {
	position: absolute;
	top: 24px;
	right: 94px;
	font-size: 36px;
}

.lgwowbox:nth-child(1) span {
	right: 50px;
}

.lgwowbox:nth-child(2) span {
	right: 70px;
}

.lgwowbox:last-child {
	border: 0;
}

.num22 {
	padding-left: 10px;
	text-align: left;
	font-size: 60px;
	font-family: CondensedBold;
}

.lgwowbox h3 {
	margin-top: 20px;
	color: #000;
	font-size: 30px;
}

.slideBoxvi {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #f1f3f3;
}

.slideBoxvi .hd {
	z-index: 1;
	width: 100%;
}

.slideBoxvi .hd ul {
	position: absolute;
	bottom: 26px;
	z-index: 99;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.slideBoxvi .hd ul li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #f3f1ee;
	opacity: .5;
	cursor: pointer;
}

.slideBoxvi .hd ul li.on {
	background: #fff;
	opacity: 1;
}

.slideBoxvi .prev {
	position: absolute;
	top: 50%;
	left: 70px;
	width: 64px;
	height: 64px;
	background: url(../images/jiantou.png) no-repeat 0 0;
	cursor: pointer;
	transition: all .2s ease-out 0s;
}

.slideBoxvi .next {
	position: absolute;
	top: 50%;
	right: 70px;
	width: 64px;
	height: 64px;
	background: url(../images/jiantou.png) no-repeat -192px 0;
	cursor: pointer;
	transition: all .2s ease-out 0s;
}

.slideBoxvi .prev:hover {
	background: url(../images/jiantou.png) no-repeat -64px 0;
}

.slideBoxvi .next:hover {
	background: url(../images/jiantou.png) no-repeat -128px 0;
}

.slideBoxvi .bd {
	position: relative;
	z-index: 0;
}

.slideBoxvi .bd li {
	position: relative;
}

.slideBoxvi .bd li a {
	display: inline-block;
	width: 100%;
	height: auto;
}

.slideBoxvi .bd li img {
	width: 100%;
	height: auto;
}

.slideBoxvi .bd li a {
	-webkit-tap-highlight-color: transparent;
}

.slideBoxvi a.active {
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 100;
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 22px;
	cursor: pointer;
}

.slideBoxvi a.active:hover {
	color: #ea5504;
}

.slideBoxvi a.active {
	animation: active 2s infinite;
	animation-direction: alternate;
	-webkit-animation: active 2s infinite;
	-webkit-animation-direction: alternate;
}

.viban {
	position: absolute;
	top: 50%;
	margin: 0 12%;
	width: 76%;
}

.viban h2 {
	margin-top: -100px;
	color: #fff;
	text-align: center;
	font-size: 45px;
}

.viban p {
	margin-top: 50px;
	color: #fff;
	text-align: center;
	font-size: 28px;
	line-height: 38px;
}

.brand_three {
	height: auto;
	background: url(../images/brand_5.jpg) no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.brand_three div {
	box-sizing: border-box;
	padding-top: 70px;
	padding-bottom: 60px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.brand_three div p:first-child {
	margin: 0;
	color: #fff;
	font-size: 22px;
}

.jingke p.orange {
	color: #dab08d;
	font-size: 42px;
}

.brand_three div p:last-child {
	margin-top: 34px;
	color: #e2e2e2;
	font-size: 16px;
}

.brand_three div span {
	margin-top: 25px;
	margin-bottom: 22px;
}

span.hr {
	display: inline-block;
	width: 67px;
	height: 3px;
	background-color: #dab08d;
}

.brand_four {
	padding-bottom: 0;
}

.brand_four p {
	margin-bottom: 30px;
	text-align: center;
}

.brand_four p b {
	display: block;
	padding-bottom: 5px;
	color: #000;
	font-size: 24px;
}

.brand_four p span {
	margin-top: .2rem;
	font-size: 14px;
}

.brandF_center {
	display: flex;
	padding-bottom: 30px;
	justify-content: space-between;
	align-items: center;
}

.brandF_center div img {
	margin: 15px 15px 15px 0;
	width: 700px;
	height: 551px;
}

.brandF_center div p {
	margin-bottom: 0;
	font-size: 41px;
}

.brandF_center div p.orange b {
	color: #dab08d;
	font-size: 36px;
}

.brandF_center div span b {
	color: #656565;
	font-size: 18px;
}

.mycontain {
	margin: 0 auto;
	padding: 60px 0 40px 0;
	width: 84%;
}

.wt1200 {
	margin: 0 auto;
	width: 1200px;
}

.slideTxtBoxvi .hd {
	overflow: hidden;
}

.slideTxtBoxvi .hd ul li {
	float: left;
	margin: 0 3.3%;
	padding-bottom: 40px;
	width: 10%;
	text-align: center;
	font-size: 16px;
}

.slideTxtBoxvi .hd ul li:hover {
	color: red;
}

.slideTxtBoxvi .hd ul li:hover .vihdimg img:nth-child(1) {
	margin-top: -78px;
	transition: .5s;
}

.slideTxtBoxvi .hd ul li:hover .vihdimg img:nth-child(2) {
	top: 0;
	transition: .5s;
}

.slideTxtBoxvi .hd ul li.on:hover .vihdimg img:nth-child(1) {
	margin-top: 0;
	transition: 0s;
}

.slideTxtBoxvi .hd ul li.on:hover .vihdimg img:nth-child(2) {
	top: -78;
}

.slideTxtBoxvi .hd ul li.on {
	border-bottom: 2px red solid;
	color: red;
}

.slideTxtBoxvi .hd ul li.on .vihdimg img:nth-child(2) {
	top: 0;
}

.slideTxtBoxvi .hd ul li.on .vihdimg img:nth-child(1) {
	margin-top: 0;
}

.slideTxtBoxvi .hd ul li .vihdimg {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 74px;
}

.slideTxtBoxvi .hd ul li .vihdimg img {
	display: block;
	margin: 0 auto;
}

.slideTxtBoxvi .hd ul li .vihdimg img:nth-child(1) {
	margin-top: 0;
	transition: .5s;
}

.slideTxtBoxvi .hd ul li .vihdimg img:nth-child(2) {
	position: absolute;
	top: 78px;
	left: 23px;
}

.slideTxtBoxvi .bd {
	overflow: hidden;
	padding-top: 50px;
}

.slideTxtBoxvi .bd ul li {
	float: left;
	overflow: hidden;
	margin-bottom: -1%;
	width: 33.333%;
	height: auto;
}

.slideTxtBoxvi .bd ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.slideTxtBoxvi .bd ul li img {
	width: 100%;
	height: auto;
}

.slideTxtBoxvi .bd ul li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: .5s;
}

.slideTxtBoxvi .bd ul li:hover span {
	opacity: 1;
	transition: .5s;
}

.slideTxtBoxvi .bd ul li span img {
	margin: 15% auto 1% auto;
	width: 14%;
}

.slideTxtBoxvi .bd ul li span h2 {
	font-size: 28px;
}

.slideTxtBoxvi .bd ul li span p {
	padding: 2% 0;
	color: #ccc;
	font-size: 14px;
}

.slideTxtBoxvi>a {
	display: block;
	margin: 70px auto;
	padding: 10px 0;
	width: 140px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 16px;
	transition: .5s;
}

.slideTxtBoxvi:hover>a {
	background: red;
	color: #fff;
	transition: .5s;
}

.serimg>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	opacity: 1;
	transition: .5s;
}

.serimg>span>img {
	display: block;
	margin: 0 auto;
	margin-top: 23%;
}

.servbox .serimg {
	position: relative;
}

.servbox {
	float: left;
	margin: 2%;
	width: 46%;
	background: #fff;
}

.servbox .serimg>img {
	display: block;
	width: 100%;
	transition: .5s;
}

.servbox .serimg>span {
	opacity: 0;
	transition: .5s;
}

.servbox:hover .serimg>img {
	transition: .5s;
	transform: scale(.9);
}

.servbox:hover .serimg>span {
	opacity: 1;
	transition: .5s;
}

.servbox .serboxtit {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 36px 40px;
	border-bottom: 1px #ccc solid;
}

.servbox .serboxtit p {
	font-size: 28px;
}

.servbox .serboxtit span {
	float: left;
	display: inline-block;
	padding-top: 14px;
	color: red;
	font-size: 16px;
}

.servbox .serboxtit img {
	position: absolute;
	top: 50%;
	right: 50px;
	float: right;
	margin-top: -4%;
}

.servbox ul {
	overflow: hidden;
	box-sizing: border-box;
	box-sizing: border-box;
	padding: 6%;
}

.servbox ul li {
	position: relative;
	float: left;
	width: 33.333333%;
}

.servbox ul li:nth-child(3) {
	padding-left: 13%;
}

.servbox ul li:nth-child(2) {
	padding-left: 6%;
}

.servbox ul li:last-child:after {
	display: none;
}

.servbox ul li:after {
	position: absolute;
	top: 0;
	right: 13%;
	display: block;
	width: 1px;
	height: 100px;
	background: #f1f1f1;
	content: '';
}

.servbox ul li:nth-child(2):after {
	right: -3%;
}

.servbox ul li p {
	color: #888;
	font-size: 18px;
	line-height: 30px;
}

.viserver .g-tit-g1 h3 {
	font-size: 34px;
}

.shengmingbox .g-tit-g1 h3 {
	font-size: 34px;
}

.shengmingbox ul {
	position: relative;
	z-index: 1;
	display: flex;
	height: 184px;
	justify-content: space-around;
}

.shengmingbox ul:after {
	position: absolute;
	top: 38%;
	left: -50%;
	z-index: -1;
	display: block;
	width: 99999px;
	height: 1px;
	background: red;
	content: '';
}

.shengmingbox ul li {
	float: left;
	margin: 2.8%;
	text-align: center;
}

.shengmingbox ul li .smp {
	margin-top: 20px;
	color: #000;
	font-size: 22px;
}

.shengmingbox ul li .smspan {
	display: block;
	margin: 0 auto;
	width: 64%;
	border-radius: 50%;
	background: red;
	color: #fff;
	font-size: 30px;
	font-family: CondensedBold;
	line-height: 187%;
}

.shengming {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 46px;
	background: #fff;
}

.smLeft {
	box-sizing: border-box;
	width: 50%;
}

.smLeft {
	float: left;
}

.smLeft b {
	font-size: 18px;
}

.smLeft p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 30px;
}

.smRight {
	position: absolute;
	right: 3%;
	bottom: 14%;
	float: right;
	color: #9c9c9c;
	text-align: right;
	font-size: 14px;
	line-height: 20px;
}

.smRight img {
	display: inline;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
	border: none;
	vertical-align: middle;
	text-align: right;
}

.smRight p {
	display: block;
}

.smRight>p>span {
	display: block;
	font-weight: 700;
}

.pinpai {
	overflow: hidden;
	margin-left: -34px;
	width: 104%;
}

.p410 {
	margin-bottom: 10px;
	padding-left: 0;
}

.pic {
	background-color: #fff;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: inherit;
}

.mid2 {
	overflow: hidden;
	padding-bottom: 70px;
}

.mid2-pic {
	height: 260px;
}

.mid2-pic1 {
	background-image: url(../images/service_img01.jpg);
	background-size: cover;
}

.mid2-pic2 {
	background-image: url(../images/service_img02.jpg);
	background-size: cover;
}

.mid2-pic3 {
	background-image: url(../images/service_img03.jpg);
	background-size: cover;
}

.mid2-pic .t3 {
	margin-bottom: 2px;
	padding-top: 100px;
	color: #fff;
	font-weight: 300;
	font-size: 30px;
}

.for-border {
	border: 1px solid #fff;
	background-color: #fff;
	min-height: 135px;
}

.for-border>.t6 {
	margin: 15px 5%;
	background: #fff;
	color: #000;
	text-align: left;
	font-size: 16px;
	line-height: 34px;
}

.for-border>.t6 span {
	padding-right: 12px;
}

.col-lg-4 {
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
	width: 25%;
	text-align: center;
}

.tiyan {
	background: #ffff;
	padding-bottom: 70px;
}

.tiyan img {
	display: block;
	margin: 0 auto;
	margin-top: 112px;
}

.profess {
	padding-bottom: 0;
	background-color: #2b2b2b;
}

.service .mid4 {
	height: 12em;
}

.profess .mid4 {
	height: 750px;
	background-image: url(../images/service_img04.png);
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
	text-align: center;
}

.mid4>.t3 {
	margin-bottom: 2px;
	padding-top: 80px;
	color: #fff;
	font-weight: 300;
	font-size: 35px;
}

.t3_a {
	padding-top: 10px;
	color: #fff;
	font-size: 14px;
}

.pic_pro {
	overflow: hidden;
	padding: 0 0 3% 5%;
	background-color: #2b2b2b;
	background-size: 100%;
	background-repeat: no-repeat;
	color: #fff;
	text-align: left;
}

.pic_pro .t11 {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	opacity: .7;
}

.pic_pro .t7:before {
	display: inline-block;
	margin-left: -24px;
	width: 24px;
	height: 24px;
	background-position: center bottom;
	background-size: 60%;
	background-repeat: no-repeat;
	content: "";
}

.pic_pro .t7_1:before {
	background-image: url(../images/dot_01.png);
}

.pic_pro .t7_2:before {
	background-image: url(../images/dot_02.png);
}

.pic_pro .t7_3:before {
	background-image: url(../images/dot_03.png);
}

.pic_pro .t7_4:before {
	background-image: url(../images/dot_04.png);
}

.pic_pro .t7_5:before {
	background-image: url(../images/dot_05.png);
}

.pic_pro .t7_6:before {
	background-image: url(../images/dot_06.png);
}

.col-lg-2 {
	float: left;
	width: 16.666667%;
}

.t7 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 20px;
}

.row {
	margin: 0 auto;
	width: 1200px;
}

.serE_img img {
	width: auto!important;
}

.serE_img {
	position: relative;
	overflow: hidden;
	padding-top: 135px;
	padding-right: 80px!important;
	padding-bottom: 135px;
	padding-left: 80px!important;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

.serE_img .serE_jt {
	width: 11.11%;
}

.serE_img .serE_jt img {
	width: 20px;
}

.serE_img .serE_jt img {
	margin-top: 36%!important;
	width: auto!important;
	height: auto!important;
}

.serE_img .serE_child {
	float: left;
	width: 11.11%;
}

.serE_img .serE_child img {
	display: block;
	margin-bottom: 30px;
	width: 100%;
}

.serE_img .serE_jt img {
	display: inline-block;
	margin-top: 38%;
	height: 16px;
	text-align: center;
}

.serEC_cov {
	display: none;
}

.serE_cover {
	padding-top: 30px!important;
}

.serE_cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 40px;
	width: 100%;
	height: 100%;
	background: #f26452;
	color: #fff;
	text-align: left;
	cursor: pointer;
}

.serE_cover h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
}

.serE_cover h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../images/pc_service_icon.png) no-repeat left center;
	color: #fff;
	font-size: 15px;
}

.serE_height {
	height: 20px!important;
}

.serEC_cov {
	position: absolute;
	top: 0;
	left: 0;
	display: block!important;
	width: 270px;
	height: 100%;
	background: #f26452;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.serEC_active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.serEC_active1 {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.serEC_active2 {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(185%);
	transform: translateX(185%);
}

.serEC_active3 {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(260%);
	transform: translateX(260%);
}

.serEC_active4 {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translateX(340%);
	transform: translateX(340%);
}

.mt-120 {
	margin-top: 70px;
}

.index-project {
	position: relative;
	overflow: hidden;
	padding-top: 1px;
	background-color: #f6f6f6;
}

.index-pro {
	position: relative;
	font-size: 0;
}

.index-pro .list-pro-m {
	display: none;
}

.index-pro-info {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	width: 34.92063%;
	text-align: left;
}

.index-pro-info.sticky-fixed {
	position: fixed;
	top: 40px;
	left: 50%;
	margin-left: -630px;
	width: 1260px;
}

.index-pro-info.sticky-abs {
	top: auto;
	bottom: 0;
}

.index-pro-info .project-item__info {
	width: 100%;
}

.list-project>li {
	margin-bottom: 120px;
}

.list-project>li:last-of-type {
	margin-bottom: 0;
}

.project-item {
	display: block;
	font-size: 0;
}

.project-item:hover .project-item__title span {
	background-size: 100% 100%;
}

.project-item__info {
	margin-right: 4%;
	padding: 40px 35px 30px 45px;
	width: 30.92063%;
	background-color: #fff;
	color: #000;
}

.project-item__img,.project-item__info {
	display: inline-block;
	vertical-align: top;
}

.project-item__cate {
	display: block;
	letter-spacing: .01em;
	font: 400 16px/1 Arial;
}

.project-item__title {
	margin-top: .86em;
	letter-spacing: .02em;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
}

.project-item__title span {
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 80%,#e33f39 0);
	background-size: 0 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: background-size .4s ease;
	-moz-transition: background-size .4s ease;
	-o-transition: background-size .4s ease;
	transition: background-size .4s ease;
}

.project-item__desc {
	margin-top: .5em;
	letter-spacing: .03em;
	font-size: 18px;
	line-height: 1.6667;
}

.project-item__img {
	overflow: hidden;
	width: 64.31746%;
}

.project-item__img::before {
	padding-top: 59.21053%;
}

.project-item__img img {
	width: 100%;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	transition: transform 1s ease-out;
}

.btn-more {
	display: inline-block;
	vertical-align: top;
	text-transform: capitalize;
	font: 400 16px/1.25 Arial;
}

.link-anim {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mt-80 {
	margin-top: 110px;
}

.mt-90 {
	margin-top: 90px;
}

.link-anim::before {
	-webkit-transform: translateX(-200%);
	transform: translateX(-200%);
}

.link-anim::after,.link-anim::before {
	position: absolute;
	right: 0;
	bottom: .175em;
	left: 0;
	z-index: -1;
	height: 4px;
	background-color: #e33f39;
	content: "";
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.slideTxtBox_caise {
	margin-top: 50px;
}

.slideTxtBox_caise .bd {
	position: relative;
}

.slideTxtBox_caise .hd {
	margin: 20px 0 20px 0;
}

.slideTxtBox_caise .hd ul {
	overflow: hidden;
	margin: 0 auto;
	width: 89px;
}

.slideTxtBox_caise .hd ul li {
	float: left;
	margin: 0 4px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #999;
	text-align: center;
	cursor: pointer;
}

.slideTxtBox_caise .hd ul li.on {
	background: #eb0116;
}

.slideTxtBox_caise .bd ul {
	overflow: hidden;
	margin: 0 -10px;
	margin-right: -20px;
	zoom: 1;
}

.slideTxtBox_caise .bd li {
	position: relative;
	float: left;
	margin: 13px;
	width: 15%;
	border: 1px #ccc solid;
	border-radius: 10px;
}

.slideTxtBox_caise .bd li img {
	padding: 5% 0;
	width: 100%;
}

.slideTxtBox_caise .bd li img:nth-child(1) {
	position: absolute;
	opacity: 1;
	transition: .5s;
}

.slideTxtBox_caise .bd li img:nth-child(2) {
	opacity: 0;
	transition: .5s;
}

.slideTxtBox_caise .bd li:hover img:nth-child(1) {
	opacity: 0;
	transition: .5s;
}

.slideTxtBox_caise .bd li:hover img:nth-child(2) {
	opacity: 1;
	transition: .5s;
}

.slideTxtBox_caise .bd li .date {
	float: right;
	color: #999;
}

.index-pro>a {
	display: block;
	margin: 80px auto;
	padding: 10px 0;
	width: 140px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 16px;
	transition: .5s;
}

.index-pro>a:hover {
	background: #c41723;
	color: #fff;
	transition: .5s;
}

.about-t {
	position: relative;
	overflow: hidden;
	margin-top: 70px;
	width: 100%;
	height: 600px;
	background: url(../imagesindex-header-bg-v2.jpg);
	color: #fff;
	text-align: center;
	font-size: 60px;
	line-height: 45px;
}

.mtopsp {
	margin-top: 30px;
	display: inline-block;
}

.about-t p {
	position: relative;
	z-index: 2;
	letter-spacing: 42px;
}

.about-t span {
	position: relative;
	z-index: 2;
	font-size: 26px;
}

.about-t img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -204px;
	margin-left: -167px;
}

.c-center {
	position: absolute;
	top: 50%;
	z-index: 20;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.about-t p {
	position: relative;
	z-index: 2;
	letter-spacing: 42px;
}

.about-t span {
	position: relative;
	z-index: 2;
	font-size: 26px;
}

.about-t img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -204px;
	margin-left: -167px;
}

.video-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.n_content {
	position: relative;
	padding: 0;
}

#fg_about .floor {
	display: block;
	padding: 60px 0;
}

.main_box {
	margin: 0 auto;
	width: 1200px;
}

.fl,.left {
	float: left!important;
}

.fr,.right {
	float: right!important;
}

#n_fg1 .left {
	width: 62%;
}

#n_fg1 h1 {
	display: block;
	margin-bottom: 20px;
	color: #3b3b3c;
	font-weight: 700;
	font-size: 22px;
}

#n_fg1 p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

#n_fg1 img {
	width: 550px;
	height: 330px;
}

#n_fg2 {
	margin: 0;
	padding: 0;
	height: 380px;
	background-image: url(http://www.fgkj.cc/static_about/images/bg_number.jpg);
}

#n_fg2 .j_parallax {
	height: 380px;
	background-image: url(http://www.fgkj.cc/static_about/images/bg_number_sjc.jpg);
}

.j_parallax {
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#n_fg2 ul {
	margin: 0 -60px;
}

#n_fg2 li {
	float: left;
	display: block;
	margin: 70px 60px 0 60px;
	width: 210px;
}

#n_fg2 li .number {
	position: relative;
	margin: 0 auto;
	width: 210px;
	height: 210px;
	border-radius: 10px;
	background: #ff1d00;
}

#n_fg2 li .number h2 {
	color: #fff;
	text-align: center;
	font-size: 120px;
	font-family: Impact,Arial,Helvetica,sans-serif;
	line-height: 210px;
}

#n_fg2 li .number #about_more {
	position: absolute;
	top: 20px;
	right: 20px;
}

#n_fg2 li .number .line {
	position: absolute;
	top: 50%;
	z-index: 16;
	display: block;
	width: 100%;
	height: 10px;
	background: #ff1d00;
}

#n_fg2 li h1 {
	display: block;
	margin-top: 30px;
	color: #fff;
	text-align: center;
	text-transform: lowercase;
	font-size: 16px;
}

#n_fg3 *,#n_fg4 * {
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
}

#n_fg3 h1 {
	display: block;
	margin-bottom: 20px;
	padding-top: 50px;
	color: #3b3b3c;
	font-size: 22px;
}

#n_fg3 p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

#n_fg3 ul {
	position: relative;
	display: block;
	height: 650px;
}

#n_fg3 li {
	position: absolute;
	display: block;
	background: #000;
}

#n_fg3 li .box {
	position: relative;
}

#n_fg3 li img {
	display: block;
}

#n_fg3 .li1 {
	top: 0;
	left: 0;
}

#n_fg3 .li1 img {
	width: 580px;
	height: 650px;
}

#n_fg3 .li1 .box {
	width: 580px;
	height: 650px;
}

#n_fg3 .li2 {
	top: 0;
	right: 406px;
}

#n_fg3 .li2 img {
	width: 600px;
	height: 340px;
}

#n_fg3 .li3 {
	right: 715px;
	bottom: 0;
}

#n_fg3 .li3 img {
	width: 290px;
	height: 290px;
}

#n_fg3 .li4 {
	right: 406px;
	bottom: 0;
}

#n_fg3 .li4 img {
	width: 290px;
	height: 290px;
}

#n_fg3 .li5 {
	top: 0;
	right: 0;
	overflow: hidden;
	width: 390px;
}

#n_fg3 .icon_box {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#n_fg3 li .icon_box::after,#n_fg3 li .icon_box::before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s;
}

#n_fg3 li .icon_box::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

#n_fg3 li .icon_box::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

#n_fg3 li:hover .icon_box::after,#n_fg3 li:hover .icon_box::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#n_fg3 li:hover img {
	opacity: .6;
}

#n_fg4 h1 {
	display: block;
	margin-bottom: 20px;
	color: #3b3b3c;
	font-size: 22px;
}

#n_fg4 p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

#n_fg4 .un_box {
	margin-top: 30px;
}

#n_fg4 .un_box ul {
	overflow: hidden;
	margin: 0 -49px -25px -30px;
}

#n_fg4 .un_box li {
	position: relative;
	float: left;
	margin: 25px 36.5px;
	width: 260px;
	height: 120px;
}

#n_fg4 .un_box li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

#n_fg4 .un_box li img {
	display: block;
	width: 260px;
	height: 120px;
	opacity: .7;
	-webkit-filter: grayscale(1);
}

#n_fg4 .un_box li a:hover img {
	opacity: 1;
	-webkit-filter: none;
}

#n_fg4 .un_box li a:hover {
	top: -5px;
	box-shadow: 0 0 8px #ccc;
}

#n_fg5 .up_box h1 {
	display: block;
	margin-bottom: 20px;
	color: #3b3b3c;
	font-size: 22px;
}

#n_fg5 .up_box p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

#fg_team ul {
	position: relative;
	height: 1120px;
}

#fg_team li {
	position: absolute;
	display: block;
}

#fg_team li a {
	position: relative;
	display: block;
}

#fg_team li img.pic {
	display: block;
	width: 275px;
	height: 350px;
}

#fg_team li .text_box {
	position: absolute;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 275px;
	height: 350px;
	background: rgba(0,0,0,.42);
	color: #fff;
	text-align: center;
}

#fg_team li .text_box .box {
	padding-top: 270px;
}

#fg_team li .text_box h1 {
	display: block;
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
}

#fg_team li .text_box span {
	display: block;
	color: #fff;
	font-size: 14px;
}

#fg_team li.li10 .pic_box {
	padding-top: 110px;
}

#fg_team li.li10 img {
	display: block;
	margin: 0 auto;
}

#fg_team li.li10 h2 {
	display: block;
	margin: 0 auto;
	padding-top: 40px;
	color: #131313;
	text-align: center;
	font-size: 18px;
}

#fg_team .li1 {
	top: 0;
	left: 0;
}

#fg_team .li2 {
	top: 0;
	left: 333px;
}

#fg_team .li3 {
	top: 0;
	right: 324px;
}

#fg_team .li4 {
	top: 0;
	right: 0;
}

#fg_team .li5 {
	top: 385px;
	left: 0;
}

#fg_team .li6 {
	top: 385px;
	right: 0;
}

#fg_team .li7 {
	bottom: 0;
	left: 0;
}

#fg_team .li8 {
	bottom: 0;
	left: 333px;
}

#fg_team .li9 {
	right: 324px;
	bottom: 0;
}

#fg_team .li10 {
	right: 0;
	bottom: 0;
}

#fg_team .li12 {
	right: 657px;
	bottom: 0;
}

#fg_team .li13 {
	top: 0;
	right: 657px;
}

#fg_team .li11 {
	top: 385px;
	right: 326px;
	width: 940px;
	height: 350px;
	background: #ff1d00;
}

#fg_team .li11 .box {
	padding: 0;
	height: 350px;
}

#fg_team .li11 img {
	display: block;
	margin: 90px auto 0 auto;
}

.up_box h1 {
	display: block;
	margin-bottom: 20px;
	color: #3b3b3c;
	font-weight: 700;
	font-size: 22px;
}

.up_box p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

.recruitment-line {
	display: block;
	width: 100%;
	height: 1px;
	background: #dfdfdf;
}

.recruitment-title {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	height: 60px;
	cursor: pointer;
}

.recruitment-title span:nth-child(1) {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/recruiting_icon.png);
	background-image: -webkit-image-set(url(../images/recruiting_icon.png) 1x,url(../images/recruiting_icon@2x.png) 2x);
}

.recruitment-title span:nth-child(2) {
	margin-left: 20px;
	color: #414553;
	font-size: 30px;
	line-height: 60px;
}

.recruitment-title span:nth-child(3) {
	margin-left: 21px;
	color: #a1a1a1;
	font-size: 18px;
	line-height: 18px;
}

.recruitment-btn {
	float: right;
	display: block;
	margin-top: 19px;
	margin-right: 3px;
	width: 24px;
	height: 24px;
	background: url(../images/delete_icon.png);
	background-image: -webkit-image-set(url(../images/delete_icon.png) 1x,url(../images/delete_icon@2x.png) 2x);
	cursor: pointer;
	-webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
	transition: all 1.5s cubic-bezier(.19,1,.22,1);
	transform: rotate(45deg);
}

.recruitment-btn.active {
	transform: rotate(0);
}

.recruitment-word {
	display: block;
	overflow: hidden;
	margin-top: 24px;
	margin-left: 80px;
}

.recruitment-word p {
	margin-bottom: 28px;
	color: #414553;
	font-size: 16px;
	line-height: 30px;
}

.pb-160 {
	overflow: hidden;
	padding-bottom: 70px;
}

.downclick {
	float: left;
	box-sizing: border-box;
	padding-right: 5%;
	width: 50%;
}

.downclickR {
	float: right;
	box-sizing: border-box;
	padding-left: 5%;
	width: 50%;
}

#n_fg6 {
	background: #f5f5f7;
}

#n_fg6 h1 {
	display: block;
	margin-bottom: 20px;
	color: #3b3b3c;
	font-weight: 700;
	font-size: 22px;
}

#n_fg6 p {
	margin-bottom: 25px;
	color: #59595b;
	font-size: 14px;
	line-height: 30px;
}

#n_fg6 ul {
	margin: 0 -25px;
}

#n_fg6 li {
	float: left;
	display: block;
	margin: 0 25px;
	width: 200px;
}

#n_fg6 li img {
	width: 200px;
	height: 285px;
}

#n_fg6 {
	display: block;
	padding: 60px 0;
}

.boundary {
	padding-top: 90px;
	padding-bottom: 65px;
}

.col-lg-3 {
	float: left;
	width: 25%;
}

.service_row dl dt:hover {
	cursor: pointer;
}

.service_bg1 {
	background: rgba(233,76,91,.8);
	transition: all .6s ease-in-out;
}

.service_bg2 {
	background: rgba(74,72,185,.8);
	transition: all .6s ease-in-out;
}

.service_bg3 {
	background: rgba(68,114,199,.8);
	transition: all .6s ease-in-out;
}

.service_bg4 {
	background: rgba(110,170,80,.8);
	transition: all .6s ease-in-out;
}

.service_word {
	position: absolute;
	left: 0;
	color: #fff;
	opacity: 1;
}

.service_word:after {
	position: absolute;
	top: 0;
	height: 100%;
	background: #fff;
	content: "";
}

.service_card h3 {
	text-align: center;
	opacity: 1;
	transition: all .6s ease-in-out;
	transform: translateX(-200%);
}

.boundary {
	padding-top: 70px!important;
	padding-bottom: 65px!important;
}

.service_row {
	margin-right: -1%;
}

.service_row dl {
	width: 95%!important;
}

.service_row>div:nth-child(n) {
	padding-right: 0!important;
}

.service_row>div:nth-child(2n) {
	padding-left: 0!important;
}

.service_row dl {
	margin-bottom: 25px!important;
}

.service_row dl dt {
	position: relative;
	overflow: hidden;
}

.service_row dl dt:hover {
	cursor: pointer;
}

.service_row dl dt img {
	display: block;
	width: 100%;
}

.service_row dt .service_float {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.service_word {
	bottom: 45px!important;
	padding-left: 40px!important;
	transition: all .6s ease-in-out;
}

.service_word:after {
	left: 20px!important;
	width: 4px!important;
}

.service_float h3 {
	margin-bottom: 15px!important;
	font-size: 24px!important;
}

.service_h3 {
	font-weight: 500;
}

.service_card {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	display: block!important;
	width: 100%;
	height: 100%;
	color: #fff;
}

.service_card h3 {
	text-align: center;
	opacity: 1;
	transition: all .6s ease-in-out;
	transform: translateX(-200%);
}

.service_card p {
	margin-top: 15px;
	font-weight: 500;
	font-size: 14px;
	opacity: 1;
	transition: all .6s ease-in-out;
	transform: translateX(200%);
}

.service_card .service_child {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	padding: 0 50px;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.service_float:hover .service_word {
	opacity: 0;
	transition: all .6s ease-in-out;
}

.service_float.service_bg1:hover {
	background: rgba(233,76,91,1);
	transition: all .6s ease-in-out;
}

.service_float.service_bg2:hover {
	background: rgba(74,72,185,1);
	transition: all .6s ease-in-out;
}

.service_float.service_bg3:hover {
	background: rgba(68,114,199,1);
	transition: all .6s ease-in-out;
}

.service_float.service_bg4:hover {
	background: rgba(110,170,80,1);
	transition: all .6s ease-in-out;
}

.service_float.service_bg5:hover {
	background: rgba(68,156,145,1);
	transition: all .6s ease-in-out;
}

.service_float.service_bg6:hover {
	background: rgba(232,166,68,1);
	transition: all .6s ease-in-out;
}

.service_float:hover .service_card h3 {
	opacity: 1;
	transition: all .6s ease-in-out;
	transform: translateX(0);
}

.service_float:hover .service_card p {
	opacity: 1;
	transition: all .6s ease-in-out;
	transform: translateX(0);
}

.aboutPicB {
	clear: both;
	margin: 0 auto;
	margin-top: -26px;
	padding: 0 0 30px 6px;
	height: 250px;
}

.aboutPicB ul {
	margin-right: -1%;
	margin-left: -1%;
}

.aboutPicB li {
	position: relative;
	float: left;
	padding: 22px 20px;
	width: 25%;
}

.aboutPicB li img {
	width: 100%;
	height: auto;
}

.aboutPicB li .picFc {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	width: 100%;
	cursor: pointer;
	background: url(../images/indexpic_fc.gif) no-repeat 0 0;
}

.aboutPicB li .picFc a {
	display: block;
	width: 100%;
}

.aboutPicB li:hover img {
	background-color: #f41a1a;
	opacity: .45;
	filter: Alpha(Opacity=45);
}

.aboutPicB li:hover .colorImg {
	display: block;
}

.colorImg {
	position: absolute;
	top: 22px;
	left: 20px;
	z-index: 100;
	display: none;
	width: 90%!important;
}

.aboutTab {
	clear: both;
	height: 35px;
	background: url(../images/about_line.gif) no-repeat bottom center;
	line-height: 35px;
	background-size: 100%;
}

.aboutTab span {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 150px;
	height: 34px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.aboutTab span.tab1 {
	border-top: #d6d6d6 1px solid;
	border-right: #d6d6d6 1px solid;
	border-left: #d6d6d6 1px solid;
	background-color: #fff;
	color: #333;
}

.aboutTab span.tab2 {
	border-top: #5e5e5e 1px solid;
	border-right: #5e5e5e 1px solid;
	border-left: #5e5e5e 1px solid;
	background-color: #5e5e5e;
	color: #fff;
}

.tc {
	width: 1213px;
	text-align: center;
	margin: 0 auto;
}

.aboutMain {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0;
}

.aboutBox {
	clear: both;
	padding: 22px 40px 0 200px;
	height: 130px;
	border: #ededed 1px solid;
	background: #fafafa url(../images/about_logo.jpg) no-repeat 10px center;
	color: #999;
	font-size: 14px;
	line-height: 22px;
}

.aboutTxt {
	clear: both;
	margin-right: -2%;
	margin-left: -2%;
	padding: 30px 0 0 0;
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.aboutTxt .box {
	float: left;
	overflow: hidden;
	padding: 0 35px;
	width: 33.333%;
	height: 290px;
	background: url(../images/about_point_line.gif) repeat-y right top;
}

.aboutTxt .box img {
	width: 100%;
	height: auto;
}

.aboutTxt .box p {
	clear: both;
	padding: 25px 40px 0 0;
}

.aboutTxt .box p a {
	color: #999;
}

.zpBox,.zpBoxEnd {
	float: left;
	color: #999;
	font-size: 12px;
	line-height: 24px;
}

.zpBox {
	padding: 15px 5px 0 5px;
	width: 266px;
}

.zpBoxEnd {
	padding: 15px 0 0 0;
	width: 220px;
}

.zpBox .tit,.zpBoxEnd .tit {
	padding-bottom: 10px;
	color: #000;
	font-size: 18px;
}

.zpBox p,.zpBoxEnd p {
	padding: 8px 0;
}

.index_probg {
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
	background-color: #fff;
}

.index_probox {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.index_probox_listbg {
	overflow: hidden;
	width: 100%;
}

.index_probox_listbox {
	float: left;
	overflow: hidden;
	width: 25%;
	text-align: center;
	font-size: 14px;
}

.index_probox_listposition {
	position: relative;
	float: left;
	width: 394px;
	height: 490px;
}

.index_probox_listpositiondefault {
	float: none;
	margin: 0 auto;
}

.index_probox_listposition03 {
	float: right;
}

.index_probox_list {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	margin: 5px;
	padding-bottom: 20px;
	width: 380px;
	height: 481px;
	border: 2px solid #e0e0e0;
	background: #fff;
}

.index_probox_namebox {
	overflow: hidden;
	padding-bottom: 100px;
	width: 100%;
}

.index_probox_namebox_icon {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 17px;
	width: 95px;
	height: 70px;
}

.index_probox_namebox_icon01 {
	height: 71px;
	background: url(../images/index_probox_icon.png) no-repeat 0 -24px;
}

.index_probox_namebox_icon02 {
	background: url(../images/index_probox_icon.png) no-repeat 0 -95px;
}

.index_probox_namebox_icon03 {
	background: url(../images/index_probox_icon.png) no-repeat 0 -165px;
}

.index_probox_namebox_icon04 {
	background: url(../images/index_probox_icon.png) no-repeat 0 -235px;
}

.index_probox_namebox_name {
	overflow: hidden;
	padding-top: 5px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.index_probox_namebox_name a {
	color: #fff;
	font-size: 18px;
}

.index_probox_namebox_level {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
	width: 95px;
	border-radius: 500px;
	background: #3179cb;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.index_probox_namebox_level a {
	display: block;
	color: #3179cb;
	font-size: 16px;
}

.index_probox_moneybox {
	position: absolute;
	top: 164px;
	left: 7px;
	padding: 15px 0;
	width: 380px;
	height: 60px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.index_probox_moneybox .moneybox_loginbefore a {
	color: #000;
	color: #3179cb;
	text-decoration: underline;
	font-weight: 700;
	font-size: 16px;
	line-height: 35px;
}

.index_probox_moneybox .moneybox_loginafter {
	color: #3179cb;
	text-align: center;
	font-weight: 700;
	font-family: arial;
}

.index_probox_moneybox .moneybox_loginafter span {
	font-weight: 700;
	font-size: 35px;
	font-family: Times New Roman;
}

.index_probox_hintbox {
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 20px;
	width: 358px;
	color: #777;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
}

.index_probox_iconbg {
	overflow: hidden;
	margin: 0 auto;
	padding: 5px 15px 20px;
	width: auto;
}

.index_probox_iconbox {
	overflow: hidden;
	margin: 0 auto;
	width: 378px;
}

.index_probox_iconbox li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 13px;
	padding-left: 16px;
	width: 90px;
	text-align: left;
	line-height: 22px;
}

.index_probox_icon {
	width: 13px;
	height: 13px;
	background: url(../images/index_probox_icon.png) no-repeat;
}

.index_probox_iconno {
	position: absolute;
	top: 4px;
	left: 0;
	background-position: 0 0;
}

.index_probox_iconyes {
	position: absolute;
	top: 4px;
	left: 0;
	background-position: 0 -12px;
}

.index_probox_buttonbox {
	overflow: hidden;
	margin: 0 auto;
	padding: 0 10px;
	width: auto;
}

.index_probox_buttonbox li {
	margin: 0 auto;
	width: 70%;
	height: 35px;
	border: 2px solid #e0e0e0;
	border-radius: 300px;
	color: #fff;
	color: #777;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	cursor: pointer;
}

.index_probox_buttonbox li a {
	display: block;
	color: #777;
}

.index_probox_listposition02 .index_probox_list {
	border: 2px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.index_probox_listposition02 .index_probox_moneybox {
	position: absolute;
	left: 5px;
	width: 380px;
	border-right: 2px solid #3179cb;
	border-left: 2px solid #3179cb;
	background: #f3f3f3;
}

.index_probox_listposition02 .index_probox_list .index_probox_buttonbox li {
	border: 2px solid #3179cb;
	background: #3179cb;
}

.index_probox_listposition02 .index_probox_list .index_probox_buttonbox li a {
	color: #fff;
}

.index_probox_listposition:hover .index_probox_list {
	border: 2px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.index_probox_listposition:hover .index_probox_moneybox {
	position: absolute;
	left: 5px;
	width: 380px;
	border-right: 2px solid #3179cb;
	border-left: 2px solid #3179cb;
	background: #f3f3f3;
}

.index_probox_listposition:hover .index_probox_buttonbox li {
	border: 2px solid #3179cb;
	background: #3179cb;
}

.index_probox_listposition:hover .index_probox_buttonbox li a {
	color: #fff;
}

.index_sternfunctionbg {
	overflow: hidden;
	padding: 60px 0;
	width: 100%;
	background: #ecf1f5;
}

.index_sternfunctionbox {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}

.index_sternfunctionbox_listbox {
	overflow: hidden;
	margin-top: 15px;
	width: 100%;
}

.index_sternfunctionbox_listbox_in {
	width: 200%;
}

.index_sternfunctionbox_list_leftarrow {
	position: absolute;
	top: 246px;
	left: -88px;
	width: 35px;
	height: 68px;
	background: url(../images/website_server_arrow.png) no-repeat 0 -68px;
	cursor: pointer;
}

.index_sternfunctionbox_list_rightarrow {
	position: absolute;
	top: 246px;
	right: -88px;
	width: 35px;
	height: 68px;
	background: url(../images/website_server_arrow.png) no-repeat -35px -68px;
	cursor: pointer;
}

.index_sternfunctionbox_list_leftarrow:hover,.index_sternfunctionbox_list_rightarrow:hover {
	opacity: .5;
	-moz-opacity: .5;
}

.index_sternfunctionbox_list {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 37px;
	margin-bottom: 13px;
	padding: 15px 10px 15px 80px;
	width: 280px;
	height: 130px;
	border: 1px solid #ccc;
	background: #fff;
}

.index_sternfunctionbox_list:nth-child(5n) {
	margin-right: 0;
}

.index_sternfunctionbox_list_name {
	overflow: hidden;
	width: 100%;
	color: #222;
	font-size: 20px;
	line-height: 28px;
}

.index_sternfunctionbox_list_intr {
	overflow: hidden;
	padding-top: 5px;
	width: 100%;
	height: 84px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

.index_sternfunctionbox_list_icon {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 59px;
	height: 48px;
	background: url(../images/sternfunction_icon.png) no-repeat;
}

.index_sternfunctionbox_list_icon01 {
	background-position: 0 0;
}

.index_sternfunctionbox_list_icon02 {
	background-position: -59px 0;
}

.index_sternfunctionbox_list_icon03 {
	background-position: -118px 0;
}

.index_sternfunctionbox_list_icon04 {
	background-position: -177px 0;
}

.index_sternfunctionbox_list_icon05 {
	background-position: -236px 0;
}

.index_sternfunctionbox_list_icon06 {
	background-position: -295px 0;
}

.index_sternfunctionbox_functionlistbox {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
}

.index_sternfunctionbox_functionlist {
	position: relative;
	float: left;
	overflow: hidden;
	padding-right: 40px;
	width: 20%;
}

.index_sternfunctionbox_functionlist:last-child {
	padding-right: 0;
}

.index_sternfunctionbox_functionlist_name {
	overflow: hidden;
	width: 100%;
	color: #222;
	font-size: 16px;
	line-height: 37px;
}

.index_sternfunctionbox_functionlist_list {
	overflow: hidden;
	width: 100%;
}

.index_sternfunctionbox_functionlist_list li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 25px;
}

.index_solutionbox {
	overflow: hidden;
	margin: 0 auto;
	width: 1200px;
}

.index_solutionbox_listbg {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
}

.index_solutionbox_listbox {
	overflow: hidden;
	margin-bottom: 25px;
	width: 100%;
}

.index_solutionbox_list {
	float: left;
	overflow: hidden;
	margin-right: 25px;
	width: 380px;
	background: #fff;
}

.index_solutionbox_list:last-child {
	margin-right: 0;
}

.index_solutionbox_list_img {
	overflow: hidden;
	width: 100%;
}

.index_solutionbox_list_title {
	overflow: hidden;
	padding: 0 15px;
	padding-top: 7px;
	width: auto;
	color: #222;
	font-size: 18px;
	line-height: 37px;
}

.index_solutionbox_list_into {
	overflow: hidden;
	padding: 0 15px 15px 15px;
	width: auto;
	line-height: 20px;
}

.index_solutionbox_custombox {
	float: left;
	overflow: hidden;
	margin-right: 25px;
	padding: 0 15px;
	width: 479px;
	background: #3179cb;
}

.index_solutionbox_custombox_title {
	overflow: hidden;
	padding-top: 90px;
	width: 100%;
	background: url(../images/index_solution_icon.png) no-repeat center 10px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 42px;
}

.index_solutionbox_custombox_into {
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
	color: #cbddf2;
	line-height: 23px;
}

.index_solutionbox_custombox_button {
	margin: 10px auto;
}

.index_solutionbox_listbox table {
	width: 100%;
	border-collapse: collapse;
}

.Technological_process_list {
	margin-top: 98px;
}

.Technological_process_list li {
	float: left;
	margin-left: 100px;
	width: 182px;
}

.Technological_process_list>li:first-child {
	margin-left: 0;
}

.Technological_process_list li a {
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 120px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.Technological_process_list li a img {
	display: block;
	margin: 30px auto;
	width: 68px;
	height: 60px;
	transition: all .2s ease-in-out;
	transform: rotate(0);
}

.Technological_process_list li:hover a img {
	transition: all .2s ease-in-out;
	transform: rotate(45deg);
}

.Technological_process_list li span {
	display: block;
	margin-top: 34px;
	color: #333;
	text-align: center;
	font-size: 16px;
}

.Technological_process_list li p {
	margin-top: 10px;
	color: #666;
	line-height: 30px;
}

.coor-wrap {
	background: url(../images/liuc_bg.png) no-repeat center;
	/* background-color: #27333c; */
}

.coor-wrap .wrap-content .coorHome img{
    width: 100%;
}
.wrap-content {
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 50px;
	width: 84%;
	color: #fff;
	text-align: center;
}

.wrap-content h1.part-title {
	color: #fffeff;
	font-weight: 700;
	font-size: 32px;
}

.part-title a {
	margin-bottom: 20px;
	color: #fffeff;
}

.wrap-content p {
	margin-top: 37px;
	margin-bottom: 49px;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
}

.xiangmutab>ul {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	height: 90px;
	background: url(../images/home_3_line.png) no-repeat center center;
	text-align: center;
	font-size: 20px;
	line-height: 90px;
}

.xiangmutab>ul li {
	display: inline;
	margin: 0 10px;
}

.xiangmutab>ul li a {
	display: inline-block;
	width: 78px;
	height: 90px;
	background: url(../images/total.png) no-repeat 0 -815px;
	color: #595a60;
	line-height: 80px;
}

.xiangmutab>ul li a:hover,.xiangmutab>ul li.active a {
	background: url(../images/total.png) no-repeat -79px -815px;
	color: #fff;
}

.slideGroup {
	text-align: left;
}

.slideGroup>a {
	display: block;
	margin: 70px auto;
	padding: 10px 0;
	width: 140px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 16px;
	transition: .5s;
}

.slideGroup>a:hover {
	background: #c41723;
	color: #fff;
	transition: .5s;
}

.slideGroup .parHd ul {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	height: 90px;
	background: url(../images/home_3_line.png) no-repeat center center;
	text-align: center;
	font-size: 20px;
	line-height: 90px;
}

.slideGroup .parHd ul li {
	display: inline;
	margin: 0 10px;
}

.slideGroup .parHd ul li a {
	display: inline-block;
	width: 78px;
	height: 90px;
	background: url(../images/total.png) no-repeat 0 -815px;
	color: #595a60;
	line-height: 80px;
}

.slideGroup .parHd ul li.on a {
	background: url(../images/total.png) no-repeat -79px -815px;
	color: #fff;
}

.slideGroup .slideBox {
	position: relative;
	overflow: hidden;
	padding: 10px 0 10px 143px;
	zoom: 1;
}

.slideGroup .sNext,.slideGroup .sPrev {
	position: absolute;
	top: 50%;
	left: 82px;
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/lefttab.png) center center no-repeat;
	background-size: 100%;
}

.slideGroup .sNext {
	right: 82px;
	left: auto;
	background: url(../images/righttab.png) center center no-repeat;
	background-size: 100%;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	float: left;
	overflow: hidden;
	margin: 0 8px;
	text-align: center;
}

.slideGroup .parBd ul li .pic {
	text-align: center;
}

.slideGroup .parBd ul li .pic img {
	display: block;
	padding: 2px;
	width: 388px;
	height: auto;
}

.slideGroup .parBd ul li .pic a:hover img {
	border-color: #999;
}

.slideGroup .parBd ul li .title {
	line-height: 24px;
}

.fadeInUp span {
	margin-top: 38px;
}

#section-footer {
	padding: 0;
}

.conth2 {
	font-weight: 700;
	font-size: 46px!important;
}

.contp {
	font-weight: 700;
	font-size: 22px!important;
}

.ptb8 {
	padding: 50px 0;
}

.imain {
	position: relative;
	clear: both;
	overflow: hidden;
	margin: auto;
	width: 100%;
}

.pcontact {
	overflow: hidden;
	background: #f6f6f6;
}

.pcontact * {
/* display:block; *//* overflow:hidden; */
}

.pcontacttext {
	float: left;
	padding: 5% 3% 0 3%;
	width: 34%;
}

.pcontacttext h1 {
	font-weight: 700;
	font-size: 30px;
}

.pcontacttext h1 i {
	clear: both;
	display: block;
	margin: 10px 0;
	width: 40px;
	height: 1px;
	background: #999;
}

.pcontacttext ul {
	padding: 5% 0 0 0;
}

.pcontacttext ul h2 {
	font-weight: 700;
	font-size: 24px;
}

.pcontacttext ul li {
	padding: 20px 0 0 0;
	color: #666;
	font-size: 16px;
	line-height: 32px;
}

.pcontacttext ul li strong {
	display: inline-block;
	color: #000;
	vertical-align: middle;
	font-weight: 700;
	font-size: 30px;
}

.pcontacttext ul li img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.pcontactmap {
	float: right;
	width: 1042px;
	padding: 10px;
}

.pcontactmap>img {
/* width:100%; *//* height:auto; */
}

.arrive-info {
	box-sizing: border-box;
	margin-bottom: 50px;
	padding: 62px;
	background: #f5f5f5;
}

.arrive-lf {
	float: left;
	padding: 68px 52px 0 95px;
	background: url(../images/arrico.png) no-repeat left top 68px;
	margin-left: -20px;
}

.arrive-lf .arr-title {
	margin-bottom: 31-px;
	color: #db2035;
}

.arrive-lf .arr-title h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}

.arrive-lf .arr-title h4 {
	text-transform: uppercase;
	font-size: 48px;
	line-height: 60px;
}

.arrive-lf .addr {
	color: #1a1a1a;
	font-size: 16px;
	line-height: 28px;
}

.arrive-lf .addr span {
	font-weight: 700;
}

.arrive-rg {
	overflow: hidden;
	padding-left: 64px;
	border-left: 1px solid #d9d9d9;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}

.arrive-rg p {
	color: #555;
}

.arrive-rg .tag {
	font-weight: 700;
	font-size: 18px;
}

.tagh3 {
	font-size: 16px!important;
}

#conbody {
	overflow: hidden;
	margin: 30px auto;
	margin-bottom: 6px;
}

.con_left {
	float: left;
	width: 77%;
}

.con_left .conl_body {
	padding: 50px;
	background-color: #fff;
}

.con_left .h1_title {
	color: #444;
	text-align: center;
	font-weight: 700;
	font-size: 30px;
}

.con_left .conl_des {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.con_left .conl_destime {
	color: #555;
	font-size: 14px;
}

.con_left .conl_destime a {
	color: #555
}

.con_left .conl_share {
	float: right;
}

.con_left .con_body,.con_left .con_body div,.con_left .con_body p {
	color: #000;
	font-size: 18px;
	line-height: 1.5;
}

.con_left .con_body {
	padding: 35px 0 50px;
}

.con_left .con_body img {
	height: auto!important;
	max-width: 820px;
}

.contagul {
	width: 374px;
	overflow: hidden;
}

.contagul li {
	margin: 0 4px
}

.con_tags {
	padding: 50px 0;
	text-align: center;
	padding-top: 0;
}

.con_tags ul {
	display: block;
	margin: 0 auto;
}

.con_tags ul li {
	float: left;
}

.con_tags ul li a {
	padding: 4px 12px;
	font-size: 18px;
}

.con_tags a {
	display: inline-block;
	margin: 0 1px;
	padding: 5px 10px;
	background-color: #222;
	color: #fff;
	vertical-align: top;
}

.con_page {
	overflow: hidden;
	padding-top: 30px;
	border-top: 1px dashed #ccc;
}

.con_page li {
	font-size: 14px;
	line-height: 3;
}

.con_page li a {
	padding: 5px 8px;
	background-color: #dbdbdb;
	font-size: 14px;
}

.con_page li a:hover {
	background-color: #000;
	color: #fff;
}

.con_rel {
	overflow: hidden;
	margin: 20px 0;
	margin-left: -8px;
	margin-right: -8px;
}

.con_rel_r {
	float: right;
}

.con_rel_list {
	padding: 20px 15px;
	width: 100%;
	height: 460px;
	background-color: #fff;
}

.con_rel_list h3 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	color: #b6151b;
	font-size: 18px;
}

.con_rel_list h3 span {
	display: inline-block;
	width: 22px;
	height: 20px;
	background: url(../images/t_icon.jpg) no-repeat left center;
	vertical-align: middle;
}

.con_rel_list ul li {
	margin-top: 13px;
	color: #000;
	font-size: 14px;
}

.con_rel_list ul li span {
	float: right;
	color: #555;
}

.con_rel_list ul li i {
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	background: #ccc;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-style: normal;
	line-height: 20px;
	line-height: 20px;
}

.con_rel_list ul li:nth-child(1) i,.con_rel_list ul li:nth-child(2) i,.con_rel_list ul li:nth-child(3) i {
	background: #f55a10;
	color: #fff;
}

.con_rel_list ul li a {
	display: inline-block;
	overflow: hidden;
	width: 280px;
	color: #000;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}

.con_right {
	float: right;
	width: 22%;
}

.con_right .weixin {
	padding: 25px 0;
	background-color: #fff;
	text-align: center;
}

.con_right .weixin h6 {
	padding: 10px 0;
	font-weight: 400;
	font-size: 16px;
}

.con_right .hot_tags {
	margin: 10px 0;
	background-color: #fff;
}

.con_right .hot_tags h3 {
/* padding-left:10px; */
	border-bottom: 1px solid #d9d9d9;
	font-weight: 700;
	font-size: 18px;
	line-height: 2;
	width: 91%;
	display: block;
	margin: 0 auto;
}

.con_right .hot_tags ul {
	padding: 10px 10px 12px;
}

.con_right .hot_tags li {
	display: inline-block;
	margin: 5px 3px;
	width: 30.333%;
	vertical-align: top;
	text-align: center;
}

.con_right .hot_tags li a {
	display: block;
	overflow: hidden;
	background-color: #f2f2f2;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}

.con_right .hot_tags li a:hover {
	background-color: #000;
	color: #fff;
}

.all_tags_tit {
	text-align: center;
}

.all_tags {
	margin: 10px 0;
	background-color: #fff;
}

.all_tags h3 {
	padding-left: 20px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 18px;
	line-height: 2;
}

.all_tags ul {
	padding: 10px 10px 20px;
}

.all_tags li {
	display: inline-block;
	margin: 8px 0 0 5px;
	vertical-align: top;
	text-align: center;
}

.all_tags li a {
	display: block;
	overflow: hidden;
	padding: 5px 10px;
	background-color: #f2f2f2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.all_tags li a:hover {
	background-color: #000;
	color: #fff;
}

.newsbreakli {
	float: left;
	box-sizing: border-box;
	width: 520px;
	margin: 0 9px;
}

.newsbreakli2 {
/* padding:0 20px; */
}

.con_page ul {
	float: left;
	width: 50%;
}

.con_page ul li.bgs1 {
	background: url(../images/ico1.png) no-repeat center;
}

.con_page ul li.bgs2 {
	background: url(../images/ico2.png) no-repeat center;
}

.con_page ul li.bgs3 {
	background: url(../images/ico3.png) no-repeat center;
}

.con_page .conpag2 {
	float: right;
	text-align: right;
}

.con_page .conpag2 li {
	display: inline-block;
	margin: 0 3%;
	width: 58px;
	height: 58px;
}

.con_page .conpag2 li a {
	display: block;
	width: 100%;
	height: 100%;
	background: 0 0;
}

.ny-banner {
	position: relative;
	width: 100%;
	height: 540px;
	transition: all ease .5s;
}

.ny-banner .img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.ny-banner .img img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	max-width: initial;
	transform: translateX(-50%);
}

.ny-banner .boxs {
	position: relative;
	z-index: 2;
	margin: auto;
	height: 100%;
	max-width: 1600px;
	color: #fff;
}

.ny-banner .boxs.n1 {
	padding-top: 275px;
	letter-spacing: 2px;
	transition: all ease .5s;
}

.ny-banner .boxs.n1 .t1 {
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
}

.ny-banner .boxs.n1 .t2 {
	margin-top: 12px;
	font-size: 16px;
	line-height: 30px;
}

.ny-banner .boxs.n2 .box {
	position: absolute;
	bottom: 60px;
	left: 0;
	padding-bottom: 76px;
	width: 100%;
}

.ny-banner .boxs.n2 .box .t1 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
}

.ny-banner .boxs.n2 .box .t2 {
	margin-top: 14px;
	width: 70%;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.ny-banner .boxs .breadcrumbs {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 25px;
	background: url(../images/icon23.png) left center no-repeat;
	color: #7e7e7e;
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 60px;
}

.ny-banner .boxs .breadcrumbs a {
	color: #7e7e7e;
	transition: all ease .3s;
}

.ny-banner .boxs .breadcrumbs a:hover {
	color: #fff;
}

.ny-banner .boxs .breadcrumbs span {
	color: #fff;
}

.ny-banner .nb-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,.25);
}

.ny-banner .nb-menu ul {
	position: relative;
	z-index: 5;
	margin: auto;
	padding-top: 13px;
	max-width: 1600px;
}

.ny-banner .nb-menu ul li {
	float: left;
	margin-right: 3px;
}

.ny-banner .nb-menu ul li a {
	display: block;
	padding: 0 20px;
	border-radius: 15px;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	transition: all ease .3s;
}

.ny-banner .nb-menu ul li:hover a {
	background: #fff;
	color: #222;
}

.ny-banner .nb-menu ul li.on a {
	background: #fff;
	color: #222;
}

.ny-banner .label-box {
	position: absolute;
	right: 0;
	bottom: 146px;
}

.ny-banner .label-box a {
	display: inline-block;
	margin-left: 22px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.ny-banner .label-box a img {
	vertical-align: middle;
}

.ny-banner .label-box a:first-child {
	margin-left: 0;
}

.ny-banner .label-box a.on {
	border: 1px solid #21abd7;
	background: #21abd7;
}

.case {
	background: #f7f7f7;
}

.case-info {
	position: relative;
	z-index: 2;
	margin-top: -60px;
	padding-top: 60px;
	width: 100%;
	background: #fff;
	padding-bottom: 70px;
}

.case-info .info-img {
	margin: auto;
	max-width: 1200px;
	box-shadow: 0 0 15px 1px rgba(0,0,0,.2);
}

.case-info .txt-box {
	padding: 80px 30px 44px;
	width: 100%;
}

.case-info .txt-box .t1 {
	color: #999;
	font-size: 18px;
	line-height: 1;
}

.case-info .txt-box .t2 {
	margin-top: 12px;
	color: #222;
	font-size: 14px;
	line-height: 26px;
}

.case-info .txt-box .t3 {
	margin-top: 16px;
	color: #999;
	font-size: 14px;
	line-height: 26px;
}

.case3 {
	display: table;
	padding: 0 60px;
	width: 100%;
}

.case3 .left-box {
	position: relative;
	float: left;
	padding-top: 100px;
	padding-bottom: 150px;
	width: 45%;
	min-height: 805px;
}

.t1 {
	color: #000;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
}

.t1:after {
	display: block;
	content: '';
	background: #ccc;
	width: 32px;
	height: 4px;
	margin-top: 30px;
}

.case3 .left-box .t-box .t2 {
	margin-top: 12px;
	color: #666;
	font-size: 16px;
	line-height: 26px;
}

.case3 .left-box .sj-ewm {
	display: table;
	margin-top: 54px;
}

.case3 .left-box .sj-ewm span {
	display: block;
	margin-top: 6px;
	color: #222;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
}

.case3 .left-box .goback {
	position: absolute;
	bottom: 90px;
	left: 20px;
	display: block;
	padding-left: 58px;
	width: 150px;
	height: 50px;
	border-radius: 25px;
	background: #222 url(../images/icon45.png) 30px center no-repeat;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
}

.case3 .right-box {
	float: right;
	padding-top: 20px;
	width: 45%;
}

.images-scroll-wrap {
	overflow: hidden;
	width: 428px;
	height: 886px;
	background: url(../images/img24.jpg) center center no-repeat;
}

.images-scroll-wrap .item-list {
	position: relative;
	overflow: hidden;
	margin: 90px 26px;
	width: 378px;
	height: 671px;
}

.images-scroll-wrap .item-list .swiper-slide-image {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	opacity: 0;
	transition: opacity .6s ease-in-out;
}

.images-scroll-wrap .item-list .swiper-slide-image img {
	max-width: 100%;
}

.images-scroll-wrap .item-list .swiper-slide-image.active {
	z-index: 2;
	opacity: 1;
}

.work-buttons {
	position: absolute;
	top: 239px;
	right: 136px;
	width: 60px;
}

.work-buttons .count {
	width: 100%;
	color: #999;
	text-align: center;
	font-size: 16px;
	font-family: Gotham-Bold;
}

.work-buttons .count .current {
	color: #222;
}

.work-buttons .prograss-bar {
	margin-top: 60px;
}

.work-buttons .prograss-bar .iconfont {
	display: block;
	margin-bottom: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.work-buttons .prograss-bar .prev {
	background: #222 url(../images/icon46.png) center center no-repeat;
}

.work-buttons .prograss-bar .prev,.work-buttons .prograss-bar .next {
	position: static;
}

.work-buttons .prograss-bar .prev:hover {
	background: #21abd7 url(../images/icon46.png) center center no-repeat;
}

.work-buttons .prograss-bar .next {
	background: #222 url(../images/icon47.png) center center no-repeat;
}

.work-buttons .prograss-bar .next:hover {
	background: #21abd7 url(../images/icon47.png) center center no-repeat;
}

.left-box ul {
	width: 50%;
	float: left
}

.left-box ul li.bgs1 {
	background: url(../images/ico1.png) no-repeat center
}

.left-box ul li.bgs2 {
	background: url(../images/ico2.png) no-repeat center
}

.left-box ul li.bgs3 {
	background: url(../images/ico3.png) no-repeat center
}

.left-box .conpag2 {
	float: left;
	text-align: left;
	margin-top: 30px;
	margin-left: -12px;
}

.left-box .conpag2 li {
	width: 58px;
	height: 58px;
	display: inline-block;
	margin: 0 3%
}

.left-box .conpag2 li a {
	background: 0 0;
	width: 100%;
	display: block;
	height: 100%
}

.phonetab {
	padding: 0 60px;
	margin: 30px 0;
	background: #fff;
	padding-top: 60px;
	margin-bottom: 70px;
}

.phonetab .t1 {
	padding-left: 60px;
}

.phonetab .hd ul li {
	float: left;
	display: inline;
	text-align: center;
	width: 15px;
	height: 15px;
	background: #999999;
	margin: 10px;
	border-radius: 50%;
}

.phonetab .hd ul li.on {
	background: #EA0316;
}

.phonetab .hd {
	overflow: hidden;
}

.phonetab .hd ul {
	width: 118px;
	margin: 28px auto;
	overflow: hidden;
/* padding: 20px 0 65px 0; */
}

.phonetab .bd {
	margin-top: 40px !important;
/* margin-left: 60px !important; */
}

.phonetab .bd ul {
	margin-left: -10px;
	margin-right: -10px;
}

.phonetab .bd ul li {
	float: left;
	box-sizing: border-box;
	width: 350px;
	height: 622px;
	position: relative;
	margin: 0 10px;
	padding: 0 10px;
}

.phonetab .bd>ul>li>img {
	width: 350px;
	height: 622px;
}

.phonetab .bd ul li:hover .phonehover {
	display: block;
}

.phonehover {
	position: absolute;
	top: 0;
/* left: 10px; */
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .8);
	display: none;
}

.phonehover>img {
	display: block;
	margin: 0 auto;
	width: 70% !important;
	margin-top: 82px;
}

.phonehover a {
	display: block;
	width: 140px;
	border: 1px #fff solid;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto;
	margin-top: 76px;
	font-size: 18px;
	line-height: 34px;
}

.case {
}

.casecen {
}

.casepnav {
	padding: 50px 0 !important;
	padding-bottom: 50px !important;
}

.phcase-trous {
	background: #EDEDED;
	padding: 10px 0;
}

.phcase-trous ul li a.on {
	background: #ae0001;
/* border: 1px #ae0001 solid; */
	color: #fff;
}

.phcase-trous select {
	width: 140px;
	float: left;
	height: 45px;
	line-height: 45px;
	padding-left: 24px;
	border: 0;
	font-size: 16px;
	margin-left: 0;
	margin-right: 14px;
  /*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
	background: url("../images/phonesel.jpg") no-repeat  right 28px center #fff;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}/*清除ie的默认选择框样式清除，隐藏下拉箭头*/select::-ms-expand {
	display: none;
}

.phcase-trous ul li {
	float: left;
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 5px 6px 5px 6px;
	border: 1px solid #e4e4e4;
	background: #fff;
	margin-top: 0;
}

.phcase-trous ul li a {
	color: #000;
	width: 100%;
	display: block;
	font-size: 14px;
}

.phcase-trous ul li:hover {
	background: #ae0001;
	border: 1px #ae0001 solid;
}

.phcase-trous ul li:hover a {
	color: #fff;
}

.phcase-tcen {
	background: #F5F5F5;
	overflow: hidden;
}

.phcase-tcen ul {
	border: 1px #fff solid;
	margin: 30px 0;
	box-sizing: border-box;
	padding: 20px;
}

.phcase-tcen ul a {
	color: #000;
	float: left;
	width: 103px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 8.3px;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.phcase-tcen ul a.on {
	background: #ae0001;
	border: 1px #ae0001 solid;
	color: #fff;
}

.phcase-tcen ul a:hover {
	background: #ae0001;
	border: 1px #ae0001 solid;
	color: #fff;
}

.city_case_ad {
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

.city_case_ad ul {
	padding: 15px 20px;
}

.city_case_ad li {
	border-bottom: 1px dashed #ddd;
	padding: 15px 0 20px;
}

.city_case_ad li:last-child {
	border: none;
}

.city_case_ad li h6 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
}

.city_case_ad li p {
	font-size: 16px;
	color: #999;
}

.phone2tab {
	margin: 30px auto !important;
}

.phone2list {
	margin: 50px 0;
}

.phcenterfot {
}

.phcenterfot ul {
	margin-left: -13px;
	margin-right: -25px;
}

.phcenterfot ul li {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 15px;
}

.phcenterfot>ul>li>img {
	width: 295px;
	height: 524px;
	display: block;
}

.phonehover {
	position: absolute;
	top: 0;
/* left: 10px; */
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .8);
	display: none;
}

.phonehover>img {
	display: block;
	margin: 0 auto;
	width: 70% !important;
	margin-top: 82px;
}

.phonehover a {
	display: block;
	width: 140px;
	border: 1px #fff solid;
	border-radius: 4px;
	text-align: center;
	margin: 0 auto;
	margin-top: 76px;
	font-size: 18px;
	line-height: 34px;
}

.phcenterfot ul li:hover .phonehover {
	display: block;
}/* slide fangan banner*/.slide-main {
	height: 541px;
	position: relative;
	margin-top: 70px;
}

.prev,.next {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 222;
	top: 267px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	_border: 1px solid none;
}

.prev {
	left: 148px;
}

.next {
	right: 160px;
}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 500px;
	left: 0;
	text-align: center;
}

.item a {
	display: inline-block;
	width: 24px;
	height: 5px;
	margin-right: 11px;
	background: #333;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	overflow: hidden;
}

.item a.cur {
	background: #fff;
}

.slide-box,.slide {
	display: block;
	width: 100%;
	height: 580px;
	overflow: hidden;
}

.slide-box {
	position: relative;
}

.slide {
	display: none;
	height: 540px;
	padding-top: 50px;
	background: #ff6900;
	position: relative;
	position: absolute;
	z-index: 8;
}

#bgstylea {
	background: #ff6900;
}

#bgstyleb {
	background: #193d85;
}

#bgstylec {
	background: #141824;
}

.slide a {
	display: block;
	width: 100%;
	height: 490px;
	cursor: pointer;
}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f {
	position: absolute;
	z-index: 9;
	left: 50%;
}

.obj-a,.obj-b {
	text-align: center;
}

.obj-a {
	display: block;
	width: 468px;
	height: 285px;
	top: 130px;
	margin-left: -576px;
}

.obj-b {
	top: 63px;
	height: 477px;
	width: 877px;
	margin-left: -176px;
}

.obj-c {
	display: block;
	height: 486px;
	width: 634px;
	top: 50px;
	margin-left: -560px;
}

.obj-d {
	top: 150px;
	height: 243px;
	width: 480px;
	margin-left: 100px;
}

.obj-d p {
	display: block;
	padding-top: 20px;
	font-size: 16px;
	color: #fff;
	clear: both;
}

.obj-e {
	width: 481px;
	height: 152px;
	margin-left: -600px;
	top: 200px;
	z-index: 12;
}

.obj-f {
	width: 641px;
	height: 468px;
	top: 58px;
	margin-left: -70px;
}

.banAnimate .obj-a {
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.4s linear 0s normal none;
	-moz-animation: baoAni 0.4s linear 0s normal none;
	animation: baoAni 0.4s linear 0s normal none;
}

@-webkit-keyframes baoAni {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes baoAni {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes baoAni {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

.banAnimate .obj-b {
	display: block;
	animation-name: saAni;
	-webkit-animation: saAni 0.4s linear 0s normal none;
	-moz-animation: saAni 0.4s linear 0s normal none;
	animation: saAni 0.4s linear 0s normal none;
}

@-webkit-keyframes saAni {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes saAni {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes saAni {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

.watch-code.code-show {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.3s linear 0s normal none;
	-moz-animation: scode 0.3s linear 0s normal none;
	animation: scode 0.3s linear 0s normal none;
}

@-webkit-keyframes scode {
	from {
		opacity: 0;
		-webkit-transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform-origin: left bottom;
	}
}

@-moz-keyframes scode {
	from {
		opacity: 0;
		-moz-transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-moz-transform: scale(1,1);
		transform-origin: bottom bottom;
	}
}

@keyframes scode {
	from {
		opacity: 0;
		transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		transform: scale(1,1);
		transform-origin: left bottom;
	}
}

.banAnimate .obj-c,.banAnimate .obj-e {
	display: block;
	animation-name: saAnic;
	-webkit-animation: saAnic 0.3s linear 0s normal none;
	-moz-animation: saAnic 0.3s linear 0s normal none;
	animation: saAnic 0.3s linear 0s normal none;
}

@-webkit-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

.banAnimate .obj-d,.banAnimate .obj-f {
	display: block;
	animation-name: saAnid;
	-webkit-animation: saAnid 0.3s linear 0s normal none;
	-moz-animation: saAnid 0.3s linear 0s normal none;
	animation: saAnid 0.3s linear 0s normal none;
}

@-webkit-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}/*fangan banner end*/.j_tilte {
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
	background: #F0F0F0;
}

.j_tilte span {
	color: #020202;
	font-weight: 700;
	font-size: 28px;
}

.j_tilte b {
	margin-top: 13px;
	color: #6c6b65;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	display: block;
}

.webMain .case {
	display: block;
	overflow: hidden;
	margin: 0 -12px;
	background: transparent;
	padding-bottom: 0px;
}

.webMain .case li {
	position: relative;
	z-index: 1;
	float: left;
	min-height: 358px;
	display: block;
	overflow: hidden;
	margin: 0 10px 30px;
	width: 23.7%;
	height: auto;
	background: #fff;
	-webkit-transition: box-shadow .4s;
	-moz-transition: box-shadow .4s;
	-o-transition: box-shadow .4s;
	transition: box-shadow .4s;
}

.webMain .case li:hover {
	box-shadow: #888 0 0 24px;
}

.webMain .case li a.pic {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 10px;
	width: 100%;
	height: auto;
	background: #535353;
}

.webMain .case li a.pic img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.webMain .case li:hover a.pic img {
	transform: scale(1.1);
}

.webMain .case li a.pic em {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6) url(../images/go.png) center no-repeat;
}

.webMain .case li a.pic img.dot {
	position: absolute;
	top: 48%;
	left: 49%;
	z-index: 99;
	display: none;
	width: 8px;
	height: 8px;
}

.webMain .case li a.title {
	float: left;
	display: block;
	overflow: hidden;
	padding-left: 16px;
	height: 30px;
	max-width: 296px;
	min-width: 50%;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 30px;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}

.webMain .case li a.title:hover {
	color: #f60;
}

.webMain .case li p {
	float: left;
	display: block;
	overflow: hidden;
	padding: 0 16px 16px;
	width: 100%;
	color: #999;
	font-size: 13px;
	line-height: 24px;
}

.webMain .case li p em.eye {
	float: left;
	display: block;
	padding: 0 16px;
	background: url(../images/icons/index_eye.png) left 6px no-repeat;
}

.webMain .case li a.phone {
	float: right;
	display: block;
	margin: 14px 16px 0 0;
	padding: 0;
	width: 34px;
	height: 34px;
	background: url(../images/icons/index_phone.png) no-repeat;
}

.webMain .case li img.code {
	position: absolute;
	right: 66px;
	bottom: 16px;
	z-index: 9;
	display: none;
	width: 114px;
	height: auto;
}

.fanganbox {
	background: #F0F0F0;
}

.case_bg .gy2 {
	overflow: visible;
}/*案例列表*/.case_bg {
	background: #f5f5f5;
	overflow: hidden;
}

.case_bg .gy2 {
	overflow: visible;
}

.case_one {
	background: #fff;
	height: 92px;
	padding-top: 40px;
}

.case_one .gy2 {
	overflow: visible;
}

.case_one .h2 {
	float: left;
	line-height: 52px;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 1px;
}

.case_one .case_one_r {
	float: right;
}

.case_one .case_one_r .all_a {
	float: left;
	height: 52px;
	width: 280px;
	line-height: 52px;
	font-size: 16px;
	color: #fff;
	background: #f67524;
	text-align: center;
	transition: all 0.3s;
}

.case_one .case_one_r .all_a:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

.case_one .case_one_r .case_down {
	float: left;
	margin-left: 20px;
	width: 280px;
	background: #f5f5f5;
	position: relative;
	color: #000;
}

.case_one .case_one_r .case_down label {
	display: block;
	height: 52px;
	line-height: 52px;
	background: url(../images/case/bgs4.png) 238px center no-repeat;
	text-indent: 20px;
	cursor: pointer;
	font-size: 16px;
}

.case_one .case_one_r .case_down ul {
	position: absolute;
	top: 52px;
	left: 0;
	width: 100%;
	background: #fff;
	display: none;
	overflow: hidden;
	z-index: 9;
}

.case_one .case_one_r .case_down ul.bgs2 {
	overflow-y: scroll;
	max-height: 320px;
}

.case_one .case_one_r .case_down ul li {
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}

.case_one .case_one_r .case_down ul li a {
	display: block;
	text-indent: 20px;
	font-size: 14px;
}

.case_one .case_one_r .case_down ul li a:hover {
	background: #f67524;
	color: #fff;
}

.case_one .case_one_r .case_down.isel label {
	background: url(../images/case/bgs4_on.png) 238px center no-repeat;
}

.n_case_list {
	min-height: 500px;
	margin-top: 40px;
}

.n_case_list ul li {
/* float:left;*/
	width: 510px;
	overflow: hidden;
/*margin-right:2%;*/
	vertical-align: top;
	display: inline-block;
	margin-right: 30px;
	background: #fff;
	position: relative;
	transition: all 0.5s;
	margin-bottom: 50px;
}

.n_case_list ul li:nth-child(3n+0) {
	margin-right: 0;
}

.n_case_list ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	bottom: 0px;
	height: 2px;
	opacity: 1;
	background-color: #dcdcdc;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.n_case_list ul li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	right: 100%;
	bottom: 0px;
	height: 2px;
	opacity: 0;
	background-color: #f67524;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.n_case_list ul li:hover:after {
	left: 0%;
	right: 0%;
	opacity: 1;
}

.n_case_list ul li:hover {
	-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1);
	box-shadow: 0 5px 25px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}/* 案例详细页缩略图尺寸 */.n_case_list ul li img {
	display: block;
	height: 320px;
	width: 510px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.n_case_list ul li .imgs {
	overflow: hidden;
	position: relative;
}

.n_case_list ul li:hover .imgs img {
	-webkit-transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	-o-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
}

.n_case_list ul li .allist-cnt {
	width: 95%;
/* margin:0 auto; */
	text-align: left;
	line-height: 32px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	height: 68px;
/* overflow:hidden; */
	box-sizing: content-box;
	background: url(../images/case_bg1.png) no-repeat center right 30px;
}

.n_case_list ul li .allist-cnt h5 {
	font-weight: normal;
	font-size: 18px;
	color: #000;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
}

.n_case_list ul li .allist-cnt p {
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
}

.n_case_list ul li .txts {
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	height: 320px;
	overflow: hidden;
	transition: all 0.4s;
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	text-align: center;
}

.n_case_list ul li .txts img {
	margin: 15% auto 1% auto;
	width: 14%;
	height: auto;
}

.n_case_list ul li .txts h2 {
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	height: 76px;
	line-height: 76px;
	overflow: hidden;
}

.n_case_list ul li .txts a {
	color: #fff;
	display: inline-block;
	width: 62px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 16px;
}

.n_case_list ul li .txts a i {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
	transition: all 0.4s;
}

.n_case_list ul li .txts a:hover i {
	margin-top: -6%;
	margin-bottom: 6%;
	transform: rotate(360deg);
}

.n_case_list ul li .txts a i.bgs1 {
	background: url(../images/i_pic1.png) center top no-repeat;
}

.n_case_list ul li .txts a i.bgs2 {
	background: url(../images/i_pic2.png) center top no-repeat;
}

.n_case_list ul li .txts a i.bgs3 {
	background: url(../images/i_pic3.png) center top no-repeat;
}

.n_case_list ul li:hover .txts {
	bottom: 0;
}

.n_case_list ul li .txts .txts-p {
	line-height: 24px;
	padding: 0 10px;
}

.n_case_list ul li .txts .txts-h2 {
	height: 50px;
	line-height: 50px;
}/*案例PC详细*/.case_banner2 {
	overflow: hidden;
	position: relative;
	margin-top: 70px;
}

.case_banner2 img {
	display: block;
	width: 100%;
}

.case_banner2 .txts {
	width: 84%;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 2;
	transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
}

.case_banner2 .txts .case_title {
	float: left;
/* overflow:hidden; */
	width: 70%;
}

.case_banner2 .txts .case_title h2 {
	font-weight: normal;
	margin-bottom: 2%;
	padding-bottom: 4%;
	font-family: "华文细黑";
	background: url(../images/bgs3.png) left bottom no-repeat;
	font-size: 48px;
	color: #fff;
}

.case_banner2 .txts .case_title p {
	color: #fff;
	font-family: "华文细黑";
	font-size: 24px;
}

.case_banner2 .txts .txts_r {
	float: right;
	overflow: hidden;
	margin-top: 60px;
}

.case_banner2 .txts .txts_r a {
	float: left;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	overflow: hidden;
	margin-left: 20px;
	position: relative;
}

.case_banner2 .txts .txts_r a.bgs1 {
	background-image: url(../images/case_ico1.png);
}

.case_banner2 .txts .txts_r a.bgs2 {
	background-image: url(../images/case_ico2.png);
}

.case_banner2 .txts .txts_r a.bgs3 {
	background-image: url(../images/case_ico3.png);
}/*.case_banner2 .txts .txts_r a.bgs1:Hover{ background-image:url(../images/case_ico1_on.png);}.case_banner2 .txts .txts_r a.bgs2:Hover{ background-image:url(../images/case_ico2_on.png);}.case_banner2 .txts .txts_r a.bgs3:Hover{ background-image:url(../images/case_ico3_on.png);}*/.case_banner2 .txts .txts_r a:after {
	content: "";
	width: 54px;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s;
	background-size: 0% 0%;
	background-repeat: no-repeat;
	background-position: center center;
}

.case_banner2 .txts .txts_r a:hover:after {
	background-size: 100% 100%;
}

.case_banner2 .txts .txts_r a.bgs1:after {
	background-image: url(../images/case_ico1_on.png);
	background-size: 100% 100%;
}

.case_banner2 .txts .txts_r a.bgs2:after {
	background-image: url(../images/case_ico2_on.png);
}

.case_banner2 .txts .txts_r a.bgs3:after {
	background-image: url(../images/case_ico3_on.png);
}

.case_show_one {
	background: url(../images/case_bg1.jpg) right center no-repeat;
	background-size: 50% 100%;
	overflow: hidden;
	margin-top: 45px;
	margin-bottom: 45px;
}

.case_show_one .case_show_one_l {
	background: #fff;
	width: 50%;
	float: left;
	overflow: hidden;
	min-height: 464px;
}

.case_show_one .case_show_one_l .case_txt {
	width: 86%;
	margin: 0 auto;
	overflow: hidden;
}

.case_show_one .case_show_one_l .case_txt .h2 {
	margin-top: 50px;
	height: 90px;
	line-height: 90px;
	background: url(../images/case_bg2.jpg) left bottom no-repeat;
	color: #010000;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 33px;
}

.case_show_one .case_show_one_l .case_txt .divs {
	line-height: 30px;
	color: #666666;
	font-size: 16px;
}

.case_show_one .case_show_one_r {
	width: 50%;
	float: right;
	overflow: hidden;
}

.case_show_one .case_show_one_r .case_txt {
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
}

.case_show_one .case_show_one_r .h2 {
	margin-top: 50px;
	height: 90px;
	line-height: 90px;
	background: url(../images/case_bg3.jpg) left bottom no-repeat;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 33px;
}

.case_show_one .case_show_one_r ul li {
	font-size: 18px;
	display: block;
	height: 48px;
	line-height: 48px;
}

.case_show_one .foot_button2 {
	margin-top: 30px;
}

.case_show_one .foot_button2 li {
	width: 58px;
	height: 58px;
	text-align: center;
	float: left;
	margin: 0 12px;
	position: relative;
}

.case_show_one .foot_button2 li img {
	width: 58px;
	height: 58px;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.case_show_one .foot_button2 li:hover img {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.case_show_one .foot_button2 li .wem3 {
	width: 203px;
	display: none;
	color: #363636;
	text-align: center;
	padding-top: 215px;
	position: absolute;
	left: -70px;
	top: -200px;
	background-image: url('../images/ewm.png');
	background-repeat: no-repeat;
}

.case_show_one .case_show_one_l .case_txt .fenxiang {
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
}

.case_show_one .case_show_one_l .case_txt .fenxiang .span {
	line-height: 34px;
	color: #333333;
	display: block;
	font-size: 18px;
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx {
	text-align: left;
	margin-top: 3%;
	margin-bottom: 4%;
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li {
	display: inline-block;
	width: 58px;
	height: 58px;
	overflow: hidden;
	margin-left: 3%;
	margin-right: 3%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs1 {
	background-image: url(../images/ico1.png);
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs2 {
	background-image: url(../images/ico2.png);
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs3 {
	background-image: url(../images/ico3.png);
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li:hover {
	transition: all 0.3s;
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.case_con {
	padding-top: 55px;
	line-height: 26px;
	padding-left: 55px;
	padding-right: 55px;
	font-size: 14px;
	padding-bottom: 100px;
	overflow: hidden;
	background: #fff;
}

.case_con img {
	max-width: 1489px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.case_t {
	height: 76px;
	line-height: 76px;
	margin-top: 78px;
	text-align: center;
	font-weight: normal;
	color: #000;
	font-size: 36px;
}/*手机案例详情*/.case_phone {
	background: url(../images/case_img3.jpg) no-repeat center;
	width: 100%;
	height: 844px;
	padding-top: 80px;
}

.case_phone .case_phone_l {
	width: 68%;
	float: left;
	overflow: hidden;
}

.case_phone_bg {
	background: url(../images/phone_bg2.png) no-repeat center;
	width: 396px;
	height: 722px;
	margin: 0px auto;
	position: relative;
}

.phone_slider {
	padding-top: 69px;
	margin-left: 23px;
	width: 350px;
	height: 560px;
}

#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li {
	width: 350px;
	height: 560px;
	overflow: hidden;
}

#prevBtn, #nextBtn,#slider1next, #slider1prev {
	display: block;
	width: 52px;
	height: 52px;
	position: absolute;
	left: -210px;
	top: 350px;
	z-index: 1000;
	font-size: 0px;
}

#nextBtn, #slider1next {
	left: 556px;
}

#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a {
	display: block;
	position: relative;
	width: 52px;
	height: 52px;
	background: url(../images/case_btn_prev.png) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background: url(../images/case_btn_next.png) no-repeat 0 0;
}

ol#controls {
	margin: 156px auto 0px auto;
	padding: 0;
	height: 28px;
	padding-left: 42%;
}

ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 12px;
	line-height: 12px;
	width: 12px;
}

ol#controls li a {
	display: block;
	height: 12px;
	width: 12px;
	line-height: 12px;
	padding: 0px;
	text-decoration: none;
	font-size: 0px;
	background: url(../images/case_ico4.png) no-repeat;
}

ol#controls li.current a {
	background: url(../images/case_ico4_on.png) no-repeat;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline: none;
}

.case_erweima {
	float: left;
	width: 32%;
	text-align: center;
	padding-bottom: 48px;
	text-align: center;
	margin-top: 225px;
}

.case_erweima img {
	display: block;
	margin: 0 auto;
	width: 240px;
}

.n_case_list>a {
	display: block;
	margin: 33px auto;
	padding: 10px 0;
	width: 140px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 16px;
	transition: .5s;
}

.n_case_list>a:hover {
	background: #c41723;
	color: #fff;
	transition: .5s;
}/*city css*/.case_nav {
	background: #1c1c1c;
	color: #fff;
	z-index: 99;
	width: 100%;
}

.case_nav a {
	color: #fff;
	display: block;
}

.case_nav li {
	float: left;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.case_nav li:first-child {
	width: 280px;
}

.case_nav li.hover {
	background: #f60;
}

.case_nav li:hover {
	background: #f60;
}/*finecase css*/.case_banner {
	margin-top: 70px;
	overflow: hidden;
}

.case_banner li {
	position: relative;
	overflow: hidden;
}

.case_banner li img {
	width: 100%;
	display: block;
}

.case_banner .p {
	position: absolute;
	left: 20%;
	bottom: 20%;
	color: #fff;
}

.fnt_28 {
	font-size: 28px;
}

.case_list dl {
	color: #fff;
	height: 0px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.case_list dd {
	position: absolute;
	bottom: 150px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: right;
}

.case_list dd p {
	width: 500px;
	margin-top: 10px;
	float: right;
}

.case_list01 dl {
	padding-bottom: 31.5%;
}

.case_list01 dl.case_other_dl {
	background-attachment: fixed;
}

.case_list01 dl.case_other_dl dd {
	text-align: left;
}

.case_list01 dl.case_other_dl dd p {
	float: left;
}

#page12,#page13,#page14,#page15,#page16 {
	width: 100% !important;
}


.newsfile{padding-bottom: 60px;}
.newsfile .bgf{margin-top: 40px;background-color: #fff;padding: 36px 24px;}
.newsfile .tit{
    text-align: center;
    position: relative;
    z-index: 0;
}
.newsfile .tit h3{
    width: 226px;
    font-size: 30px;
    line-height: 1;
    background: #fff;
    display: inline-block;
}
.newsfile .tit i{
    display: block;
    width: 400px;
    height: 1px;
    background: #BFBFBF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    z-index: -1;
}
.newsfile .bgf .fz{
    padding: 40px 0;
}
.newsfile .form-inline .form-group{margin-right: 10px;}
.newsfile .bgf .fz ul{overflow: hidden;}
.newsfile .bgf .fz ul li{text-align: center;float: left;padding: 8px 5px;}
.newsfile .bgf .fz ul li a{display: block;color: #626262;font-size: 13px;background-color: #E8E8E8;border-radius: 4px;padding: 10px 20px;}
.newsfile .bgf .fz ul li:hover a{color: #fff;background-color: #c70c1f;}
.posi{position: relative;}
.posi span{position: absolute;top: -90px;}
.citytab{
    margin-bottom: 30px;
}
.citytab p{font-size: 18px;border-left: 3px #1C7ADA solid;font-weight: bold;padding-left: 10px;line-height: 1.2;}
.citytab .slideTxtBox{border: 1px #E5E5E5 solid;margin-top: 20px;}
.citytab .slideTxtBox .hd{
    border-bottom: 2px #DADADA solid;
}
.citytab .slideTxtBox .hd ul{overflow: hidden;}
.citytab .slideTxtBox .hd ul li{text-align: center;float: left;padding: 10px 18px;position: relative;font-size: 16px;color: #959595;cursor: pointer;}
.citytab .slideTxtBox .hd ul li::after{display: block;content: '';height: 22px;width: 1px;background-color: #E5E5E5;position: absolute;right: 0;top: 50%;margin-top: -11px;}
.citytab .slideTxtBox .hd ul li.on{color: #4176AA;}
.citytab .slideTxtBox .hd ul li.on::before{display: block;content: '';background-color: #4176AA;position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;}
.citytab .slideTxtBox .bd{}
.citytab .slideTxtBox .bd ul{overflow: hidden;padding: 20px 10px;}
.citytab .slideTxtBox .bd ul li{float: left;display: inline-block;}
.citytab .slideTxtBox .bd ul li a{display: block;text-align: center;color: #9F9E99;font-size: 16px;padding: 0 10px;}
.citytab .slideTxtBox .bd ul li:hover a{color: #4176AA;}



@media only screen and (max-width:1500px) {
	.case_banner .p {
		left: 10%;
	}
}


.fixbox_case {
	background: #1c1c1c;
	color: #fff;
	z-index: 99;
	width: 100%;
/* overflow: hidden; */
}

.fixbox_case>ul>li>a {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	border-bottom: 2px transparent solid;
}

.fixbox_case li {
	float: left;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
/* position:  relative; */
}

.fixbox_case li ul {
	position: absolute;
	background: #000;
	width: 1200px;
	z-index: 1;
	top: 58px;
	left: 280px;
	display: none;
}

.fixbox_case li ul li {
	float: left;
	width: 130px !important;
}

.fixbox_case ul li ul li a {
	color: #ccc;
	font-size: 15px;
	width: 100%;
	line-height: 60px;
}

.fixbox_case li:first-child {
	width: 280px;
}

.fixbox_case li.hover {
	background: #f60;
}

.fixbox_case li.hover:hover {
	background: #f60;
}

.fixbox_case li:hover {
	background: transparent;
}

.fixbox_case li:hover ul {
	display: block;
}

.fixbox_case>ul>li:hover>a {
	border-bottom: 2px #fff solid;
}




.case_list dl {
	color: #fff;
	height: 0px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.case_list dd {
	position: absolute;
	bottom: 150px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: right;
}

.case_list dd p {
	width: 500px;
	margin-top: 16px;
	float: right;
	font-size: 14px;
}

.case_list01 dl {
	padding-bottom: 31.5%;
}

.case_list01 dl.case_other_dl {
	background-attachment: fixed;
}

.case_list01 dl.case_other_dl dd {
	text-align: left;
}

.case_list01 dl.case_other_dl dd p {
	float: left;
}

@media only screen and (max-width:1500px) {
	.case_banner .p {
		left: 10%;
	}
}

@media only screen and (max-width:1200px) {
	.case_banner .p {
		left: 5%;
		right: 5%;
	}
	.servbox ul li p {
		font-size: 12px;
		line-height: 20px;
	}
	.fixbox_case li {
		width: 16%;
	}

	.fixbox_case li:first-child {
		width: 20%;
	}
	
}


@media screen and (max-width:1600px) {
	.partner .bd .logolist li {
		height: 122px;
	}

	.deanftdiv {
		margin-right: 8% !important;
	}

	.newsbreakli {
		width: 33.333%;
		margin: 0;
	}

	.shengmingbox ul {
		margin: 0 auto;
		width: 1200px;
	}

	.shengmingbox ul li .smspan {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.shengmingbox ul li .smp {
		font-size: 16px;
	}

	.footer-head ul {
		margin: 0 auto;
		width: 1200px;
	}

	.footer-head ul li {
		margin: 24px !important;
		width: 9% !important;
		min-height: 118px;
	}
	.footer-head ul li:nth-child(1){
		margin-left: 0 !important;
	}
	.footer-head ul li:nth-child(8){
		margin-right: -20px !important;
	}

	.newsbox dl dd {
		width: 412px;
	}

	.news .bd .optionslider {
		margin: 0 auto;
		width: 1200px;
	}

	.ibrandl,.ibrandr {
		height: 204px;
	}

	.project-item__title {
		font-size: 30px;
	}

	.foot-about {
		margin: 0 auto;
		width: 1200px;
	}

	.friend-links {
		margin: 0 auto;
		width: 1200px;
	}

	.foot-about .adv-mid {
		margin-left: 5.8125%;
		width: 32%;
	}

	.news .bd .optionslider {
		margin: 0 auto;
		width: 1200px;
	}

	.optionslider>ul li {
		margin: 0 auto;
		width: 1200px;
	}

	#n_fg1 .left {
		width: 58%;
	}

	#n_fg1 img {
		margin-top: 40px;
		width: 472px;
	}

	#n_fg1 h1 {
		padding-top: 0;
	}

	.w1200 {
		width: 1200px !important;
	}

	#n_fg3 ul {
		height: 500PX;
	}

	#n_fg3 .li1 .box {
		width: 450px;
		height: 500px;
	}

	#n_fg3 .li1 img {
		width: 100%;
		height: auto;
	}

	#n_fg3 .li2 img {
		width: 400px;
		height: 289px;
	}

	#n_fg3 .li5 {
		width: 330px;
	}

	#n_fg3 .li3 img {
		width: 200px;
		height: auto;
	}

	#n_fg3 .li4 img {
		width: 200px;
		height: auto;
	}

	#n_fg3 .li5 img {
		height: 500PX;
	}

	#n_fg3 .li2 {
		right: 340px;
	}

	#n_fg3 .li3 {
		right: 546px;
	}

	#n_fg3 .li4 {
		right: 340px;
	}

	#n_fg4 .un_box li {
		margin: 25px 20px;
	}

	#fg_team li img.pic {
		width: 200px;
		height: auto;
	}

	#fg_team .li11 {
		top: 278px;
		right: 251px;
		width: 700px;
		height: 262px;
	}

	#fg_team .li12 {
		right: 500px;
	}

	#fg_team .li13 {
		right: 500px;
	}

	#fg_team .li2 {
		left: 250px;
	}

	#fg_team .li3 {
		right: 250px;
	}

	#fg_team .li8 {
		left: 250px;
	}

	#fg_team .li9 {
		right: 250px;
	}

	#fg_team ul {
		height: 820px;
	}

	#fg_team .li5 {
		top: 278px;
	}

	#fg_team .li6 {
		top: 278px;
	}

	#fg_team .li11 img {
		margin: 38px auto 0 auto;
	}

	.recruitment-title span:nth-child(2) {
		font-size: 24px;
	}

	.recruitment-title span:nth-child(3) {
		font-size: 16px;
	}

	.service-wrap2 .imgs1 {
		height: 30%;
	}

	.service-wrap2 .imgs2 {
		height: 30%;
	}

	.service-wrap2 .imgs3 {
		height: 30%;
	}

	.slideGroup .parBd ul li .pic img {
		width: 300px;
	}

	.slideGroup .slideBox {
		padding-left: 8%;
	}

	.con_rel_list ul li span {
		display: none;
	}

	.phcenterfot ul li {
		margin: 18px;
	}

	.webMain .case li {
		margin: 0 7px 30px;
	}
}
@media only screen and (max-width: 1440px) {
	.fixbox_case li {
		width: 170px;
	}

	.fixbox_case li:first-child {
		width: 240px;
	}
	.float_qq{margin-top: -100px}
	.wrap{width: 1200px;}
	.slideTxtBox_caise .bd li{margin: 15px;width: 14%;}
	.deanftdiv{margin-right: 4% !important;}
	.pcontactmap{width: 66%}
	.pcontacttext h1{font-size: 26px;}
	.n_case_list ul li{width: 31.4%;}
	.viban h2{font-size: 42px;}
	.proscrollbox>ul>li>a>img{width: 376px;height: auto;}
	.phcenterfot>ul>li>img{width: 271px;height: auto;}
	.case .wk_case_list{width: 23%;}
	.mt-80{margin-top: 53px;}
	.slideGroup .parBd ul li .pic img{width: 288px;}
	.slideGroup .slideBox{padding-left: 5%;}
	.con_right .hot_tags li{width: 29.333%}
	.irnum li{font-size: 14px}
	.irnum li h1{font-size: 34px;}
	.ibrandtl{padding: 2% 2% 0 2%;width: 32%;}
	.ibrandti{width: 68%;}
	.ibrandtltxt{line-height: 20px;}
	.ibrandtl ul li{line-height: 20px;}
	#n_fg4 .un_box li{width: 218px;height: 91px;margin: 15px;}
	#n_fg4 .un_box li img{width: 218px;height: auto;display: block;}
	.recruitment-title span:nth-child(2){font-size: 20px;}
	.recruitment-title span:nth-child(3){margin-left: 10px}
	.fuwu ul li{min-height: 215px;padding-right: 10px;}
	.footer-head ul li{width: 9% !important;margin: 24px !important;}
	.auto{width: 1200px;margin: 0 auto;}
	.phonetab .bd ul li{width: 25%;margin: 0;height: auto;}
	.phonetab .bd>ul>li>img{width: 100%;height: auto;}
	.n_case_list ul li img{width: 100%;}
	.slideGroup .sPrev{left: 22px;}
	.slideGroup .sNext{right: 22px;}
	.pinpai{margin-left: -24px;}
	.case3 .right-box{width: 52%;}
	.images-scroll-wrap .item-list{width: 310px;height: 550px;}
	.images-scroll-wrap{width: 360px;height:750px;background-size: 100%;}
	.ny-banner .boxs{max-width: 1200px;}
	.proscrollbox ul li{padding-right: 2.6%;}
	.con_rel{margin-left: 0;margin-right: 0;}
	.fixbox_case li ul{left: 240px;}
	.project-item__img{width: 65%;}
	.serEC_cov{width: 274px;}
	.mid2 .col-lg-4:last-child{padding: 0;}
}