/* 风格酷模版网 做优质整站源码下载网站 www.fenggeku.com */

/* QQ：330921598 */







* {

	margin: 0;

	padding: 0;

}

html, body {

	height: 100%;

}

html {

	-webkit-text-size-adjust: none;/*只针对低版本谷歌*/

}

body {

	font-size: 14px;

	color: #333;

	_overflow: hidden;

	overflow-x: hidden;

	background: #fff;

	width: 100%;

 *cursor: default;

	/*font-family:"HanHei SC",PingHei,"PingFang SC",STHeitiSC-Light,"Helvetica Neue",Helvetica,'microsoft yahei ui','microsoft yahei',simsun,arial,sans-serif;*/

	font-family:"Microsoft YaHei", "novecento_widenormal", "STHeiti", "Microsoft JhengHei", tahoma;

}

@media (max-width:767px) {

.animated {

	-webkit-animation-duration: 0s !important;

	animation-duration: 0s !important;

	-webkit-animation-fill-mode: none !important;

	animation-fill-mode: none !important;

}

.mayun, .index-news, .banner-inside, .gaoduan, .shop-youshi {

	background-attachment: inherit !important;

}

}

body, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	font-size: 19px;

	font-weight: normal;

	font-style: normal;

}

li {

	list-style-type: none;

}

img {

	border: none;

	vertical-align: middle;

}

/*-------将特定标签设成块---------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

/*-------给a加时间过渡、清除默认样式---------*/

a {

	color: #333;

}

a, #index-job a dd, .index-job a dd {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	outline: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

a:hover, #index-job a dd:hover, .index-job a dd:hover {

	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

a:active, a:hover, a:visited, a {

	text-decoration: none;

}

a, area, a:active {

 blr:expression(this.onFocus=this.blur());

	text-decoration: none;

}

a:focus {

	outline: none;

	-moz-outline-style: none;

}

/*在浏览器拖动鼠标颜色*/

::selection {

	color: #fff;

	background-color: #000;

}

::-moz-selection {

 color: #fff;

 background-color: #000;

}

/*更改浏览器滚动条颜色兼容*/

html, body {

	/*更改ie内核滚动条颜色*/

	scrollbar-face-color: #000;

	scrollbar-highlight-color: #000;

	scrollbar-shadow-color: #000;

	scrollbar-3dlight-color: #000;

	scrollbar-arrow-color: #222;

	scrollbar-track-color: #222;

	scrollbar-darkshadow-color: #000;

}

/*更改-webkit-内核滚动条样式*/

::-webkit-scrollbar {

 width:8px;

 height: 8px;

 background-color: #fcfcfc;

}

::-webkit-scrollbar-track {

 border-radius: 10px;

 background-color: #fcfcfc;

}

::-webkit-scrollbar-thumb {

 border-radius: 10px;

 background-color: #211F1F;

 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

/*清除默认样式*/

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

.bg-f6 {

	height: auto;

	overflow: hidden;

	width: 100%;

	background: #f6f6f6;

}

.p-b {

	padding-bottom: 35px;

}

@media (max-width: 768px) {

.p-b {

	padding-bottom: 25px;

}

}

/*首页*/

header {

	position: fixed;

	height: 80px;

	width: 100%;

	z-index: 99;

	background: #fff;

}

.logo {

	float: left;

	padding-left: 3%;

	height: 50px;

	margin: 15px 0;

}

@media (max-width: 768px) {

.logo {

	margin: 10px 0;

}

}

.logo img {

	height: 100%;

}

.topMenu {

	float: right;

	margin-right: 21.6%;

	font-size: 0;

}

.topMenu a {

	display: inline-block;

	width: auto;

	padding: 0 0 0 18px;

	line-height: 80px;

	vertical-align: top;

	font-size: 16px;

	color: #333;

	float: left;

}

.topMenu a i {

	display: inline-block;

	vertical-align: middle;

	margin: -5px 5px 0 0;

	width: 0px;

	height: 1px;

	background-color: #333;

	transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;

	-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;

	-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;

}

.topMenu a.on i, .topMenu a:hover i {

	width: 15px;

}

.nav-er1 {

	position: absolute;

	display: block;

	transition: 0.3s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	top: 80px;

	background: #fff;

	padding: 10px 20px;

	margin-left: 5px;

}

.ho-nav {

	float: left;

}

.nav-er1 a {

	display: block;

	clear: both;

	line-height: 35px;

	padding-left: 0;

	font-size: 14px;

}

.nav-er1 a:last-child {

	padding-bottom: 0;

}

.nav-er1 a:hover {

	color: #ff0101;

}

.body-bg {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: -2;

	visibility: hidden;

	opacity: 0;

	background-color: rgba(0, 0, 0, 0.4);

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);

	transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

	-webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

	-moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;

}

.body-bg.active {

	visibility: visible;

	opacity: 1;

	z-index: 9999;

}

/*移动端导航*/

.mob-nav {

	position: fixed;

	width: 100%;

	z-index: 99;

	height: 60px;

	overflow: hidden;

	background: #fff;

	top: 0;

}

div.screen {

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: absolute;

}

div.burger {

	height: 44px;

	width: 40px;

	position: absolute;

	top: 0px;

	right: 0px;

	cursor: pointer;

}

div.x, div.y, div.z {

	position: absolute;

	margin: auto;

	top: 0px;

	bottom: 0px;

	background: #ff0101;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out;

}

div.x, div.y, div.z {

	height: 2px;

	width: 20px;

}

div.y {

	top: 16px;

}

div.z {

	top: 33px;

}

div.nav-collapse {

	top: 20px;

	background: #ff0101;

	-webkit-transition: all 70ms ease-out;

	-moz-transition: all 70ms ease-out;

	-ms-transition: all 70ms ease-out;

	-o-transition: all 70ms ease-out;

	transition: all 70ms ease-out;

	display: block;

}

