@charset "utf-8";

.header {
	min-width: 1200px;
}

.footer {
	min-width: 1200px;
	background: #272a37\9;
}

.slideBox-prev,
.slideBox-next {
	margin-top: -67px !important;
}

.body-container .advantage.grey {
	margin-top: 40px;
	padding-bottom: 220px;
}

.footer .copy {
	margin-bottom: 10px;
}

.body-container {
	min-width: 1200px;
}

.produce {
	min-width: 1200px;
}

.banner {
	min-width: 1200px;
}

.details-banner {
	min-width: 1200px;
}

.body-container .works-list {
	width: 1200px !important;
}

.body-container .cooperation .link-logo-list {
	width: 1200px !important;
}

.body-container .custom-fl5 .case5-list {
	width: 1200px !important;
}

/*屏蔽*/
#qiao-invite-wrap {
	display: none !important;
}

#qiao-icon-wrap {
	display: none !important;
}

.kefu {
	display: none !important;
}

#LXB_CONTAINER {
	z-index: -1 !important;
}

/*侧栏*/
.celan {
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 99999;
}

.celan li {
	list-style: none;
	margin-top: 5px;
	position: relative;
}

.celan li:first-child {
	margin-top: 0;
}

.celan li a {
	width: 60px;
	display: block;
	padding-top: 40px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.celan li a:hover {
	background-color: #ff7000;
}

.celan .cl-phone {
	background: #ff7000 url(../images/cl_tel.png) no-repeat center 5px/auto 30px;
}

.celan .cl-qq {
	background: #ff7000 url(../images/cl_qq.png) no-repeat center 5px/auto 30px;
}

.celan .cl-zx {
	background: #ff7000 url(../images/cl_zx.png) no-repeat center 5px/auto 30px;
}

.celan .cl-chat {
	background: #ff7000 url(../images/cl-chat.png) no-repeat center 3px/auto 40px;
}

.celan .cl-top {
	background: #ff7000 url(../images/cl_top.png) no-repeat center 10px/auto 25px;
}

.celan .cl-phone {
	background: #ff7000 url(../images/cl_tel8.png) no-repeat center 5px\9;
}

.celan .cl-qq {
	background: #ff7000 url(../images/cl_qq8.png) no-repeat center 5px\9;
}

.celan .cl-zx {
	background: #ff7000 url(../images/cl_zx8.png) no-repeat center 5px\9;
}

.celan .cl-top {
	background: #ff7000 url(../images/cl_top.png) no-repeat center 10px\9;
}

.celan .cl-qq-h:hover .cl-qqzx {
	display: block;
}

.celan .cl-qqzx {
	position: absolute;
	display: none;
	top: 0;
	right: 60px;
	width: 125px;
	height: 110px;
}

.celan .cl-qqzx .left {
	display: none;
	float: left;
	width: 110px;
	padding-top: 80px;
	background: url(../images/cl_qq_max.png) no-repeat center 20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.celan .cl-qqzx .right {
	float: left;
	margin-left: 10px;
	padding: 10px 0;
}

.celan .cl-qqzx .right a {
	display: block;
	padding: 0 0 0 22px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background: url(../images/cl_qq_min.png) no-repeat 0 center;
}

.celan .cl-phone-h {
	position: relative;
}

.celan .cl-phonezx {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 235px;
	height: 155px;
	background-color: #ff7000;
}

.celan .cl-phonezx img {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.celan .cl-phonezx h3 {
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-top: 20px;
}

.celan .cl-phonezx input[type='text'] {
	display: block;
	width: 180px;
	height: 35px;
	margin: 10px auto;
	border-radius: 5px;
	border: none;
	text-align: center;
	color: #666;
}

.celan .cl-phonezx input[type='button'] {
	display: block;
	width: 180px;
	height: 35px;
	margin: 10px auto;
	background-color: rgb(255, 94, 0);
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
}

.cl-chat-box {
	position: relative;
}

.cl-chat-box div {
	display: none;
	position: absolute;
	right: 70px;
	top: 0;
	width: 200px;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 0px 8px 0px rgba(23, 23, 23, 0.5);
}

.cl-chat-box:hover div {
	display: block;
}

.cl-chat-box:hover .cl-chat {
	background: #FF8800 url(../images/cl-chat.png) no-repeat center 3px/auto 40px;
}

.cl-chat-box div img {
	width: 100px;
	height: 100px;
	margin-top: 17px;
}

.cl-chat-box div p {
	font-size: 16px;
	line-height: 44px;
	color: #111;
}

/*弹窗*/
.tk-bd {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999999;
	width: 520px;
	height: 245px;
	margin: -125px 0 0 -250px;
	background-color: rgba(255, 102, 0, 0.9);
	border: solid 6px rgba(255, 102, 0, 0.9);
	padding-top: 15px;
	background: #ff7000\9;
	border: solid 6px #ff7000\9;
}

.tk-bd .esc {
	position: absolute;
	top: -17px;
	right: -17px;
	width: 24px;
	height: 24px;
	background: url(../images/tv_uielements.png) no-repeat -12px -73px;
	cursor: pointer;
}

.tk-bd .esc:hover {
	background-position: -49px -73px;
}

.tk-bd p {
	line-height: 50px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-bottom: 0;
}

.tk-bd h4 {
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.tk-bd .left {
	float: left;
	width: 280px;
	margin-top: 5px;
	border-right: dashed 1px #ddd;
	margin-left: 16px;
}

.tk-bd .left input[type='text'] {
	display: block;
	width: 150px;
	height: 38px;
	margin: 20px auto;
	border: solid 1px #ddd;
	border-radius: 5px;
	text-align: center;
	color: #ff7000;
	float: left;
}

.tk-bd .left input[type='button'] {
	display: block;
	width: 85px;
	height: 40px;
	margin: 20px auto;
	background-color: #fff;
	border-radius: 5px;
	border: none;
	color: #ff7000;
	cursor: pointer;
}

.tk-bd .right {
	float: left;
	margin-top: 5px;
	margin-left: 12px;
}

.tk-bd .right a {
	display: block;
	line-height: 42px;
	background: #fff url(../images/cl_q_min.png) no-repeat 30px center;
	padding-left: 60px;
	margin: 20px 0 0 20px;
	width: 100px;
	color: #ff7000;
	border-radius: 5px;
}

.tk-bd {
	width: 420px;
	height: 185px;
	margin: -114px 0px 0px -210px;
	padding-top: 30px;
}

.tk-bd img {
	width: 46px;
	margin-right: 20px;
	position: relative;
	top: 10px;
	top: -4px;
}

.banner {
	overflow: hidden
}

.banner .swiper {
	overflow: hidden
}

.banner .swiper .swiper-pagination {
	height: 20px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 4;
	text-align: center;
}

.banner .swiper .swiper-pagination-switch {
	width: 14px;
	height: 14px;
	background: #fff;
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
}

.banner .swiper .swiper-pagination-switch.swiper-active-switch {
	background-color: #007aff;
}

.banner .swiper .cover {
	line-height: 0;
	display: block;
	text-align: center;
}

.banner .swiper .cover .cover-img {
	max-width: 100%;
}

.banner .swiper .action {
	width: 52px;
	height: 134px;
	background-image: url("../images/bt_arr.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -67px;
	cursor: pointer;
	z-index: 2;
}

.banner .swiper .action.prev {
	background-position: 0px 0px;
	left: -52px;
	transition: left .3s ease-in-out;
}

.banner .swiper .action.prev.active {
	left: 0;
}

.banner .swiper .action.prev:hover {
	background-position: 0px -144px;
}

.banner .swiper .action.next {
	background-position: -68px 0px;
	right: -52px;
	transition: right .3s ease-in-out;
}

.banner .swiper .action.next.active {
	right: 0;
}

.banner .swiper .action.next:hover {
	background-position: -68px -144px;
}

.body-container .mark1 {
	text-align: center;
	color: #FF7000;
	font-size: 30px;
	padding: 60px 0 20px;
	line-height: 50px;
}

.body-container .mark1 img {
	margin: 0 20px 0 0;
	vertical-align: -10%;
}

.body-container .mark2 {
	text-align: center;
	font-size: 16px;
	color: #666;
	height: 20px;
	line-height: 20px;
	margin: 0 0 40px 0;
}

/*3D旋转外轮廓*/
.logo_box {
	width: 25%;
	float: left;
	height: 240px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	border-left: 0;
	border-top: 0px;
	position: relative;
	/*perspective: 500px;内容放大*/
}

.logo_box .logo_box_con {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	height: 240px;
	/*不能写100%*/
}

.logo_box:hover .logo_box_con {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.logo_box .logo_box_con>div {
	width: 100%;
	height: 100%;
	position: absolute;
}

/*不能写relative*/
.logo_box .top {
	background-color: #f6f6f6;
	-webkit-transform: translate3d(0, 0, 120px);
	-moz-transform: translate3d(0, 0, 120px);
	-ms-transform: translate3d(0, 0, 120px);
	transform: translate3d(0, 0, 120px);
}

.logo_box .bottom {
	background-color: #f60;
	-webkit-transform: rotateX(90deg) translate3d(0, 0, 120px);
	-moz-transform: rotateX(90deg) translate3d(0, 0, 120px);
	-ms-transform: rotateX(90deg) translate3d(0, 0, 120px);
	transform: rotateX(90deg) translate3d(0, 0, 120px);
}

.logo_box .top img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
	border: none;
	margin: -50px 0 0 -84px\9;
}

.logo_box .bottom p {
	text-align: center;
	position: absolute;
	top: 43%;
	left: 50%;
	width: 260px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	line-height: 2;
}

.logo_box .bottom p span {
	font-size: 18px;
}

.isIe .logo_box .logo_box_con {}

.isIe .logo_box:hover .logo_box_con {
	transform: translateY(240px);
	-ms-transform: translateY(240px);
}

.isIe .logo_box .logo_box_con>div {
	position: relative;
}

.isIe .logo_box .bottom {
	transform: translateY(-480px);
	-ms-transform: translateY(-480px);
}

.body-container .consultation-list {
	width: 1230px;
	list-style: none;
	overflow: hidden;
	margin: 0 0 50px 0;
}

.body-container .consultation-list .item {
	float: left;
	width: 33.3%;
}

.body-container .consultation-list .item .in {
	margin: 0px 30px 0 0;
	border: 1px solid #ddd;
	padding: 0 0 30px 0;
	background: #ffffff;
}

.body-container .consultation-list .item .cover {
	line-height: 0;
	position: relative;
	overflow: hidden;
}

.body-container .consultation-list .item .cover .effect {
	transition: all .4s ease-in-out;
}

.body-container .consultation-list .item .cover .opc {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background-color: #000;*/
	opacity: 0;
	z-index: 1;
}

.body-container .consultation-list .item .cover .opc.active {
	opacity: 0.5;
}

.body-container .consultation-list .item .cover .left-v {
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #FF7000;
	left: -20%;
	top: 50%;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	z-index: 2;
	opacity: 0.8;
}

.body-container .consultation-list .item .cover .left-v.active {
	left: 50%;
}

.body-container .consultation-list .item .cover .right-v {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url("../images/r_f.png") no-repeat center center;
	right: -20%;
	top: 50%;
	margin: -40px -40px 0 0px;
	z-index: 3;
}

.body-container .consultation-list .item .cover .right-v.active {
	right: 50%;
}

.body-container .consultation-list .item .cover .top-v {
	position: absolute;
	top: -20%;
	left: 0;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #FF7000;
	font-size: 24px;
	font-weight: bold;
	z-index: 4;
	text-shadow: 0 0 3px rgba(179, 79, 0, 0.29);
}

.body-container .consultation-list .item .cover .top-v.active {
	top: 45px;
}

.body-container .consultation-list .item .cover img {
	width: 100%;
}

.body-container .consultation-list .item .mark3 {
	padding: 30px 0 10px 0;
	color: #333;
	font-size: 22px;
	text-align: center;
}

.body-container .consultation-list .item .mark4 {
	height: 20px;
	line-height: 20px;
	color: #999;
	font-size: 14px;
	text-align: center;
}

.body-container .consultation-list .item .ac-group {
	text-align: center;
	padding: 15px 0 0;
}

.body-container .consultation-list .item .ac-group .ac {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	border: 1px solid #FF7000;
	background-color: #FF7000;
	text-align: center;
	width: 115px;
	text-decoration: none;
	border-radius: 5px;
	transition: all .3s ease;
}

.body-container .consultation-list .item .ac-group .ac.right {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
	margin-left: 10px;
}

.body-container .consultation-list .item .ac-group .ac:hover {
	color: #fff;
	background-color: #FF7000;
	border: 1px solid #FF7000;
}

.body-container .cooperation {
	padding: 70px 0 50px 0;
}

.body-container .cooperation .link-logo-list {
	width: 1220px;
	overflow: hidden;
}

.body-container .cooperation .link-logo-list .item {
	float: left;
	width: 20%;
	height: 130px;
}

.body-container .cooperation .link-logo-list .item .in {
	display: block;
	margin: 0 20px 0 0;
	overflow: hidden;
	height: 110px;
	position: relative;
}

.body-container .cooperation .link-logo-list .item .in .in-body {
	position: absolute;
	top: -145px;
	left: 0;
	width: 100%;
	height: 22px;
	line-height: 0;
	transition: all .9s ease-out;
}

.body-container .cooperation .link-logo-list .item .in .in-body.active {
	top: -5px;
}

.body-container .cooperation .link-logo-list .item .in .in-body img {
	width: 120%;
	margin-top: -18px;
	margin-left: -12px;
	border: 0;
}

.body-container .more-case {
	text-align: center;
	height: 47px;
	padding: 80px 0 0 0;
}

.body-container .more-case a {
	display: inline-block;
	height: 45px;
	padding: 0 30px;
	line-height: 45px;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	background-color: #FF7000;
	border: 1px solid #FF7000;
	border-radius: 5px;
}

.body-container .more-case a span {
	font-family: "Microsoft Songti";
	margin: 0 0 0 5px;
}

.body-container .more-case a:hover {
	background-color: #f80;
	border: 1px solid #F80;
}

.body-container .works {
	padding: 70px 0;
}

.body-container .works-list {
	width: 1240px;
	height: 270px;
}

.body-container .works-list .item {
	float: left;
	width: 25%;
}

.body-container .works-list .item span {
	display: block;
	margin: 0 40px 0 0;
	text-align: center;
	height: 270px;
	border: 1px solid #f08342;
	line-height: 270px;
	font-size: 35px;
	color: #f08342;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}

.body-container .works-list .item span:hover {
	transform: scale(1.3);
	background-color: #f08342;
	color: #fff;
}

.body-container .news-list {
	background-color: #fff;
	padding: 70px 0;
	overflow: hidden;
}

.body-container .news-list .list {
	width: 1200px;
	overflow: hidden;
	padding: 5px;
}

.body-container .news-list .item {
	float: left;
	width: 33.3%;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	width: 100%;
}

.body-container .news-list .item .items {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	width: 31%;
	display: inline-block;
	margin: 0 1% 0 1%;
}

.body-container .news-list .item .items.first {
	height: auto;
	margin: 0 0 20px 0;
	box-shadow: 0 0 5px #ccc;
	margin: 0 1% 20px 1%;
}

.body-container .news-list .item .items.first:hover {
	box-shadow: 0 0 8px #aaa;
}

.body-container .news-list .item .items.first:hover .stext1 {
	color: #f08342;
}

.body-container .news-list .item .items .stext {
	color: #333;
	font-size: 14px;
	text-decoration: none;
}

.body-container .news-list .item .items .stext:hover {
	color: #f08342;
}

.body-container .news-list .item .items .cover {
	display: block;
	line-height: 0;
	overflow: hidden;
	height: 173px;
}

.body-container .news-list .item .items .cover img {
	width: 100%;
	border: 0;
	transition: all .5s ease-in-out;
	/* -webkit-filter:grayscale(100%);*/
}

.body-container .news-list .item .items.first:hover .cover img {
	transform: scale(1.3);
}

.body-container .news-list .item .items .stext1 {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 15px;
	/* border:1px solid #ffe2d0;*/
	border-top: 0;
	text-decoration: none;
	padding: 0 20px;
	font-size: 14px;
	overflow: hidden;
}

.body-container .news-list .item .items:nth-child(1) {
	animation-delay: 0.2s;
}

.body-container .news-list .item .items:nth-child(2) {
	animation-delay: 0.4s;
}

.body-container .news-list .item .items:nth-child(3) {
	animation-delay: 0.6s;
}

.body-container .news-list .item .items:nth-child(4) {
	animation-delay: 0.4s;
}

.body-container .news-list .item .items:nth-child(5) {
	animation-delay: 0.6s;
}

.body-container .news-list .item .items:nth-child(6) {
	animation-delay: 0.8s;
}

.body-container .news-list .item .items:nth-child(7) {
	animation-delay: 0.4s;
}

.body-container .news-list .item .items:nth-child(8) {
	animation-delay: 0.6s;
}

.body-container .news-list .item .items:nth-child(9) {
	animation-delay: 0.8s;
}

.body-container .case-banner {
	background-color: #e88042;
	height: 340px;
}

.body-container .case-banner .w {
	line-height: 340px;
	color: #fff;
	font-size: 40px;
	background: url("../images/case_bg.png") no-repeat right center;
}

.body-container .case-group {
	padding: 60px 0;
}

.body-container .case-group .nav-list {
	overflow: hidden;
	border: 1px solid #ddd;
	width: 308px;
	margin: 0 auto;
	border-radius: 5px;
}

.body-container .case-group .nav-list .item {
	float: left;
	width: 154px;
	height: 50px;
	line-height: 50px;
	color: #666;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

.body-container .case-group .nav-list .item.active,
.body-container .case-group .nav-list .item:hover {
	color: #fff;
	border-right: 1px solid #f08342;
	background-color: #f08342;
}

.body-container .case-group .nav-list .item:first-child {
	border-radius: 5px 0 0 5px;
}

.body-container .case-group .nav-list .item:last-child {
	border: 0;
	border-radius: 0px 5px 5px 0
}

.body-container .case-group .case-list {
	width: 1235px;
	list-style: none;
	overflow: hidden;
	margin: 60px 0 0 0;
}

.body-container .case-group .case-list .item {
	float: left;
	width: 33.3%;
}

.body-container .case-group .case-list .item .in {
	margin: 0 35px 35px 0;
	border-bottom: 2px solid #e4e4e4;
	display: block;
	background-color: #f1f1f1;
	text-decoration: none;
}

.body-container .case-group .case-list .item .in .cover {
	line-height: 0;
	height: 224px;
	overflow: hidden;
	position: relative;
}

.body-container .case-group .case-list .item .in .cover .effect {
	transition: all .3s ease-in-out;
}

.body-container .case-group .case-list .item .in .cover .opc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0;
}

.body-container .case-group .case-list .item .in .cover .circular {
	position: absolute;
	width: 80px;
	height: 80px;
	border: 1px solid #fff;
	border-radius: 50%;
	left: -80px;
	top: 50%;
	margin-top: -40px;
}

.body-container .case-group .case-list .item .in .cover .sou {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url("../images/r_f.png") no-repeat center center;
	right: -80px;
	top: 50%;
	margin-top: -40px;
}

.body-container .case-group .case-list .item .in .cover img {
	width: 100%;
}

.body-container .case-group .case-list .item .in .title {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	overflow: hidden;
	padding: 0 10px;
	color: #333;
}

.body-container .case-group .case-list .item .in .desc {
	padding: 0 15px;
	margin: 0 0 20px 0;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	color: #666;
	font-size: 14px;
}

.body-container .case-group .case-list .item .in:hover {
	border-bottom: 2px solid #f08342;
	background-color: #fff;
}

.body-container .case-group .case-list .item .in:hover .cover .opc {
	opacity: 0.5;
}

.body-container .case-group .case-list .item .in:hover .cover .circular {
	left: 50%;
	margin-left: -40px;
}

.body-container .case-group .case-list .item .in:hover .cover .sou {
	right: 50%;
	margin-right: -40px;
}

.body-container .case-details {
	padding: 60px 0 0 0;
}

.body-container .case-details .title {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin: 0 0 30px 0;
}

.body-container .case-details .desc {
	line-height: 26px;
	font-size: 16px;
	color: #333;
	margin: 0 0 30px 0;
}

.body-container .case-details .img-list {
	text-align: center;
	margin: 80px 0;
	position: relative;
}

.body-container .case-details .img-list .slide {
	width: 100%;
}

.body-container .case-details .img-list .slide img {
	max-width: 100%;
}

.body-container .case-details .img-list .btns {
	cursor: pointer;
	width: 48px;
	height: 91px;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	z-index: 2;
}

.body-container .case-details .img-list .btns.prev {
	left: 0px;
	background: url("../images/details-left.png") no-repeat center center;
}

.body-container .case-details .img-list .btns.prev:hover {
	background: url("../images/details-left-hover.png") no-repeat center center;
}

.body-container .case-details .img-list .btns.next {
	right: 0px;
	background: url("../images/details-right.png") no-repeat center center;
}

.body-container .case-details .img-list .btns.next:hover {
	background: url("../images/details-right-hover.png") no-repeat center center;
}

.body-container .about-banner {
	height: 360px;
	text-align: center;
	background: url("../images/about_banner.jpg") no-repeat center center;
	font-size: 36px;
	color: #666;
	letter-spacing: 5px;
}

.details-banner {
	height: 360px;
	text-align: center;
	background: url("../images/about_banner.jpg") no-repeat center center;
}

.details-banner img {
	display: none;
}

.body-container .about-content {
	padding: 60px 0 0 0;
}

.body-container .about-content .nav-list {
	margin: 0 auto 60px;
	width: 765px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}

.body-container .about-content .nav-list a {
	display: inline-block;
	height: 50px;
	text-decoration: none;
	color: #666;
	font-size: 16px;
	text-align: center;
	width: 16.66%;
	width: 127.5px;
	float: left;
	line-height: 50px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

.body-container .about-content .nav-list a:hover,
.body-container .about-content .nav-list a.active {
	background-color: #f08342;
	color: #fff;
	border-right: 1px solid #f08342;
}

.body-container .about-content .nav-list a:last-child {
	border-right: 0;
}

.body-container .about-content .content {
	overflow: hidden;
	margin: 0 0 80px 0;
}

.body-container .about-content .content p {
	line-height: 26px;
	font-size: 16px;
	color: #555;
	margin: 0 0 10px 0;
}

.body-container .about-content .content img {
	width: 100%;
	border: 0;
	margin: 50px 0;
	background: #fff;
}

.body-container .about-content .content .label {
	padding: 50px 0 30px;
	color: #333;
	font-size: 26px;
	text-align: center;
}

/*.body-container .development{text-align: center; margin: 100px 0; line-height: 0;}*/
.body-container .development img {
	border: 0;
}

.body-container .add-us {
	margin: 70px 0;
}

.body-container .add-us .title {
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px 0;
}

.body-container .add-us .desc {
	line-height: 22px;
	font-size: 18px;
	color: #999;
	margin: 0 0 10px 0;
	text-align: center;
}

.body-container .add-us .position {
	overflow: hidden;
	margin: 80px 0 50px;
	padding: 0 0 80px 0;
	border-bottom: 1px solid #ddd;
}

.body-container .add-us .position .item {
	float: left;
	width: 20%;
	text-align: center;
}

.body-container .add-us .position .item span {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 20px 0 0 0;
	font-size: 18px;
	color: #666;
}

.body-container .add-us .pos-list {
	overflow: hidden;
}

.body-container .add-us .pos-list table {
	width: 100%;
}

.body-container .add-us .pos-list table td {
	width: 565px;
	background-color: #f1f1f1;
	margin: 0 0 70px 0;
	vertical-align: top;
}

.body-container .add-us .pos-list table td .label {
	height: 105px;
	padding: 15px 20px;
	background-color: #f08343;
	display: block;
}

.body-container .add-us .pos-list table td .label .name {
	font-size: 18px;
	color: #fff;
	padding: 18px 0 10px;
}

.body-container .add-us .pos-list table td .label .descr {
	color: #fff;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
}

.body-container .add-us .pos-list table td .text {
	padding: 10px 20px 20px;
}

.body-container .add-us .pos-list table td .text p {
	line-height: 22px;
	color: #666;
	font-size: 14px;
	margin: 0 0 5px 0;
}

.body-container .add-us .pos-list table td .text .titles {
	color: #f08343;
	font-size: 16px;
	margin: 20px 0 10px 0;
}

.body-container .add-us .pos-list table td.space {
	height: 70px;
	background-color: #fff;
}

.body-container .add-us .pos-list table td.center {
	width: 70px;
	background-color: #fff;
}

.body-container .contact-us {
	overflow: hidden;
	margin: 0 0 70px 0;
}

.body-container .contact-us .parts-list {
	float: left;
	width: 820px;
}

.body-container .contact-us .parts-list .item {
	margin: 0 0 40px 0;
	overflow: hidden;
}

.body-container .contact-us .parts-list .item .cover {
	float: left;
	width: 300px;
	height: 200px;
	overflow: hidden;
}

.body-container .contact-us .parts-list .item .cover img {
	width: 100%;
}

.body-container .contact-us .parts-list .item .text {
	margin: 0 0 0 340px;
	max-height: 200px;
}

.body-container .contact-us .name {
	height: 40px;
}

.body-container .contact-us .name span {
	display: inline-block;
	height: 35px;
	color: #ff5b45;
	font-size: 18px;
	border-bottom: 2px solid #ff5b45;
}

.body-container .contact-us .address-list {
	margin: 20px 0 0 0;
	list-style: none;
	font-size: 16px;
	color: #666;
}

.body-container .contact-us .address-list .items {
	height: 26px;
	line-height: 30px;
	margin: 0 0 10px 0;
}

.body-container .contact-us .other-list {
	float: right;
	width: 290px;
}

.body-container .contact-us .other-list .plus {
	border: 1px solid #ddd;
	padding: 15px;
	overflow: hidden;
	margin: 0 0 40px 0;
}

.body-container .contact-us .other-list .plus .code {
	width: 88px;
	padding: 0 15px 0 0;
	line-height: 0;
	border-right: 1px solid #ddd;
	text-align: center;
	float: left;
}

.body-container .contact-us .other-list .plus .code span {
	color: #999;
	font-size: 12px;
	display: block;
	margin: 20px 0 0 0;
	height: 5px;
}

.body-container .contact-us .other-list .icon-list {
	margin: 0 0 0 120px;
	overflow: hidden;
}

.body-container .contact-us .other-list .icon-list .label {
	height: 30px;
	color: #999;
	font-size: 14px;
}

.body-container .contact-us .other-list .icon-list .item {
	float: left;
	line-height: 0;
	margin: 0 15px 0 0;
}

.body-container .contact-us .other-list .name {
	margin: 0 0 40px 0;
}

.body-container .contact-us .other-list .contact-list {
	margin: 0 0 50px 0;
	list-style: none;
}

.body-container .contact-us .other-list .contact-list .item {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	color: #666;
	margin: 0 0 10px 0;
}

.body-container .contact-us .honor-mark {
	padding: 50px;
	text-align: center;
	font-size: 26px;
	color: #333;
}

.body-container .contact-us .imgs-list {
	padding: 0 0 50px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.body-container .contact-us .imgs-list.last {
	border: 0;
}

.body-container .contact-us .imgs-list img {
	border: 0;
}

.body-container .custom-fl1 {
	background-color: #f3f3f3;
	padding: 80px;
}

.body-container .custom-mark1 {
	text-align: center;
	font-size: 30px;
	color: #333;
	margin: 0 0 30px 0;
}

.body-container .custom-mark2 {
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	color: #666;
	margin: 0 0 50px 0;
}

.body-container .custom-fl1 .cover {
	line-height: 0;
	text-align: center;
	padding: 20px 0 0 0;
}

.body-container .custom-fl1 .cover img {
	max-width: 100%;
}

.body-container .custom-fl2 {
	padding: 80px;
}

.body-container .custom-fl2 .cover {
	line-height: 0;
	text-align: center;
	padding: 20px 0 0 0;
}

.body-container .custom-fl2 .cover img {
	max-width: 100%;
}

.body-container .custom-fl3 {
	background-color: #f3f3f3;
	padding: 80px;
}

.body-container .custom-fl3 .custom-list {
	width: 1230px;
	overflow: hidden;
}

.body-container .custom-fl3 .custom-list .item {
	float: left;
	width: 33.3%;
}

.body-container .custom-fl3 .custom-list .item .in {
	margin: 0 30px 0 0;
}

.body-container .custom-fl3 .custom-list .item .in .cover {
	line-height: 0;
}

.body-container .custom-fl3 .custom-list .item .in .cover img {
	width: 100%;
}

.body-container .custom-fl3 .custom-list .item .in .t1 {
	padding: 10px 0px;
	color: #333;
	font-size: 16px;
}

.body-container .custom-fl3 .custom-list .item .in .t2 {
	color: #999;
	font-size: 14px;
	margin: 0 0 20px 0;
}

.body-container .custom-fl3 .custom-list .item .in .t2 span {
	color: #f08342;
}

.body-container .custom-fl3 .custom-list .item .in .t3 {
	height: 32px;
	width: 110px;
	background-color: #f08342;
	font-size: 14px;
	text-align: center;
	display: block;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

.body-container .custom-fl4 {
	padding: 80px;
}

.body-container .custom-fl4 .cover {
	line-height: 0;
	text-align: center;
	padding: 20px 0 0 0;
}

.body-container .custom-fl4 .cover img {
	max-width: 100%;
}

.body-container .custom-fl5 {
	padding: 80px 0;
	background-color: #f3f3f3;
}

.body-container .custom-fl5 .w {
	height: 566px;
}

.body-container .custom-fl5 .case5-list {
	width: 1290px;
}

.body-container .custom-fl5 .case5-list .item {
	float: left;
	width: 33.3%;
	position: relative;
}

.body-container .custom-fl5 .case5-list .item .in {
	margin: 0 90px 0 0;
	border: 1px solid #ddd;
}

.body-container .custom-fl5 .case5-list .item .in .textarea {
	height: 75px;
	background-color: #f08342;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 12px 0 0 0;
}

.body-container .custom-fl5 .case5-list .item .in .cover {
	position: relative;
	line-height: 0;
	height: 382px;
	overflow: hidden;
}

.body-container .custom-fl5 .case5-list .item .in .cover .img-cover {
	width: 100%;
}

.body-container .custom-fl5 .case5-list .item .enlarge {
	position: absolute;
	top: 130px;
	left: 80px;
	opacity: 0;
	transition: all .5s ease-in-out;
	z-index: 1;
}

.body-container .custom-fl5 .case5-list .item .in .cover .text-desc {
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .6);
	padding: 15px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	transition: all .3s ease-in;
}

.body-container .custom-fl5 .case5-list .item:hover .enlarge {
	opacity: 1;
	left: 200px;
}

.body-container .custom-fl5 .case5-list .item:hover .in .text-desc {
	bottom: 0;
}

.body-container .custom-fl6 {
	padding: 80px 0;
	background-color: #fff;
}

.body-container .custom-fl6 .fl6-list {
	width: 1230px;
	overflow: hidden;
}

.body-container .custom-fl6 .fl6-list .item {
	float: left;
	width: 33.3%;
}

.body-container .custom-fl6 .fl6-list .item .in {
	display: block;
	margin: 0px 30px 0 0;
	text-decoration: none;
}

/*.body-container .custom-fl6 .fl6-list .item .in img{width: 100%;}*/
.body-container .custom-fl6 .fl6-list .item .in .t {
	font-size: 16px;
	color: #333;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.body-container .custom-fl6 .fl6-list .item .in .t span {
	padding-right: 10px;
	font-size: 16px;
	color: #333;
}

/*优势*/
.body-container .youshi {
	list-style: none;
	overflow: hidden;
	background: url("../images/xiantiao.png") no-repeat center center;
	background-size: 89% 100%;
}

.body-container .youshi .item {
	float: left;
	width: 33.3%;
}

/*.body-container .youshi .item .in{border: 1px solid #ddd;}*/
.body-container .youshi .item .cover {
	line-height: 0;
	position: relative;
	overflow: hidden;
}

.body-container .youshi .item .cover .effect {
	transition: all .9s ease-in-out;
}

.body-container .youshi .item .cover .opc {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0;
	z-index: 1;
}

.body-container .youshi .item .cover .opc.active {
	opacity: 0.5;
}

.body-container .youshi .item .cover .left-v {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/rongbj.png") no-repeat center center;
	left: -100%;
	z-index: 2;
}

.body-container .youshi .item .cover .left-v.active {
	left: 100%;
}

.body-container .youshi .item .cover .top-v {
	position: absolute;
	top: -40%;
	left: 0;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 24px;
	z-index: 4;
}

.body-container .youshi .item .cover .top-v span {
	font-size: 14px;
	padding: 0 17%;
	margin-top: 5%;
	display: inline-block;
}

.body-container .youshi .item .cover .top-v.active {
	top: 45px;
}

.body-container .youshi .item .cover img {
	width: 100%;
}

.body-container .youshi .item .mark3 {
	padding: 30px 0 10px 0;
	color: #333;
	font-size: 22px;
	text-align: center;
}

.body-container .youshi .item .mark4 {
	height: 20px;
	line-height: 20px;
	color: #999;
	font-size: 14px;
	text-align: center;
}

.body-container .youshi .item .ac-group {
	text-align: center;
	padding: 15px 0 0;
}

.body-container .youshi .item .ac-group .ac {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	border: 1px solid #f08342;
	background-color: #f08342;
	text-align: center;
	width: 115px;
	text-decoration: none;
	border-radius: 5px;
	transition: all .3s ease;
}

.body-container .youshi .item .ac-group .ac.right {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
	margin-left: 10px;
}

.body-container .youshi .item .ac-group .ac:hover {
	color: #fff;
	background-color: #d46d30;
	border: 1px solid #d46d30;
}