@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_876485_a3vf69rydgp.eot?#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_876485_a3vf69rydgp.woff) format("woff"), url(//at.alicdn.com/t/font_876485_a3vf69rydgp.ttf) format("truetype"), url(//at.alicdn.com/t/font_876485_a3vf69rydgp.svg#iconfont) format("svg");
}
* {
	font-family: "Microsoft YaHei","΢ÈíÑźÚ","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent;
}
body {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
div {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
dl {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
dt {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
dd {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
ul {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
ol {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
li {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h1 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h2 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h3 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h4 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h5 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h6 {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
pre {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
p {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
form {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
fieldset {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
input {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
textarea {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
blockquote {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
th {
	font-weight: normal;
}
li {
	list-style-type: none;
}
img {
	border: currentColor; border-image: none; min-width: 1px;
}
table {
	border-collapse: collapse;
}
input {
	background: none; border: currentColor; border-image: none;
}
select {
	background: none; border: currentColor; border-image: none;
}
textarea {
	background: none; border: currentColor; border-image: none;
}
select::-ms-expand {
	display: none;
}
select1 {
	border: currentColor; border-image: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.relative {
	position: relative; z-index: 1;
}
.absolute {
	position: absolute;
}
.absolute.max {
	left: 0px; top: 0px; right: 0px; bottom: 0px;
}
.fixed {
	position: fixed;
}
.fz0 {
	font-size: 0px;
}
.hide {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline !important;
}
.inline-block {
	display: inline-block !important; -ms-zoom: 1;
}
.table {
	display: table;
}
.table-cell {
	display: table-cell;
}
.over {
	overflow: hidden;
}
.auto {
	overflow: auto;
}
.m-pic {
	text-align: center; font-size: 0px; display: block;
}
.m-pic b {
	height: 100%; vertical-align: middle; display: inline-block;
}
.m-pic img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
.b-pic {
	overflow: hidden;
}
.b-pic img {
	transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;
}
.b-pic:hover img {
	transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);
}
.i-pic {
	background: rgb(204, 204, 204); overflow: hidden; font-size: 0px;
}
.i-pic img {
	width: 100%; min-height: 100%;
}
.r-pic {
	overflow: hidden; display: inline-block; position: relative;
}
.r-pic::before {
	left: 0px; top: 0px; border-top-color: transparent; border-left-color: transparent; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
.r-pic::after {
	right: 0px; bottom: 0px; border-right-color: transparent; border-bottom-color: transparent; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.r-pic::before {
	transition:0.5s; width: 0px; height: 0px; display: block; position: absolute; z-index: 122; content: ""; pointer-events: none; -webkit-transition: 0.5s; -moz-transition: 0.5s;
}
.r-pic::after {
	transition:0.5s; width: 0px; height: 0px; display: block; position: absolute; z-index: 122; content: ""; pointer-events: none; -webkit-transition: 0.5s; -moz-transition: 0.5s;
}
.r-pic:hover::before {
	border-color: rgb(249, 192, 69); width: 100%; height: 100%;
}
.r-pic:hover::after {
	border-color: rgb(249, 192, 69); width: 100%; height: 100%;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-over {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.text-line {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.text-line.line3 {
	-webkit-line-clamp: 3;
}
.text-line.line4 {
	-webkit-line-clamp: 4;
}
.text-line.line5 {
	-webkit-line-clamp: 5;
}
.nowrap {
	white-space: nowrap;
}
[nowrap] {
	white-space: nowrap;
}
.break {
	white-space: normal; -ms-word-break: break-all;
}
.v-middle {
	vertical-align: middle;
}
.v-top {
	vertical-align: top;
}
.v-bottom {
	vertical-align: bottom;
}
.border-box {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.trans {
	transition:300ms; -webkit-transition: all 300ms ease 0s;
}
.pointer {
	cursor: pointer !important;
}
.upper {
	text-transform: uppercase;
}
.lower {
	text-transform: lowercase;
}
.maxh {
	height: 100%;
}
.maxw {
	width: 100%;
}
.clear {
	margin: 0px auto; height: 0px; overflow: hidden; clear: both; font-size: 0px; position: relative;
}
.clear.a {
	top: -54px; width: 100%; height: 1px; display: block; position: relative;
}
.clean {
	-ms-zoom: 1;
}
.clean::after {
	display: table; content: "";
}
.clean::before {
	display: table; content: "";
}
.clean::after {
	clear: both;
}
.blank3 {
	margin: 0px auto; height: 3px; overflow: hidden; clear: both; font-size: 1px;
}
.blank6 {
	margin: 0px auto; height: 6px; overflow: hidden; clear: both; font-size: 1px;
}
.blank9 {
	margin: 0px auto; height: 9px; overflow: hidden; clear: both; font-size: 1px;
}
.blank12 {
	margin: 0px auto; height: 12px; overflow: hidden; clear: both; font-size: 1px;
}
.blank15 {
	margin: 0px auto; height: 15px; overflow: hidden; clear: both; font-size: 1px;
}
.blank20 {
	margin: 0px auto; height: 20px; overflow: hidden; clear: both; font-size: 1px;
}
.blank25 {
	margin: 0px auto; height: 25px; overflow: hidden; clear: both; font-size: 1px;
}
.blank30 {
	margin: 0px auto; height: 30px; overflow: hidden; clear: both; font-size: 1px;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a.red {
	color: red; text-decoration: none;
}
a.red:hover {
	color: red; text-decoration: underline;
}
a * {
	text-decoration: none;
}
a:hover * {
	text-decoration: none;
}
#turn_page font {
	background: rgb(255, 255, 255); margin: 6px; padding: 0px 17px; border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; height: 45px; color: rgb(117, 117, 117); line-height: 45px; font-size: 14px; display: inline-block; -webkit-transition: .3s;
}
#turn_page label {
	background: rgb(255, 255, 255); margin: 6px; padding: 0px 17px; border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; height: 45px; color: rgb(117, 117, 117); line-height: 45px; font-size: 14px; display: inline-block; -webkit-transition: .3s;
}
#turn_page a {
	background: rgb(255, 255, 255); margin: 6px; padding: 0px 17px; border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; height: 45px; color: rgb(117, 117, 117); line-height: 45px; font-size: 14px; display: inline-block; -webkit-transition: .3s;
}
#turn_page .prev::before {
	font-family: serif; content: "< ";
}
#turn_page .next::after {
	font-family: serif; content: " >";
}
#turn_page .item {
	background: none;
}
#turn_page .item.current {
	background: rgb(51, 51, 51); border-color: rgb(51, 51, 51); color: rgb(255, 255, 255);
}
#turn_page a:hover {
	color: rgb(51, 51, 51);
}
#turn_page a {
	cursor: pointer;
}
#turn_page span {
	margin: 0px; padding: 0px; color: rgb(117, 117, 117); font-size: 14px;
}
#turn_page label {
	margin: 0px; padding: 0px;
}
#turn_page label.submit {
	padding: 0px 20px; color: rgb(117, 117, 117); font-size: 14px; cursor: pointer;
}
#turn_page label select {
	width: 45px; text-indent: 8px;
}
.m0#turn_page {
	margin: 30px auto 0px;
}
.m1#turn_page {
	padding: 30px 0px 40px 50px; text-align: left;
}
.m2#turn_page {
	padding: 30px 0px 10px;
}
.m3#turn_page {
	padding: 5px 0px 10px;
}
.m4#turn_page {
	padding: 30px 0px 10px; text-align: left; margin-left: -6px;
}
@media screen and (max-width:750px)
{
#turn_page font {
	padding: 0px 10px; height: 30px; line-height: 30px;
}
#turn_page label {
	padding: 0px 10px; height: 30px; line-height: 30px;
}
#turn_page a {
	padding: 0px 10px; height: 30px; line-height: 30px;
}
#turn_page label.submit {
	padding: 0px 10px;
}
}
body {
	margin: auto; -ms-overflow-x: hidden; max-width: 1920px;
}
html {
	min-height: 100%;
}
body {
	min-height: 100%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear_both {
	-ms-zoom: 1;
}
.clear_both::before {
	clear: both; display: table; content: "";
}
.clear_both::after {
	clear: both; display: table; content: "";
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.inline-block {
	display: inline-block;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.trans {
	transition:500ms; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s;
}
.trans2 {
	transition:300ms linear; -webkit-transition: all 300ms linear 0s;
}
.rotating180 {
	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.gray {
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.main {
	overflow: hidden; position: relative;
}
.text-over {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.text-line {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.text-line.line3 {
	-webkit-line-clamp: 3;
}
.text-line.line4 {
	-webkit-line-clamp: 4;
}
.text-line.line5 {
	-webkit-line-clamp: 5;
}
.wrap {
	margin: auto; width: 83.33%; max-width: 1600px;
}
.lan-img {
	background: rgb(204, 204, 204); height: 0px; overflow: hidden; font-size: 0px; position: relative;
}
.lan-img > img {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; min-height: 100%;
}
#header {
	background: none; left: 0px; top: 0px; height: 95px; right: 0px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 100; max-width: 1920px;
}
.artive#header {
	background: rgba(0, 0, 0, 0.7);
}
.detail#header {
	background: rgba(0, 0, 0, 1);
}
.index#header {
	position: absolute;
}
#header .logo {
	width: 214px; height: 95px;
}
#header .nav {
	line-height: 92px;
}
#header .nav .one-nav .nav-a {
	margin: 0px 35px; color: rgb(204, 204, 204); font-size: 16px; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid; cursor: pointer;
}
#header .nav :nth-last-child(1).one-nav .nav-a {
	margin: 0px;
}
#header .nav .one-nav:hover .nav-a {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.on .nav-a {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.artive .nav-a {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.tel .nav-a {
	color: rgb(255, 255, 255); font-weight: bold;
}
#header .nav .one-nav.tel .nav-a:hover {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.search .nav-a:hover {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav .two-nav {
	background: rgba(0, 0, 0, 1); left: 0px; top: 96px; width: 100%; height: 83px; text-align: center; line-height: 83px; position: fixed; z-index: 10; max-width: 1920px;
}
#header .nav .one-nav .two-nav .two-nav-a {
	padding: 0px 5px 0px 15px; text-align: center; color: rgb(204, 204, 204); line-height: 83px; font-size: 14px; margin-right: 50px; display: inline-block; white-space: nowrap; position: relative; cursor: pointer;
}
#header .nav .one-nav .two-nav .two-nav-a::before {
	background: url("/images/icon6.png") no-repeat center; transition:500ms; left: 0px; top: 50%; width: 8px; height: 8px; margin-top: -4px; display: block; position: absolute; content: ""; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s;
}
#header .nav .one-nav .two-nav .two-nav-a:hover {
	color: rgb(255, 255, 255); font-weight: bold;
}
#header .nav .one-nav .two-nav .two-nav-a:hover::before {
	background: url("/images/icon5.png") no-repeat center;
}
.two-search {
	background: rgb(204, 204, 204); left: 0px; top: 96px; width: 100%; height: 83px; position: fixed; z-index: 21;
}
.two-search input {
	width: 50%; height: 40px; color: rgb(0, 0, 0); text-indent: 1em; margin-top: 20px; margin-left: 15%; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.two-search #search {
	background: rgba(0, 0, 0, 0.7); width: 20%; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; margin-top: 21px; cursor: pointer;
}
#header .menu {
	display: none;
}
#header .mobile-search {
	display: none;
}
#footer {
	background: url("/images/footer_bg.jpg") no-repeat top rgb(37, 37, 37); padding-top: 80px;
}
#footer .top {
	padding-bottom: 60px;
}
#footer .left {
	width: 26.12%; margin-right: 4%;
}
#footer .left .logo {
	text-align: left;
}
#footer .left .p1 {
	margin: 40px 0px 30px; text-align: left;
}
#footer .left .p1 a {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 24px; font-weight: bold; vertical-align: middle;
}
#footer .left .p2 {
	color: rgb(153, 153, 153); line-height: 24px; font-size: 14px; margin-top: 5px;
}
#footer .footer-nav {
	width: 61.12%;
}
#footer .footer-nav .nav {
	width: 16%;
}
#footer .footer-nav :nth-child(1).nav {
	width: 20%;
}
#footer .footer-nav .nav .p3 {
	color: rgb(204, 204, 204); font-size: 16px; margin-bottom: 20px;
}
#footer .footer-nav .nav .p3 img {
	display: none;
}
#footer .footer-nav .nav .dian .nav-a {
	color: rgb(153, 153, 153); line-height: 32px; font-size: 12px;
}
#footer .footer-nav .nav .dian .nav-a:hover {
	color: rgb(255, 255, 255);
}
#footer .right {
	width: 8.75%;
}
#footer .right .img {
	width: 100%;
}
#footer .right .p4 {
	text-align: center; color: rgb(102, 102, 102); font-size: 14px; margin-top: 9px;
}
#footer .copyright {
	background: rgb(37, 37, 37); width: 100%; height: 87px;
}
#footer .copyright .img {
	background: rgb(32, 32, 32); width: 9.5%; height: 87px; text-align: left; padding-right: 2%; position: relative;
}
#footer .copyright .img::before {
	background: rgb(32, 32, 32); top: 0px; width: 160px; height: 100%; right: 100%; display: block; position: absolute; content: "";
}
#footer .copyright .copy {
	background: rgb(27, 27, 27); padding: 34px 0px; width: 76%; text-align: center; color: rgb(153, 153, 153); font-size: 14px;
}
#footer .copyright .copy * {
	color: rgb(153, 153, 153);
}
#footer .copyright .links {
	background: rgb(22, 22, 22); padding: 34px 0px; width: 12.5%; text-align: center; color: rgb(153, 153, 153); font-size: 14px; position: relative; cursor: pointer;
}
#footer .copyright .links .link-item {
	background: rgb(22, 22, 22); left: 0px; width: 100%; bottom: 100%; color: rgb(153, 153, 153); font-size: 14px; display: none; position: absolute;
}
#footer .copyright .links .link-item .link-a {
	height: 35px; color: rgb(153, 153, 153); line-height: 35px; display: block;
}
#style {
	width: 65px; right: 20px; bottom: 10%; position: fixed; z-index: 10;
}
#style .item {
	width: 100%; position: relative;
}
#style .item .img {
	background: rgb(111, 108, 108); border-radius: 3px; height: 54px; padding-top: 11px; margin-bottom: 2px;
}
#style .item .img .p1 {
	text-align: center; color: rgb(244, 244, 244); font-size: 12px; margin-top: 10px;
}
#style .weixin .wei-img {
	background: rgb(102, 102, 102); left: -160px; top: 0px; width: 150px; height: 150px; display: none; position: absolute; z-index: 10;
}
#style .weixin .img:hover ~ .wei-img {
	display: block;
}
#style .tel .tel-num {
	background: rgb(102, 102, 102); padding: 0px 15px; left: -130px; top: 10px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: none; position: absolute; z-index: 10;
}
#style .tel .img:hover ~ .tel-num {
	display: block;
}
#style .top .img {
	height: 49px; padding-top: 16px;
}
.top-bg {
	font-size: 0px;
}
.top-bg * {
	font-size: 0px;
}
.top-bg .top-bg-con {
	z-index: 11;
}
.top-bg .top-bg-con .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
.top-bg .top-bg-con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.top-bg .top-bg-con .swiper-button-next {
	background: url("/images/icon4.png") no-repeat center; left: auto; top: auto; width: 32px; height: 32px; right: 60px; bottom: 50px;
}
.top-bg .top-bg-con .swiper-button-prev {
	background: url("/images/icon3.png") no-repeat center; left: auto; top: auto; width: 32px; height: 32px; right: 100px; bottom: 50px;
}
.top-bg .top-bg-con .swiper-button-next:hover {
	background: url("/images/icon4_1.png") no-repeat center;
}
.top-bg .top-bg-con .swiper-button-prev:hover {
	background: url("/images/icon3_1.png") no-repeat center;
}
.index-solution {
	height: 950px; position: relative;
}
.index-solution .p1 {
	top: 96px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 32px; position: absolute; z-index: 10;
}
.index-solution .solution-con {
	height: 950px; vertical-align: middle; position: relative;
}
.index-solution .solution-con::before {
	background: rgba(255, 255, 255, 0.1); top: 0px; width: 1px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
.index-solution .solution-con .p2 {
	text-align: center; color: rgb(204, 204, 204); font-size: 22px;
}
.index-solution .solution-con .p3 {
	margin: 50px 20% 70px; height: 58px; color: rgb(204, 204, 204); overflow: hidden; font-size: 14px;
}
.index-solution .solution-con .img:hover {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
.index-solution .solution-con:hover {
	background: rgba(0, 0, 0, 0.5);
}
.index-solution .solution-con:hover .p3 {
	display: block;
}
.index-solution .solution-con:hover .img {
	display: block;
}
.index-solution .solution-container {
	display: none;
}
.index-solution .solution-con.on {
	background: rgba(0, 0, 0, 0.5);
}
.index-design {
	background: url("/images/index_bg2.jpg") no-repeat center / cover; padding: 67px 0px;
}
.index-design .p1 {
	text-align: center; color: rgb(51, 51, 51); font-size: 32px;
}
.index-design .p2 {
	margin: 45px; text-align: center; color: rgb(102, 102, 102); font-size: 14px;
}
.index-design .design-bg {
	background: rgba(0, 0, 0, 0.1); position: relative;
}
.index-design .w0 {
	width: 14%; float: left; position: relative;
}
.index-design .w0.on {
	width: 29%;
}
.index-design .w0 .img {
	margin: 45px auto; border-radius: 50%; width: 56.52%; height: 260px; display: block;
}
.index-design .w0 .p3 {
	text-align: center; color: rgb(51, 51, 51); font-size: 24px; display: block;
}
.index-design .w0 .p4 {
	text-align: center; color: rgb(51, 51, 51); font-size: 14px;
}
.index-design .w0 .p5 {
	margin: 30px auto 35px; text-align: center; color: rgb(102, 102, 102); font-size: 16px;
}
.index-design .w0 .p6 {
	margin: auto; width: 74%; height: 38px; text-align: center; color: rgb(51, 51, 51); overflow: hidden; font-size: 14px; display: none;
}
.index-design .w0::before {
	background: rgb(237, 237, 237); left: 0px; top: 0px; width: 1px; bottom: 0px; display: block; position: absolute; content: "";
}
.index-design .w0.on::after {
	background: rgb(194, 194, 194); top: 45px; width: 1px; right: 0px; bottom: 45px; display: block; position: absolute; content: "";
}
.index-design .w0.on .p6 {
	display: block;
}
.index-design .w0 .a1 {
	margin: 150px auto 50px;
}
.index-design .w0 .a1:hover img {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
.index-design .w1 {
	width: 0px; overflow: hidden; float: left; position: relative;
}
.index-design .w1.on {
	width: 43%;
}
.index-design .w1 .p7 {
	margin: 75px auto 50px; text-align: center; color: rgb(51, 51, 51); font-size: 22px;
}
.index-design .w1 .img-da {
	margin: auto; width: 78.26%;
}
.index-design .w1 .img-da .img2 {
	width: 33.33%;
}
.index-design .w1 .p8 {
	margin: 30px auto; width: 78.26%; height: 57px; color: rgb(102, 102, 102); overflow: hidden; font-size: 14px;
}
.index-design .w0.on .a1 {
	margin: 78px auto 50px;
}
.index-case {
	position: relative;
}
.index-case .case-tit {
	left: 8.33%; top: 10%; position: absolute; z-index: 3;
}
.index-case .case-tit .tit {
	color: rgb(204, 204, 204); padding-bottom: 14px; font-size: 24px; margin-right: 70px; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid; float: left; cursor: pointer;
}
.index-case .case-tit .tit.on {
	color: rgb(255, 255, 255); border-bottom-color: rgb(240, 240, 240); border-bottom-width: 3px; border-bottom-style: solid;
}
.index-case .case-con .case-container {
	display: none;
}
.index-case .case-con .case-container.on {
	display: block;
}
.index-case .case-con .img {
	width: 100%; padding-top: 49.47%; position: relative;
}
.index-case .case-con .img > img {
	left: 0px; top: 0px; position: absolute; z-index: 1;
}
.index-case .case-con .img .text {
	left: 8.33%; top: 45%; width: 27.23%; display: block; position: absolute; z-index: 2;
}
.index-case .case-con .img .text .p1 {
	color: rgb(255, 255, 255); font-size: 22px;
}
.index-case .case-con .img .text .p2 {
	margin: 30px 0px 70px; height: 48px; color: rgb(204, 204, 204); line-height: 24px; overflow: hidden; font-size: 14px;
}
.index-case .case-con .img .text .a1 {
	width: 35px; height: 35px; display: block;
}
.index-case .case-con .img .text .a1 img {
	width: 35px; height: 35px; min-height: 35px;
}
.index-case .case-con .img .text .a1 img:hover {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
.index-case .case-con .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgba(255, 255, 255, 0.6); border-image: none; opacity: 1;
}
.index-case .case-con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
.index-case .case-con .swiper-button-next {
	background: url("/images/icon9.png") no-repeat center; width: 36px; height: 36px; right: 40px;
}
.index-case .case-con .swiper-button-prev {
	background: url("/images/icon10.png") no-repeat center; left: 40px; width: 36px; height: 36px;
}
.index-info {
	background: url("/images/index_bg5.jpg") no-repeat center / cover; padding: 78px 0px 58px;
}
.index-info .p-tit {
	text-align: center; color: rgb(51, 51, 51); font-size: 32px;
}
.index-info .info-tit {
	margin: 50px 0px 45px; text-align: center;
}
.index-info .info-tit .tit {
	color: rgb(51, 51, 51); font-size: 18px; margin-right: 50px; display: inline-block; cursor: pointer;
}
.index-info .info-tit .tit.on {
	font-weight: bold;
}
.index-info .info-con .con {
	width: 100%; display: none;
}
.index-info .info-con .con.on {
	display: block;
}
.index-info .info-con .con .left {
	background: rgb(255, 255, 255); width: 48.43%;
}
.index-info .info-con .con .left .img {
	margin: 20px 24px 35px; padding-top: 44.13%;
}
.index-info .info-con .con .left .text {
	margin: 0px 24px 54px; display: block;
}
.index-info .info-con .con .left .text .p1 {
	color: rgb(51, 51, 51); font-size: 18px;
}
.index-info .info-con .con .left .text .p1:hover {
	font-weight: bold;
}
.index-info .info-con .con .left .text .p2 {
	height: 32px; color: rgb(136, 136, 136); overflow: hidden; font-size: 12px; margin-top: 30px;
}
.index-info .info-con .con .left .news {
	margin: 0px 24px 40px;
}
.index-info .info-con .con .left .news .time {
	color: rgb(153, 153, 153); font-size: 14px;
}
.index-info .info-con .con .left .news .url {
	color: rgb(102, 102, 102); font-size: 12px;
}
.index-info .info-con .con .left .news .url:hover {
	color: rgb(51, 51, 51); font-weight: bold;
}
.index-info .info-con .con .right {
	width: 49.06%;
}
.index-info .info-con .con .right .text {
	border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
.index-info .info-con .con .right .text .p3 {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 15px;
}
.index-info .info-con .con .right .text .p4 {
	margin: 10px 0px 15px; color: rgb(136, 136, 136); font-size: 12px;
}
.index-info .info-con .con .right .text .p5 {
	color: rgb(153, 153, 153); font-size: 14px; margin-bottom: 15px;
}
.index-info .info-con .con .right :nth-child(1).text .p3 {
	margin-top: 0px;
}
.index-info .info-con .con .right .text:hover {
	padding-left: 10px; border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: dashed;
}
.index-info .info-con .con .right .text:hover .p3 {
	color: rgb(51, 51, 51); font-weight: bold;
}
.index-info .info-con .con .more {
	margin: 50px auto 0px; border: 1px solid rgb(148, 148, 148); border-image: none; width: 160px; height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; display: block;
}
.index-info .info-con .con .more:hover {
	background: rgb(148, 148, 148); color: rgb(255, 255, 255);
}
.index-partner {
	background: url("/images/index_bg4.jpg") center; padding: 95px 0px;
}
.index-partner .title {
	text-align: center; color: rgb(51, 51, 51); font-size: 32px; margin-bottom: 80px;
}
.index-partner #colee_leftqq2 {
	overflow: hidden;
}
.index-partner #colee_leftqq2 .td h4 {
	margin: 0px 40px;
}
.mini-nav {
	background: rgb(255, 255, 255); width: 100%; height: 55px; line-height: 0px; font-size: 0px; box-shadow: 0px 0px 10px #eee;
}
.mini-nav.artive {
	left: 0px; right: 0px; position: fixed; z-index: 20;
}
.mini-nav > div {
	overflow: hidden; max-width: 100%;
}
.mini-nav .swiper-container {
	height: 100%; display: table;
}
.mini-nav ul.swiper-wrapper {
	margin: 0px auto;
}
.mini-nav ul.swiper-wrapper > li {
	width: auto; display: table-cell;
}
.mini-nav ul.swiper-wrapper li a {
	padding: 17px 54px; width: auto; color: rgb(102, 102, 102); line-height: 21px; font-size: 16px; display: block; position: relative;
}
.mini-nav ul.swiper-wrapper li a.on {
	background: rgb(51, 51, 51); color: rgb(255, 255, 255);
}
.mini-nav ul.swiper-wrapper li a:hover {
	background: rgb(51, 51, 51); color: rgb(255, 255, 255);
}
.inc-crumbs-blank {
	width: 100%; height: 1px; margin-top: 95px;
}
.crumbs {
	height: 70px; line-height: 70px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
.crumbs.artive {
	background: rgb(255, 255, 255); left: 0px; right: 0px; position: fixed; z-index: 20;
}
.crumbs * {
	color: rgb(153, 153, 153); font-size: 14px;
}
.crumbs a {
	color: rgb(0, 0, 0); font-size: 14px;
}
#solution .top-bg .top-bg-con .swiper-button-next {
	background: url("/images/icon9.png") no-repeat center; top: 50%; width: 36px; height: 36px; right: 40px;
}
#solution .top-bg .top-bg-con .swiper-button-prev {
	background: url("/images/icon10.png") no-repeat center; left: 40px; top: 50%; width: 36px; height: 36px;
}
#solution .solu-con {
	padding: 50px 0px 84px;
}
#solution .solu-con .title .p1 {
	color: rgb(51, 51, 51); font-size: 26px; font-weight: bold; margin-bottom: 20px;
}
#solution .solu-con .title .p2 {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 14px;
}
#solution .solu-con .img {
	width: 100%; padding-bottom: 30px; margin-top: 60px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
