.pointer{
	cursor: pointer;
}
/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 图标：Sc.AdminBuy.Cn */
@charset "UTF-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "Arial";
	color: #333333;
}
h1, h2, h3, h4, h5, h6, font {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #0262d2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*******************index css*********************/
.inews .section_con {
	position: absolute;
	height: 560px;
	left: 50%;
	top: 50%;
	margin: -290px 0 0 -600px;
}
.inews .inews-left {
	width: 550px;
	float: left;
	overflow: hidden;
	position: relative;
}
.inews .inews-left .list {
	width: 500%;
}
.inews .inews-left .prev, .inews .inews-left .next {
	width: 30px;
	height: 70px;
	display: block;
	cursor: pointer;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	position: absolute;
	border-radius: 3px;
	top: 140px;
	z-index: 10;
	background: url(../image/black50.png) repeat 0 0;
}
.inews .inews-left .prev s, .inews .inews-left .next s {
	width: 30px;
	height: 70px;
	display: block;
	background: url(../image/inews-ico.png) no-repeat 11px center;
}
.inews .inews-left .prev:hover, .inews .inews-left .next:hover {
	background: url(../image/red80.png) repeat 0 0;
}
.inews .inews-left .prev {
	left: 10px;
}
.inews .inews-left .next {
	right: 10px;
}
.inews .inews-left .next s {
	background-position: -41px center;
}
.inews .inews-left .item {
	width: 550px;
	float: left;
}
.inews .inews-left .item a {
	width: 100%;
	display: block;
}
.inews .inews-left .item .img {
	height: 350px;
	overflow: hidden;
}
.inews .inews-left .item img {
	width: 100%;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.inews .inews-left .item h3 {
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	padding-top: 0;
	color: #333;
	font-size: 18px;
}
.inews .inews-left .item .time {
	width: 70px;
	float: left;
	border-right: 1px solid #979797;
	color: #333333;
	line-height: 16px;
	font-size: 16px;
}
.inews .inews-left .item .time .year {
	font-size: 24px;
	display: block;
	line-height: 24px;
	margin-bottom: 4px;
}
.inews .inews-left .item .txt {
	width: 462px;
	float: right;
	color: #979797;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-top: -7px;
}
.inews .inews-left .item:hover img {
	filter: brightness(105%);
}
.inews .inews-left .item:hover h3 {
	color: #0262d2;
	padding-left: 5px;
}
.inews .inews-left img {
	width: 100%;
	display: block;
}
.inews .inews-right {
	width: 550px;
	float: right;
}
.inews .inews-right .item {
	width: 100%;
	padding: 28px 0;
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}
.inews .inews-right .item:first-child {
	padding-top: 0;
}
.inews .inews-right .item a {
	display: block;
	width: 100%;
*zoom: 1;
}
.inews .inews-right .item a:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.inews .inews-right .item img {
	width: 140px;
	height: 105px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	display: block;
	float: left;
	margin-right: 20px;
}
.inews .inews-right .item h3 {
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	color: #333;
}
.inews .inews-right .item .time {
	display: block;
	color: #333;
}
.inews .inews-right .item .more {
	width: 68px;
	height: 18px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	line-height: 18px;
	position: absolute;
	right: 0;
	bottom: 30px;
	text-align: center;
	color: #b6b6b6;
	display: block;
	float: right;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	font-family: arial;
}
.inews .inews-right .item a:hover .more {
	background: #ed4e43;
	border-color: #ed4e43;
	color: #fff;
}
.inews .inews-right .item a:hover img {
	filter: brightness(105%);
}
@media (max-width: 1600px) {
.inews .indexTit {
	margin-bottom: 20px;
}
.inews .section_con {
	height: 540px;
	margin-top: -255px;
}
}
@media (max-width: 1366px) {
.inews .indexTit {
	margin-bottom: 10px;
}
.inews .section_con {
	height: 440px;
	margin-top: -200px;
}
.inews .inews-left .prev, .inews .inews-left .next {
	margin-top: -40px;
}
.inews .inews-left .item .img {
	height: 260px;
}
.inews .inews-left .item h3 {
	height: 40px;
	line-height: 40px;
}
.inews .inews-right .item {
	padding: 10px 0;
}
.inews .inews-right .item .more {
	bottom: 10px;
}
}
/******ivedio******/
.indexTit {
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 46px;
}
.indexTit .en {
	color: #2f2f2f;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-family: arial;
	display: block;
}
.indexTit .line-left, .indexTit .line-right {
	width: 90px;
	height: 1px;
	position: absolute;
	bottom: 12px;
	display: block;
	background: #c1c1c1;
}
.indexTit .line-left {
	left: 50%;
	margin-left: -158px;
}
.indexTit .line-right {
	right: 50%;
	margin-right: -158px;
}
.indexTit h2 {
	font-size: 24px;
	line-height: 30px;
}
@media (max-width: 1366px) {
.indexTit .en {
	margin-bottom: 0;
}
}
.gridlist {
	width: 100%;
}
.gridlist .item {
	width: 280px;
	margin: 0 27px 30px 0;
	float: left;
	position: relative;
	overflow: hidden;
}
.gridlist .item:first-child {
	margin-left: 0;
}
.gridlist .item img {
	width: 280px;
	height: 210px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.gridlist .item .bg {
	width: 280px;
	height: 210px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: url(../image/black50.png) repeat 0 0;
	position: absolute;
	left: -100%;
	top: 0;
}
.gridlist .item .plus {
	width: 280px;
	height: 210px;
	display: block;
	transition: all ease .4s;
	background: url(../image/ipro_hover.png) no-repeat center center;
	position: absolute;
	left: -100%;
	top: 0;
}
.gridlist .item h3 {
	color: #000;
	line-height: 22px;
	text-align: center;
	padding-top: 12px;
	overflow: hidden;
	font-family: "microsoft yahei";
}
.gridlist .item .txt {
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	font-family: "microsoft yahei";
}
.gridlist .item:hover .bg {
	left: 0;
}
.gridlist .item:hover .plus {
	left: 0;
}
.gridlist .item:hover img {
	-webkit-filter: brightness(110%);
	filters: brightness(110%);
}
.gridlist .item:hover h3 {
	color: #0262d2;
}
.gridlist.gridlist34 .item {
	width: 180px;
	margin: 0 0 30px 24px;
}
.gridlist.gridlist34 .item:first-child {
	margin-left: 0;
}
.gridlist.gridlist34 .item img, .gridlist.gridlist34 .item .bg, .gridlist.gridlist34 .item .plus {
	width: 180px;
	height: 240px;
}
/***********category css*************/
.nyIcon {
	background: url(../image/nyicon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.shareNew {
	padding-bottom: 20px;
}
.wrapper {
	padding: 55px 0 55px;
	min-height: 300px;
}
.wrapper .indexTit .line-right {
	margin-right: -202px;
}
.wrapper .indexTit .line-left {
	margin-left: -202px;
}
.wrapper .noinfor {
	padding: 0 0 20px;
	text-align: left;
	color: red;
}
.wrapper .bcontact {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5;
}
.wrapper .bcontact li {
	width: 399px;
	float: left;
	padding: 20px 0;
	border-left: 1px solid #e5e5e5;
	text-align: center;
}
.wrapper .bcontact li s {
	width: 60px;
	height: 55px;
	display: block;
	margin: 0 auto;
	background: url(../image/contact-ico.png) no-repeat 0 center;
}
.wrapper .bcontact li h3 {
	font-size: 16px;
	padding: 6px 0 14px;
}
.wrapper .bcontact li.a1 {
	border-left: 0px;
}
.wrapper .bcontact li.baddress s {
	background-position: -70px center;
}
.wrapper .bcontact li.btel s {
	background-position: -144px center;
}
/*n-tit*/
.n-tit {
	margin-bottom: 30px;
}
.n-tit h3 {
	line-height: 35px;
	font-size: 24px;
}
.n-tit s {
	width: 4px;
	height: 22px;
	margin-right: 15px;
	background: #0262d2;
	display: inline-block;
	vertical-align: middle;
}
.n-tit .more {
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.n-project {
	width: 100%;
	padding: 45px 0 20px;
}
.n-project .con {
	overflow: hidden;
	position: relative;
}
.n-project .gridlist {
	width: 105%;
padding-bottom: 30px;
}
.n-project.n-yewu {
	padding-bottom: 30px;
}
.n-project .txtlistbox {
}
.n-project .txtlistbox li {
	width: 590px;
	float: left;
}
.n-project .txtlistbox li:nth-child(2n) {
	float: right;
}
.n-project.n-yewu .gridlist .item {
	margin-right: 26px;
}
.index .txtlistbox {
	width: 800px;
}
.txtlistbox .item {
	border: 1px solid #ddd;
	margin-bottom: 16px;
	transition: all 0.2s linear 0s;
+margin-bottom: 18px;
}
.txtlistbox .item a {
	display: block;
	padding: 28px;
}
.txtlistbox .item h3 {
	font-size: 18px !important;
	vertical-align: top;
}
.txtlistbox .item p {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	color: #666;
}
.txtlistbox .item .time {
	display: block;
	width: 90px;
	height: 66px;
	border-right: 1px solid #ddd;
	line-height: 20px;
	margin-right: 30px;
	color: #666;
	vertical-align: middle;
    zoom: 1;
	font-size: 16px;
}
.txtlistbox .item .time b {
	color: #666;
	display: block;
	font-size: 48px;
	line-height: 48px;
}
.txtlistbox .item:hover {
	border: 1px solid #0262d2;
	-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}









.n-yewu .textlist .item {
	width: 280px;
	height: 338px;
	margin-right: 26px;
}
.n-yewu .textlist .item:nth-child(4n) {
	margin-right: 0;
}
.n-yewu .textlist .item .img {
	width: 280px;
	height: 185px;
}
.n-yewu .textlist .item .txt {
	padding: 20px;
}
.n-yewu .textlist .item .txt .desc {
	height: 40px;
	padding-top: 5px;
	margin-bottom: 15px;
	line-height: 22px;
}
.n-yewu .textlist .item span {
	padding-top: 5px;
}
/* loaction */
.location {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	position: relative;
	z-index: 99;
	border-bottom: 1px solid #eee;
}
.location .w1200 {
	position: relative;
}
.location.fixt {
	position: fixed;
	top: 95px;
}
.location .sitepath {
	color: #363636;
	width: 400px;
	white-space: nowrap;
}
.location .sitepath s {
	width: 22px;
	height: 20px;
	background-position: 0 0;
	margin-right: 6px;
}
.location .sitepath a {
	color: #363636;
}
.location .sitepath a:hover {
	color: #0262d2;
}
.location .menu {
	height: 60px;
	line-height: 60px;
}
.location .menu span {
	width: 1px;
	height: 16px;
	margin: 0 16px 0 14px;
	background-position: -206px -36px;
}
.location .menu li {
	padding: 0;
	height: 60px;
	line-height: 60px;
	margin-left: 35px;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #363636;
	display: inline-block;
*display: inline;
*zoom: 1;
}
.location .menu li a {
	display: block;
	position: relative;
}
.location .menu li i {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #0262d2;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.location .menu li:hover i, .location .menu li.hover i {
	width: 100%;
	margin-left: -50%;
}
.location .menu li .box {
	width: 100%;
	text-align: left;
	position: absolute;
	left: 0;
	top: 80px;
	display: none;
}
.location .menu li .box dl {
	position: relative;
}
.location .menu li .box dd {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	margin-right: 14px;
	text-align: center;
	width: 158px;
}
.location .menu li .box dd .a1 {
	border: 1px solid #ddd;
	background: #f8f8f8;
	display: block;
}
.location .menu li .box dd s {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	background: #999;
	margin-right: 5px;
	display: none;
}
.location .menu li .box dd.hover .a1 {
	background: #fff;
	border: 1px solid #0262d2;
	color: #0262d2;
}
.location .menu li .box dd a:hover {
	background: #fff;
	border: 1px solid #0262d2;
	color: #0262d2;
}
.location .menu li.hover a {
	color: #0262d2;
}
.location .menu li.hover .box {
	display: block;
}
.location.fixt .menu .box {
	display: none !important;
}
.projectPage .list {
	padding-top: 0;
}
/*nybanner*/
.nybanner {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../image/nybanner.jpg);
}
/*teamPage*/
.teamPage {
	overflow: hidden;
}
.teamPage .gridlist34 {
	width: 104%;
	text-align: left;
}
.teamPage .gridlist34 .item {
	width: 380px;
	margin: 0 24px 30px 0;
	text-align: center;
}
.teamPage .gridlist34 .item h3 {
	height: 44px;
	overflow: hidden;
}
.teamPage .gridlist34 .item:first-child {
	margin-left: 0;
}
.teamPage .gridlist34 .item img, .teamPage .gridlist34 .item .bg, .teamPage .gridlist34 .item .plus {
	width: 380px;
	height: 213px;
}
/*searchPage*/
.searchPage {
	overflow: hidden;
}
.searchPage .list {
	padding-bottom: 20px;
	width: 105%;
}
.searchPage .gridlist .itemk {
	width: 100%;
	height: 168px;
	margin-bottom: 26px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fbfbfb;
}
.searchPage .gridlist .itemk a {
	width: 100%;
	display: block;
}
.searchPage .gridlist .itemk img {
	width: 300px;
	height: 169px;
	display: block;
	margin-right: 30px;
}
.searchPage .gridlist .itemk h3 {
	font-size: 20px;
	padding: 35px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #000;
}
.searchPage .gridlist .itemk .txt {
	color: #666;
	line-height: 24px;
	height: 48px;
	padding-right: 130px;
	overflow: hidden;
}
.searchPage .gridlist .itemk .time {
	width: 150px;
	padding-top: 45px;
	font-family: arial;
	font-size: 20px;
	color: #999;
}
.searchPage .gridlist .itemk .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
.searchPage .gridlist .itemk:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.searchPage .gridlist .itemk:hover h3 {
	color: #0262d2;
	text-indent: 5px;
}
.searchPage .gridlist .itemk:hover .time .day span {
	background: #6d6d6d;
}
.searchPage .gridlist .itemk:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.contactPage {
	padding: 0 0 0;
}
.contactPage .bcontact {
	padding-top: 30px;
}
.contactPage .bcontact .a3 {
	height: 131px;
}
.contactPage .bcontact .a3 img {
	width: 130px;
	display: block;
	margin: 0 auto;
}
.contactPage .txtcon img {
	max-width: 100%;
}
.contactPage .t2 {
	padding: 58px 0 48px;
	text-align: center;
}
.contactPage .t2 .titb {
	font-size: 30px;
	margin-bottom: 16px;
}
.contactPage .t2 .txt {
	font-size: 14px;
	line-height: 24px;
}
.contactPage .t2 .txt span {
	font-weight: bold;
	color: #0262d2;
}
.contactPage .mapArea {
	width: 100%;
	height: 400px;
	margin-top: 40px;
}
.contactPage .mapArea #allmap {
	width: 100%;
	height: 400px;
}
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 560px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	margin-right: 76px;
	margin-bottom: 30px;
	position: relative;
}
.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #cccccc;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px;
}
.formData .item .txt {
	width: 355px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #333;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}
.formData .item.mr0 {
	margin-right: 0;
}
.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 1198px;
	height: 240px;
	border: 1px solid #e5e5e5;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width: 1178px;
	height: 214px;
	line-height: 28px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width: 232px;
	line-height: 46px;
	border: 2px solid #0262d2;
	margin-right: 2px;
	text-align: center;
	background: #0262d2;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.formData .sub:hover {
	background: none;
	color: #0262d2;
}
.formData .yzm {
	width: 432px;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 3px;
	top: 3px;
	border: 0px;
	display: block;
}
.projectPage {
	overflow: hidden;
}
.projectPage .list {
	width: 105%;
}
/*newsPage*/
/*kuaiPage*/
.newsPage .list {
	padding-bottom: 30px;
}
.newsPage .item {
	height: 178px;
	transition: all .5s;
	border: 1px solid #f3f3f3;
	display: block;
	margin-bottom: 20px;
}
.newsPage .item a {
	padding: 26px;
	display: block;
}
.newsPage .item img {
	width: 168px;
	height: 126px;
	display: block;
	margin-right: 30px;
}
.newsPage .item h3 {
	font-size: 20px;
	padding: 25px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #000;
}
.newsPage .item .txt {
	color: #999;
	line-height: 24px;
	width: 640px;
	height: 48px;
	overflow: hidden;
}
.newsPage .item .time {
	width: 130px;
	padding: 20px 0 20px 45px;
	border-left: 1px solid #eee;
	font-family: arial;
	font-size: 18px;
	color: #999;
	text-align: center;
}
.newsPage .item .time .day {
	font-size: 30px;
	line-height: 45px;
	display: block;
}
.newsPage .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	margin-left: 15px;
}
.newsPage .item:hover h3 {
	color: #0262d2;
}
.newsPage .item:hover .time .day span {
	background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.yewuPage .list {
	padding-bottom: 30px;
}
.yewuPage .item {
	width: 100%;
	height: 160px;
	padding: 26px 0;
	transition: all .5s;
	border-bottom: 1px solid #f3f3f3;
}
.yewuPage .item:first-child {
	padding-top: 0;
}
.yewuPage .item a {
	width: 100%;
	display: block;
}
.yewuPage .item img {
	width: 340px;
	height: 160px;
	display: block;
	margin-right: 30px;
}
.yewuPage .item h3 {
	font-size: 18px;
	padding: 30px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #000;
}
.yewuPage .item .txt {
	color: #999;
	line-height: 24px;
	height: 48px;
	padding-right: 50px;
	overflow: hidden;
}
.yewuPage .item .time {
	width: 130px;
	padding: 25px 0 25px 45px;
	margin-top: 20px;
	border-left: 1px solid #eee;
	font-family: arial;
	font-size: 18px;
	color: #999;
}
.yewuPage .item .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
.yewuPage .item .time s {
	width: 14px;
	height: 18px;
	display: block;
	margin-top: 20px;
	background-position: -224px 0;
}
.yewuPage .item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	margin-left: 15px;
}
.yewuPage .item:hover h3 {
	color: #2a2d4c;
}
.yewuPage .item:hover .time .day span {
	background: #6d6d6d;
}
.yewuPage .item:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.yewuPage .item.items img {
	width: auto;
	max-width: 300px;
}
.fxitem {
	background: #fff;
	box-shadow: 0 0 1px #ddd;
	margin-bottom: 40px;
}
.fxitem .txtcon {
	width: 460px;
	padding: 68px;
	float: left;
}
.fxitem .txtcon .title {
	font-size: 28px;
	color: #2a2d4c;
}
.fxitem .txtcon .desc {
	margin: 20px 0 35px;
	line-height: 26px;
	height: 100px;
	overflow: hidden;
	color: #333;
	font-size: 16px;
}
.fxitem .txtcon .btn {
	height: 32px;
	line-height: 32px;
	border-radius: 20px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	border: 1px solid #ddd;
	text-align: center;
	width: 130px;
}
.fxitem .txtcon:hover .btn {
	background: #0262d2;
	color: #fff;
	border: 1px solid #0262d2;
}
.fxitem .img {
	width: 600px;
	height: 350px;
	overflow: hidden;
	display: block;
	float: right;
}
.fxitem .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.fxitem.it2 .txtcon {
	float: right;
}
.fxitem.it2 .img {
	float: left;
}
.jobPage {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}
.jobPage .title {
	width: 100%;
	height: 16px;
	position: relative;
	border-top: 1px solid #ccc;
}
.jobPage .title span, .jobPage .title h3 {
	position: absolute;
	left: 0;
	top: -14px;
	line-height: 28px;
	background: #fff;
	display: block;
	padding-right: 14px;
	font-size: 18px;
	color: #000;
}
.jobPage .title span b {
	font-weight: normal;
	color: #2a2d4c;
	display: inline-block;
	padding: 0 10px;
}
.jobPage .title h3 {
	color: #2a2d4c;
	font-weight: normal;
}
.jobPage .cont {
	padding-top: 20px;
}
.jobPage .cont .item {
	border: 1px solid #dcdcdc;
	border-left: 4px solid #0262d2;
	padding: 10px 20px 0;
	margin-bottom: 20px;
	position: relative;
}
.jobPage .cont .item .top {
	height: 65px;
	cursor: pointer;
}
.jobPage .cont .item .top span {
	display: inline-block;
}
.jobPage .cont .item .top span.sarry {
	color: #0262d2;
	margin-right: 36px;
}
.jobPage .cont .item .top .time {
	color: #999;
}
.jobPage .cont .item .top h3 {
	font-size: 18px;
	font-weight: normal;
	color: #0262d2;
}
.jobPage .cont .item .top p {
	display: block;
}
.jobPage .cont .item .bottom {
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
	padding-bottom: 20px;
}
.jobPage .cont .item .btn {
	width: 162px;
	height: 58px;
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: -18px;
	text-align: center;
	padding-right: 30px;
	line-height: 40px;
	color: #fff;
	background: url(jobbtn.png) no-repeat 0 0;
	display: none;
}
.jobPage .cont .item.hover {
	background: #f9f9f9;
}
.jobPage .cont .item.hover .btn {
	display: block;
}
.jobPage .left {
	width: 800px;
}
.jobPage .right {
	width: 350px;
}
.jobPage .right .item {
	margin-bottom: 74px;
}
.jobPage .right .item .cont {
	line-height: 28px;
}
.jobPage .right .item .cont img {
	margin-left: 10px;
}
/*****showPro****/
.showPro {
	padding-bottom: 30px;
}
.showPro .showImg {
	padding-bottom: 50px;
}
.showPro .photo {
	width: 540px;
}
.showPro .photo .jqzoom {
	width: 540px;
	height: 405px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	cursor: pointer;
}
.showPro .photo .zoomdiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
}
.showPro .photo .jqZoomPup {
	z-index: 999;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #eee;
	background: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	filter: alpha(Opacity=50);
}
.showPro .photo .img {
	width: 540px;
	height: 405px;
	display: block;
}
.showPro .photo .photoimg {
	width: 540px;
	height: 71px;
	margin-top: 12px;
	position: relative;
}
.showPro .photo .photoimg .list {
	width: 505px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.showPro .photo .photoimg .listcon {
	width: 300%;
}
.showPro .photo .photoimg .prev, .showPro .photo .photoimg .next {
	width: 12px;
	height: 30px;
	z-index: 10;
	position: absolute;
	top: 21px;
	cursor: pointer;
	background: url(spro-btn-ico.png) no-repeat 0 center;
}
.showPro .photo .photoimg .prev {
	left: 0;
}
.showPro .photo .photoimg .next {
	right: 0;
	background-position: -90px center;
}
.showPro .photo .photoimg a {
	width: 95px;
	height: 71px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 7px;
}
.showPro .photo .photoimg a img {
	width: 95px;
	height: 71px;
	display: block;
}
.showPro .photo .photoimg a.hover img {
	border: 3px solid #0262d2;
	width: 89px;
	height: 65px;
}
.showPro .imgtxtcon {
	width: 620px;
	height: 488px;
	float: right;
	position: relative;
}
.showPro .imgtxtcon .tit {
	font-size: 24px;
	color: #000;
	line-height: 30px;
	margin-bottom: 10px;
}
.showPro .imgtxtcon .mark {
	color: #888;
}
.showPro .imgtxtcon .line {
	width: 50px;
	height: 3px;
	display: block;
	background: #999999;
	margin: 20px 0;
}
.showPro .imgtxtcon .txtcon .title {
	font-size: 16px;
	margin-bottom: 10px;
}
.showPro .imgtxtcon .txt {
	line-height: 35px;
	height: 280px;
	overflow: hidden;
}
.showPro .imgtxtcon .btn {
	position: absolute;
	left: 0;
	bottom: 10px;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 135px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #0262d2;
}
.showPro .imgtxtcon .btn:hover {
	background: #444;
}
.showPro .showp_txt {
	padding: 0 0 50px 0;
	position: relative;
}
.showPro .showp_txt .tit {
	display: inline-block;
	padding-bottom: 7px;
	border-bottom: 2px solid #0262d2;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}
.showPro .showp_txt .txtcon {
	font-size: 14px;
	color: #000000;
	min-height: 70px;
	line-height: 26px;
}
.showPro .showp_txt .txtcon img {
	max-width: 100%;
	display: block;
}
.showPro .showp_txt.one {
	border-top: 0px;
	padding-top: 25px;
}
.showPro .showp_txt.one .tit {
	top: 25px;
}
/*showNews*/
.showNews .title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin: 10px 0 22px;
	font-weight: bold;
}
.showNews .mark {
	color: #999999;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
}
.showNews .showContxt {
	color: #666666;
	padding: 0 0 30px;
	line-height: 30px;
}
.showNews .showContxt img {
	max-width: 100%;
}
/* reLink */
.reLink {
	width: 100%;
	height: 25px;
	border-top: 1px solid #d7d6d6;
	padding: 15px 0 40px;
	font-size: 16px;
}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 25px;
	color: #666;
}
.reLink .nextLink a, .reLink .prevLink a {
	color: #666;
	font-size: 15px;
}
.reLink .nextLink {
	text-align: right;
}
.reLink a:hover {
	color: #0262d2;
}
span.bds_more, .bds_tools a {
	line-height: 14px !important;
}
/************** * Animations for content elements * **********/
/* 滞后 */
.delay100 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}
.delay200 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}
.delay300 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
.delay400 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}
.delay500 {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}
.delay600 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}
.delay700 {
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}
.delay800 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}
.delay900 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
}
.delay1000 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}
.delay1100 {
	-webkit-animation-delay: 1100ms;
	animation-delay: 1100ms;
}
.delay1200 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.delay1300 {
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms;
}
.delay1400 {
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms;
}
.delay1500 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
.delay1600 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}
.delay1700 {
	-webkit-animation-delay: 1700ms;
	animation-delay: 1700ms;
}
.delay1800 {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
}
.delay1900 {
	-webkit-animation-delay: 1900ms;
	animation-delay: 1900ms;
}
.delay2000 {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}
.delay2100 {
	-webkit-animation-delay: 2100ms;
	animation-delay: 2100ms;
}
.delay2200 {
	-webkit-animation-delay: 2200ms;
	animation-delay: 2200ms;
}
.delay2300 {
	-webkit-animation-delay: 2300ms;
	animation-delay: 2300ms;
}
.delay2500 {
	-webkit-animation-delay: 2500ms;
	animation-delay: 2500ms;
}
.delay2700 {
	-webkit-animation-delay: 2700ms;
	animation-delay: 2700ms;
}
.delay2900 {
	-webkit-animation-delay: 2900ms;
	animation-delay: 2900ms;
}
.delay3000 {
	-webkit-animation-delay: 3000ms;
	animation-delay: 3000ms;
}
.delay4000 {
	-webkit-animation-delay: 4000ms;
	animation-delay: 4000ms;
}
.delay4500 {
	-webkit-animation-delay: 4500ms;
	animation-delay: 4500ms;
}
.delay5000 {
	-webkit-animation-delay: 5000ms;
	animation-delay: 5000ms;
}
.onactive .animated {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.active .animated.fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
.onactive .flyInDown {
	-webkit-animation-name: flyInDown;
	animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInRight {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight;
}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.onactive .flyInUp {
	-webkit-animation-name: flyInUp;
	animation-name: flyInUp;
}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.onactive .flyInLeft {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.onactive .opacityI {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.onactive .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateY(6px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateY(6px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateY(6px);
}
100% {
-o-transform: translateY(0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-ms-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-ms-transform: translateY(6px);
}
100% {
-ms-transform: translateY(0);
}
}
.onactive .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}
/*# sourceMappingURL=style.css.map */
/*↓组图样式↓*/
.HS10, .HS15 {
	overflow: hidden;
	clear: both;
}
.HS10 {
	height: 10px;
}
.HS15 {
	height: 15px;
}
.Hidden {
	display: none;
}
.Clearer {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.FlLeft {
	float: left;
}
.FlRight {
	float: right;
}
/*幻灯片区域背景*/
.MainBg {
	width: 1200px;
	margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
	padding: 0;
}
#OriginalPic {
	width: 1200px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}
#OriginalPic img {
	display: block;
	min-width: 100px;
	margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	left: 0;
	cursor:pointer;
	background: url(space.png) repeat scroll 0 0 transparent;
}
.CursorR {
	position: absolute;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #FFF;
	right: 0;
	cursor: pointer;
	background: url(space.png) repeat scroll 0 0 transparent;
}
/*小图预览和滑动*/
.SliderPicBorder {
	width: 100%;
	overflow: hidden;
}
.ThumbPicBorder {
	width: 1200px;
	margin: 0 auto;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
}
.ThumbPicBorder #btnPrev {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	left: 20px;
	top: 20px;
}
.ThumbPicBorder #btnNext {
	width: 45px;
	height: 113px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}
.ThumbPicBorder .pic {
	width: 1025px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}
#ThumbPic img {
	border: 3px solid #ddd;
	cursor: pointer;
	background-color: #ddd;
	margin: 0 10px;
	width: 145px;
	height: 108px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
	border: 3px solid #0262d2;
}
/*↑组图样式↑*/