div.rotate30 {

	-ms-transform: rotate(30deg);

	-webkit-transform: rotate(30deg);

	transform: rotate(30deg);

	-webkit-transition: all 50ms ease-out;

	-moz-transition: all 50ms ease-out;

	-ms-transition: all 50ms ease-out;

	-o-transition: all 50ms ease-out;

	transition: all 50ms ease-out;

}

div.rotate150 {

	-ms-transform: rotate(150deg);

	-webkit-transform: rotate(150deg);

	transform: rotate(150deg);

	-webkit-transition: all 50ms ease-out;

	-moz-transition: all 50ms ease-out;

	-ms-transition: all 50ms ease-out;

	-o-transition: all 50ms ease-out;

	transition: all 50ms ease-out;

}

div.rotate45 {

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 100ms ease-out;

	-moz-transition: all 100ms ease-out;

	-ms-transition: all 100ms ease-out;

	-o-transition: all 100ms ease-out;

	transition: all 100ms ease-out;

}

div.rotate135 {

	-ms-transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	-webkit-transition: all 100ms ease-out;

	-moz-transition: all 100ms ease-out;

	-ms-transition: all 100ms ease-out;

	-o-transition: all 100ms ease-out;

	transition: all 100ms ease-out;

}

div.navbar {

	height: 60px;

	margin: 0;

}

div.circle {

	width: 0px;

	height: 0px;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(255,255,255,0.95);

	opacity: 1;

	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}

div.circle.expand {

	width: 100%;

	height: 100%;

	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}

div.menu {

	width: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

}

div.menu ul li {

	list-style: none;

	position: absolute;

	top: 50px;

	left: 0;

	opacity: 0;

	width: 100%;

	text-align: center;

	font-size: 0px;

	-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}

div.menu ul li a {

	color: #000;

	font-size: 16px;

	text-transform: uppercase;

	text-decoration: none;

	width: 100%;

	display: block;

}

div.menu li .nav-er {

	font-size: 14px !important;

	color: #666 !important;

	margin: 14px auto 0 !important;

	text-align: left;

	width: 110px !important;

}

div.menu li.animate {

	font-size: 18px;

	opacity: 1;

	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	-o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

}

div.menu li.animate:nth-of-type(1) {

	top: 80px;

	transition-delay: 0.0s;

}

div.menu li.animate:nth-of-type(2) {

	top: 140px;

	transition-delay: 0.03s;

}

div.menu li.animate:nth-of-type(3) {

	top: 200px;

	transition-delay: 0.06s;

}

div.menu li.animate:nth-of-type(4) {

	top: 260px;

	transition-delay: 0.09s;

}

div.menu li.animate:nth-of-type(5) {

	top: 320px;

	transition-delay: 0.12s;

}

div.menu li.animate:nth-of-type(6) {

	top: 380px;

	transition-delay: 0.15s;

}

div.menu li.animate:nth-of-type(7) {

	top: 440px;

	transition-delay: 0.18s;

}

div.menu li.animate:nth-of-type(8) {

	top: 500px;

	transition-delay: 0.21s;

}

@media (min-width: 767px) {

.mob-nav {

	display: none;

}

}

@media (max-width: 768px) {

header .topMenu {

	display: none;

}

.mob-nav {

	display: block;

}

header {

	top: 0;

	height: 6px;

}

header.active {

	top: 0px;

	transform: translateY(0%);

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	height: 60px;

	padding-top: 10px;

}

header .logo, header.active .logo a img, header .logo a img {

	height: 40px;

}

}

@media (min-width:768px) and (max-width: 880px) {

.topMenu a {

	padding: 0 0 0 15px;

	font-size: 13px;

}

}

/*banner*/

/*banner*/

.module-content {

	clear: both;

	padding-top: 80px;

}

.carousel-btn {

	text-align: center;

	margin: 10px 0;

	line-height: normal;

	margin-top: 100px;

}

.carousel-btn a {

	cursor: pointer;

	display: inline-block;

*display:inline;

	zoom: 1;

	width: 12px;

	height: 12px;

	border-radius: 100%;

	margin: 1px;

	overflow: hidden;

	background: #fff;

	line-height: 999px;

	margin-left: 5px;

	z-index: 3;

}

.carousel-btn .selected {

	background: #ff0101;

	cursor: default;

	width: 16px;

	height: 16px;

	border: 3px solid #fff;

}

.carousel-btn a span {

	display: none;

}

.carousel-btn-fixed {

	width: 100%;

	position: absolute;

	bottom: 15px;

	left: 0;

	margin: 0;

	z-index: 100;

}

.carousel {

	position: relative;

	z-index: 10;

}

.carousel-item {

	position: relative;

	float: left;

	display: block;

}

.carousel-item .carousel-img {

	display: block;

}

.carousel-item .carousel-img a[href="javascript:;"] {

	cursor: default;

}

.carousel-item .carousel-img img {

	display: block;

}

.banner_pic{ width:100% !important}

 @media (min-width:768px) and (max-width:991px) {

.slideshow {

	

}

.slideshow img {

	

}

}

 @media screen and (max-width:768px) {

.module-content {

	padding-top: 60px;

}

.slideshow {

	

}

.slideshow img {

	

}

}

 @media screen and (max-width:640px) {

.slideshow {

	

}

.slideshow img {

	

}

}

@media screen and (max-width:480px) {

.slideshow {

	

}

.slideshow img {

	

}

}

/*公共标题*/

.tit {

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	margin: 40px auto 45px;

	padding: 0 5%;

}

.tit h2 {

	width: 100%;

	line-height: 40px;

	font-size: 30px;

	margin: 0;

	float: left;

	color: #ff0101;

	font-weight: bold;

}