#solution .solu-con .img .left {
	width: 46.87%;
}
#solution .solu-con .img .left .lan-img {
	padding-top: 54.66%; margin-bottom: 10.66%;
}
#solution .solu-con .img .right {
	width: 46.87%;
}
#solution .solu-con .img .right .lan-img {
	padding-top: 120%;
}
#solution .solu-con .img .right .swiper-pagination {
	bottom: 38px;
}
#solution .solu-con .img .right .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
#solution .solu-con .img .right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
#solution .solu-con .img .right .swiper-button-next {
	background: url("/images/icon4.png") no-repeat center; left: auto; top: auto; width: 32px; height: 32px; right: 60px; bottom: 38px;
}
#solution .solu-con .img .right .swiper-button-prev {
	background: url("/images/icon3.png") no-repeat center; left: auto; top: auto; width: 32px; height: 32px; right: 100px; bottom: 38px;
}
#solution .solu-con .img .right .swiper-button-next:hover {
	background: url("/images/icon4_1.png") no-repeat center;
}
#solution .solu-con .img .right .swiper-button-prev:hover {
	background: url("/images/icon3_1.png") no-repeat center;
}
#solution .solu-con .text {
	margin-top: 75px;
}
#solution .solu-con .text .p3 {
	color: rgb(51, 51, 51); font-size: 24px;
}
#solution .solu-con .text .detail1 {
	margin: 20px auto 50px;
}
#solution .solu-con .text .detail1 * {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 14px;
}
#solution .solu-con .text .detail1 img {
	height: auto !important; max-width: 100% !important;
}
#solution .solu-con .text .detail1 table {
	max-width: 100% !important;
}
#solution .solu-con .text .detail1 table td {
	max-width: 100% !important;
}
#solution .solu-con .text .detail1 table td img {
	height: auto !important; max-width: 100% !important;
}
#solution .solu-con .text .detail2 {
	width: 46.87%;
}
#solution .solu-con .text .detail2 img {
	height: auto !important; max-width: 100% !important;
}
#solution .solu-con .text .detail2 table {
	max-width: 100% !important;
}
#solution .solu-con .text .detail2 table td {
	max-width: 100% !important;
}
#solution .solu-con .text .detail2 table td img {
	height: auto !important; max-width: 100% !important;
}
#solution .solu-con .text .detail3 {
	width: 46.87%;
}
#solution .solu-con .text .detail3 * {
	line-height: 22px; font-size: 14px;
}
#solution .solu-con .text .detail3 img {
	height: auto !important; max-width: 100% !important;
}
#solution .solu-con .text .detail3 table {
	max-width: 100% !important;
}
#solution .solu-con .text .detail3 table td {
	max-width: 100% !important;
}
#solution .solu-con .text .detail3 table td img {
	height: auto !important; max-width: 100% !important;
}
#products {
	padding: 50px 0px 120px;
}
#products .pro-nav {
	margin-bottom: 30px; display: block;
}
#products .pro-nav .pro-nav-a {
	color: rgb(136, 136, 136); line-height: 30px; font-size: 24px; margin-right: 20px;
}
#products .pro-nav .pro-nav-a.on {
	color: rgb(51, 51, 51); font-weight: bold;
}
#products .pro-nav .pro-nav-a:hover {
	color: rgb(51, 51, 51); font-weight: bold;
}
#products .list .con {
	width: 23.75%; margin-right: 1.66%; margin-bottom: 28px;
}
#products .list :nth-child(4n).con {
	margin-right: 0%;
}
#products .list .con .img {
	background: rgb(239, 239, 239); padding-top: 100%;
}
#products .list .con .text {
	background: rgb(248, 248, 248); padding: 20px 0px; text-align: center;
}
#products .list .con .text .p1 {
	color: rgb(51, 51, 51); font-size: 16px;
}
#products .list .con .text .p1:hover {
	color: rgb(136, 136, 136);
}
#products .list .con .text .p2 {
	color: rgb(136, 136, 136); font-size: 14px;
}
#design-team {
	padding: 50px 0px 100px;
}
#design-team .con {
	background: rgb(244, 244, 244); margin-bottom: 60px;
}
#design-team .con .img {
	width: 31.87%; padding-top: 42.5%;
}
#design-team .con .text {
	padding: 70px 4.37% 60px; width: 59.37%;
}
#design-team .con .text .p1 {
	color: rgb(51, 51, 51); font-size: 24px;
}
#design-team .con .text .p2 {
	color: rgb(51, 51, 51); font-size: 14px;
}
#design-team .con .text .p3 {
	margin: 20px 0px; color: rgb(102, 102, 102); font-size: 16px;
}
#design-team .con .text .p4 {
	color: rgb(51, 51, 51); font-size: 14px;
}
#design-team .con .text .p5 {
	margin: 80px 0px 30px; color: rgb(102, 102, 102); font-size: 22px;
}
#design-team .con .text .p6 {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 50px;
}
#design-team .con .text .solu-img-con {
	width: 100%;
}
#design-team .con .text .solu-img-con .swiper-button-next {
	background: url("/images/icon9.png") no-repeat center; width: 36px; height: 36px;
}
#design-team .con .text .solu-img-con .swiper-button-prev {
	background: url("/images/icon10.png") no-repeat center; width: 36px; height: 36px;
}
#design-concept {
	padding: 50px 0px 90px;
}
#design-concept .list {
	width: 100%;
}
#design-concept .list .con {
	width: 31.87%; margin-right: 2.18%; margin-bottom: 45px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