/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}


/* 浮动优惠窗 开始  */
.fudongchuang{
    width: 165px;
    height: 185px;
    position: fixed;
    left: 30px;
    top: 500px;
  }
  .fudongchuang .tu{
    width: 165px;
    height: 165px;
    display: block;
  }
  .fudongchuang .cha{
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 145px;
  }
  .float-ud {
    animation: float 3s ease-in-out infinite;
  
  }
  
  @keyframes float {
      0% {
          transform: translateY(0px);
      }
      50% {
          transform: translateY(-20px);
      }
      100% {
          transform: translateY(0px);
      }
  }
  
  /* [animation: float 4s ease-in-out infinite;
  这一句代码说的animation属性是一个简写属性，这其中用到了4个动画属性，分解开看：
  animation-name: float;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  
  下面我们就用到的那些属性看看具体意思：
  
  animation-name：是需要绑定到选择器的 keyframe 名称,实例中名称为：float
  animation-duration：规定完成动画所花费的时间，以秒或毫秒计。我们实例中设置的是4S。
  animation-timing-function：规定动画的速度曲线。我们设置的是参数是ease-in-out---动画以低速开始和结束。
  animation-delay：规定在动画开始之前的延迟。这个我们是默认是0秒
  animation-iteration-count：规定动画应该播放的次数，实例中我们设置infinite无限次播放。
  ] */
  /* 浮动优惠窗 结束 */
  
  /* 回顶部 开始 */
  .backtop{
    width: 100px;
    height: 100px;
    background-color: #853222;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    bottom: 200px;
    cursor: pointer;
  }
  .backtop:hover{
    background-color: #641d0f;
  }
  /* 回顶部 结束 */


  