@media (min-width:488px) and (max-width:768px) {

.tit {

	margin: 40px auto 30px;

}

}

@media (max-width:487px) {

.tit {

	margin: 30px auto 30px;

}

}

/*轮播公共部分开始*/

.owl-theme .owl-controls {

	margin-top: 10px;

	text-align: center;

	-webkit-tap-highlight-color: transparent

}

.owl-theme .owl-controls .owl-nav [class*=owl-] {

	color: #fff;

	font-size: 14px;

	margin: 5px;

	padding: 4px 7px;

	background: #d6d6d6;

	display: inline-block;

	cursor: pointer;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px

}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {

	background: #869791;

	color: #fff;

	text-decoration: none

}

.owl-theme .owl-controls .owl-nav .disabled {

	opacity: .5;

	cursor: default

}

.owl-theme .owl-dots .owl-dot {

	display: inline-block;

	zoom: 1;

*display:inline

}

.owl-theme .owl-dots .owl-dot span {

	width: 10px;

	height: 10px;

	margin: 5px 7px;

	background: #d6d6d6;

	display: block;

	-webkit-backface-visibility: visible;

	-webkit-transition: opacity 200ms ease;

	-moz-transition: opacity 200ms ease;

	-ms-transition: opacity 200ms ease;

	-o-transition: opacity 200ms ease;

	transition: opacity 200ms ease;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

	background: #969696;

}

.owl-carousel .animated {

	-webkit-animation-duration: 1000ms;

	animation-duration: 1000ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.owl-carousel .owl-animated-in {

	z-index: 0

}

.owl-carousel .owl-animated-out {

	z-index: 1

}

.owl-carousel .fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut

}

@-webkit-keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

@keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

.owl-height {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out

}

.owl-carousel {

	display: none;

	width: 100%;

	-webkit-tap-highlight-color: transparent;

	position: relative;

	z-index: 1

}

.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y

}

.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	-webkit-transform: translate3d(0px, 0, 0)

}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {

	cursor: pointer;

	cursor: hand;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.owl-carousel.owl-loaded {

	display: block

}

.owl-carousel.owl-loading {

	opacity: 0;

	display: block

}

.owl-carousel.owl-hidden {

	opacity: 0

}

.owl-carousel .owl-refresh .owl-item {

	display: none

}

.owl-carousel .owl-item {

	position: relative;

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.owl-carousel .owl-item img {

	-webkit-transform-style: preserve-3d

}

.owl-carousel.owl-text-select-on .owl-item {

	-webkit-user-select: auto;

	-moz-user-select: auto;

	-ms-user-select: auto;

	user-select: auto

}

.owl-carousel .owl-grab {

	cursor: move;

	cursor: -webkit-grab;

	cursor: -o-grab;

	cursor: -ms-grab;

	cursor: grab

}

.owl-carousel.owl-rtl {

	direction: rtl

}

.owl-carousel.owl-rtl .owl-item {

	float: right

}

.no-js .owl-carousel {

	display: block

}

.owl-carousel .owl-item .owl-lazy {

	opacity: 0;

	-webkit-transition: opacity 400ms ease;

	-moz-transition: opacity 400ms ease;

	-ms-transition: opacity 400ms ease;

	-o-transition: opacity 400ms ease;

	transition: opacity 400ms ease

}

.owl-carousel .owl-item img {

	transform-style: preserve-3d

}

.owl-carousel .owl-video-wrapper {

	position: relative;

	height: 100%;

	background: #000

}

.owl-carousel .owl-video-play-icon {

	position: absolute;

	height: 80px;

	width: 80px;

	left: 50%;

	top: 50%;

	margin-left: -40px;

	margin-top: -40px;

	background: url(owl.video.play.png) no-repeat;

	cursor: pointer;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-webkit-transition: scale 100ms ease;

	-moz-transition: scale 100ms ease;

	-ms-transition: scale 100ms ease;

	-o-transition: scale 100ms ease;

	transition: scale 100ms ease

}

.owl-carousel .owl-video-play-icon:hover {

	-webkit-transition: scale(1.3, 1.3);

	-moz-transition: scale(1.3, 1.3);

	-ms-transition: scale(1.3, 1.3);

	-o-transition: scale(1.3, 1.3);

	transition: scale(1.3, 1.3)

}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {

	display: none

}

.owl-carousel .owl-video-tn {

	opacity: 0;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	-o-background-size: contain;

	background-size: contain;

	-webkit-transition: opacity 400ms ease;

	-moz-transition: opacity 400ms ease;

	-ms-transition: opacity 400ms ease;

	-o-transition: opacity 400ms ease;

	transition: opacity 400ms ease

}

.owl-carousel .owl-video-frame {

	position: relative;

	z-index: 1

}

/*轮播公共部分结束*/

/*首页-服务项目*/

#index-service .owl-nav {

	display: none;

}

#index-service dl {

	padding: 0 11%;

}

#index-service a:hover {

	color: #333;

}

#index-service dl dd h3 {

	font-size: 18px;

	margin: 44px 0 13px 0;

	font-weight: bold;white-space:nowrap;

overflow: hidden;

text-overflow:ellipsis; 

}

#index-service dl dd p {

	line-height: 24px;

	margin: 5px auto 25px;

	color: #666;

}

#index-service dl, #index-service dl dt img {

	-webkit-transition: -webkit-transform 2s ease-out;

	-moz-transition: -moz-transform 2s ease-out;

	-o-transition: -o-transform 2s ease-out;

	-ms-transition: -ms-transform 2s ease-out;

	cursor: pointer;

}

#index-service dl:hover dt img {

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	-o-transform: rotateZ(360deg);

	-ms-transform: rotateZ(360deg);

	transform: rotateZ(360deg);

}