#design-concept .list :nth-child(3n).con {
	margin-right: 0%;
}
#design-concept .list .con .img {
	padding-top: 59.21%;
}
#design-concept .list .con .text {
	padding: 36px 0px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid;
}
#design-concept .list .con .text .p1 {
	color: rgb(53, 53, 53); line-height: 24px; font-size: 18px;
}
#design-concept .list .con .text .p2 {
	height: 48px; color: rgb(136, 136, 136); line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 25px;
}
#design-concept .list .con:hover {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
#design-concept .list .con:hover .text {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
#design-concept .list .con:hover .text .p1 {
	color: rgb(0, 0, 0); font-weight: bold;
}
#detail {
	overflow: hidden;
}
#detail .title {
	width: 100%; text-align: center; overflow: hidden; margin-bottom: 20px;
}
#detail .title .p1 {
	margin: 10% 0px 2.5%; line-height: 26px; font-size: 32px;
}
#detail .title .p2 {
	margin: 0px; color: rgb(153, 153, 153);
}
#detail .title .p2 span {
	margin: 0px; color: rgb(51, 51, 51);
}
#detail .con {
	margin: 0px auto; width: 85.7%; overflow: hidden;
}
#detail .con .p3 {
	margin: 3% 0px; line-height: 32px;
}
#detail .con .p3 img {
	height: auto !important; max-width: 100% !important;
}
#detail .con .p3 table {
	max-width: 100% !important;
}
.share {
	margin: 40px auto 70px; width: 220px; line-height: 24px;
}
.detail-url {
	padding: 50px 0px; border-top-color: rgb(226, 226, 227); border-top-width: 1px; border-top-style: solid;
}
.detail-url .anniu-p {
	color: rgb(153, 153, 153); line-height: 24px;
}
.detail-url .anniu-p a {
	color: rgb(51, 51, 51);
}
#case-partner {
	margin: 50px auto 110px; border-top-color: rgb(229, 229, 229); border-left-color: rgb(229, 229, 229); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
#case-partner .con {
	width: 20%; height: 170px;
}
#case-partner .con .img {
	height: 99%; border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; display: block;
}
#case-engin {
	padding: 50px 0px 100px;
}
#case-engin .engin-nav {
	margin-bottom: 30px; display: block;
}
#case-engin .engin-nav .engin-nav-a {
	color: rgb(136, 136, 136); line-height: 30px; font-size: 24px; margin-right: 20px;
}
#case-engin .engin-nav .engin-nav-a.on {
	color: rgb(51, 51, 51); font-weight: bold;
}
#case-engin .engin-nav .engin-nav-a:hover {
	color: rgb(51, 51, 51); font-weight: bold;
}
#case-engin .engin-con .con {
	width: 31.87%; overflow: hidden; margin-right: 2.18%; margin-bottom: 35px; position: relative;
}
#case-engin .engin-con :nth-child(3n).con {
	margin-right: 0%;
}
#case-engin .engin-con .con .img {
	width: 100%; padding-top: 58.82%;
}
#case-engin .engin-con .con .text {
	background: rgba(0, 0, 0, 0.6); left: 0px; width: 100%; height: 100%; text-align: center; right: 0px; bottom: -100%; display: block; position: absolute; z-index: 10;
}
#case-engin .engin-con .con .text .bor {
	margin: 20px; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; width: calc(100% - 42px); height: calc(100% - 42px);
}
#case-engin .engin-con .con .text .p1 {
	color: rgb(255, 255, 255); line-height: 44px; font-size: 22px; margin-top: 15%;
}
#case-engin .engin-con .con .text .p2 {
	color: rgb(204, 204, 204); font-size: 16px; margin-bottom: 20px;
}
#case-engin .engin-con .con:hover .text {
	bottom: 0px;
}
#info {
	margin: 50px auto 100px;
}
#info .hot-news .item {
	width: 31.87%; margin-left: 2.18%; visibility: hidden;
}
#info .hot-news .item.f4 {
	margin-left: 0px;
}
#info .hot-news .item .info {
	background: rgb(249, 249, 249); padding: 4.87% 7.31% 8.53%; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 3px; border-bottom-style: solid;
}
#info .hot-news .item .info .title a {
	color: rgb(51, 51, 51); font-size: 20px; text-decoration: none;
}
#info .hot-news .item .info .title a:hover {
	color: rgb(51, 51, 51);
}
#info .hot-news .item .info .brief {
	height: 40px; color: rgb(140, 140, 140); line-height: 20px; font-size: 14px; margin-top: 5px;
}
#info .hot-news .item .info .time {
	margin: 20px auto; color: rgb(102, 102, 102); line-height: 20px; font-size: 16px;
}
#info .hot-news .item:hover .info {
	border-bottom-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid;
}
#info .hot-news .item:hover .info .title a {
	font-weight: bold;
}
#info .news-list {
	margin: 1.15% auto 0px; max-width: 1720px;
}
#info .news-list .item {
	padding: 2.03% 2.43% 2.61% 2.32%; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; visibility: hidden;
}
#info .news-list .item .info {
	width: 58.9%;
}
#info .news-list .item .info .title a {
	color: rgb(51, 51, 51); font-size: 18px; text-decoration: none;
}
#info .news-list .item .info .brief {
	height: 40px; color: rgb(140, 140, 140); line-height: 20px; font-size: 14px; margin-top: 1.64%;
}
#info .news-list .item .time {
	padding-left: 1.74%; margin-top: 1%; margin-right: 8.08%; border-left-color: rgb(234, 234, 234); border-left-width: 1px; border-left-style: solid;
}
#info .news-list .item .time .date {
	color: rgb(102, 102, 102); font-family: "impact"; font-size: 30px;
}
#info .news-list .item .time .year {
	color: rgb(153, 153, 153); font-family: Arial; font-size: 14px; margin-top: 5px;
}
#info .news-list .item .right {
	background: url("/images/icon33.png") no-repeat center; width: 17px; height: 30px; right: 3.43%; color: rgb(204, 204, 204); padding-top: 4%; font-size: 60px;
}
#info .news-list .item:hover {
	background-color: rgb(51, 51, 51);
}
#info .news-list .item:hover .info .title a {
	color: rgb(255, 255, 255);
}
#info .news-list .item:hover .info .brief {
	color: rgb(255, 255, 255);
}
#info .news-list .item:hover .time {
	border-left-color: rgb(255, 255, 255);
}
#info .news-list .item:hover .time .date {
	color: rgb(255, 255, 255);
}
#info .news-list .item:hover .time .year {
	color: rgb(255, 255, 255);
}
#info .news-list .item:hover .right {
	background: url("/images/icon34.png") no-repeat center; width: 17px; height: 30px; color: rgb(255, 255, 255);
}
#about-company .company {
	padding: 50px 0px 70px;
}
#about-company .company .title {
	text-align: center;
}
#about-company .company .title .p1 {
	color: rgb(51, 51, 51); font-size: 24px; font-weight: bold;
}
#about-company .company .title .p2 {
	margin: 30px auto 80px; color: rgb(102, 102, 102); font-size: 14px;
}
#about-company .company .title .shuju {
	padding: 0px 50px;
}
#about-company .company .title .shuju .info {
	width: 25%;
}
#about-company .company .title .shuju .info .p3 .span1 {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 40px;
}
#about-company .company .title .shuju .info .p3 .span2 {
	margin: 20px 0px 0px 10px; color: rgb(51, 51, 51); line-height: 20px; font-size: 14px;
}
#about-company .company .title .shuju .info .p4 {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 14px;
}
#about-company .company .con {
	width: 100%;
}
#about-company .company .con .img {
	margin: 60px 0px;
}
#about-company .company .con .img .left {
	width: 50%; padding-top: 31.25%;
}
#about-company .company .con .img .right {
	width: 50%; padding-top: 31.25%;
}
#about-company .company .con .text {
	color: rgb(85, 85, 85); line-height: 24px; font-size: 14px;
}
#about-company .honor {
	background: rgb(245, 245, 245); padding: 25px 0px 95px;
}
#about-company .honor .title {
	color: rgb(51, 51, 51); line-height: 100px; font-size: 30px; position: relative;
}
#about-company .honor .title::before {
	background: rgb(51, 51, 51); left: 50%; width: 30px; height: 2px; bottom: 7px; margin-left: -15px; display: block; position: absolute; content: "";
}
#about-company .honor .con {
	margin-top: 50px;
}
#about-company .honor .honor-con .swiper-slide {
	background: rgb(255, 255, 255); padding: 30px 0px;
}
#about-company .honor .honor-con .swiper-slide img {
	width: 80%;
}
#about-company .honor .honor-con .swiper-pagination {
	bottom: 0px; display: none;
}
#about-company .honor .honor-con .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(51, 51, 51); border-image: none; opacity: 1;
}
#about-company .honor .honor-con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(51, 51, 51);
}
#about-company .honor .con .swiper-button-next {
	background: url("/images/icon36.png") no-repeat center / cover; width: 30px; height: 30px; right: -50px;
}
#about-company .honor .con .swiper-button-prev {
	background: url("/images/icon35.png") no-repeat center / cover; left: -50px; width: 30px; height: 30px;
}
#about-history {
	padding-bottom: 65px;
}
#about-history .a_top {
	padding: 50px 0px 42px; text-align: center;
}
#about-history .a_top .a_all {
	margin: 0px 28px; vertical-align: top; display: inline-block; visibility: hidden; -ms-zoom: 1;
}
#about-history .a_top .a_all .a_title {
	height: 60px; text-align: center; color: rgb(51, 51, 51); line-height: 60px; font-size: 24px;
}
#about-history .a_top .a_all .a22 {
	color: rgb(34, 34, 34);
}
#about-history .a_top .a_all .a88 {
	color: rgb(136, 136, 136);
}
#about-history .de_list {
	background: url("/images/cy_bg.png") repeat-y top; padding: 0px 6%; margin-top: 20px;
}
#about-history .de_list li {
	width: 51%; visibility: hidden; position: relative; z-index: 1;
}
#about-history .de_list li .brief {
	background: rgb(240, 240, 240); padding: 14px 24px; width: 53%; color: rgb(34, 34, 34); line-height: 28px; font-size: 16px;
}
#about-history .de_list li .brief span {
	height: 28px; line-height: 28px; overflow: hidden; font-size: 16px; display: block;
}
#about-history .de_list li .brief_on {
	background: rgb(51, 51, 51); padding: 14px 24px; top: 0px; width: 53%; color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; display: none; position: absolute; z-index: 3;
}
#about-history .de_list li .br_l {
	left: 0px;
}
#about-history .de_list li .br_r {
	right: 0px;
}
#about-history .de_list li .title {
	height: 86px; color: rgb(136, 136, 136); line-height: 86px; font-size: 40px;
}
#about-history .de_list li .tl {
	background: url("/images/tl.png") no-repeat left; padding-left: 38px; margin-left: 19px;
}
#about-history .de_list li .tr {
	background: url("/images/tr.png") no-repeat right; text-align: right; padding-right: 38px; margin-right: 19px;
}
#about-history .de_list li .cy_on {
	background: url("/images/cy_on.png") no-repeat; top: 12px; width: 61px; height: 61px; display: none; position: absolute; z-index: 5;
}
#about-history .de_list li .cy_l {
	left: 5px;
}
#about-history .de_list li .cy_r {
	right: 5px;
}
#about-history .tesu {
	background: url("/images/zuihou.png") no-repeat top; height: 137px; margin-left: 36px;
}
#about-history .de_list li:hover {
	z-index: 2;
}
#about-history .de_list li:hover .title {
	color: rgb(51, 51, 51);
}
#about-history .de_list li:hover .tl {
	background: url("/images/tl_hover.png") no-repeat left;
}
#about-history .de_list li:hover .tr {
	background: url("/images/tr_hover.png") no-repeat right;
}
#about-history .de_list li:hover .brief_on {
	display: block;
}
#about-history .de_list li:hover .cy_on {
	display: block;
}
#about-history .di_list {
	padding: 0px 6%; margin-top: 20px; display: none;
}
#about-history .di_list li {
	width: 100%; margin-bottom: 10px;
}
#about-history .di_list li .brief {
	background: rgb(240, 240, 240); padding: 14px 24px; width: 70%; color: rgb(34, 34, 34); line-height: 28px; font-size: 16px; min-height: 86px;
}
#about-history .di_list li .brief span {
	height: 28px; color: rgb(34, 34, 34); line-height: 28px; overflow: hidden; font-size: 16px;
}
#about-history .di_list li .brief_on {
	background: rgb(51, 51, 51); padding: 14px 24px; width: 70%; color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; display: none;
}
#about-history .di_list li .title {
	background: url("/images/tr.png") no-repeat right; width: 28%; height: 86px; color: rgb(136, 136, 136); line-height: 86px; padding-right: 38px; font-size: 40px;
}
#about-history .di_list li.cur .title {
	background: url("/images/tr_hover.png") no-repeat right; color: rgb(51, 51, 51);
}
#about-history .di_list li.cur .brief {
	display: none;
}
#about-history .di_list li.cur .brief_on {
	display: block;
}
#about-adva {
	padding-top: 10px;
}
#about-adva .text {
	margin: 50px auto 55px;
}
#about-adva .text .p-tit {
	margin: 0px auto 45px; text-align: center; color: rgb(51, 51, 51); font-size: 32px;
}
#about-adva .text .p-con {
	margin: 0px auto; width: 58.85%; text-align: center; color: rgb(102, 102, 102); font-size: 14px;
}
#about-adva .text .p-xiao {
	margin: 30px auto 20px; text-align: center; color: rgb(51, 51, 51); font-size: 22px;
}
#about-adva .patent .shuju {
	margin: 50px auto; width: 39.58%;
}
#about-adva .patent .shuju .info {
	width: 33.33%; text-align: center;
}
#about-adva .patent .shuju .info .span1 {
	color: rgb(51, 51, 51); line-height: 60px; font-size: 60px;
}
#about-adva .patent .shuju .info .span2 {
	margin: 40px 0px 0px 10px; color: rgb(51, 51, 51); line-height: 20px; font-size: 16px;
}
#about-adva .patent .shuju .info .p4 {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 10px;
}
#about-adva .patent .img {
	margin-bottom: 60px;
}
#about-adva .patent .patent-img .swiper-wrapper.on {
	text-align: center; display: inline-block;
}
#about-adva .patent .patent-img .swiper-wrapper.on .swiper-slide {
	text-align: center; display: inline-block;
}
#about-adva .patent .patent-img .swiper-slide {
	background: rgb(231, 231, 231);
}
#about-adva .patent .patent-img .swiper-pagination {
	bottom: 0px; display: none;
}
#about-adva .patent .patent-img .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(51, 51, 51); border-image: none; opacity: 1;
}
#about-adva .patent .patent-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(51, 51, 51);
}
#about-adva .patent .img .swiper-button-next {
	background: url("/images/icon36.png") no-repeat center / cover; width: 30px; height: 30px; right: -50px;
}
#about-adva .patent .img .swiper-button-prev {
	background: url("/images/icon35.png") no-repeat center / cover; left: -50px; width: 30px; height: 30px;
}
#about-adva .qualif {
	background: url("/images/about_bg.jpg") no-repeat bottom; padding-bottom: 135px;
}
#about-adva .service {
	padding-bottom: 60px;
}
#about-adva .join {
	background: rgb(238, 238, 238); padding-bottom: 40px;
}
#about-adva .produce {
	padding-bottom: 40px;
}
#about-adva .produce .img .qyry {
	padding: 0px 0px 1.75rem;
}
#about-adva .produce .img .qyry .title {
	margin: 0px 0px 1.12rem; text-align: center; color: rgb(16, 100, 50); line-height: 8.62rem; font-size: 2rem;
}
#about-adva .produce .img .dg-container {
	width: 100%; position: relative;
}
#about-adva .produce .img .dg-wrapper {
	margin: 0px auto; width: 481px; height: 316px; position: relative; perspective: 1000px; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