/* 标题 */
.title{
    font-size: 16px;
    color: #2a2d4c;
    border-bottom: 1px solid #f2f2f2;
    font-weight: bold;
    padding: 10px 20px;
    margin: 40px auto;
}
/* 正文概述 开始 */
.zhengwen{
    width: 100%;
    
}
/* 正文概述 结束 */
/*  推荐下载 开始 */
  .card-content{
  
  }
  .card-content .item{
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 10px #eee;
  }
  /* ---------------------------------------门店图片动画开始 */
  .animated {
    animation-duration: 1s; /*动画时间*/
    animation-fill-mode: both; /*播放后的状态*/
  }
  
  .animated {
    animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
  }
  
  .animated {
    animation-duration: 2s; /*动画时间*/
  }
  .card-content .item:hover{
  animation-name:img; /*动画的名称*/
    transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
    cursor: pointer;
    box-shadow: 2px 2px 15px #ccc;
  }
  @keyframes img{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
  }
  .card-content .item .jiao{
    position: absolute;
    border-radius: 6px 0 0 0;
  }
  .card-content .item .product{
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
  }
  .card-content .item .one{
    margin: 0px 16px 0px 0;
    font-size: 12px;
    color: #999;
  }
  .card-content .item .one span{
    font-size: 18px;
    font-weight: bolder;
    margin-right: 5px;
  }
  .orange{
    color: #fd721f;
  }
  .green{
    color: #4caf50;
  }
  .blue{
    color: #2c9bf4;
  }
  .card-content .item .tit{
    font-size: 14px;
    color: #555;
    padding-top: 7px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f6f6f6;
  }
  .text-truncate-2{
    height: 50px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .card-content .item .bottom{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #666;
  }
  .card-content .item .bottom .money{
    background-color: #ffb800;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
  }
  .button-more{
    display: block;
    width:300px;
    margin: 30px auto;
    font-size: 12px;
    padding: 10px;
    border-radius: 6px;
  }
  /* -------------------------------------------------------------按钮颜色渐变  开始 */
  .btn-grad {
    color: #ffffff;
    background: linear-gradient(150deg, #853222 0%, #d1725f 50%, #853222 100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 260% 100%;
    background-position: right bottom;
    border: 0;
    line-height: 1.92;
  }
  .btn-grad.active, .btn-grad:active, .btn-grad:focus, .btn-grad:hover {
    color: #ffffff;
    background-position: left bottom;
  }
  .btn-grad.btn-sm, .btn-group-sm > .btn-grad.btn {
    line-height: 1.8;
  }
  /*----------------------------------------------------------- 按钮颜色渐变 结束 */
  /*  推荐下载 结束 */
  /* 新闻列表 开始*/
.news{
    background-color: #fff;
    padding-bottom: 60px !important;
  }
  
  .news li{
    color: #666;
    padding: 10px 20px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
  }
  .news li:hover{
    color: #853222;
    font-weight: bold;
    cursor: pointer;
  }
  /* 新闻列表 结束*/

  .fix-h-w{
	width: 100%;
	height: 168px !important;
  }
/* company_view 开始*/
.common-down{
    margin: auto;
    border-bottom: 1px solid #888;
    padding-bottom: 20px;
}
.common-down .tu{
    text-align: center;
    padding: 10px;
}
.common-down .info{
   margin-top: 10px;
}
.common-down .info .logoimg{
   width: 40px;
   height: 40px;
   margin-right: 10px;
}
.common-down .info h3{
    padding: 15px 0 10px;
    font-weight: bold;
    color: #555;
}
.common-down .info .money{
    text-align: right;
    padding: 15px 0 10px;
    color: #f86600;
    font-size: 26px;
    font-weight: bold;
}
.common-down .info .money-sj{
    padding: 15px 0 10px;
    color: #f86600;
    font-size: 26px;
    font-weight: bold;
}
.common-down .msg{
    color: #999;
}
.common-down .msg i{
    margin: 0 10px;
}
.common-down .msg img{
    width: 30px;
    height: 30px;
    border-radius: 3px;
    margin-left: 10px;
}
.common-down .info .li{
    background-color: #fdf4e8;
    display:inline-block;
    font-size: 11px;
    color: #f86600;
    padding: 0px 10px;
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 15px;
}
.common-down .jifen{
    margin: 20px 0 10px;
}
.common-down .jifen span{
    color: #f86600;
    font-size: 26px;
    font-weight: bold;
}
.common-down .jifen span.world{
    color: #555;
    font-size: 16px;
    margin-right: 10px;
}
.common-down .jifen p{
    font-size: 14px;
    font-weight: bold;
    color: #888;
}
.common-down .jifen p.world{
    font-size: 16px;
    color: #fa0c11;
}
.common-down .number{
    font-size: 15px;
    color: #555;
}
.common-down .number input{
    border:none;
    outline:medium;
    width: 60px;
}
.common-down .number .fuzhi{
    font-size: 13px;
    color: #40a9ff;
    background-color: #eff6fc;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}
.common-down .vip{
  font-size: 13px;
  color: #888;
  margin: 15px 0 10px;
}
.common-down .vip span{
  margin-right: 15px;
}

.common-down .vip .people{
  margin: 0 20px 0 5px;
  font-size: 10px;
  color: #8b3523;
}
.common-down .vip .fen{
  color: #8b3523;
}
.common-down .vip .pay{
  padding: 5px 20px;
  background: linear-gradient(-45deg, #fac8c9, #ffac61);
  color: #fff;
  border-radius: 25px;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 0 10px #eee;
}
.common-down .vip .pay:hover{
  background: linear-gradient(-45deg, #ff9979, #ff9089);
}
.common-down .xiazai a{
    width: 186px;
    height: 46px;
    background-color: #fa0e13;
    color: #fff;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 46px;
    margin-top: 20px;
    cursor: pointer;
    margin-right: 10px;
}
.common-down .xiazai_btn a{
  width: 186px;
  height: 46px;
  background-color: green;
  color: #fff;
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 46px;
  margin-top: 20px;
  cursor: pointer;
  margin-right: 10px;
}
.common-down .xiazai a:hover{
    background-color: #ec080c;
}
.common-down .lianxi a{
  width: 186px;
  height: 46px;
  background-color: #333333;
  color: #fff;
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 46px;
  margin-top: 20px;
  cursor: pointer;
  margin-right: 10px;
}
.common-down .lianxi a:hover{
  background-color: #5c5b5b;
}
@media (max-width: 767.98px) {
  .common-down .xiazai a{
    width: 166px;
    margin-right: 20px;
}
.common-down .lianxi a{
  width: 166px;
}
.common-down .vip span{
  margin-right: 10px;
}
.common-down .vip .people{
  margin: 0 10px 0 2px;
}
}
/* company_view 结束*/


/**/
.base-color{color: #343a40 !important;}
.bg-color{ 
    background-color: #00a4ff !important;
}
.text-color{ 
  color: #00a4ff !important;
}
.font-size-8{
  font-size: 14px !important;
}
.font-8{
  font-size: 8px !important;
}
.font-6{
  font-size: 6px !important;
}
.font-7{
  font-size: 7px !important;
}
.font-9{
  font-size: 9px !important;
}
.font-10{
  font-size: 10px !important;
}
.font-11{
  font-size: 11px !important;
}
.font-12{
  font-size: 12px !important;
}
.font-13{
  font-size: 13px !important;
}
.font-14{
  font-size: 14px !important;
}
.font-15{
  font-size: 15px !important;
}
.font-20{
  font-size: 20px !important;
}
.required_color{color:#dc3545 !important;}
.gray{color:gray !important;}
.gray-c{color:#ccc !important;}
.red{color:red !important;}
.green{color:green !important;}
.yellow{color:yellow !important;}
.orange{color:orange !important;}
.blue{color:blue !important;}
.blue1{background-color:#00a4ff !important;}
.blue2{color:#00a4ff !important;}
.class-blue{color:#1e9fff !important;}
.brown{color:brown !important;}
.purple{color:purple !important;}
.pink{color:pink !important;}
.black{color:black !important;}
.cyan{color:cyan !important;}
.white{color:white !important;}
.gold{color:gold !important;}
.silver{color:silver !important;}
.pointer{cursor: pointer !important;}
.wuse{background-color: rgba(0, 0, 0, 0) !important;color: #333 !important;}
.jump-to{
    height:20px !important;
    line-height:20px !important;
    width:30px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}
.admin-logo{
  height:25px !important;
  width:25px !important;
  margin-top: 4px !important;
  box-shadow: none;
}
.login-logo{
  height:65px !important;
  width:65px !important;
}
.brand-link{
  padding: 5px; background-color: #fff ;color: #000 !important;
}
.border-bottom-1{
    border-bottom: 1px solid #ccc;
}
.border-gray-1{
    border: 1px solid #ccc;
}
.border-gray-2{
    border: 1px solid #f5f5f5 !important;
}
.border-0{
    border: 0px !important;
}
.border-white-1{
    border: 1px solid #fff;
}
.sm-btn{
    font-size: 12px !important; 
    padding: 0 8px !important;
}
.nav-list-btn{   
    font-size: 12px !important; 
    padding: 0 5px !important;
    line-height: 15px !important;
    background-color: #00a4ff !important;
    border: 1px solid #00a4ff !important;
    margin: 3px !important;
}
#editor-wrapper {
    border: 1px solid #ccc;
    z-index: 100; /* 按需定义 */
}
#toolbar-container { 
    border-bottom: 1px solid #ccc; 
}
#editor-container { 
    height: 360px; 
}
.table_option{
  font-size: 14px !important;
  padding: 3px !important;
}
.user-box{font-size: 14px !important;color: #343a40 !important; }
.table-img-10{width: 25px !important;height: 25px !important;font-size: 10px !important; }
.table-img-16{width: 16px !important;height: 16px !important;font-size: 16px !important; }
.width-25{width: 25% !important;}
.width-50{width: 50% !important;}
.width-60{width: 60% !important;}
.width-70{width: 70% !important;}
.width-80{width: 80% !important;}
.width-85{width: 85% !important;}
.width-90{width: 90% !important;}
.width-100{width: 100% !important;}
.display-none{display:none;}
.nodisplay{display:none !important;}
.displayblock{display: block !important;}
.border-radius-0{border-radius: 0px !important;}
.border-radius-2{border-radius: 2px !important;}
.border-radius-3{border-radius: 3px !important;}
.border-radius-5{border-radius: 5px !important;}
.border-radius-8{border-radius: 8px !important;}
.mt-0-1{margin-top: -1px !important;}
.mt-0-4{margin-top: -4px !important;}
.mt-0-5{margin-top: -5px !important;}
.mt-0-6{margin-top: -6px !important;}
.mt-0-10{margin-top: -10px !important;}
.mt-0-15{margin-top: -15px !important;}
.mt-0{margin-top: 0px !important;}
.mt-1{margin-top: 1px !important;}
.mt-2{margin-top: 2px !important;}
.mt-3{margin-top: 3px !important;}
.mt-4{margin-top: 4px !important;}
.mt-5{margin-top: 5px !important;}
.mt-6{margin-top: 6px !important;}
.mt-8{margin-top: 8px !important;}
.mt-10{margin-top: 10px !important;}
.ml-0-5{margin-left: -5px !important;}
.ml-0-10{margin-left: -10px !important;}
.ml-0-15{margin-left: -15px !important;}
.ml-12{margin-left: 12px;}
.mr-0{margin-right: 0px !important;}
.mr-1{margin-right: 1px !important;}
.mr-2{margin-right: 2px !important;}
.mr-3{margin-right: 3px !important;}
.mr-4{margin-right: 4px !important;}
.mr-5{margin-right: 5px !important;}
.mr-6{margin-right: 6px !important;}
.mr-8{margin-right: 8px !important;}
.ml-0{margin-left: 0px !important;}
.ml-1{margin-left: 1px !important;}
.ml-2{margin-left: 2px !important;}
.ml-3{margin-left: 3px !important;}
.ml-4{margin-left: 4px !important;}
.ml-5{margin-left: 5px !important;}
.ml-6{margin-left: 6px !important;}
.ml-8{margin-left: 8px !important;}
.ml-10{margin-left: 10px !important;}
.ml-11{margin-left: 11px !important;}
.ml-12{margin-left: 12px !important;}
.ml-13{margin-left: 13px !important;}
.ml-14{margin-left: 14px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.padding-0{padding: 0px !important;}
.padding-1{padding: 1px !important;}
.padding-2{padding: 2px !important;}
.padding-3{padding: 3px !important;}
.padding-4{padding: 4px !important;}
.padding-5{padding: 5px !important;}
.padding-6{padding: 6px !important;}
.padding-8{padding: 8px !important;}
.padding-10{padding: 10px !important;}
.padding-tb-0{padding: 0px !important;}
.padding-tb-1{padding: 1px 0 !important;}
.padding-tb-2{padding: 2px 0 !important;}
.padding-tb-3{padding: 3px 0 !important;}
.padding-tb-4{padding: 4px 0 !important;}
.padding-tb-5{padding: 5px 0 !important;}
.padding-tb-6{padding: 6px 0 !important;}
.padding-tb-8{padding: 8px 0 !important;}
.padding-tb-10{padding: 10px 0 !important;}
.padding-top-15{padding-top: 15px;}
.padding-lr-0{padding: 0px !important;}
.padding-lr-1{padding: 0 1px !important;}
.padding-lr-2{padding: 0 2px !important;}
.padding-lr-3{padding: 0 3px !important;}
.padding-lr-4{padding: 0 4px !important;}
.padding-lr-5{padding: 0 5px !important;}
.padding-lr-6{padding: 0 6px !important;}
.padding-lr-8{padding: 0 8px !important;}
.padding-lr-10{padding: 0 10px !important;}
.dropdown{
    padding: 3px;
}
.table-table-edit-input{
    border: 0px !important; 
    width:100% !important;
}
.table-img{
    width: 16px !important; 
    height: 8px !important;
}
.table-video{
    width: 16px !important; 
    height: 8px !important;
}
.table-switch{}
.table-user{}
.table-member{}
.table-file{}
.table-link{}
.table-select{}
.table-radio{}
.table-checkbox{}
.table-datetimepicker{}
.table-button{}
  
.bottom div {
    display: inline-block !important;
  }

  #tableData_paginate {
    float: right !important;
  }

  #tableData_length {
    margin-left: 10px !important;
  }

  .customer .dropdown-toggle::after {
    display: none !important;
  }

  .customer .btn-secondary {

    background-color: white !important;

  }

  /*右边显示列*/
  .colvis-btn {
    width: 26px !important;
    height: 16px !important;
    font-size: 8px!important;
    padding: 0!important;
    border: 0px !important;
    background-color: #00a4ff !important;
    margin-bottom: -10px !important;
  }

  /*右边显示列*/
  .export-btn {
    width: 26px !important;
    height: 16px !important;
    font-size: 8px!important;
    padding: 0 !important;
    margin-bottom: -10px !important;
  }

  .tb-select{
    font-size: 12px;
    height: 26px;
  }

  .search-btn{
    padding: 2px 0 !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    background-color: #00a4ff !important;
    border:1px solid #00a4ff !important;
  }

  .screeningTime{
    font-size: 14px !important; 
    width: 156px !important;
    border:1px solid #00a4ff !important;
  } 
  
  .keywords{
    font-size: 14px !important;
    width: 126px !important;
    border:1px solid #00a4ff !important;
  }

  .width-25{
    width: 25px !important;
  }

  .width-90{
    width: 90px !important;
  }

  .form-check-input:checked {
    background-color: #28a745 !important;
    border-color:#28a745 !important;
  }
  .table-thead{
    font-size: 14px !important;
    background-color: #f9fafd !important;
  }
  
  .font-size-14{
    font-size: 14px !important;
  }
  .child_item_14{margin-left: -14px !important;}

  .input_upload_img_url input{
    display: none !important;
  }

  .btn_media{
    font-size: 16px;
    font-weight: bold;
    color: #888;
    border: none;
    padding: 6px 20px;
    border-radius: 6px !important;
    border: 1px solid #ccc;
  }
  
  .tubiao{
    margin-left: 10px;
  }

  .layui-upload-img{
    margin: 0 10px !important;
    border-radius: 6px !important;
  }
  .change_select{
    font-size: 14px !important;
    height: 20px !important;
  }
  .second-level-col{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .search-input{
    border:1px solid #00a4ff !important;
    width: 100% !important;
  }
  .bt-5{
    margin-bottom: 5px !important;
  }
  .btn-bar-left{
    border: 1px solid #cccccc !important;
    color: #333333 !important;
    padding: 0 6px !important;
    border-radius: 0 !important;
  }
  .btn-bar-left i{
    font-size: 12px !important;
  }

/* .layui-layer-setwin .layui-layer-close2{
  width: 30px!important; 
  height: 30px!important; 
} */

.row-left{
  width:50%;display: block;
}
.row-right{
  width: 50%;display: block;
}
.mr-30{
  margin-right: 30px;
}
.user-box{
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
}

.body-item{
  width: 100%;box-sizing: border-box;
  color: #555;
  font-size: 14px;
  padding-left: 15px;
}
.body-item .item{
  box-sizing: border-box;
  padding: 5px;
}
.body-item .item .one-card{
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px #eee;
  padding-bottom: 15px;
}
.body-item .item .hang{
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.body-item .item .hang2{
  box-sizing: border-box;
  padding: 10px;
  color: #666;
}
.body-item .item .hang2 img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #eee;
  margin-right: 10px;
}
.body-item .item .hang2 h6{
  font-size: 15px;
}
.body-item .item .hang2 p{
  font-size: 12px;
  color: #1bf050;
}
.body-item .item .hang3{
  box-sizing: border-box;
  padding:3px 10px;
  font-size: 13px;
  color: #999;
}
.body-item .item .hang4{
  height: 70px;
  line-height: 70px;
  font-size: 30px;
}
.color-lv{
  color: #4d8d55;
}
.body-item .item .hang5{
  /* height: 70px;
  line-height: 70px; */
  font-size: 24px;
  margin: 20px 0;
}
@media(max-width:768px){
  .body-item .item .hang5{
    font-size: 16px;
  }
}
@media(max-width:992px){
  .body-item .item .hang5{
   font-size: 24px;
  }
}
@media(max-width:1200px){
  .body-item .item .hang5{
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .inputkuang input{
    height: 20px;font-size: 12px;
    width: 120px;
  }
  .title6{
    width: 100px;
  }
  .title7{
    width: 60px;
  }
  
}
@media screen and (min-width:1200px) and (max-width: 1399px) {
  .inputkuang input{
    height: 20px;font-size: 10px;
    width: 100px;
  }
}

@media (max-width: 1199px){
    .title6{
    width: 120px;
}
.title7{
    width: 120px;
}
}
.ht-item {
  padding: 20px 20px 0;
  box-sizing: border-box;
}

.ht-item .bgcolor {
  background-color: #dbdefd;
  color: #727cf5;
  padding: 10px;
  border-radius: 3px;
}

.ht-item .tit {
  font-weight: bold;
  color: #333 !important;
}

.ht-item .card-header {
  border-bottom: 0px !important;
}

.zhanweitubiao {
  width: 100%;
  height: 238px;
  background-color: #727cf5;
}

.chart-content-bg {
  background-color: #f6f7fb;
  padding: 30px 0 10px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.progress-w-percent {
  min-height: 20px;
  margin-bottom: 20px
}

.progress-w-percent .progress {
  width: calc(100% - 50px);
  float: left;
  margin-top: 8px
}

.progress-w-percent .progress-value {
  width: 40px;
  float: right;
  text-align: right;
  line-height: 20px
}

.widget-flat {
  position: relative;
  overflow: hidden
}

@media (min-width:1200px) and (max-width:1500px) {
  .widget-flat i.widget-icon {
    display: none
  }
}

.progress-sm {
  height: 5px
}

.chart-widget-list p {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  margin-top: 20px;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.45rem + var(--ct-border-width));
  padding-bottom: calc(.45rem + var(--ct-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.table-striped {
  height: 30px;
  line-height: 30px;
}

.ht-item .lh50 {
  height: 50px;
  line-height: 50px;
}

.ht-item .yanse {
  font-size: 10px;
  color: #727cf5;
  background-color: #dbddf7;
  padding: 2px 6px;
  border-radius: 3px;
}

.ht-item .mb11 {
  margin-bottom: 19px;
}
.ht-item .bg-warning-lighten{
  background-color: #fef8e7;
  font-size: 16px;
  padding: 15px;
}
.ht-item .bg-success-lighten{
  background-color: #ecfbf5;
  font-size: 16px;
  padding: 15px;
}
.ht-item .bg-primary-lighten{
  background-color: #ebf3ff;
  font-size: 16px;
  padding: 15px;
}
.file-upload-height{
  width: 100%;
  height: 30px !important;
}

/* 复选框颜色 */
/* .layui-form-checked[lay-skin=primary] i{
  border-color:#00a4ff !important;
  background-color:#00a4ff !important;
  color:#fff !important;
  font-weight: bold;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
  border-color:#00a4ff !important;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
  color: #00a4ff !important;
}
.layui-form-radio {
  color: #333;
  } */

/* 强制对齐 */
.layui-input-block-my{
  margin-left: 80px !important;
}
.layui-flexcenter{
  display: flex;
  align-items: center;
}
.layui-text-center{
  text-align: center !important;
}
.layui-text-right{
  text-align: right !important;
}
.layui-text-left{
  text-align: left !important;
}

.layui-margin-right{
  margin: 0 10px !important;
}
.delete-able-btn{
  font-size: 20px !important;
  color: #ff5722 !important;
  cursor: pointer;
}
.delete-disable-btn{
  font-size: 20px !important;
  color: #cccccc !important;
}
.media-able-btn{
  color:#00a4ff !important;
  cursor: pointer;
}
.media-disable-btn{
  color:#cccccc !important;
}
.user-icon-box{
  height: 54px !important;
}
.user-icon-img{
  width:15px;height: 15px;
}
.layui-flexcenter-height{
  height: 40px;
}
/* 去padding加宽标题 */
.layui-form-label1{
  padding: 9px 5px 9px 0px!important;
}
/* 标题 */
.layui-title2{
  color: #666;
  margin: 15px 0 0px !important;
}
.form-label-bold{
  font-weight: bold;
}
.form-label-500{
  font-weight: 500 !important;
}
.border-0{border: 0px !important;}
/* 一行四个行高 */
.layui-col-md3{
}
.height-54{
  height: 54px !important;
}
.height-54-nin{
  height: 54px;
}
@media (min-width: 993px) {
  .infocontent{
	width: calc(100% - 76px);
	margin-left: 76px;
  }
}
.text-right-padding{
  text-align: right;
  padding: 10px;
}



@page{
  margin-top: 1mm;
  margin-bottom: 1mm;
}

.page-wrap{
  width: 960px;margin-left:auto;margin-right:auto;padding:40px 8px;background:#fff;border: 1px solid #000;box-sizing: border-box;margin-bottom: 40px;
}
.page-wrap .title{font-weight: normal;margin: auto;text-align: center;margin-bottom: 40px;}
.page-wrap .content-box .info{box-sizing: border-box;height: 50px;line-height: 50px;font-size: 16px;border: 1px solid #f8f8f8;}
.page-wrap .content-box .info b{width: 60px;display: inline-block;}
.page-wrap .tit{
  font-weight:600;
  padding-right: 5px;
}
.page-wrap .center{
  text-align: center;
}

.infomore{
  padding: 8px;
}
.infomore h6{
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.infomore .duo{
  font-size: 15px;
}
.page-wrap .footer-print{
  margin: 20px 0;text-align: right;width: 100%;
}
/* company_list 页面搜索 */
.search19 i{
	position: absolute;font-size: 20px;color: #999;line-height: 40px;padding-left: 15px;
}
.search19 input{
	width: 100%;height: 40px;box-sizing: border-box;padding-left: 40px;border: 1px solid #999;border-radius: 30px;
}
.search19 div{
	line-height: 30px;height: 30px;background-color: #2a2d4c;color: #fff;max-width: 100px;text-align: center;border-radius: 20px;margin-top: -35px;margin-left: calc(100% - 110px);
}
/* 首页右侧浮动框 开始 */
@font-face { font-family: jdcfont; src: url(../fonts/jdcfont.eot); src: url(../fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../fonts/jdcfont.woff) format("woff"), url(../fonts/jdcfont.ttf) format("truetype"), url(../fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
/* .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode.jpg) } */
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #0262d2; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0262d2; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #0262d2; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0262d2; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #000; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }
/* 首页右侧浮动框 结束 */