@media (min-width:1200px) {

.owl-controls {

	display: none;

}

}

@media (min-width:1200px) {

#index-web dl dd p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	word-break: break-all;

	overflow: hidden;

	height: 72px;

}

#index-web .owl-controls {

	display: none;

}

}

@media (min-width:992px) and (max-width:1199px) {

#index-web dl {

	padding: 0 8%;

}

#index-web dl dd p {

	font-size: 13px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	word-break: break-all;

	overflow: hidden;

	height: 72px;

}

}

@media (min-width:488px) and (max-width:991px) {

#index-web dl dd p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	word-break: break-all;

	overflow: hidden;

	height: 72px;

}

}

@media (max-width:487px) {

#index-web dl dd p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	word-break: break-all;

	overflow: hidden;

}

}

/*首页-就业岗位*/

#index-job, .index-job {

	width: 100%;

}

#index-job a, .index-job a {

	display: block;

}

#index-job a dd, .index-job a dd {

	width: 100%;

	line-height: 60px;

	height: 60px;

	color: #333;

	padding: 0 20px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	background: #fff;

	font-size: 18px;

	text-align: center;

}

#index-job .owl-controls {

	display: none;

}

#index-job a dt, .index-job a dt {

	overflow: hidden;

}

#index-job a dt img, .index-job a dt img {

	width: 100%;

	transition-delay: 0s;

	transition-duration: 1s;

	transition-property: all;

	transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

	-moz-transition-duration: 1s;

	-moz-transition-property: all;

	-moz-transition-timing-function: ease;

	/* Safari å'Œ Chrome */

	-webkit-transition-delay: 0s;

	-webkit-transition-duration: 1s;

	-webkit-transition-property: all;

	-webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

	-o-transition-duration: 1s;

	-o-transition-property: all;

	-o-transition-timing-function: ease;

}

#index-job a:hover dt img, .index-job a:hover dt img {

	transform: scale(1.05, 1.05);

	-ms-transform: scale(1.05, 1.05); 	/* IE 9 */

	-moz-transform: scale(1.05, 1.05); 	/* Firefox */

	-webkit-transform: scale(1.05, 1.05); /* Safari å'Œ Chrome */

	-o-transform: scale(1.05, 1.05); 	/* Opera */

}

#index-job a:hover dd, .index-job a:hover dd {

	background: #ff0101;

	color: #fff;

}

@media (min-width:1400px) {

#index-job a dt img, .index-job a dt img {

	width: 460px;

	height: 346px;

}

}

@media (min-width:1200px) and (max-width:1399px) {

#index-job a dt img, .index-job a dt img {

	width: 393px;

	height: 296px;

}

}

@media (min-width:992px) and (max-width:1199px) {

#index-job a dt img, .index-job a dt img {

	width: 316px;

	height: 238px;

}

}

@media (min-width:768px) and (max-width:991px) {

#index-job, .index-job {

	padding: 0 20px;

}

#index-job a dt img, .index-job a dt img {

	width: 350px;

	height: 263px;

}

}

@media (max-width:767px) {

#index-job, .index-job {

	padding: 0 20px;

}

#index-job a dt img, .index-job a dt img {

	width: 100%;

}

}

.a-more {

	width: 120px;

	line-height: 40px;

	display: block;

	margin: 40px auto 0;

	background: #ff0101;

	color: #fff;

	border-radius: 50px;

	text-align: center;

}

.a-more:hover {

	color: #fff;

	background: #ff0101;

}

/*首页-关于我们*/

.index-about {

	background: #f6f6f6;

	height: auto;

	overflow: hidden;

}

.about-left {

	padding: 0;

}

.about-left img {

	width: 100%;

}

.about-right {

	padding: 40px;

}

.about-right .about-right-con {

	color: #777;

	line-height: 32px;

	font-size: 16px;

}

.about-right-a {

	width: 160px;

	line-height: 40px;

	background: #ff0101;

	font-size: 16px;

	color: #fff;

	text-align: center;

	display: block;

	margin-top: 40px;

}

.about-right-a:hover {

	background: #0089cc;

	color: #fff;

}

@media (min-width:1400px) {

.about-left img {

	width: 700px;

	height: 466px;

}

.about-right {

/*	padding: 52px;*/

}

.about-right .about-right-con {

	line-height: 34px;

	min-height: 280px;

	overflow: hidden;

}

}

@media (min-width:1200px) and (max-width:1399px) {

.about-left img {

	width: 600px;

	height: 400px;

}

.about-right .about-right-con {

	min-height: 256px;

	overflow: hidden;

}

.about-right-a {

	margin-top: 24px;

}

}

@media (min-width:992px) and (max-width:1199px) {

.about-right {

	padding: 30px;

}

.about-left img {

	width: 485px;

	height: 323px;

}

.about-right .about-right-con {

	line-height: 25px;

	font-size: 14px;

	height: 200px;

	overflow: hidden;

}

.about-right-a {

	margin-top: 24px;

}

}

@media (max-width:991px) {

.about-right-a {

	margin: 24px auto 10px;

}

}

@media (max-width:767px) {

.about-right {

	padding: 20px;

}

}

/*首页-新闻资讯*/

.index-news {

	height: auto;

	overflow: hidden;

}

.index-news a {

	display: block;

}