#about-adva .produce .img .dg-wrapper a {
	left: 0px; top: 0px; width: 482px; height: 316px; display: block; position: absolute; box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
#about-adva .produce .img .dg-wrapper a::before {
	background: rgba(255, 255, 255, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
#about-adva .produce .img .dg-wrapper a.dg-center::before {
	display: none;
}
#about-adva .produce .img .dg-wrapper a.dg-transition {
	transition:0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
}
#about-adva .produce .img .dg-wrapper a img {
	display: block;
}
#about-adva .produce .img .dg-wrapper a div {
	width: 100%; text-align: center; bottom: -55px; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; display: none; position: absolute; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
#about-adva .produce .img .dg-wrapper a p {
	text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 18px; margin-top: 35px;
}
#about-adva .produce .img .dg-wrapper a.dg-center div {
	display: block;
}
#about-adva .produce .img .dg-wrapper a.dg-center p {
	color: rgb(102, 102, 102);
}
#about-adva .produce .img .dg-container nav.nav1 {
	margin: -15px 0px 0px; left: 0px; top: 50%; width: 31px; height: 31px; position: absolute; z-index: 1;
}
#about-adva .produce .img .dg-container nav.nav2 {
	margin: -15px 0px 0px; top: 50%; width: 31px; height: 31px; right: 0px; position: absolute; z-index: 1;
}
#about-adva .produce .img .dg-container nav span {
	width: 31px; height: 31px; float: left; cursor: pointer;
}
#about-adva .produce .img .produce-img {
	display: none;
}
#about-adva .product {
	background: rgb(238, 238, 238); padding-bottom: 40px;
}
.store .cityList {
	margin: 50px auto 0px; width: 100%;
}
.store .cityList ul {
	border: 1px solid rgb(236, 236, 236); border-image: none; width: calc(100% - 2px); height: 75px; cursor: pointer;
}
.store .cityList ul li {
	background: rgb(255, 255, 255); width: calc(33.33% - 1px); height: 100%; border-right-color: rgb(236, 236, 236); border-right-width: 1px; border-right-style: solid; position: relative; cursor: pointer;
}
.store .cityList ul li:nth-last-child(1) {
	border-right-color: rgb(243, 243, 243); border-right-width: 1px; border-right-style: solid;
}
.store .cityList ul li select {
	width: 100%; height: 100%; overflow: hidden; vertical-align: middle; position: absolute; cursor: pointer; opacity: 0;
}
.store .cityList ul li .customSelect {
	background: url("/images/icon31.png") no-repeat right; padding: 0px 5%; width: 85%; height: 100%; line-height: 75px; font-size: 16px; display: inline-block; cursor: pointer;
}
.store .cityList ul li .customSelect .customSelectInner {
	width: 100% !important; text-align: left; line-height: 75px; overflow: hidden; cursor: pointer;
}
.store .cityList ul li .citySearch {
	background: rgb(243, 243, 243); border: 0px currentColor; border-image: none; width: 100%; height: 75px; text-align: center; color: rgb(51, 51, 51); line-height: 75px; font-size: 16px; vertical-align: middle; display: block; cursor: pointer;
}
.store .map {
	padding: 5px 5px 5px 0px; overflow: hidden; margin-top: 20px; margin-bottom: 60px; background-color: rgb(255, 255, 255);
}
.store .map .mapText {
	background: rgb(240, 240, 240); width: 27.1%; height: 703px; float: left;
}
.store .map .mapText .mapTit {
	height: 58px; color: rgb(100, 100, 100); line-height: 58px; padding-left: 20px; font-size: 15px;
}
.store .map .mapText .mapTit b {
	padding: 0px 5px 0px 9px; color: rgb(51, 51, 51); display: inline-block;
}
.store .map .mapText .mapBox {
	height: 568px; overflow: hidden; position: relative;
}
.store .map .mapText .mapBox .mapList {
	left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute;
}
.store .map .mapText .mapBox .mapList li {
	padding: 34px 48px 0px 35px; height: 307px; overflow: hidden; border-top-color: rgb(222, 222, 222); border-top-width: 1px; border-top-style: dashed;
}
.store .map .mapText .mapBox .mapList li span {
	border-radius: 50%; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-size: 16px; float: left; display: block; background-color: rgb(51, 51, 51);
}
.store .map .mapText .mapBox .mapList li div {
	margin-left: 52px;
}
.store .map .mapText .mapBox .mapList li div h3 {
	height: 32px; line-height: 28px; overflow: hidden; font-size: 18px;
}
.store .map .mapText .mapBox .mapList li div p {
	margin: 0px; color: rgb(119, 119, 119); line-height: 24px; overflow: hidden; font-size: 16px; max-height: 48px;
}
.store .map .mapText .mapBox .mapList li.on {
	cursor: pointer; background-color: rgb(255, 255, 255);
}
.store .map .mapText .mapBox .mapList li.on span {
	background-color: rgb(51, 51, 51);
}
.store .map .mapText .mapBox .mapList li:hover {
	cursor: pointer; background-color: rgb(255, 255, 255);
}
.store .map .mapText .mapBox .mapList li:hover span {
	background-color: rgb(51, 51, 51);
}
.store .map .mapText .mapPaged {
	left: 0px; width: 100%; height: 64px; bottom: 0px; border-right-color: rgb(222, 222, 222); border-left-color: rgb(222, 222, 222); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; z-index: 10; cursor: pointer; background-color: rgb(102, 102, 102);
}
.store .map .mapText .mapPaged a {
	background: url("/images/icon29.png") no-repeat center rgb(187, 187, 187); width: 50%; height: 64px; float: right; display: block;
}
.store .map .mapText .mapPaged a.next {
	background: url("/images/icon28.png") no-repeat center; float: left;
}
.store .map .mapImg {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: calc(72.9% - 2px); height: 700px; float: right;
}
#case-join .join-con {
	margin: 50px auto 0px;
}
#case-join .join-con .title {
	width: 100%;
}
#case-join .join-con .title .titl {
	background: rgb(238, 238, 238); width: calc(20% - 1px); text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left; cursor: pointer;
}
#case-join .join-con .title .titl.on {
	background: rgb(102, 102, 102); color: rgb(255, 255, 255); font-weight: bold;
}
#case-join .join-con .con {
	margin: 50px auto 90px;
}
#case-join .join-con .con .prospect {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
#case-join .join-con .con .advantage .p1 {
	text-align: center; color: rgb(51, 51, 51); font-size: 32px; margin-bottom: 60px;
}
#case-join .join-con .con .advantage .advan {
	width: 100%;
}
#case-join .join-con .con .advantage .advan .adv {
	border-radius: 10px; border: 1px solid rgb(236, 236, 236); border-image: none; width: 48.75%; height: 135px; overflow: hidden; margin-bottom: 40px;
}
#case-join .join-con .con .advantage .advan .adv .p2 {
	background: rgb(236, 236, 236); padding: 44px 0px 44px 20px; width: 110px; color: rgb(0, 0, 0); line-height: 30px; font-size: 21px; position: relative;
}
#case-join .join-con .con .advantage .advan .adv .p2::before {
	border-width: 67.5px 30px; border-style: solid; border-color: transparent transparent transparent rgb(236, 236, 236); left: 100%; top: 0px; width: 0px; height: 0px; display: block; position: absolute; content: "";
}
#case-join .join-con .con .advantage .advan .adv .p3 {
	margin: 18px 30px 30px 40px; width: calc(100% - 206px); height: 100px; color: rgb(51, 51, 51); line-height: 20px; overflow: hidden; font-size: 14px;
}
#case-join .join-con .con .process .p1 {
	text-align: center; color: rgb(51, 51, 51); font-size: 32px;
}
#case-join .join-con .con .process .problem-con .item {
	margin: 50px auto; border-radius: 10px; border: 1px solid rgb(236, 236, 236); border-image: none; width: 900px; position: relative;
}
#case-join .join-con .con .process .problem-con .item .span {
	background: rgb(102, 102, 102); border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; left: 50%; top: -18px; width: 36px; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 24px; margin-left: -18px; display: block; position: absolute;
}
#case-join .join-con .con .process .problem-con .item .p2 {
	text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-size: 20px; margin-top: 40px;
}
#case-join .join-con .con .process .problem-con .item .p3 {
	margin: 10px auto 25px; text-align: center; color: rgb(102, 102, 102); line-height: 20px; font-size: 14px;
}
#case-join .join-con .con .process .problem-con .item::before {
	background: url("/images/icon32.png"); border-radius: 50%; left: 50%; width: 20px; height: 20px; bottom: -10px; margin-left: -10px; display: block; position: absolute; content: "";
}
#case-join .join-con .con .process .problem-con .item::after {
	background: rgb(204, 204, 204); left: 50%; width: 1px; height: 17px; bottom: -30px; display: block; position: absolute; content: "";
}
#case-join .join-con .con .process .problem-con :nth-last-child(1).item::before {
	display: none;
}
#case-join .join-con .con .process .problem-con :nth-last-child(1).item::after {
	display: none;
}
#case-join .join-con .con .process .problem-con .item:hover {
	background: rgb(102, 102, 102);
}
#case-join .join-con .con .process .problem-con .item:hover .p2 {
	color: rgb(255, 255, 255);
}
#case-join .join-con .con .process .problem-con .item:hover .p3 {
	color: rgb(255, 255, 255);
}
#case-join .join-con .con .star .star-con {
	width: 31.87%; margin-right: 2.18%; margin-bottom: 35px;
}
#case-join .join-con .con .star :nth-child(3n).star-con {
	margin-right: 0%;
}
#case-join .join-con .con .star .star-con .img {
	width: 100%; padding-top: 58.82%;
}
#case-join .join-con .con .star .star-con .item {
	margin-top: 10px;
}
#case-join .join-con .con .star .star-con .item .p2 {
	color: rgb(51, 51, 51); line-height: 44px; font-size: 21px;
}
#case-join .join-con .con .star .star-con .item .p3 {
	height: 40px; color: rgb(102, 102, 102); line-height: 20px; overflow: hidden; font-size: 14px;
}
#case-join .join-con .con .problem .item {
	width: 100%; border-bottom-color: rgb(243, 243, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
#case-join .join-con .con .problem .item .p2 {
	background: url("/images/t_jt.png") no-repeat 98%; height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; cursor: pointer;
}
#case-join .join-con .con .problem .item .p3 {
	background: rgb(251, 249, 248); padding: 40px 1%; width: 98%; color: rgb(102, 102, 102); font-size: 14px; display: none;
}
#case-join .join-con .con .problem .item:hover .p2 {
	background: url("/images/t_jt_hover.png") no-repeat 98%;
}
#case-join .join-con .con .problem .item.on .p2 {
	background: url("/images/t_jt_hover.png") no-repeat 98%;
}
#case-join .join-con .con .problem .item.on .p3 {
	display: block;
}
#case-join .join-con .con .text.on {
	display: block;
}
#case-join .join-con .con .text {
	display: none;
}
#case-join .join-con .con .text img {
	height: auto !important; max-width: 100% !important;
}
#products-detail {
	margin: 5% auto 70px;
}
#products-detail .title {
	padding: 60px 0px; border: 1px solid rgb(241, 241, 241); border-image: none;
}
#products-detail .detail-img {
	width: 53.25%; height: 610px;
}
#products-detail .detail-img .detail-img-top {
	margin: 0px; width: 75.61%; height: 610px; float: left;
}
#products-detail .detail-img .detail-img-top .swiper-pagination {
	display: none;
}
#products-detail .detail-img .detail-img-thumbs-bg {
	width: 18.3%; height: 610px; margin-left: 2.5%; float: left;
}
#products-detail .detail-img .detail-img-thumbs {
	width: 100%; height: 540px;
}
#products-detail .detail-img .detail-img-thumbs .swiper-slide {
	width: 100%; height: 120px;
}
#products-detail .detail-img .detail-img-thumbs .swiper-slide .img {
	border: 1px solid rgb(230, 230, 230); border-image: none; width: calc(100% - 2px); height: calc(100% - 2px);
}
#products-detail .detail-img .detail-img-thumbs .swiper-slide.slide-ctive .img {
	border-color: rgb(51, 51, 51);
}
#products-detail .detail-img .detail-img-thumbs-bg .button_white {
	background: none; border: 1px solid rgb(228, 228, 228); border-image: none; top: auto; width: calc( 50% - 2px); height: 50px; bottom: 0px;
}
#products-detail .detail-img .detail-img-thumbs-bg .swiper-button-next {
	background: url("/images/icon25.png") no-repeat center; right: 0px;
}
#products-detail .detail-img .detail-img-thumbs-bg .swiper-button-prev {
	background: url("/images/icon24.png") no-repeat center; left: 0px;
}
#products-detail .text {
	padding: 20px 2%; width: 42.75%; height: 430px;
}
#products-detail .text .p1 {
	color: rgb(51, 51, 51); padding-bottom: 50px; font-size: 30px;
}
#products-detail .text .p2 {
	color: rgb(102, 102, 102); line-height: 36px; font-size: 14px; margin-bottom: 16px;
}
#products-detail .text .a1 {
	background: rgb(51, 51, 51); border-radius: 5px; width: 140px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; font-weight: bold; display: block;
}
#products-detail .text .info {
	margin-top: 45px;
}
#products-detail .text .info .tel {
	margin-right: 90px;
}
#products-detail .text .info .tel .p3 {
	text-align: left; color: rgb(102, 102, 102); line-height: 26px; font-size: 14px;
}
#products-detail .text .info .tel .p4 {
	color: rgb(51, 51, 51); line-height: 26px; text-indent: 1em; font-size: 18px; font-weight: bold;
}
#products-detail .text .info .email .p3 {
	text-align: left; color: rgb(102, 102, 102); line-height: 26px; font-size: 14px;
}
#products-detail .text .info .email .p4 {
	color: rgb(51, 51, 51); line-height: 26px; text-indent: 1em; font-size: 18px;
}
#products-detail .detail {
	width: 100%; margin-top: 65px; position: relative;
}
#products-detail .detail .con {
	width: 76.43%;
}
#products-detail .detail .con .p1 {
	color: rgb(51, 51, 51); padding-bottom: 28px; font-size: 22px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
#products-detail .detail .con .desc {
	width: 100%; overflow: hidden; padding-bottom: 50px; margin-top: 45px; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
#products-detail .detail .con .desc img {
	height: auto !important; max-width: 100% !important;
}
#products-detail .detail .con .desc table {
	max-width: 100% !important;
}
#products-detail .detail .con .desc * {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 14px;
}
#products-detail .detail .con .desc iframe {
	width: 498px; height: 510px;
}
#products-detail .detail .catalog {
	border: 1px solid rgb(241, 241, 241); border-image: none; top: 0px; width: 17.5%; right: 0px; margin-top: 55px; position: absolute;
}
#products-detail .detail .catalog .tit {
	margin: 0px 19px; height: 84px; color: rgb(51, 51, 51); line-height: 84px; font-size: 18px; font-weight: bold; border-bottom-color: rgb(241, 241, 241); border-bottom-width: 1px; border-bottom-style: solid;
}
#products-detail .detail .catalog .cata-nav {
	margin: 40px 19px;
}
#products-detail .detail .catalog .cata-nav .cata {
	text-align: center; color: rgb(119, 119, 119); font-size: 14px; margin-bottom: 40px; display: block;
}
#products-detail .detail .catalog .cata-nav .cata.on {
	color: rgb(0, 0, 0);
}
#products-detail .anniu {
	margin: 40px auto 80px; width: 100%;
}
#products-detail .anniu .anniu_p {
	margin: 0px auto 20px; color: rgb(102, 102, 102); font-size: 14px;
}
#products-detail .anniu .anniu_p .news_anniu {
	color: rgb(51, 51, 51);
}
#products-detail .anniu .anniu_p .news_anniu:hover {
	color: rgb(102, 102, 102);
}
@media screen and (max-width:1760px)
{
#header .nav .one-nav .nav-a {
	margin: 0px 20px;
}
#design-team .con .text {
	padding: 30px 4.37%;
}
#design-team .con .text .p5 {
	margin: 50px 0px 20px;
}
}
@media screen and (max-width:1480px)
{
.wrap {
	width: 90%;
}
.index-design {
	padding: 40px 0px;
}
.index-design .p2 {
	margin: 20px;
}
.index-info {
	padding: 40px 0px;
}
.index-info .info-tit {
	margin: 20px 0px;
}
.index-info .info-con .con .left .img {
	margin: 10px 24px 25px;
}
.index-info .info-con .con .left .text {
	margin: 0px 24px 44px;
}
.index-info .info-con .con .left .text .p2 {
	margin-top: 20px;
}
.index-info .info-con .con .left .news {
	margin: 0px 24px 30px;
}
.index-info .info-con .con .right .text .p3 {
	margin-top: 10px;
}
.index-info .info-con .con .right .text .p4 {
	margin: 10px 0px;
}
.index-info .info-con .con .right .text .p5 {
	margin-bottom: 10px;
}
.index-info .info-con .con .more {
	margin: 30px auto 0px;
}
.index-partner {
	padding: 20px 0px;
}
.index-partner .title {
	margin-bottom: 40px;
}
#footer {
	padding-top: 40px;
}
}
@media screen and (max-width:1400px)
{
.index-design {
	padding: 10px 0px;
}
.index-design .p2 {
	margin: 10px;
}
.index-info {
	padding: 10px 0px;
}
#footer {
	padding-top: 30px;
}
}
@media screen and (max-width:1360px)
{
.wrap {
	width: 95%;
}
#header .nav .one-nav .nav-a {
	margin: 0px 10px;
}
#case-engin .engin-con .con .text .p1 {
	margin-top: 10%;
}
}
@media screen and (max-width:1100px)
{
.index-design {
	padding: 67px 0px;
}
.index-design .p2 {
	margin: 45px;
}
.index-info {
	padding: 78px 0px 58px;
}
.index-info .info-tit {
	margin: 50px 0px 45px;
}
#header {
	overflow: hidden;
}
#header .menu-bg {
	background: rgba(255, 255, 255, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: fixed; z-index: 101;
}
#header .menu {
	line-height: 94px; display: block; cursor: pointer;
}
#header .mobile-search {
	line-height: 94px; display: block; cursor: pointer;
}
#header .logo {
	left: 50%; margin-left: -107px; position: absolute;
}
#header .nav {
	background: rgb(170, 170, 170); margin: 0px; left: -100%; top: 0px; width: 65%; height: 100%; bottom: 0px; overflow: auto; float: none; display: inline-block; position: fixed; z-index: 9999;
}
#header .nav .one-nav {
	padding: 2.5%; width: 95%; height: auto; line-height: 40px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: none; cursor: pointer;
}
#header .nav .one-nav .nav-a {
	margin: 0px; width: auto; text-align: left; color: rgb(0, 0, 0); display: inline-block;
}
#header .nav .one-nav:hover .nav-a {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.on .nav-a {
	color: rgb(255, 255, 255); font-weight: bold; border-bottom-color: transparent; border-bottom-width: 3px; border-bottom-style: solid;
}
#header .nav .one-nav.search {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#header .nav .one-nav.search .nav-a {
	display: none;
}
#header .nav .one-nav.tel {
	display: none;
}
#header .nav :nth-child(1).one-nav {
	margin-top: 5%;
}
#header .nav :nth-last-child(1).one-nav {
	margin-bottom: 5%;
}
#header .nav .one-nav .two-nav {
	background: rgb(170, 170, 170); width: 100%; line-height: 40px; float: none; display: none; position: static;
}
#header .nav .one-nav.artive .two-nav {
	height: auto; display: block !important;
}
#header .nav .one-nav .two-nav:hover {
	display: block !important;
}
#header .nav .one-nav .two-nav .two-nav-a {
	padding: 0px 1%; text-align: left; color: rgb(0, 0, 0); line-height: 30px; margin-right: 0px; display: block;
}
#header .nav .one-nav .two-nav .two-nav-a:hover {
	color: rgb(255, 255, 255); font-weight: bold;
}
#header .nav .one-nav .two-nav .two-nav-a::before {
	display: none;
}
.on#header {
	overflow: visible;
}
.on#header .nav {
	left: 0px;
}
#footer {
	padding-top: 40px;
}
#footer .top {
	padding-bottom: 30px;
}
#footer .left {
	width: 100%; margin-right: 0%; float: none;
}
#footer .left .p1 {
	margin: 20px 0px 15px;
}
#footer .left .logo {
	height: 50px;
}
#footer .footer-nav {
	margin: 20px 0px; width: 100%; float: none;
}
#footer .footer-nav .nav {
	width: 100%; float: none;
}
#footer .footer-nav :nth-child(1).nav {
	width: 100%;
}
#footer .footer-nav .nav .p3 {
	margin: 10px 0px; padding-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;
}
#footer .footer-nav .nav .p3 img {
	display: block;
}
#footer .footer-nav .nav .dian {
	width: 100%; padding-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: none;
}
#footer .footer-nav .nav .dian.on {
	display: block;
}
#footer .right {
	width: 100%;
}
#footer .right .img {
	width: 100%;
}
#footer .copyright {
	background: rgb(37, 37, 37); width: 100%; height: 87px;
}
#footer .copyright .img {
	width: 50%; height: 87px; text-align: center; padding-right: 0%;
}
#footer .copyright .img::before {
	display: none;
}
#footer .copyright .copy {
	padding: 31px 0px; width: 100%; line-height: 20px;
}
#footer .copyright .links {
	width: 50%;
}
#footer .copyright .links .link-item .link-a {
	height: 35px; line-height: 35px;
}
.index-case .case-con .swiper-button-next {
	right: 10px;
}
.index-case .case-con .swiper-button-prev {
	left: 10px;
}
.index-case .case-tit {
	left: 9%; top: 5%;
}
.index-case .case-con .img .text {
	left: 9%; top: 35%; width: 28%;
}
.index-case .case-con .img .text .p2 {
	margin: 20px auto 50px;
}
#design-team .con .img {
	width: 33%; padding-top: 42.5%;
}
#design-team .con .text {
	padding: 20px 3%; width: 61%;
}
#design-team .con .text .p3 {
	margin: 10px 0px;
}
#design-team .con .text .p5 {
	margin: 20px 0px 10px;
}
#design-team .con .text .p6 {
	height: 57px; overflow: hidden; margin-top: 20px;
}
#case-partner .con {
	width: 33.33%; height: 170px;
}
#case-engin .engin-con .con {
	width: 49%; margin-right: 2%;
}
#case-engin .engin-con :nth-child(3n).con {
	margin-right: 2%;
}
#case-engin .engin-con :nth-child(2n).con {
	margin-right: 0%;
}
#info .news-list .item .info {
	width: 70%;
}
#info .news-list .item .time {
	margin-right: 0px;
}
#info .news-list .item .time .date {
	font-size: 40px;
}
#info .news-list .item .right {
	display: none;
}
#about-company .honor .con .swiper-button-next {
	display: none;
}
#about-company .honor .con .swiper-button-prev {
	display: none;
}
#about-company .honor .honor-con .swiper-pagination {
	display: block;
}
#about-history .de_list li .title {
	font-size: 20px;
}
#about-adva .produce .img .produce-img {
	display: block;
}
#about-adva .produce .img .produce-img p {
	padding: 20px 0px 40px; color: rgb(102, 102, 102); font-size: 14px;
}
#about-adva .produce .img .produce-img .swiper-pagination {
	bottom: 0px;
}
#about-adva .produce .img .produce-img .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(51, 51, 51); border-image: none; opacity: 1;
}
#about-adva .produce .img .produce-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(51, 51, 51);
}
#about-adva .produce .img #tabled3 {
	display: none;
}
#about-adva .patent .img .swiper-button-next {
	display: none;
}
#about-adva .patent .img .swiper-button-prev {
	display: none;
}
#about-adva .patent .patent-img .swiper-pagination {
	display: block;
}
#about-adva .text .p-con {
	width: 95%;
}
#about-adva .patent .shuju {
	width: 100%;
}
.store .map .mapImg {
	width: 100%; height: 700px; margin-top: 20px; float: none;
}
.store .map .mapText {
	width: 100%; height: 703px; float: none;
}
#case-join .join-con .con .process .problem-con .item {
	width: 90%;
}
#products-detail {
	margin: 8% auto;
}
#products-detail .title {
	padding: 30px 0px;
}
#products-detail .detail-img {
	width: 100%; height: auto; float: none;
}
#products-detail .detail-img .detail-img-top {
	margin: 0px; width: 100%; height: auto; padding-bottom: 50px; float: none;
}
#products-detail .detail-img .detail-img-top .swiper-pagination {
	bottom: 0px; display: block;
}
#products-detail .detail-img .detail-img-top .swiper-pagination .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(51, 51, 51); border-image: none; opacity: 1;
}
#products-detail .detail-img .detail-img-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(51, 51, 51);
}
#products-detail .detail-img .detail-img-thumbs-bg {
	display: none;
}
#products-detail .text {
	padding: 15px 5%; width: 90%; height: auto; float: none;
}
#products-detail .text .p1 {
	padding-bottom: 15px; font-size: 24px;
}
#products-detail .text .p2 {
	margin-bottom: 30px;
}
#products-detail .text .a1 {
	width: 120px; height: 35px; line-height: 35px;
}
#products-detail .text .info {
	margin-top: 25px;
}
#products-detail .text .info .tel {
	margin-right: 40px;
}
}
@media only screen and (max-width:900px)
{
#about-history .de_list li .tl {
	background: none; padding: 0px;
}
#about-history .de_list li:hover .tl {
	background: none;
}
#about-history .de_list li .tr {
	background: none; padding: 0px;
}
#about-history .de_list li:hover .tr {
	background: none;
}
}
@media screen and (max-width:750px)
{
#header {
	height: 50px;
}
.index#header {
	position: fixed;
}
#header .logo {
	width: auto; height: 40px; line-height: 50px; margin-left: -65px;
}
#header .menu {
	height: 30px; line-height: 50px;
}
#header .mobile-search {
	height: 30px; line-height: 50px;
}
.two-search {
	top: 51px; height: 50px;
}
.two-search input {
	width: 70%; height: 30px; margin-top: 10px; margin-left: 2.5%;
}
.two-search #search {
	width: 25%; height: 30px; line-height: 30px; margin-top: 11px;
}
.inc-crumbs-blank {
	margin-top: 50px;
}
.crumbs {
	height: 50px; line-height: 50px;
}
.top-bg .top-bg-con .swiper-button-next {
	display: none;
}
.top-bg .top-bg-con .swiper-button-prev {
	display: none;
}
.top-bg .top-bg-con .swiper-button-next:hover {
	display: none;
}
.top-bg .top-bg-con .swiper-button-prev:hover {
	display: none;
}
.index-solution {
	height: 700px !important;
}
.index-solution .p1 {
	top: 50px; font-size: 24px;
}
.index-solution .table {
	display: none;
}
.index-solution .solution-container {
	display: block;
}
.index-solution .solution-container .solution-con {
	height: 700px !important; text-align: center; color: rgb(204, 204, 204); line-height: 700px; font-size: 20px;
}
.index-solution .solution-container .swiper-pagination-bullet {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
.index-solution .solution-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.index-design {
	padding: 40px 0px;
}
.index-design .p1 {
	font-size: 24px;
}
.index-design .p2 {
	margin: 20px auto; font-size: 14px;
}
.index-design .w1 {
	display: none;
}
.index-design .w0 {
	width: 33.33%;
}
.index-design .w0.on::before {
	background: rgb(237, 237, 237); left: 0px; top: 0px; width: 1px; bottom: 0px; display: block; position: absolute; content: "";
}
.index-design .w0.on::after {
	display: none;
}
.index-design .w0.on {
	width: 33.33%;
}
.index-design .w0.on .p6 {
	display: none !important;
}
.index-design .w0.on .a1 {
	margin: 1rem auto 20px;
}
.index-design .w0 .a1 {
	margin: 1rem auto 20px; height: 25px;
}
.index-design .w0 .img {
	margin: 1rem auto; border-radius: 50%; width: 80%; height: 160px;
}
.index-design .w0 .p3 {
	font-size: 18px;
}
.index-design .w0 .p4 {
	font-size: 12px;
}
.index-design .w0 .p5 {
	margin: 20px auto 0px; font-size: 14px;
}
.index-case .case-tit {
	left: 2.5%; top: 5%;
}
.index-case .case-tit .tit {
	padding-bottom: 5px; font-size: 20px; margin-right: 15px;
}
.index-case .case-con .img {
	padding-top: 126%;
}
.index-case .case-con .img .text {
	left: 2.5%; top: 30%; width: 95%; z-index: 2;
}
.index-case .case-con .img .text .p1 {
	font-size: 16px;
}
.index-case .case-con .img .text .p2 {
	margin: 20px 0px 50px; height: 48px;
}
.index-case .case-con .img .text .a1 {
	width: 25px; height: 25px; display: block;
}
.index-case .case-con .img .text .a1 img {
	width: 25px; height: 25px; min-height: 25px;
}
.index-case .case-con .swiper-button-next {
	display: none;
}
.index-case .case-con .swiper-button-prev {
	display: none;
}
.index-info {
	padding: 40px 0px;
}
.index-info .p-tit {
	font-size: 24px;
}
.index-info .info-tit {
	margin: 25px 0px;
}
.index-info .info-tit .tit {
	margin-right: 10px;
}
.index-info .info-con .con .left {
	width: 100%; float: none;
}
.index-info .info-con .con .left .img {
	margin: 10px; padding-top: 44.13%;
}
.index-info .info-con .con .left .text {
	margin: 0px 10px 15px;
}
.index-info .info-con .con .left .text .p1 {
	font-size: 14px;
}
.index-info .info-con .con .left .text .p2 {
	margin-top: 10px;
}
.index-info .info-con .con .left .news {
	margin: 0px 10px 15px;
}
.index-info .info-con .con .right {
	width: 100%;
}
.index-info .info-con .con .right .text {
	margin: 0px 10px;
}
.index-info .info-con .con .right .text .p3 {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 10px;
}
.index-info .info-con .con .right .text .p4 {
	margin: 10px 0px; color: rgb(136, 136, 136); font-size: 12px;
}
.index-info .info-con .con .right .text .p5 {
	color: rgb(153, 153, 153); font-size: 14px; margin-bottom: 10px;
}
.index-info .info-con .con .right :nth-child(1).text .p3 {
	margin-top: 10px;
}
.index-info .info-con .con .more {
	margin: 15px auto 0px; width: 100px; height: 30px; line-height: 30px; font-size: 14px;
}
.index-partner {
	padding: 40px 0px;
}
.index-partner .title {
	font-size: 24px; margin-bottom: 20px;
}
.index-partner #colee_leftqq2 .td h4 {
	margin: 0px 10px;
}
.mini-nav ul.swiper-wrapper li a {
	padding: 17px 10px;
}
.mini-nav ul.swiper-wrapper li a:hover {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
#solution .top-bg .top-bg-con .swiper-button-next {
	right: 10px; display: block;
}
#solution .top-bg .top-bg-con .swiper-button-prev {
	left: 10px; display: block;
}
#solution .solu-con {
	padding: 1rem 0px 40px;
}
#solution .solu-con .title .p1 {
	font-size: 22px; margin-bottom: 10px;
}
#solution .solu-con .img {
	padding-bottom: 10px; margin-top: 20px;
}
#solution .solu-con .img .left {
	width: 100%; float: none;
}
#solution .solu-con .img .left .lan-img {
	padding-top: 54.66%; margin-bottom: 5%;
}
#solution .solu-con .img .right {
	width: 100%; float: none;
}
#solution .solu-con .img .right .lan-img {
	padding-top: 120%;
}
#solution .solu-con .img .right .swiper-pagination {
	bottom: 10px;
}
#solution .solu-con .img .right .swiper-button-next {
	display: none;
}
#solution .solu-con .img .right .swiper-button-prev {
	display: none;
}
#solution .solu-con .text {
	margin-top: 30px;
}
#solution .solu-con .text .p3 {
	font-size: 20px;
}
#solution .solu-con .text .detail1 {
	margin: 20px auto;
}
#solution .solu-con .text .detail2 {
	width: 100%; margin-bottom: 10px; float: none;
}
#solution .solu-con .text .detail3 {
	width: 100%; float: none;
}
#products {
	padding: 1rem 0px 60px;
}
#products .pro-nav {
	margin-bottom: 15px;
}
#products .pro-nav .pro-nav-a {
	font-size: 20px; margin-right: 10px;
}
#products .list .con {
	width: 49%; margin-right: 2%; margin-bottom: 15px;
}
#products .list :nth-child(4n).con {
	margin-right: 2%;
}
#products .list :nth-child(2n).con {
	margin-right: 0%;
}
#products .list .con .text {
	padding: 15px 0px;
}
#design-team {
	padding: 1rem 0px 2rem;
}
#design-team .con .img {
	width: 100%; padding-top: 133%; float: none;
}
#design-team .con .text {
	padding: 20px 2%; width: 96%; float: none;
}
#design-team .con .text .p1 {
	font-size: 22px;
}
#design-team .con .text .p3 {
	font-size: 14px;
}
#design-team .con .text .p5 {
	font-size: 20px;
}
#design-team .con .text .p6 {
	height: auto; overflow: visible;
}
#design-team .con .text .solu-img-con {
	width: 100%;
}
#design-team .con .text .solu-img-con .swiper-button-next {
	width: 20px; height: 20px; background-size: cover;
}
#design-team .con .text .solu-img-con .swiper-button-prev {
	width: 20px; height: 20px; background-size: cover;
}
#detail .title .p1 {
	margin: 100px 0px 2.5%; font-size: 24px;
}
#detail .con {
	width: 100%;
}
.share {
	margin: 20px auto 50px; width: 220px;
}
.detail-url {
	padding: 30px 0px;
}
#case-partner {
	margin: 1rem auto 2rem;
}
#case-partner .con {
	width: 50%; height: 170px;
}
#case-engin {
	padding: 20px 0px 50px;
}
#case-engin .engin-nav {
	margin-bottom: 15px;
}
#case-engin .engin-nav .engin-nav-a {
	font-size: 20px; margin-right: 10px;
}
#case-engin .engin-con .con {
	width: 100%; margin-right: 0%; margin-bottom: 15px;
}
#case-engin .engin-con :nth-child(2n).con {
	margin-right: 0%;
}
#case-engin .engin-con :nth-child(3n).con {
	margin-right: 0%;
}
#case-engin .engin-con .con .img {
	width: 100%; padding-top: 58.82%;
}
#case-engin .engin-con .con .text {
	bottom: 0px;
}
#case-engin .engin-con .con .text .bor {
	margin: 10px; width: calc(100% - 22px); height: calc(100% - 22px);
}
#case-engin .engin-con .con .text .p1 {
	line-height: 24px; font-size: 18px; margin-top: 15%;
}
#case-engin .engin-con .con .text .p2 {
	font-size: 14px; margin-bottom: 10px;
}
#case-engin .engin-con .con .text img {
	width: 20px; height: auto;
}
#info {
	margin: 1rem auto 2.6rem;
}
#info .hot-news .item {
	width: 100%; margin-bottom: 2%; margin-left: 0%;
}
#info .hot-news .item.f4 {
	margin-left: 0px;
}
#info .hot-news .item .info {
	padding: 2%;
}
#info .hot-news .item .info .title a {
	font-size: 16px;
}
#info .hot-news .item .info .time {
	margin: 5px auto 15px;
}
#info .news-list .item .time .date {
	font-size: 30px;
}
#info .news-list .item .info .title a {
	font-size: 16px;
}
#about-company .company {
	padding: 1rem 0px 1.4rem;
}
#about-company .company .title .p1 {
	font-size: 20px;
}
#about-company .company .title .p2 {
	margin: 0.6rem auto 1.6rem;
}
#about-company .company .title .shuju {
	padding: 0px;
}
#about-company .company .title .shuju .info .p3 .span1 {
	font-size: 30px;
}
#about-company .company .con .img {
	margin: 1.2rem 0px;
}
#about-company .company .con .img .left {
	width: 50%; padding-top: 31.25%;
}
#about-company .company .con .img .right {
	width: 50%; padding-top: 31.25%;
}
#about-company .honor {
	padding: 0.5rem 0px 1.9rem;
}
#about-company .honor .title {
	line-height: 80px; font-size: 24px;
}
#about-company .honor .con {
	margin-top: 1rem;
}
#about-company .honor .honor-con .swiper-slide {
	padding: 10px 0px;
}
#about-company .honor .honor-con .swiper-slide img {
	width: 90%;
}
#about-history .a_top {
	padding: 1rem 0px 0.8rem;
}
#about-history .de_list {
	display: none;
}
#about-history .di_list {
	display: block;
}
#about-history .tesu {
	display: none;
}
#about-adva {
	padding-top: 10px;
}
#about-adva .text {
	margin: 1rem auto;
}
#about-adva .text .p-tit {
	margin: 0px auto 15px; font-size: 24px;
}
#about-adva .text .p-xiao {
	margin: 10px auto 0px; font-size: 18px;
}
#about-adva .patent .shuju {
	margin: 1rem auto;
}
#about-adva .patent .shuju .info {
	width: 33.33%;
}
#about-adva .patent .shuju .info .span1 {
	line-height: 30px; font-size: 30px;
}
#about-adva .patent .shuju .info .span2 {
	margin: 10px 0px 0px 10px; line-height: 20px; font-size: 12px;
}
#about-adva .patent .img {
	margin-bottom: 1.2rem;
}
#about-adva .qualif {
	padding-bottom: 2.7rem;
}
#about-adva .service {
	padding-bottom: 1.2rem;
}
#about-adva .join {
	padding-bottom: 0.8rem;
}
#about-adva .join .p-xiao {
	margin: 15px auto 10px;
}
#about-adva .produce {
	padding-bottom: 0.8rem;
}
#about-adva .product {
	padding-bottom: 20px;
}
.store .cityList {
	margin: 1rem auto 0px;
}
.store .cityList ul {
	height: 45px;
}
.store .cityList ul li .customSelect {
	line-height: 45px; font-size: 14px;
}
.store .cityList ul li .customSelect .customSelectInner {
	line-height: 45px;
}
.store .cityList ul li .citySearch {
	height: 45px; line-height: 45px; font-size: 14px;
}
.store .map {
	padding: 5px 5px 5px 0px; margin-top: 0.4rem; margin-bottom: 1.2rem;
}
.store .map .mapText {
	height: 427px;
}
.store .map .mapText .mapTit {
	height: 40px; line-height: 40px; padding-left: 10px; font-size: 14px;
}
.store .map .mapText .mapBox {
	height: 346px;
}
.store .map .mapText .mapBox .mapList li {
	padding: 14px 10px 0px; height: 100px;
}
.store .map .mapText .mapBox .mapList li span {
	width: 20px; height: 20px; line-height: 20px; font-size: 14px;
}
.store .map .mapText .mapBox .mapList li div {
	margin-left: 30px;
}
.store .map .mapText .mapBox .mapList li div h3 {
	height: 26px; line-height: 22px; font-size: 16px;
}
.store .map .mapText .mapBox .mapList li div p {
	font-size: 14px;
}
.store .map .mapText .mapPaged {
	height: 40px;
}
.store .map .mapText .mapPaged a {
	height: 40px;
}
.store .map .mapImg {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: calc(100% - 2px); height: 400px;
}
#design-concept {
	padding: 1rem 0px 30px;
}
#case-join .join-con {
	margin: 1rem auto 0px;
}
#case-join .join-con .con {
	margin: 1rem auto 1.8rem;
}
#case-join .join-con .con .advantage .p1 {
	font-size: 24px; margin-bottom: 1.2rem;
}
#case-join .join-con .con .advantage .advan .adv {
	width: calc(100% - 2px); height: auto; margin-bottom: 0.8rem;
}
#case-join .join-con .con .advantage .advan .adv .p2 {
	padding: 20px; width: 100%; font-size: 18px;
}
#case-join .join-con .con .advantage .advan .adv .p2::before {
	display: none;
}
#case-join .join-con .con .advantage .advan .adv .p3 {
	margin: 20px; width: calc(100% - 40px); height: auto;
}
#case-join .join-con .con .process .p1 {
	font-size: 24px;
}
#case-join .join-con .con .process .problem-con .item {
	margin: 50px auto;
}
#case-join .join-con .con .process .problem-con .item .p2 {
	line-height: 24px; font-size: 18px; margin-top: 20px;
}
#case-join .join-con .con .process .problem-con .item .p3 {
	margin: 10px 10px 15px;
}
#case-join .join-con .con .star .star-con {
	width: 49%; margin-right: 2%; margin-bottom: 20px;
}
#case-join .join-con .con .star :nth-child(3n).star-con {
	margin-right: 2%;
}
#case-join .join-con .con .star :nth-child(2n).star-con {
	margin-right: 0%;
}
#case-join .join-con .con .star .star-con .img {
	width: 100%; padding-top: 58.82%;
}
#case-join .join-con .con .star .star-con .item {
	margin-top: 10px;
}
#case-join .join-con .con .star .star-con .item .p2 {
	line-height: 32px; font-size: 18px;
}
#products-detail .detail {
	margin-top: 0px;
}
#products-detail .detail .con {
	width: 100%; float: none;
}
#products-detail .detail .con .p1 {
	padding-bottom: 18px; font-size: 20px;
}
#products-detail .detail .con .desc {
	padding-bottom: 20px; margin-top: 25px;
}
#products-detail .detail .con .desc iframe {
	width: 340px; height: 348px;
}
#products-detail .detail .catalog {
	margin: 25px auto; width: 100%; float: none; position: static;
}
#products-detail .detail .catalog .tit {
	margin: 0px; height: 34px; line-height: 34px; font-size: 16px;
}
#products-detail .detail .catalog .cata-nav {
	margin: 10px 0px; display: none;
}
#products-detail .detail .catalog .cata-nav .cata {
	font-size: 14px; margin-bottom: 20px;
}
#products-detail .detail .catalog .cata-nav .cata.on {
	color: rgb(0, 0, 0);
}
#style {
	display: none;
}
#about-history .a_top .a_all .a_title {
	height: auto; line-height: 30px; font-size: 20px;
}
}
@media only screen and (max-width:600px)
{
#about-history .a_top .b_line {
	width: 10%;
}
#about-history .di_list li .title {
	background: none; padding: 0px; width: 29%;
}
#about-history .di_list li.cur .title {
	background: none;
}
}
@media screen and (max-width:500px)
{
#header .mobile-search {
	height: 20px;
}
#header .menu {
	height: 20px;
}
.index-solution {
	height: 400px !important;
}
.index-solution .p1 {
	top: 30px;
}
.index-solution .p1 {
	font-size: 24px;
}
.index-solution .solution-container .solution-con {
	height: 400px !important; line-height: 400px; font-size: 14px;
}
#design-concept .list {
	width: 100%;
}
#design-concept .list .con {
	width: 100%; margin-right: 0%; margin-bottom: 30px;
}
#design-concept .list :nth-child(3n).con {
	margin-right: 0%;
}
#design-concept .list .con .img {
	padding-top: 59.21%;
}
#design-concept .list .con .text {
	padding: 15px 0px;
}
#design-concept .list .con .text .p2 {
	height: auto; overflow: visible; margin-top: 15px;
}
#about-company .company .title .shuju .info {
	width: 50%; margin-bottom: 15px;
}
#about-company .company .con .img .left {
	width: 100%; padding-top: 62.5%; margin-bottom: 15px;
}
#about-company .company .con .img .right {
	width: 100%; padding-top: 62.5%;
}
.store .cityList ul li .citySearch img {
	width: 15px; height: auto;
}
#case-join .join-con .title .titl {
	width: calc(33.33% - 1px); border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