.index-news dl {

	background: #fff;

	padding: 25px 20px 20px;

	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.index-news dl:hover {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	-webkit-box-shadow: 0px 0px 15px #dedede;

	-moz-box-shadow: 0px 0px 15px #dedede;

	box-shadow: 0px 0px 15px #dedede;

}

.index-news dl dd h3 {

	width: 100%;

	font-size: 16px;

/*	height: 16px;*/

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.index-news dl dd span, .index-news dl dd p {

	color: #666;

}

.index-news dl dd span {

	margin: 11px 0 6px;

	display: inline-block;

}

.index-news dl dd p {

	line-height: 24px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	word-break: break-all;

	overflow: hidden;

	height: 72px;

}

.index-news dl dt {

	overflow: hidden;

}

.index-news dl dt img {

	width: 100%;

	transition-delay: 0s;

	transition-duration: 1s;

	transition-property: all;

	transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

	-moz-transition-duration: 1s;

	-moz-transition-property: all;

	-moz-transition-timing-function: ease;

	/* Safari å'Œ Chrome */

	-webkit-transition-delay: 0s;

	-webkit-transition-duration: 1s;

	-webkit-transition-property: all;

	-webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

	-o-transition-duration: 1s;

	-o-transition-property: all;

	-o-transition-timing-function: ease;

}

.index-news dl:hover dt img {

	transform: scale(1.05, 1.05);

	-ms-transform: scale(1.05, 1.05); 	/* IE 9 */

	-moz-transform: scale(1.05, 1.05); 	/* Firefox */

	-webkit-transform: scale(1.05, 1.05); /* Safari å'Œ Chrome */

	-o-transform: scale(1.05, 1.05); 	/* Opera */

}

@media (min-width:1200px) {

.index-news dl {

	background: #fff;

	padding: 30px;

}

.index-news dl:hover {

	margin-top: -7px;

}

.index-news {

	margin-top: -25px;

}

.index-news a {

	padding-top: 25px;

}

}

@media (min-width:1400px) {

.index-news dl dt img {

	width: 260px;

	height: 175px;

}

}

@media (min-width:1200px) and (max-width:1399px) {

.index-news dl dt img {

	width: 210px;

	height: 142px;

}

}

@media (min-width:992px) and (max-width:1199px) {

.index-news dl dt img {

	width: 395px;

	height: 267px;

}

.index-news dl {

	margin-bottom: 30px;

	padding: 35px 30px 30px;

}

.index-news a:nth-child(3) dl {

	margin-bottom: 0;

}

.index-news a:nth-child(4) dl {

	margin-bottom: 30px;

}

}

@media (min-width:768px) and (max-width:991px) {

.index-news dl dt img {

	width: 285px;

	height: 192px;

}

.index-news dl {

	margin-bottom: 30px;

	padding: 35px 30px 30px;

}

.index-news a:nth-child(3) dl, .index-news a:nth-child(4) dl {

	margin-bottom: 0;

}

}

@media (max-width:767px) {

.index-news dl {

	margin-bottom: 30px;

	padding: 35px 30px 30px;

}

.index-news a:last-child dl {

	margin-bottom: 0;

}

}

/*首页-合作伙伴*/

.partner {

	height: auto;

	overflow: hidden;

}

.partner dl {

	margin-bottom: 30px;

}

.partner dl img {

	width: 100%;

	visibility: visible;

	cursor: pointer;

	-webkit-transform: scale(1) rotate(0);

	-moz-transform: scale(1) rotate(0);

	-ms-transform: scale(1) rotate(0);

	-o-transform: scale(1) rotate(0);

	transform: scale(1) rotate(0);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.partner dl:hover img {

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(0.95);

}

@media (min-width:1400px) {

.partner dl img {

	width: 203px;

	height: 88px;

}

}

@media (min-width:1200px) and (max-width:1399px) {

.partner dl img {

	width: 170px;

	height: 73px;

}

}

@media (min-width:1200px) {

.partner dl:nth-child(7), .partner dl:nth-child(8), .partner dl:nth-child(9), .partner dl:nth-child(10), .partner dl:nth-child(11), .partner dl:nth-child(12) {

	margin-bottom: 0;

}

}

@media (min-width:768px) and (max-width:1399px) {

.partner dl:nth-child(9), .partner dl:nth-child(10), .partner dl:nth-child(11), .partner dl:nth-child(12) {

	margin-bottom: 0;

}

}

@media (min-width:992px) and (max-width:1199px) {

.partner dl img {

	width: 212px;

	height: 92px;

}

}

@media (min-width:768px) and (max-width:991px) {

.partner dl img {

	width: 157px;

	height: 68px;

}

}

@media (min-width:768px) and (max-width:1399px) {

.partner dl:nth-child(9), .partner dl:nth-child(10), .partner dl:nth-child(11), .partner dl:nth-child(12) {

	margin-bottom: 0;

}

}

@media (max-width:767px) {

.partner dl img {

	height: 13vw;

}

.partner {

	padding: 0 10px;

}

.partner dl {

	padding: 0 5px;

	margin-bottom: 10px;

}

.partner dl:nth-child(10), .partner dl:nth-child(11), .partner dl:nth-child(12) {

	margin-bottom: 0;

}

}

/*底部*/

.foot {

	background: #ff5457;

	height: auto;

	overflow: auto;

	padding: 30px 0;

}

.foot h3 {

	font-size: 23px;

	display: block;

	width: 100%;

	color: #fff;

	line-height: 48px;

}

.foot font {

	width: 30px;

	height: 2px;

	background: #fff;

	display: inline-block;

	margin-bottom: 7px;

}

.foot li {

	width: 100%;

}

.foot li a {

	display: inline-block;

	float: left;

	color: #d5d5d5;

	clear: both;

	line-height: 30px;

}

.foot li a:hover {

	color: #fff;

}

.foot .col-sm-2 {

	width: 12.5%;

}

.foot li dl {

	float: left;

	width: 40%;

	margin-right: 10%;

}

.foot li dl dt img {

	width: 100%;

}

.foot li dl:last-child {

	margin-right: 0px;

}

.foot li dl dt {

	margin: 5px 0 10px;

}

.foot li dd {

	color: #fff;

	text-align: center;

	font-size: 14px;

}

.cor {

	background: #ff5457;

	color: #ddd;

	text-align: center;

	padding: 25px 15px;

}

.cor span {

	line-height: 30px;

	display: inline-block;

}

.wap-foot {

	display: none;

}

@media (min-width:768px) and (max-width:992px) {

.foot .col-sm-2 {

	width: 25%;

	height: 198px;

}

.foot .col-sm-3 {

	width: 50%;

}

.foot .col-sm-3 img {

	width: 138px;

}

}

@media (max-width:768px) {

.PC-foot {

	display: none;

}

.wap-foot {

	display: block;

}

.foot .col-sm-3 {

	width: 50%;

	float: left;

}

.foot li a {

	clear: none;

	margin-right: 20px;

}

}

/*内页-banner*/

.inside-banner {

	position: relative;

	top: 80px;

	width: 100%;

	height: 380px;

}

.inside-nav {

	text-align: center;

	min-height: 80px;

}

.inside-nav a {

	display: inline-block;

	line-height: 42px;

	width: 126px;

	color: #333;

	border-radius: 50px;

	border: 1px #ddd solid;

	margin: 0px 10px;

	overflow: hidden;

	position: relative;

}

.inside-nav a.active {

	background: #ff0101;

	color: #fff;

}

.inside-nav a:before, .inside-nav a:after {

	content: "";

	position: absolute;

	z-index: -1;

	height: 100%;

	width: 0;

	top: 0;

	background-color: #ff0101;

	-webkit-transition: all .4s;

	transition: all .4s;

	border: 1px #ff0101 solid;

}

.inside-nav a:before {

	left: -30px;

	-webkit-transform: skew(-45deg, 0);

	transform: skew(-45deg, 0);

}

.inside-nav a:after {

	right: -30px;

	-webkit-transform: skew(-45deg, 0);

	transform: skew(-45deg, 0);

}

.inside-nav a:hover {

	color: #fff;

	border: 1px #fff solid;

}

.inside-nav a:hover:before, .inside-nav a:hover:after {

	width: 80%;

}

.inside-top {

	margin: 110px auto 0px;

}

.inside-top .tit {

	margin-bottom: 25px !important;

}

.com-tit h2 {

	color: #ff0101

}

@media (min-width:488px) and (max-width:768px) {

.inside-top {

	margin: 100px auto 0px;

}

}

@media (max-width:487px) {

.inside-top {

	margin: 80px auto 0px;

}

}

@media (min-width:992px) and (max-width:1200px) {

.inside-nav {

	min-height: 80px;

}

.inside-nav a {

	line-height: 38px;

	margin: 0px 10px 20px;

}

.inside-banner {

	height: 400px;

	background-size: cover;

}

}

@media (min-width:768px) and (max-width:991px) {

.inside-nav {

	min-height: 80px;

}

.inside-nav a {

	line-height: 38px;

	margin: 0px 10px 20px;

}

.inside-banner {

	height: 350px;

	background-size: cover;

}

}

@media (max-width:767px) {

.inside-nav {

	min-height: 60px;

}

.inside-nav a {

	line-height: 33px;

	margin: 0px 2px 14px;

	width: auto;

	padding: 0px 9px;

	font-size: 13px;

}

.inside-nav a:before, .inside-nav a:after {

	display: none;

}

.inside-nav a:hover {

	background: #fff;

	color: #ff0101;

	border: 1px #ff0101 solid;

}

.inside-banner {

	top: 60px;

	height: 150px;

	background-size: cover;

}

}

/*新闻中心*/

.inside-news.index-news dl {

	background: #fafafa;

}

.inside-news.index-news dl:hover {

	margin-top: 0px;

}

.inside-news {

	padding-bottom: 20px;

}

.pages {

	width: 100%;

	text-align: center;

	float: left;

}

.pages a {

	display: inline-block;

	min-width: 36px;

	padding: 0 15px;

	line-height: 36px;

	border-radius: 50px 50px 0 50px;

	background: #eee;

	margin: 15px 10px 0;

}

.pages a:hover {

	background: #ff0101;

	color: #fff;

}

.pages a.page-num-current {

    color: #fff;

    background-color: #ff0101;

	border-color: #ff0101;}

.inside-tit {

	width: 100%;

	text-align: center;

	padding: 0px 0 15px;

	border-bottom: 1px #dedede dashed;

	margin-bottom: 35px;

}

.inside-tit h2 {

	font-size: 24px;

	line-height: 36px;

	padding: 7px;

}

.inside-tit span {

	color: #999;

	margin: 8px 0;

	display: inline-block;

}

.inside-tit span font {

	margin-right: 15px;

}

.news-inside-con, .news-inside-con p, .news-inside-con span, .news-inside-con font, .news-inside-con h1, .news-inside-con h2, .news-inside-con h3, .news-inside-con h4, .news-inside-con h5, .news-inside-con h6 {

	line-height: 30px;

}

.news-inside-con img {

	width: auto;

	margin: 10px auto;

	max-width: 100%;

	display: block;

	height:auto;

}

.news-inside-con p{ text-indent:2em;

}

.news-inside {

	padding-bottom: 30px;

}

.pian {

	width: 100%;

	border-top: 1px #dedede dashed;

	padding: 20px 0 0;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.pian a:hover {

	color: #ff0101;

}

.pian p {

	margin: 0;

	padding-left: 0;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: inline-block;

}

@media (max-width:768px) {

.news-inside {

	padding: 0 20px 30px 20px;

}

.pian p {

	margin-bottom: 15px;

}

.pian p:last-child {

	margin-bottom: 0;

}

}

/*就业岗位*/

.index-job {

	margin-top: 15px;

}

.index-job .item {

	padding: 0 5px;

	margin-bottom: 10px;

}

.index-job a dd {

	background: #fafafa;

}

/*招贤纳士*/

.job {

	margin-bottom: 10px;

}

@media (max-width:768px) {

.job {

	margin-bottom: 0px;

}

}

.job .panel-title {

	margin: 23px 0;

	font-size: 20px;

	width: 100%;

	font-weight: bold;

	border-left: 4px solid #ff0101;

	padding-left: 15px;

	display: inline-block;

}

.job .panel-body {

	border-top: 1px dashed #eee;

	background: #fbfbfb;

	line-height: 27px;

	padding: 18px 25px;

}

/*联系我们map地图*/

.map {

	position: absolute;

	top: 80px;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 500px;

}

.contact.container {

	width: 1100px;

	position: absolute;

	z-index: 1;

	left: 50%;

	margin-left: -550px;

	top: 620px;

}

.contact-left {

	background: #fff url(../images/contact-bg.png) repeat;

	padding: 40px 50px;

	margin-top: -135px;

	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

}

.contact-left h2 {

	font-size: 26px;

	line-height: 55px;

}

.contact-left h3 {

	font-size: 30px;

	line-height: 45px;

	margin-top: 5px;

}

.contact-left h4 {

	font-size: 30px;

}

.contact-left p {

	font-size: 18px;

	display: inline-block;

	line-height: 37px;

	margin: 10px 0 0px;

}

.contact-left span {

	display: inline-block;

	line-height: 30px;

	margin: 12px 0 40px;

	font-size: 16px;

}

.contact-right {

	padding: 0px 40px 0;

}

.contact-right h2 {

	font-size: 30px;

}

.contact-right h2 font {

	font-size: 16px;

	margin-left: 20px;

}

.contact-right span {

	width: 26px;

	height: 3px;

	background: #333;

	display: inline-block;

	margin: 30px 0 20px;

}

.contact-right p {

	margin-bottom: 15px;

}

.contact-right p {

	padding: 0;

}

.contact-right p.text-right label {

	padding-right: 10px;

}

.contact-right p label {

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	margin: 0;

	width: 80px;

}

.contact-right label b {

	font-size: 16px;

	color: #f00;

}

.contact-right p input, .contact-right .sub {

	width: -webkit-calc(100% - 80px);

	width: -moz-calc(100% - 80px);

	width: calc(100% - 80px);

	float: right;

	background: #fff;

}

.contact-right p input {

	border: 1px #ccc solid;

	border-radius: 7px;

	padding: 11px 20px;

}

.contact-right p select {

	width: -webkit-calc(100% - 80px);

	width: -moz-calc(100% - 80px);

	width: calc(100% - 80px);

	float: right;

	background: #fff;

	border: 1px #ccc solid;

	border-radius: 7px;

	padding: 0px 20px;

	height: 44px;

}

.contact-right .sub {

	border-radius: 7px;

	text-align: center;

	display: inline-block;

	background: #d83232;

	color: #fff;

	font-size: 16px;

	line-height: 44px;

	border: none;

}

.contact-right label b {

	font-size: 16px;

	color: #f00;

}

@media (min-width: 992px) and (max-width:1200px) {

.contact.container {

	width: 970px;

	margin-left: -485px;

}

.contact-left {

	background: #fff url(../images/contact-bg.png) repeat;

	padding: 50px 50px;

}

.contact-right {

	padding: 0px 40px 0;

}

}

@media (min-width: 768px) and (max-width:991px) {

.contact.container {

	width: 750px;

	margin-left: -375px;

}

.contact-left {

	background: #fff url(../images/contact-bg.png) repeat;

	padding: 40px;

}

.contact-right {

	padding: 0px 0 0 40px;

}

.contact-right h2 {

	font-size: 26px;

	margin-bottom: 16px;

}

.contact-right h2 font {

	font-size: 14px;

	margin-left: 8px;

}

.contact-right span {

	display: none;

}

.contact-left h3 {

	font-size: 26px;

	line-height: 40px;

}

.contact-left h2 {

	font-size: 22px;

	line-height: 40px;

}

.contact-left span {

	line-height: 26px;

}

.contact-left h4 {

	font-size: 24px;

}

.contact-left p {

	font-size: 14px;

	line-height: 32px;

}

.contact-right p input, .contact-right a {

}

.contact-right p textarea {

	padding: 13px 20px;

	height: 80px;

}

}

@media (max-width:767px) {

.contact-right .sub {

	float: none;

	margin: 0 auto;

	display: block;

}

.contact-right p.text-right label {

	text-align: left !important;

	padding-right: 0px;

}

.contact.container {

	width: 100%;

	margin-left: 0%;

	left: 0;

	margin-top: 60px;

	position: inherit;

}

.contact-left {

	background: #fff url(../images/contact-bg.png) repeat;

	padding: 27px;

	margin-top: 0px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.contact-left h3 {

	font-size: 24px;

	line-height: 37px;

	margin-top: 0;

}

.contact-left h2 {

	font-size: 20px;

	line-height: 36px;

}

.contact-left span {

	display: inline-block;

	line-height: 23px;

	margin: 7px 0 13px;

}

.contact-left p {

	font-size: 16px;

	display: inline-block;

	line-height: 31px;

}

.contact-left h4 {

	margin-bottom: 0;

	font-size: 26px;

}

.contact-right {

	padding: 27px 27px 0;

}

.contact-right p:last-child {

	margin-bottom: 0;

}

.contact-right h2 {

	font-size: 23px;

}

.contact-right h2 font {

	font-size: 14px;

	margin-left: 15px;

}

.contact-right span {

	width: 22px;

	height: 2px;

	margin: 18px 0 18px;

}

.map {

	height: 400px;

}

.BMap_Marker {

	width: 150px !important;

	height: 154px !important;

	background: none !important;

	background-size: 100% !important;

	top: 50px !important;

	left: 150px !important;

}

.BMap_Marker div {

	width: 150px !important;

	height: 154px !important;

}

.BMap_Marker img {

	width: 100%;

}

}

.hu {

	width: 100%;

	padding-top: 800px;

}

@media (min-width: 992px) and (max-width:1200px) {

.hu {

	padding-top: 800px;

}

}

@media (min-width: 768px) and (max-width:991px) {

.hu {

	padding-top: 800px;

}

}

@media (max-width:767px) {

.hu {

	padding: 0;

	height: 30px;

}

.map {

	top: 60px;

}

}

/*我要找工作按钮*/

.zhao {

	width: 100%;

	text-align: center;

	margin-top: 20px;

}

.zhao a {

	display: inline-block;

}

.zhao a img {

	width: 350px;

}

.zhao-a {

	width: 200px;

	line-height: 50px;

	background: #ff0101;

	color: #fff;

	text-align: center;

	border-radius: 50px;

	font-size: 16px;

}

.zhao-a:hover {

	background: #005b88;

	color: #fff;

}

@media (max-width:767px) {

.zhao a img {

	width: 80%;

}

}

/*城市二级联动*/

.liandong {

	padding: 0;

	margin-bottom: 15px;

}

.city-picker-selector {

	width: -webkit-calc(100% - 80px);

	width: -moz-calc(100% - 80px);

	width: calc(100% - 80px);

	float: right;

}

.liandong label {

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	margin: 0;

	width: 80px;

}

.city-picker-selector .selector-item {

	border: 1px #ccc solid;

	border-radius: 7px;

	width: 47.5%;

	height: 44px;

	line-height: 44px;

	float: left;

	margin-left: 5%;

	position: relative;

	background: #fff;

}

.city-picker-selector .selector-item:first-child {

	margin-left: 0

}

.city-picker-selector .selector-item:after {

	content: '';

	border-right: 6px solid transparent;

	border-left: 6px solid transparent;

	border-top: 6px solid #ccc;

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	top: 15px;

	right: 5px;

	-webkit-transition-duration: 400ms;

	transition-duration: 400ms

}

.city-picker-selector .selector-show .selector-list {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

	visibility: visible

}

.city-picker-selector .selector-show:after {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)

}

.city-picker-selector .selector-name {

	border-radius: 5px;

	color: #333;

	display: block;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	background: none;

	width: 100%;

	padding: 0 20px;

}

.city-picker-selector .selector-name.df-color {

	color: #999

}

.city-picker-selector .selector-name.forbid {

	cursor: default

}

.city-picker-selector .selector-name.disabled {

	background-color: #eef1f6;

	cursor: not-allowed

}

.city-picker-selector .selector-list {

	border: 1px solid #ccc;

	border-radius: 5px;

	background: #fff;

	width: 100%;

	position: absolute;

	top: 44px;

	left: -1px;

	z-index: 1;

	-webkit-transition-duration: 400ms;

	transition-duration: 400ms;

	-webkit-transform: translateY(-2%);

	transform: translateY(-2%);

	opacity: 0;

	visibility: hidden;

	overflow: hidden

}

.city-picker-selector ul {

	max-height: 200px;

	overflow-x: hidden;

	overflow-y: auto

}

.city-picker-selector li {

	border-top: 1px solid #f7f7f7;

	color: #333;

	cursor: pointer;

	font-size: 14px;

	width: 100%;

	padding: 0 5%;

	height: 30px;

	line-height: 30px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}

.city-picker-selector li:first-child {

	border-top: none

}

.city-picker-selector li.placeholder-li {

	cursor: default

}

.city-picker-selector li strong {

	color: #6ab9d8;

	padding: 0 5px

}

.city-picker-selector li.caller:hover {

	background: #f5f5f5

}

.city-picker-selector li.caller.active, .city-picker-selector li.caller.active:hover {

	background: #6ab9d8;

	color: #fff

}

.city-picker-selector li.forbid {

	color: #999;

	font-size: 14px;

	cursor: not-allowed

}

.city-picker-selector .selector-search {

	border: 1px solid #ececec;

	border-top: none;

	background: #f8f8f8;

	font-size: 0;

	padding: 10px;

	height: 54px;

	margin-left: -1px;

	margin-right: -1px

}

.city-picker-selector .input-search {

	border: 1px solid #ccc;

	border-radius: 5px;

	color: #333;

	font-size: 14px;

	width: 100%;

	height: 26px;

	line-height: 26px\9;

	padding: 0;

	text-indent: 5px

}

.city-picker-selector .input-search:focus {

	outline: none

}

.city-picker-selector .input-search::-webkit-input-placeholder {

color:#bababa

}

.city-picker-selector select {

	border: 1px solid #ccc;

	background: #fff;

	border-radius: 5px;

	color: #333;

	font-size: 16px;

	outline: none;

	width: 160px;

	height: 36px;

	margin-right: 10px;

	box-shadow: 0 0 5px #eee

}

.city-picker-selector select:disabled {

	background-color: #eef1f6;

	cursor: not-allowed

}

.city {

	padding: 0;

	margin-bottom: 15px;

}

.city dl {

	width: -webkit-calc(100% - 80px);

	width: -moz-calc(100% - 80px);

	width: calc(100% - 80px);

	float: right;

}

.city label {

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	margin: 0;

	width: 80px;

}

.city dl select {

	width: 49%;

	margin-right: 2%;

	background: #fff;

	border: 1px #ccc solid;

	border-radius: 7px;

	padding: 0px 20px;

	height: 44px;

	float: left;

}

.city dl select:last-child {

	margin-right: 0;

}



.cor a{ color:#ddd}