#case-join .join-con .con .star .star-con {
	width: 100%; margin-right: 0%; margin-bottom: 20px;
}
#case-join .join-con .con .star :nth-child(3n).star-con {
	margin-right: 0%;
}
#case-join .join-con .con .star :nth-child(2n).star-con {
	margin-right: 0%;
}
#case-join .join-con .con .star .star-con .item .p3 {
	height: auto;
}
}
@media only screen and (max-width:480px)
{
#about-history .a_top .a_line {
	width: 10%;
}
#case-join .join-con .con .problem .item .p2 {
	font-size: 14px;
}
#index_hhh .swiper-slide {
	height: auto !important; overflow: auto !important;
}
.swiper-container {
	margin: 0px auto; overflow: hidden; position: relative; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
	float: left;
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column;
}
.swiper-wrapper {
	width: 100%; height: 100%; display: flex; position: relative; z-index: 1; box-sizing: content-box; transition-property: transform; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.swiper-container-android .swiper-slide {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0);
}
.swiper-wrapper {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
	margin: 0px auto; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
}
.swiper-slide {
	flex:0 0 auto; width: 100%; height: 100%; position: relative; -webkit-flex-shrink: 0;
}
.swiper-container-autoheight {
	height: auto;
}
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	transition-property: transform, height; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-box-align: start; -webkit-align-items: flex-start;
}
.swiper-container .swiper-notification {
	left: 0px; top: 0px; position: absolute; z-index: -1000; opacity: 0; pointer-events: none;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y; touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x; touch-action: pan-x;
}
.swiper-button-next {
	background-position: center; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 27px 44px; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px;
}
.swiper-button-prev {
	background-position: center; top: 50%; width: 27px; height: 44px; margin-top: -22px; position: absolute; z-index: 10; cursor: pointer; background-repeat: no-repeat; background-size: 27px 44px; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px;
}
.swiper-button-next.swiper-button-disabled {
	cursor: auto; opacity: 0.35; pointer-events: none;
}
.swiper-button-prev.swiper-button-disabled {
	cursor: auto; opacity: 0.35; pointer-events: none;
}
.swiper-button-prev {
	left: 10px; right: auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-next {
	left: 10px; right: auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
	left: auto; right: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-prev {
	left: auto; right: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
	transition:0.3s; text-align: center; position: absolute; z-index: 10; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	left: 0px; width: 100%; bottom: 10px;
}
.swiper-pagination-custom {
	left: 0px; width: 100%; bottom: 10px;
}
.swiper-pagination-fraction {
	left: 0px; width: 100%; bottom: 10px;
}
.swiper-pagination-bullet {
	background: rgb(0, 0, 0); border-radius: 100%; width: 8px; height: 8px; display: inline-block; opacity: 0.2;
}
button.swiper-pagination-bullet {
	margin: 0px; padding: 0px; border: currentColor; border-image: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: rgb(255, 255, 255);
}
.swiper-pagination-bullet-active {
	background: rgb(0, 122, 255); opacity: 1;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: rgb(0, 0, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets {
	top: 50%; right: 10px; transform: translate3d(0px, -50%, 0px); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0px; display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px 5px;
}
.swiper-pagination-progress {
	background: rgba(0, 0, 0, 0.25); position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: rgb(0, 122, 255); transform-origin: left top; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -o-transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	transform-origin: right top; -webkit-transform-origin: right top; -moz-transform-origin: right top; -o-transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
	left: 0px; top: 0px; width: 100%; height: 4px;
}
.swiper-container-vertical > .swiper-pagination-progress {
	left: 0px; top: 0px; width: 4px; height: 100%;
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: rgb(255, 255, 255);
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: rgb(0, 0, 0);
}
.swiper-container-3d {
	perspective: 1200px; -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-right {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-top {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-right {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-top {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper {
	perspective: 1200px;
}
.swiper-container-flip .swiper-wrapper {
	perspective: 1200px;
}
.swiper-container-cube {
	overflow: visible;
}
.swiper-container-flip {
	overflow: visible;
}
.swiper-container-cube .swiper-slide {
	z-index: 1; pointer-events: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide {
	z-index: 1; pointer-events: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-cube .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-flip .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide-shadow-left {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide-shadow-bottom {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide-shadow-left {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
	transform-origin: 0% 0%; width: 100%; height: 100%; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0%; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active {
	visibility: visible; pointer-events: auto;
}
.swiper-container-cube .swiper-slide-next {
	visibility: visible; pointer-events: auto;
}
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	visibility: visible; pointer-events: auto;
}
.swiper-container-cube .swiper-slide-prev {
	visibility: visible; pointer-events: auto;
}
.swiper-container-cube .swiper-cube-shadow {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; z-index: 0; opacity: 0.6; -webkit-filter: blur(50px);
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none; transition-property: opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-scrollbar {
	background: rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; -ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
	left: 1%; width: 98%; height: 5px; bottom: 3px; position: absolute; z-index: 50;
}
.swiper-container-vertical > .swiper-scrollbar {
	top: 1%; width: 5px; height: 98%; right: 3px; position: absolute; z-index: 50;
}
.swiper-scrollbar-drag {
	background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; width: 100%; height: 100%; position: relative;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
.swiper-lazy-preloader {
	transform-origin: 50% 50%; animation:swiper-preloader-spin 1s steps(12, end) infinite; left: 50%; top: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader::after {
	background-position: 50%; width: 100%; height: 100%; display: block; content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100%; -webkit-background-size: 100%;
}
.swiper-lazy-preloader-white::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.animated.infinite {
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s; -webkit-animation-duration: 2s;
}
.bounce {
	transform-origin: center bottom; animation-name: bounce; -webkit-transform-origin: center bottom; -webkit-animation-name: bounce;
}
.flash {
	animation-name: flash; -webkit-animation-name: flash;
}
.pulse {
	animation-name: pulse; -webkit-animation-name: pulse;
}
.rubberBand {
	animation-name: rubberBand; -webkit-animation-name: rubberBand;
}
.shake {
	animation-name: shake; -webkit-animation-name: shake;
}
.swing {
	transform-origin: center top; animation-name: swing; -webkit-transform-origin: top center; -webkit-animation-name: swing;
}
.tada {
	animation-name: tada; -webkit-animation-name: tada;
}
.wobble {
	animation-name: wobble; -webkit-animation-name: wobble;
}
.bounceIn {
	animation-name: bounceIn; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn;
}
.bounceInDown {
	animation-name: bounceInDown; -webkit-animation-name: bounceInDown;
}
.bounceInLeft {
	animation-name: bounceInLeft; -webkit-animation-name: bounceInLeft;
}
.bounceInRight {
	animation-name: bounceInRight; -webkit-animation-name: bounceInRight;
}
.bounceInUp {
	animation-name: bounceInUp; -webkit-animation-name: bounceInUp;
}
.bounceOut {
	animation-name: bounceOut; animation-duration: 0.75s; -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut;
}
.bounceOutDown {
	animation-name: bounceOutDown; -webkit-animation-name: bounceOutDown;
}
.bounceOutLeft {
	animation-name: bounceOutLeft; -webkit-animation-name: bounceOutLeft;
}
.bounceOutRight {
	animation-name: bounceOutRight; -webkit-animation-name: bounceOutRight;
}
.bounceOutUp {
	animation-name: bounceOutUp; -webkit-animation-name: bounceOutUp;
}
.fadeIn {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}
.fadeInDown {
	animation-name: fadeInDown; -webkit-animation-name: fadeInDown;
}
.fadeInDownBig {
	animation-name: fadeInDownBig; -webkit-animation-name: fadeInDownBig;
}
.fadeInLeft {
	animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig; -webkit-animation-name: fadeInLeftBig;
}
.fadeInRight {
	animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
.fadeInRightBig {
	animation-name: fadeInRightBig; -webkit-animation-name: fadeInRightBig;
}
.fadeInUp {
	animation-name: fadeInUp; -webkit-animation-name: fadeInUp;
}
.fadeInUpBig {
	animation-name: fadeInUpBig; -webkit-animation-name: fadeInUpBig;
}
.fadeOut {
	animation-name: fadeOut; -webkit-animation-name: fadeOut;
}
.fadeOutDown {
	animation-name: fadeOutDown; -webkit-animation-name: fadeOutDown;
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig; -webkit-animation-name: fadeOutDownBig;
}
.fadeOutLeft {
	animation-name: fadeOutLeft; -webkit-animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig; -webkit-animation-name: fadeOutLeftBig;
}
.fadeOutRight {
	animation-name: fadeOutRight; -webkit-animation-name: fadeOutRight;
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig; -webkit-animation-name: fadeOutRightBig;
}
.fadeOutUp {
	animation-name: fadeOutUp; -webkit-animation-name: fadeOutUp;
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig; -webkit-animation-name: fadeOutUpBig;
}
.animated.flip {
	backface-visibility: visible; animation-name: flip; -webkit-backface-visibility: visible; -webkit-animation-name: flip;
}
.flipInX {
	backface-visibility: visible !important; animation-name: flipInX; -webkit-backface-visibility: visible; -webkit-animation-name: flipInX;
}
.flipInY {
	backface-visibility: visible !important; animation-name: flipInY; -webkit-backface-visibility: visible; -webkit-animation-name: flipInY;
}
.flipOutX {
	backface-visibility: visible !important; animation-name: flipOutX; animation-duration: 0.75s; -webkit-backface-visibility: visible; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX;
}
.flipOutY {
	backface-visibility: visible !important; animation-name: flipOutY; animation-duration: 0.75s; -webkit-backface-visibility: visible; -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY;
}
.lightSpeedIn {
	animation-name: lightSpeedIn; animation-timing-function: ease-out; -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out;
}
.lightSpeedOut {
	animation-name: lightSpeedOut; animation-timing-function: ease-in; -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in;
}
.rotateIn {
	animation-name: rotateIn; -webkit-animation-name: rotateIn;
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft; -webkit-animation-name: rotateInDownLeft;
}
.rotateInDownRight {
	animation-name: rotateInDownRight; -webkit-animation-name: rotateInDownRight;
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft; -webkit-animation-name: rotateInUpLeft;
}
.rotateInUpRight {
	animation-name: rotateInUpRight; -webkit-animation-name: rotateInUpRight;
}
.rotateOut {
	animation-name: rotateOut; -webkit-animation-name: rotateOut;
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft; -webkit-animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight; -webkit-animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft; -webkit-animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight; -webkit-animation-name: rotateOutUpRight;
}
.hinge {
	animation-name: hinge; -webkit-animation-name: hinge;
}
.rollIn {
	animation-name: rollIn; -webkit-animation-name: rollIn;
}
.rollOut {
	animation-name: rollOut; -webkit-animation-name: rollOut;
}
.zoomIn {
	animation-name: zoomIn; -webkit-animation-name: zoomIn;
}
.zoomInDown {
	animation-name: zoomInDown; -webkit-animation-name: zoomInDown;
}
.zoomInLeft {
	animation-name: zoomInLeft; -webkit-animation-name: zoomInLeft;
}
.zoomInRight {
	animation-name: zoomInRight; -webkit-animation-name: zoomInRight;
}
.zoomInUp {
	animation-name: zoomInUp; -webkit-animation-name: zoomInUp;
}
.zoomOut {
	animation-name: zoomOut; -webkit-animation-name: zoomOut;
}
.zoomOutDown {
	animation-name: zoomOutDown; -webkit-animation-name: zoomOutDown;
}
.zoomOutLeft {
	animation-name: zoomOutLeft; -webkit-animation-name: zoomOutLeft;
}
.zoomOutRight {
	animation-name: zoomOutRight; -webkit-animation-name: zoomOutRight;
}
.zoomOutUp {
	animation-name: zoomOutUp; -webkit-animation-name: zoomOutUp;
}
.slideInDown {
	animation-name: slideInDown; -webkit-animation-name: slideInDown;
}
.slideInLeft {
	animation-name: slideInLeft; -webkit-animation-name: slideInLeft;
}
.slideInRight {
	animation-name: slideInRight; -webkit-animation-name: slideInRight;
}
.slideInUp {
	animation-name: slideInUp; -webkit-animation-name: slideInUp;
}
.slideOutDown {
	animation-name: slideOutDown; -webkit-animation-name: slideOutDown;
}
.slideOutLeft {
	animation-name: slideOutLeft; -webkit-animation-name: slideOutLeft;
}
.slideOutRight {
	animation-name: slideOutRight; -webkit-animation-name: slideOutRight;
}
.slideOutUp {
	animation-name: slideOutUp; -webkit-animation-name: slideOutUp;
}
.T-bo .T-icon {
	font-family: "just-icon", "Microsoft Yahei", Arial, Helvetica, sans-serif !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px;
}
.T-bo .fl {
	float: left;
}
.T-bo .fr {
	float: right;
}
.T-bo .notcopy {
	-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;
}
.T-bo .m-Pic {
	text-align: center; font-size: 0px; display: block;
}
.T-bo .m-Pic b {
	height: 100%; vertical-align: middle; display: inline-block;
}
.T-bo .m-Pic img {
	vertical-align: middle; max-height: 100%; max-width: 100%;
}
.T-bo .i-Pic {
	overflow: hidden; font-size: 0px;
}
.T-bo .i-Pic img {
	background: rgb(204, 204, 204); width: 100%; min-height: 100%;
}
.T-bo .clean::after {
	clear: both; display: table; content: "";
}
.T-bo .clear {
	margin: 0px auto; height: 0px; overflow: hidden; clear: both; font-size: 0px;
}
.T-bo .pointer {
	cursor: pointer;
}
.T-bo .move {
	cursor: move;
}
.T-bo .rp {
	position: relative;
}
.T-bo .ap {
	position: absolute;
}
.T-bo .fp {
	position: fixed;
}
.T-bo .fz0 {
	font-size: 0px;
}
.T-bo .block {
	display: block !important;
}
.T-bo .inline {
	display: inline !important;
}
.T-bo .inline-block {
	display: inline-block !important; -ms-zoom: 1;
}
.T-bo .tbox {
	display: table;
}
.T-bo .tcell {
	display: table-cell;
}
.T-bo .over {
	overflow: hidden;
}
.T-bo .text-left {
	text-align: left;
}
.T-bo .text-right {
	text-align: right;
}
.T-bo .text-center {
	text-align: center;
}
.T-bo > .T-Bg {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 888; opacity: 0.4;
}
.T-bo > .T-Bg.bg2 {
	background: none;
}
.T-bo > .T-Bg.bg3 {
	background: rgb(255, 255, 255);
}
.T-bo > .T-Bg.bg4 {
	background: rgb(204, 204, 204);
}
.T-bo > .T-Bd {
	z-index: 888; min-height: 88px; max-height: 94%; max-width: 86%;
}
.T-bo > .T-Bd > .T-Bd-bg {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 0;
}
.T-bo > .T-Bd > .T-Bd-bg::after {
	background: rgba(255, 255, 255, 1); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: ""; box-shadow: 0px 0px 9px #999;
}
.T-bo > .T-Bd > .T-Close {
	top: 0px; width: 30px; height: 30px; text-align: center; right: 0px; line-height: 30px; font-size: 12px; position: absolute; z-index: 3; cursor: pointer;
}
.T-bo > .T-Bd > .T-Min {
	top: 0px; width: 30px; height: 30px; text-align: center; right: 50px; line-height: 30px; font-size: 20px; position: absolute; z-index: 3; cursor: pointer;
}
.T-bo > .T-Bd > .T-Close.cnone {
	display: none;
}
.T-bo > .T-Bd > .T-Close.c0 {
	display: none;
}
.T-bo > .T-Bd > .T-Close.c2 {
	background: rgb(51, 51, 51); border-radius: 50%; top: -10px; width: 20px; height: 20px; right: -10px; color: rgb(255, 255, 255); line-height: 21px;
}
.T-bo > .T-Bd > .T-Min.c2 {
	background: rgb(51, 51, 51); border-radius: 50%; top: -10px; width: 20px; height: 20px; right: 20px; color: rgb(255, 255, 255); line-height: 19px;
}
.T-bo > .T-Bd > .T-Close.c3 {
	background: rgb(238, 238, 238);
}
.T-bo > .T-Bd > .T-Close.c4 {
	background: rgb(255, 255, 255); border-radius: 50%; top: -10px; width: 20px; height: 20px; right: -10px; color: rgb(51, 51, 51); line-height: 21px;
}
.T-bo > .T-Bd > .T-Close.c5 {
	top: 10px; right: 10px; color: rgb(102, 102, 102); font-size: 30px;
}
.T-bo > .T-Bd > .T-Close.cnull {
	display: none;
}
.T-bo > .T-Bd > .T-Con {
	margin: 0px 1px 1px; width: 400px; z-index: 1; max-width: 100%;
}
.T-bo > .T-Bd > .T-Con > .T-Msg {
	padding: 18px; line-height: 28px; font-size: 13px; z-index: 2;
}
.T-bo > .T-Bd.null > .T-Bd-bg {
	background: none; border-color: transparent;
}
.T-bo > .T-Bd.null > .T-Bd-bg::after {
	display: none;
}
.T-bo > .T-Bd.null > .T-Con {
	margin: 0px; padding: 0px;
}
.T-bo > .T-Bd.null > .T-Con > .T-Msg {
	padding: 0px;
}
.T-bo > .T-Bd > .T-Bd-bg.isbg {
	border-color: transparent;
}
.T-bo > .T-Bd > .T-Bd-bg.isbg::after {
	display: none;
}
.T-bo > .T-Bd.btn {
	padding-bottom: 50px;
}
.T-bo > .T-Bd.btn > .btnclose {
	background: rgb(238, 238, 238); left: 0px; height: 48px; right: 0px; bottom: 0px; line-height: 50px; font-size: 14px; z-index: 3;
}
.T-bo > .T-Bd.btn > .T-Con > .T-Msg {
	min-height: 60px;
}
.T-bo > .T-Bd.confirm {
	padding-bottom: 50px;
}
.T-bo > .T-Bd.confirm > .btnclose {
	background: rgb(238, 238, 238); left: 0px; width: 100%; height: 48px; right: 0px; bottom: 0px; line-height: 50px; font-size: 14px; z-index: 3;
}
.T-bo > .T-Bd.confirm > .btnclose .no {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.T-bo > .T-Bd.confirm > .T-Con > .T-Msg {
	min-height: 60px;
}
.T-bo > .T-Bd.img {
	left: 0px; top: 0px; width: 100%; height: 100%; max-height: 94%; max-width: 100%;
}
.T-bo > .T-Bd.img img {
	text-align: center; max-height: 94%; max-width: 94%;
}
.T-bo > .T-Bd.T-Tit {
	max-width: 94%;
}
.T-bo > .T-Bd.T-Tit > .T-Bd-bg {
	
}
.T-bo > .T-Bd.T-Tit > .T-Tit > .T-Close {
	top: 0px; width: 40px; text-align: center; right: 5px; color: rgb(102, 102, 102); line-height: 65px; font-size: 20px;
}
.T-bo > .T-Bd.T-Tit > .T-Tit {
	margin: 1px 1px 0px; color: rgb(102, 102, 102); line-height: 65px; padding-left: 18px; font-size: 18px; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid; z-index: 3;
}
.T-bo > .T-Bd.T-Tit > .T-Bd-bg::after {
	background: none;
}
.T-bo > .T-Bd.T-Tit > .T-Con {
	margin: 0px -1px 1px;
}
.T-bo > .T-Bd.bar {
	width: auto; min-height: inherit;
}
.T-bo > .T-Bd.bar > .T-Bd-bg {
	background: rgb(51, 51, 51); border-radius: 3px; border: currentColor; border-image: none; opacity: 0.8 !important;
}
.T-bo > .T-Bd.bar > .T-Bd-bg::after {
	opacity: 0;
}
.T-bo > .T-Bd.bar > .T-Con {
	width: auto;
}
.T-bo > .T-Bd.bar > .T-Con > .T-Msg {
	padding: 9px 26px; display: inline-block;
}
.T-bo > .T-Bd.bar.T-Tit > .T-Con > .T-Msg {
	padding: 9px 18px;
}
.T-bo > .T-Bd.bar > .close {
	color: rgb(255, 255, 255);
}
.T-bo > .T-Bd.bar.T-Tit > .T-Tit {
	background: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(238, 238, 238); border-image: none; color: rgb(255, 255, 255);
}
.T-bo > .T-Bd.none > .T-Bd-bg {
	background: none; border: currentColor; border-image: none;
}
.T-bo > .T-Bd.none > .T-Bd-bg::after {
	opacity: 0;
}
.T-bo > .T-Bd.none > .T-Con {
	margin: 0px;
}
.T-bo > .T-Bd.none > .T-Con > .T-Msg {
	padding: 0px;
}
.T-bo > .T-Bd.iframe {
	max-width: 94%;
}
.T-bo > .T-Bd.iframe .T-Con {
	padding: 0px; width: 100%; height: 100%;
}
.T-bo > .T-Bd.iframe .T-Con iframe {
	width: 100%; height: 100%;
}
.T-bo > .T-Bd.tv {
	background: rgb(51, 51, 51); max-width: 94%;
}
.T-bo > .T-Bd.tv .T-Con {
	margin: 0px; padding: 56.25% 0px 0px; width: 1000px; height: 0px; position: relative;
}
.T-bo > .T-Bd.tv .T-Con iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.T-bo > .T-Bd.tv .T-Bd-bg {
	background: rgb(51, 51, 51);
}
.T-bo > .T-Bd.tv .T-Bd-bg::after {
	background: rgb(51, 51, 51);
}
.T-bo > .T-Bd > .T-Con.T-Font {
	width: 400px; display: table;
}
.T-bo > .T-Bd > .T-Con.T-Font > .T-Msg {
	padding: 20px; vertical-align: middle; display: table-cell;
}
.T-bo > .T-Bd > .T-Con.T-Font > .tipIcon {
	padding: 20px 10px 20px 20px; width: 1%; font-size: 46px; vertical-align: middle; display: table-cell;
}
.T-bo > .T-Bd > .T-Con.T-Font1 > .tipIcon {
	color: rgb(255, 152, 0);
}
.T-bo > .T-Bd > .T-Con.T-Font2 > .tipIcon {
	color: rgb(233, 30, 99);
}
.T-bo > .T-Bd > .T-Con.T-Font3 > .tipIcon {
	color: rgb(33, 150, 243);
}
.T-bo > .T-Bd > .T-Con.T-Font4 > .tipIcon {
	color: rgb(0, 188, 212);
}
.T-bo > .T-Bd > .T-Con.T-Font5 > .tipIcon {
	color: rgb(0, 150, 136);
}
.T-bo > .T-Bd.isAp {
	position: absolute;
}
.T-animate {
	animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-duration: .3s; -webkit-animation-fill-mode: both;
}
.T-Bin {
	animation-name: T-Bin; -webkit-animation-name: T-Bin;
}
}