article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display:block
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
html,button,input,select,textarea {
	font-family:sans-serif
}
body {
	margin:0
}
a {
	background:transparent
}
a:hover,a:active {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:bold
}
blockquote {
	margin:1em 40px
}
dfn {
	font-style:italic
}
mark {
	background:#ff0;
	color:#000
}
code,kbd,pre,samp {
	font-family:monospace,serif;
	_font-family:'courier new',monospace;
	font-size:1em
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019"
}
q {
	quotes:none
}
q:before,q:after {
	content:'';
	content:none
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
dl,ol,ul {
	margin:1em 0
}
dd {
	margin:0 0 0 40px
}
ol,ul {
	padding:0 0 0 40px
}
nav ul,nav ol {
	list-style-image:none
}
img {
	border:0;
	-ms-interpolation-mode:bicubic
}
svg:not(:root) {
	overflow:hidden
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	border:0;
	padding:0;
	white-space:normal;
	*margin-left:-7px
}
button,input,select,textarea {
	font-family:inherit;
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle
}
button,input {
	line-height:normal
}
button,select {
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
	*overflow:visible
}
button[disabled],input[disabled] {
	cursor:default
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	*height:13px;
	*width:13px
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
optgroup {
	font-weight:bold
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	font-size:14px;
	line-height:1.5;
	color:#333;
	background-color:#fff
}
body,button,input,select,textarea {
	font-family:"Helvetica Neue",Helvetica,Tahoma,sans-serif
}
img {
	vertical-align:middle
}
textarea {
	resize:vertical
}
h1,h2,h3,h4,h5,h6,p,figure,form {
	margin:0
}
ul,ol,li,dl,dd {
	margin:0;
	padding:0
}
ul,ol {
	list-style:none outside none
}
h1,h2,h3 {
	line-height:2;
	font-weight:normal
}
h1 {
	font-size:21px
}
h2 {
	font-size:18.2px
}
h3 {
	font-size:16.38px
}
h4 {
	font-size:14px
}
h5,h6 {
	font-size:11.9px;
	text-transform:uppercase
}
a {
	text-decoration:none;
	color:#08c
}
a:hover {
	color:#069
}
input:-moz-placeholder,textarea:-moz-placeholder {
	color:#ccc
}
input::-moz-placeholder,textarea::-moz-placeholder {
	color:#ccc
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color:#ccc
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#ccc
}
body {
	font-family:Helvetica Neue,PingFang SC,Microsoft YaHei !important;
	-webkit-font-smoothing:antialiased;
	font-size:100%;
	height:99.9%;
	font-size:14px
}
.shadowgreen {
	border-bottom:3px solid #9be5d8;
	margin:0 auto;
	box-shadow:inset 0 -8px 0 #9be5d8
}
h2 {
	line-height:normal
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:none
}
a:focus {
	text-decoration:none
}
.bg-black {
	background:#333 !important
}
.bg-red {
	background:#e64b38 !important
}
.bg-blue {
	background:#08c !important
}
.bg-green {
	background:#04c09f !important
}
.bg-orange {
	background:#F89406 !important
}
.bg-yellow {
	background:yellow
}
.bg-grey {
	background:#f2f2f2 !important
}
.st-container {
	background:transparent;
	overflow:auto
}
.st-container .content-wrap {
	position:relative
}
.menu-button-custom {
	color:#FFF;
	position:absolute;
	left:14px;
	top:13px;
	border:1px solid #FFF;
	border-radius:6px;
	font-size:12px;
	padding:6px 10px;
	letter-spacing:2px;
	z-index:999999;
	font-style:normal
}
.menu-button-custom.name {
	border:0
}
.menu-button-custom.img {
	border-radius:50%;
	border:0;
	width:40px;
	height:40px;
	display:block;
	overflow:hidden;
	padding:0;
	top:9px
}
.menu-button-custom img {
	width:100%
}
.showmore {
	border-radius:2px;
	box-shadow:0 1px 2px rgba(0,0,0,0.05);
	margin-top:20px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#04c09f;
	display:block;
	box-shadow:none;
	color:#fff;
	cursor:pointer;
	font-size:0.875rem
}
.showmore:hover {
	background:#06b091
}
.showmore:before {
	content:'加载更多';
	vertical-align:3px;
	display:inline
}
.btn-orange {
	background:#ea5700;
	color:#fff;
	text-shadow:none
}
#stag {
	padding:0 1em 1em
}
#stag a {
	margin:2px 5px;
	border:1px solid #ddd;
	padding:2px 6px;
	display:inline-block;
	background:#0664B0;
	color:#FFF;
	border-top:none;
	border-left:none;
	opacity:0.6;
	font-weight:normal;
	font-size:12px
}
#stag a:hover {
	opacity:1;
	text-decoration:none
}
#stag a:nth-child(2n) {
	background:#04c09f
}
#stag a:nth-child(3n) {
	background:#F53300
}
#stag a:nth-child(4n) {
	background:#CA5254
}
header.bg-header {
	background:#333;
	width:100%;
	z-index:100
}
header.bg-header.transparent {
	position:absolute;
	top:0;
	left:0;
	background:none
}
header.bg-header .max-width {
	max-width:1170px;
	height:60px;
	align-items:center;
	text-align:center;
	margin:0 auto;
	justify-content:space-between
}
header.bg-header .max-width .title h1 {
	height:60px;
	line-height:60px;
	font-weight:bold;
	position:relative
}
header.bg-header .max-width .title h1 .nava {
	display:inline-block;
	height:60px;
	line-height:60px;
	padding:0 15px;
	color:#ffffff;
	text-decoration:none
}
header.bg-header .max-width .title h1 .nava .icon-xiasanjiao {
	margin:0 0 0 10px
}
header.bg-header .max-width .ul-nav {
	display:flex;
	justify-content:space-around
}
header.bg-header .max-width .ul-nav .nava {
	display:inline-block;
	height:60px;
	line-height:60px;
	padding:0 15px;
	color:#ffffff;
	text-decoration:none;
	border-bottom:3px solid transparent
}
header.bg-header .max-width .ul-nav .nava:hover {
	color:#04c09f;
	border-bottom:3px solid #04c09f
}
header.bg-header .max-width .ul-nav .nav-userinfo {
	height:auto
}
header.bg-header .max-width .ul-nav .nav-userinfo .avatarnav {
	display:inline-block;
	height:60px;
	line-height:60px;
	padding:0 15px;
	color:#ffffff;
	text-decoration:none;
	border-bottom:3px solid transparent
}
header.bg-header .max-width .ul-nav .nav-userinfo #smallavatar {
	border-radius:50%;
	width:36px
}
header.bg-header .max-width .ul-nav .mycountli .mycounta {
	height:60px;
	line-height:60px;
	color:#04c09f;
	display:inline-block;
	border-radius:36px;
	text-decoration:none;
	margin-left:2em
}
header.bg-header .max-width .ul-nav .mycountli .mycounta:hover {
	color:#fff
}
header.bg-header .max-width .ul-nav .start-design {
	margin:12px 15px 0;
	height:36px;
	width:120px;
	line-height:32px;
	color:#ffffff;
	background:#04c09f;
	border:2px solid #04c09f;
	display:inline-block;
	border-radius:36px;
	text-decoration:none
}
header.bg-header .max-width .ul-nav .start-design:hover {
	border:2px solid #058e75;
	background:#058e75
}
header.bg-header .max-width .ul-nav .brand-btn {
	background:#3677c7;
	border:2px solid #3677c7;
	display:inline-block;
	border-radius:4px
}
header.bg-header .max-width .ul-nav .brand-btn img {
	width:16px;
	margin-right:8px
}
header.bg-header .max-width .ul-nav .brand-btn:hover {
	border:2px solid #3677c7;
	background:#3677c7;
	opacity:0.8
}
header.bg-header .max-width .ul-nav #changeStatus {
	background:rgba(0,0,0,0.25)
}
header.bg-header .max-width .ul-nav #changeStatus .navaa {
	color:#ffffff;
	text-decoration:none
}
header.bg-header .max-width .ul-nav #changeStatus .navaa:hover {
	color:#04c09f
}
dl.submenu {
	background:#FFF;
	z-index:9999999;
	text-align:left
}
dl.submenu dd a {
	color:#333;
	display:block;
	font-size:0.875rem;
	padding:4px 20px;
	height:35px;
	width:100%;
	line-height:35px;
	text-decoration:none;
	text-align:left
}
dl.submenu dd a:hover {
	background:#bfd2e1
}
dl.submenu dd a i {
	vertical-align:0;
	font-size:1rem;
	color:#666
}
.trademark-content {
	background:#fff;
	padding-bottom:40px
}
.trademark-content h2 {
	font-size:20px;
	padding:20px 0 10px;
	text-align:center
}
.trademark-content .gline1 {
	margin:0 auto 40px;
	width:60px;
	height:3px;
	background:#04c09f
}
.trademark-content .trademark-title {
	width:90%;
	margin:0 auto
}
.trademark-content .trademark {
	max-width:1124px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center
}
.trademark-content .trademark .trademark-half {
	width:90%;
	padding:30px;
	border:2px solid #04c09f;
	display:flex;
	text-align:left;
	margin:10px auto
}
.trademark-content .trademark .trademark-half .hf-left {
	width:50%
}
.trademark-content .trademark .trademark-half .hf-left .price {
	margin-bottom:22px;
	font-size:30px;
	line-height:1
}
.trademark-content .trademark .trademark-half .hf-left .highprice {
	color:#969696
}
.trademark-content .trademark .trademark-half .hf-left .highprice span {
	text-decoration:line-through
}
.trademark-content .trademark .trademark-half .hf-right .hf-img {
	display:flex;
	line-height:1;
	align-items:center;
	margin-bottom:22px
}
.trademark-content .trademark .trademark-half .hf-right .hf-img img {
	width:30px
}
.trademark-content .trademark .trademark-half .hf-right .hf-img span {
	font-size:24px;
	color:#04c09f;
	margin-left:10px
}
.trademark-content .trademark .trademark-half .hf-right .hf-work {
	color:#969696;
	margin-bottom:20px
}
.trademark-content .trademark .trademark-half .hf-right .hf-red {
	color:#ff4949
}
footer {
	padding:4em 2em 1em 2em;
	background:url(../fonts/dialog.svg);
	background-size:cover;
	z-index:100;
	top:16px;
	left:-15px;
	animation:fadeIn 0.3s
}
.arrowMenu .popoverMenu a {
	font-size:14px;
	color:#4f5362;
	line-height:50px;
	display:block;
	width:95%;
	margin:0 auto;
	font-weight:normal
}
.arrowMenu .popoverMenu a img {
	width:26px;
	margin-right:8px
}
.arrowMenu .popoverMenu a:first-child {
	margin-top:25px
}
.arrowMenu .popoverMenu a:first-child img {
	width:20px;
	margin-right:12px
}
.arrowMenu .popoverMenu a:hover {
	background:rgba(168,172,185,0.1)
}
.arrowMenu:hover .popoverMenu {
	display:block
}
@media screen and (max-width:768px) {
	.arrowMenu {
	left:130px
}
.arrowMenu .popoverMenu {
	display:none;
	position:absolute;
	width:190px;
	height:140px;
	background:url(../images/dialog-r.png);
	background-size:cover;
	z-index:100;
	top:10px;
	right:-13px;
	left:unset;
	text-align:center
}
}footer {
	padding:4em 5em 2em 5em;
	background:url(../images/world-bg.jpg) no-repeat center;
	background-size:cover;
	background-position:0 36%
}
footer .footer .LP {
	width:25%;
	text-align:center;
	margin-right:0;
	float:left;
	margin-left:1%
}
footer .footer .LP .LP-top {
	width:76px;
	height:76px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	top:-25px
}
footer .footer .LP .LP-top img {
	width:100%
}
footer .footer .LP .LP-bottom img {
	width:167px
}
footer .footer .RP {
	width:70% !important;
	float:left !important
}
footer .footer .RP ul {
	display:flex;
	justify-content:space-around;
	margin-bottom:20px
}
footer .footer .RP ul li a {
	color:#fff;
	font-size:14px
}
footer .footer .RP ul li a:hover {
	opacity:0.8
}
footer .footer .RP ul li .a-weibo {
	font-size:24px;
	color:#999;
	position:relative;
	top:-10px
}
footer .footer .RP .copyright {
	color:#999;
	font-size:14px;
	text-align:center;
	padding:1em 0 1em 0
}
footer .footer .RP .copyright span {
	margin:0 3em
}
footer .footer .RP .copyright a b {
	font-size:18px;
	position:relative;
	top:2px;
	font-weight:normal
}
footer .b-line {
	height:1px;
	margin-bottom:1em;
	background:#3c3c3c;
	border-top:1px solid #1e1c1f;
	border-bottom:1px solid #454545
}
@media screen and (max-width:768px) {
	footer .footer .LP {
	width:100%;
	text-align:center;
	float:left;
	margin:0 auto
}
footer .footer .LP .LP-top {
	width:76px;
	height:76px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	top:-25px
}
footer .footer .LP .LP-top img {
	width:100%
}
footer .footer .LP .LP-bottom img {
	width:167px
}
footer .footer .RP {
	width:100% !important;
	float:left !important;
	margin-top:20px
}
footer .footer .RP ul li a {
	font-size:10px
}
footer .footer .RP ul li .a-weibo {
	font-size:14px;
	top:0px
}
footer .footer .RP .copyright {
	color:#999;
	font-size:10px;
	text-align:center;
	padding:0;
	padding-bottom:1.5em
}
footer .footer .RP .copyright span {
	margin:0 3em
}
footer .footer .RP .copyright a b {
	font-size:14px
}
footer .b-line {
	height:1px;
	margin-bottom:1em;
	background:#3c3c3c;
	border-top:1px solid #1e1c1f;
	border-bottom:1px solid #454545
}
footer .flinks {
	display:none
}
}@media screen and (max-width:768px) {
	footer {
	padding:4em 1.5em 2em 1.5em
}
}footer.fornarrow {
	padding:3em 2.1em 1.5em 2.1em
}
footer.fornarrow .otherlinks a {
	font-size:12px;
	color:#999;
	text-decoration:none;
	display:inline-block;
	margin:3px 10px 0
}
footer.fornarrow .otherlinks a:hover {
	color:#ffc437
}
footer.fornarrow .otherlinks .fa-weibo {
	font-size:20px;
	vertical-align:-2px
}
footer.fornarrow .otherlinks .fa-wechat {
	font-size:16px;
	vertical-align:-2px
}
footer.fornarrow .otherlinks .wechata {
	position:relative
}
footer.fornarrow .otherlinks .wechata .qrcode {
	position:absolute;
	width:200px;
	bottom:29px;
	background-color:#fff;
	padding:5px;
	right:-17px;
	box-shadow:0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#adacac,direction=135,strength=2);
	display:none
}
footer.fornarrow .otherlinks .wechata .qrcode .triangle-down {
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #fff;
	position:absolute;
	bottom:-10px;
	right:18px
}
footer.fornarrow .copyright {
	font-size:12px;
	color:#999;
	margin-top:1em
}
@media screen and (max-width:767px) {
	.st-container {
	background:#373a47
}
header .mobiletitle {
	width:100px;
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto
}
header .mobiletitle h1 {
	font-weight:bold
}
header .mobiletitle h1 .nava {
	display:inline-block;
	color:#ffffff;
	text-decoration:none
}
header .max-width {
	display:none
}
}@media screen and (min-width:768px) {
	.menu-button-custom {
	display:none !important
}
header .mobiletitle {
	margin:0 auto
}
}@media screen and (min-width:768px) {
	.trademark-content .trademark .trademark-half {
	width:45%
}
.trademark-content .trademark .trademark-half .hf-left {
	width:35%
}
header .mobiletitle {
	display:none
}
header .max-width {
	display:flex
}
}@media screen and (min-width:1024px) {
	footer.forwide {
	display:block
}
footer.fornarrow {
	display:none
}
}#rightsidefixeddiv {
	position:fixed;
	right:0;
	bottom:45%;
	width:70px;
	border-radius:4px 0 0 4px;
	z-index:10;
}
#rightsidefixeddiv #zxzx {
	height:70px;
	background:url(../images/zxzx.png) no-repeat 0 0;
	cursor:pointer
}
#rightsidefixeddiv #zxzx:hover {
	background-position:0 -70px
}
#rightsidefixeddiv #contactusright {
	margin-top:2px;
	height:70px;
	background:url(../images/zxzx.png) no-repeat 0 -140px;
	cursor:pointer;
	display:block
}
#rightsidefixeddiv #contactusright:hover {
	background-position:0 -210px
}
#rightsidefixeddiv #contactusright .hotline {
	margin-left:70px
}
#rightsidefixeddiv #qrcodeicon {
	display:block;
	text-align:center;
	color:#FFF;
	font-size:12px;
	width:70px;
	height:70px;
	background:gray;
	position:relative;
	margin-top:2px;
	text-decoration:none
}
#rightsidefixeddiv #qrcodeicon i.fa {
	font-size:2.3rem;
	margin-top:8px
}
#rightsidefixeddiv #qrcodeicon .showqrcode {
	position:absolute;
	border:1px solid #DDD;
	border-radius:6px;
	padding:7px 12px;
	right:78px;
	width:200px;
	background:#FFF;
	top:-72px;
	display:none
}
#rightsidefixeddiv #qrcodeicon .showqrcode img {
	width:100%
}
#rightsidefixeddiv #qrcodeicon .showqrcode p {
	font-size:1rem;
	color:#666
}
.main-green-btn {
	color:#ffffff;
	background:#04c09f;
	border:2px solid #04c09f;
	display:inline-block;
	border-radius:36px;
	text-decoration:none;
	height:36px;
	line-height:36px;
	padding:0 20px;
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.main-green-btn:hover {
	color:#FFF;
	background:#03a78a;
	border-color:#03a78a
}
.switch-site-wrapper {
	position:absolute;
	background:#FFF;
	padding:0;
	border-radius:10px;
	top:50px;
	left:108px;
	display:none
}
.switch-site-wrapper:before {
	position:absolute;
	content:'';
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #FFF;
	top:-10px;
	left:45px
}
.switch-site-wrapper a {
	display:block;
	height:60px;
	padding:10px;
	box-sizing:border-box;
	opacity:.8
}
.switch-site-wrapper a:hover {
	opacity:1
}
.switch-site-wrapper a:not(:first-child) {
	margin-top:8px
}
.switch-site-wrapper a img {
	height:100%;
	display:block
}
@-webkit-keyframes twinkling {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}#btm-ailing {
	cursor:pointer;
	position:fixed;
	bottom:0;
	left:7%;
	width:50px
}
#btm-ailing img.avatar {
	width:100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
#btm-ailing.expand img.avatar {
	width:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
#btm-ailing .icon-hi {
	position:absolute;
	top:-16px;
	right:-24px;
	font-size:30px;
	color:#ea667a;
	-webkit-animation:twinkling 1s infinite ease-in-out;
	-moz-animation:twinkling 1s infinite ease-in-out
}
@media screen and (min-width:568px) {
	#btm-ailing {
	left:3%
}
}@media screen and (min-width:768px) {
	#btm-ailing {
	width:85px
}
}.brand-bottom-submit {
	z-index:100;
	position:fixed;
	bottom:0;
	left:0;
	width:0;
	height:0;
	background:#07bf9d;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.ailogo {
	background:rgba(39,41,43,0.88)
}
@media screen and (min-width:768px) {
	.brand-bottom-submit.ailogo .btn-labelSub {
	display:flex;
	justify-content:center;
	align-items:baseline;
	margin-top:28px !important
}
.brand-bottom-submit.ailogo .btn-labelSub .btn-label {
	font-size:20px !important
}
.brand-bottom-submit.ailogo .btn-labelSub .btn-ailogo {
	font-size:18px !important;
	border-radius:22px;
	margin-left:30px !important
}
.brand-bottom-submit.ailogo #close-btm-ailing {
	top:-20px !important
}
}@media screen and (max-width:768px) {
	.brand-bottom-submit.ailogo .brand-bottom-submit-middle .btn-labelSub a.btn-ailogo {
	border-radius:20px;
	padding:0 20px !important
}
.brand-bottom-submit.ailogo #close-btm-ailing {
	top:-10px !important;
	right:10px !important
}
}.brand-bottom-submit .brand-bottom-submit-middle {
	text-align:center;
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 20px 0 80px;
	height:90px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub {
	margin-top:17px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-label {
	margin-bottom:7px;
	color:#fff;
	font-size:14px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit {
	padding:0 9px 0 !important;
	font-size:0.9rem;
	margin-right:10px;
	height:35px;
	line-height:35px
}
.brand-bottom-submit .fa-times {
	cursor:pointer;
	color:#FFF;
	font-size:30px;
	position:absolute;
	right:7px;
	top:14px;
	display:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit .fa-times:hover {
	transform:rotate(180deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit img.avatar {
	width:0;
	height:0;
	position:absolute;
	bottom:-18px;
	left:-110px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand {
	width:100%;
	height:100px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand .fa-times {
	z-index:1;
	display:block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand .fa-times:hover {
	transform:rotate(180deg);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand img.avatar {
	width:150px;
	height:auto;
	bottom:-10px;
	left:-30px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand .btm-kf-info {
	height:90px;
	text-align:center;
	padding-top:20px
}
.brand-bottom-submit.expand .btm-kf-info p {
	color:#FFF;
	margin-bottom:10px
}
.brand-bottom-submit.expand .btm-kf-info .fa-qq {
	font-size:15px
}
.brand-bottom-submit.expand .btm-kf-info .fa-phone {
	font-size:16px
}
@media screen and (min-width:568px) {
	.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub {
	margin-top:6px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-label {
	margin-bottom:2px;
	position:absolute
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit {
	margin-right:0;
	margin-left:20px;
	padding:0 10px !important;
	margin-top:9px;
	font-size:1rem;
	height:40px;
	line-height:40px
}
.brand-bottom-submit .fa-times {
	right:10px;
	top:9px
}
.brand-bottom-submit img.avatar {
	bottom:-18px;
	left:-110px
}
.brand-bottom-submit.expand {
	width:100%;
	height:64px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.brand-bottom-submit.expand img.avatar {
	width:130px;
	bottom:26px;
	left:-12px
}
.brand-bottom-submit.expand .btm-kf-info {
	height:55px;
	text-align:center;
	padding-top:18px
}
.brand-bottom-submit.expand .btm-kf-info p {
	color:#FFF;
	display:inline-block;
	margin:0 5px
}
.brand-bottom-submit.expand .btm-kf-info .btn {
	margin:0 5px;
	min-width:115px
}
}@media screen and (min-width:768px) {
	.brand-bottom-submit .brand-bottom-submit-middle {
	padding:0 55px 0 156px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub {
	margin-top:5px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-label {
	position:inherit;
	margin-bottom:0;
	font-size:18px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit {
	font-size:1rem;
	margin-top:9px;
	padding:0 2rem 0 2rem !important;
	margin-right:30px;
	margin-left:0;
	height:45px;
	line-height:45px
}
.brand-bottom-submit .fa-times {
	right:15px;
	top:29px
}
.brand-bottom-submit img.avatar {
	bottom:-18px;
	left:-110px
}
.brand-bottom-submit.expand {
	width:100%;
	height:100px
}
.brand-bottom-submit.expand img.avatar {
	width:172px;
	bottom:-17px;
	left:-25px
}
.brand-bottom-submit.expand .btm-kf-info {
	height:82px;
	text-align:center;
	padding-top:40px
}
}@media screen and (min-width:920px) {
	.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-label {
	margin-bottom:10px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit {
	margin-right:8px;
	margin-left:22px
}
.brand-bottom-submit .fa-times {
	right:32px;
	top:14px
}
.brand-bottom-submit img.avatar {
	bottom:-18px;
	left:-110px
}
.brand-bottom-submit.expand {
	width:100%;
	height:100px
}
.brand-bottom-submit.expand img.avatar {
	width:190px;
	bottom:-18px;
	left:0
}
}@media screen and (min-width:1024px) {
	.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub {
	margin-top:8px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-label {
	position:inherit;
	margin:0 0 7px 0
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit {
	font-size:1rem;
	margin-top:0;
	padding:0 2rem 0 2rem !important;
	margin-right:8px;
	margin-left:22px;
	height:45px;
	line-height:45px
}
.brand-bottom-submit .brand-bottom-submit-middle .btn-labelSub .btn-submit i {
	font-size:22px
}
}@media screen and (min-width:1200px) {
	.brand-bottom-submit .brand-bottom-submit-middle {
	padding:0;
	height:100px
}
.brand-bottom-submit .fa-times {
	right:0;
	top:14px
}
.brand-bottom-submit.expand img.avatar {
	width:190px;
	height:auto;
	bottom:7px;
	left:-110px
}
}.taocan-block {
	background:#FFF;
	padding:40px 0
}
.h2title {
	font-size:20px;
	padding:20px 0 10px
}
.gline {
	margin:0 auto 1em;
	width:60px;
	height:3px;
	background:#04c09f
}
.taocan-common-wrapper {
	padding:30px 0
}
@media screen and (min-width:768px) {
	.h2title {
	font-size:24px
}
}.setmeal {
	padding:0;
	color:#333333
}
.setmeal h2 {
	font-size:20px;
	padding:20px 0 10px;
	text-align:center
}
.setmeal .setmealcontainer {
	max-width:1124px;
	margin:0 auto;
	text-align:center
}
.setmeal .setmealcontainer .setmealcontent {
	padding:20px 0 0
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper {
	padding:0;
	display:flex
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper.nojj li.item:nth-child(1) {
	display:none;
	transition:all 0.3s ease
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item {
	cursor:pointer;
	position:relative;
	transition:all 0.25s linear;
	border-radius:6px;
	font-size:14px;
	border:1px solid #e5e5e5;
	max-width:400px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item p.pkg-name {
	height:55px;
	line-height:55px;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
	color:#666;
	font-size:16px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail {
	padding:0 18px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-price {
	padding:12px 0 10px;
	margin:0 auto 18px;
	border-bottom:1px solid #e5e5e5;
	position:relative
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-opts-tip {
	text-align:left;
	color:#969696;
	font-size:14px;
	position:absolute;
	bottom:-11px;
	background:#FFF;
	padding:0 4px 0 0
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list {
	margin:0;
	padding:0 0 18px 0;
	display:block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li {
	text-align:left;
	font-size:15px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li:not(:first-child) {
	padding:12px 0 0
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li .iconfont {
	color:#323232;
	font-size:22px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li span.x {
	display:inline-block;
	margin:0 2px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li span.num {
	font-size:26px;
	vertical-align:-3px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li span.text {
	color:#666
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li span.text.pl {
	padding-left:12px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li img.icon {
	height:22px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .pkg-detail-list li img.icon.post5 {
	height:18px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item .set-buy .selected-btn .fa-check {
	display:none
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1) {
	color:#06c29f
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1) a.tc {
	color:#06c29f;
	height:100%;
	display:block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1) .set-buy a,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1) .set-buy span.btn {
	border:1px solid #06c29f;
	color:#06c29f
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1).selected {
	border:1px solid #06c29f
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1).selected a {
	background:#06c29f;
	color:#fff
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(1).selected a .fa-check {
	display:inline-block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2) {
	color:#1363d2
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2) a.tc {
	color:#1363d2;
	height:100%;
	display:block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2) .set-buy a,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2) .set-buy span.btn {
	border:1px solid #1363d2;
	color:#1363d2
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2).selected {
	border:1px solid #1363d2
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2).selected a {
	background:#1363d2;
	color:#fff
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(2).selected a .fa-check {
	display:inline-block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3) {
	color:#b247f5
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3) a.tc {
	color:#b247f5;
	height:100%;
	display:block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3) .set-buy a,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3) .set-buy span.btn {
	border:1px solid #b247f5;
	color:#b247f5
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3).selected {
	border:1px solid #b247f5
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3).selected a {
	background:#b247f5;
	color:#fff
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(3).selected a .fa-check {
	display:inline-block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4) {
	color:#fdc611
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4) a.tc {
	color:#fdc611;
	height:100%;
	display:block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4) .set-buy a,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4) .set-buy span.btn {
	border:1px solid #fdc611;
	color:#fdc611
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4).selected {
	border:1px solid #fdc611
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4).selected a {
	background:#fdc611;
	color:#fff
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:nth-child(4).selected a .fa-check {
	display:inline-block
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .set-buy {
	font-size:14px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .set-buy p {
	margin-bottom:20px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .set-buy a,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .set-buy span.btn {
	margin:10px auto;
	text-align:center;
	text-decoration:none;
	display:block;
	width:100px;
	height:32px;
	line-height:32px;
	border-radius:32px;
	padding:0
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .paym {
	padding-top:10px;
	font-size:30px;
	font-weight:bold;
	line-height:1
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper .paym span {
	font-size:14px;
	color:#333333;
	margin-left:3px
}
@media screen and (max-width:768px) {
	@keyframes bounceInRight {
	0%,60%,75%,90%,100% {
	-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
	transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(3000px,0,0);
	transform:translate3d(3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(-25px,0,0);
	transform:translate3d(-25px,0,0)
}
75% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
90% {
	-webkit-transform:translate3d(-5px,0,0);
	transform:translate3d(-5px,0,0)
}
100% {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
}.bounceInRight {
	-webkit-animation:bounceInRight 2s ease;
	animation:bounceInRight 2s ease
}
.moveRight {
	transform:translate3d(500px,0,0)
}
.setmeal .setmealcontainer {
	position:relative;
	width:100%;
	overflow:hidden
}
.setmeal .setmealcontainer .setmealcontent {
	width:100%;
	overflow-x:scroll
}
.setmeal .setmealcontainer .setmealcontent .taocan-wrapper {
	flex-wrap:nowrap
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper {
	width:1200px;
	-webkit-overflow-scrolling:touch
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper.nojj {
	width:896px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item {
	width:80%;
	margin:0 20px;
	box-shadow:0 0 30px #eeeeee
}
.setmeal .setmealcontainer .setmealcontent::-webkit-scrollbar {
	display:none
}
}@media screen and (min-width:768px) {
	.setmeal h2 {
	font-size:24px
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper {
	justify-content:space-around
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item {
	width:40%
}
.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item:hover,.setmeal .setmealcontainer .setmealcontent ul.taocan-wrapper li.item.selected {
	transform:scale(1.03);
	box-shadow:0 0 30px #eeeeee
}
}@keyframes client-brands {
	from {
	-webkit-transform:translateY(0%);
	transform:translateY(0%)
}
to {
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
}.banner-bg {
	color:#FFF
}
.banner-bg.newbg {
	position:relative;
	overflow:hidden
}

.banner-bg.newbg:before {
	content:'';
	
	background-size:cover;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute
}

.banner-bg.newbg:after {
	content:'';
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	background:rgba(0,0,0,0.8)
}
.banner-bg.newbg h1 {
	margin:3rem 0 2.1rem
}
.banner-bg.newbg .gline {
	margin:50px auto 0;
	width:60px;
	height:3px;
	background:#fff
}
.banner-bg.newbg a.post1 {
	width:160px;
	height:48px;
	border:2px solid #07bf9d;
	line-height:44px;
	border-radius:48px;
	color:#fff;
	background:#07bf9d;
	text-decoration:none;
	display:inline-block
}
.banner-bg.newbg a.post1:hover {
	border:2px solid #058e75;
	background:#058e75
}
.banner-bg.newbg a.post2 {
	width:160px;
	height:48px;
	border:2px solid #07bf9d;
	line-height:44px;
	border-radius:48px;
	color:#07bf9d;
	text-decoration:none;
	display:inline-block
}
.banner-bg.newbg a.post2:hover {
	border:2px solid #058e75;
	background:#058e75;
	color:#fff
}
.banner-bg.newbg .susy_container {
	padding:4em 0 2em
}
.banner-bg.newbg .susy_container .susy_title {
	color:#fff
}
.banner-bg .susy_container {
	padding:1rem 0;
	z-index:1
}
.banner-bg h1 {
	font-size:1.8rem;
	margin:3rem 0 1.1rem;
	text-align:center;
	line-height:1.4;
	font-weight:bold;
	color:#32363e
}
.banner-bg h3 {
	font-size:1.1rem;
	margin:0 auto;
	color:#fff
}
.banner-bg h3 .lfloat {
	margin:0 auto;
	height:28px
}
.banner-bg h3 .lfloat:first-child {
	width:7.2em
}
.banner-bg h3 .lfloat:last-child {
	width:18.5em
}
.banner-bg p {
	font-size:1rem;
	font-style:italic;
	margin:0;
	line-height:1.1
}
.banner-bg p span {
	font-size:1.4rem;
	color:yellow
}
.banner-bg a.post {
	margin:1rem 0 0.7rem 0
}
@media screen and (min-width:568px) {
	.banner-bg.newbg .gline {
	margin-bottom:40px
}
.banner-bg.newbg a.post2 {
	margin-left:30px
}
}.dashboard {
	width:100%;
	padding:4em 0;
	color:#04c09f;
	background:#FFF
}
.dashboard .dashboard-wrap {
	margin:0 auto;
	text-align:center;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap
}
.dashboard .dashboard-wrap .spb {
	width:100%
}
.dashboard .dashboard-wrap .spb .num {
	font-size:36px;
	font-weight:bold
}
.dashboard .dashboard-wrap .spb .dashboard-say {
	color:#7b7b7b
}
@media screen and (min-width:568px) {
	.dashboard .dashboard-wrap .spb {
	width:24%
}
}.caselist {
	background:#f6f6f6
}
.caselist .pkstep {
	max-width:1124px;
	padding:0 15px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap
}
.caselist .pkstep li:nth-child(2n+1) {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:90px;
	margin-bottom:20px
}
.caselist .pkstep li:nth-child(2n+1) img {
	width:43px;
	height:43px;
	margin-bottom:10px
}
.caselist .pkstep li:nth-child(2n+1) span {
	font-size:12px
}
.caselist .pkstep li:nth-child(2n) img {
	width:6px;
	height:8px;
	margin-bottom:28px
}
.caselist .pkstep li:nth-last-child(1) {
	margin-right:60px
}
.caselist .pkstep li:nth-last-child(3) {
	margin-left:60px
}
.caselist .listcontainer {
	padding:40px 15px;
	max-width:1024px;
	margin:0 auto;
	text-align:center
}
.caselist .listcontainer .gline {
	margin:0 auto 10px;
	width:60px;
	height:3px;
	background:#04c09f
}
.caselist .listcontainer .logodesign {
	font-size:20px;
	padding:30px 0 10px;
	color:#333333
}
.caselist .listcontainer .persist {
	font-size:16px;
	color:#999999
}
.caselist .listcontainer .industry-types {
	display:flex
}
.caselist .listcontainer .industry-types li {
	cursor:pointer;
	border:1px solid #ababab;
	text-align:center
}
.caselist .listcontainer .industry-types li a {
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#6d6d6d
}
.caselist .listcontainer .industry-types li .count {
	color:#ababab
}
.caselist .listcontainer .industry-types li:hover {
	border:1px solid #6d6d6d
}
.caselist .listcontainer .industry-types li:hover .count {
	color:#6d6d6d
}
.caselist .listcontainer .tab-content .worksul {
	overflow:hidden
}
.caselist .listcontainer .tab-content .worksul img {
	width:100%;
	border-radius:4px
}
.caselist .listcontainer .tab-content .worksul li {
	float:left;
	transition:all 0.25s linear
}
.caselist .listcontainer .tab-content .worksul li:hover {
	transform:scale(1.03)
}
.caselist .listcontainer .tab-content .worksul li .excellentworks {
	border-radius:4px
}
.caselist .listcontainer .tab-content .worksul li .excellentworks .package {
	position:absolute;
	color:#fff;
	font-size:12px
}
.caselist .listcontainer .tab-content .morelogobtn {
	display:block;
	width:160px;
	height:50px;
	color:#ffffff;
	background:#04c09f;
	border-radius:50px;
	line-height:50px;
	font-size:18px;
	text-decoration:none;
	margin:30px auto
}
.caselist .listcontainer .tab-content .morelogobtn:hover {
	background:#058e75
}
@media screen and (min-width:568px) {
	.caselist .pkstep li:nth-last-child(1) {
	margin-right:0
}
.caselist .pkstep li:nth-last-child(3) {
	margin-left:0
}
}.tooltip-inner {
	max-width:470px !important;
	max-height:500px !important;
	padding:3px 8px;
	color:#fff;
	text-align:left;
	background-color:#000;
	border-radius:4px;
	border:2px solid #000;
	font-size:14px
}
.tips-first {
	font-size:14px;
	text-align:left;
	margin-right:10px;
	display:inline-block
}
.tips-sen {
	font-size:14px;
	text-align:left;
	display:inline-block
}
.index_reviews {
	background:url(../images/faces.jpg);
	text-align:center;
	padding:5em 5px 4em
}
.index_reviews .mask {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5)
}
.index_reviews .reviews_container {
	max-width:1024px;
	margin:0 auto
}
.index_reviews .pingjia-url {
	padding-top:20px;
	display:inline-block;
	color:rgba(255,255,255,0.7);
	font-size:14px;
	text-decoration:none
}
.index_reviews .pingjia-url:hover {
	color:#fff
}
.index_reviews .owlContainer {
	text-align:center;
	margin-left:0
}
.index_reviews .owlContainer .owl-theme .owl-controls .owl-pagination {
	display:none
}
.index_reviews .owlContainer .pingjia-content {
	line-height:20px;
	font-style:italic;
	color:#fff
}
.index_reviews .owlContainer .pingjia-content .pjctt {
	height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	padding-top:20px
}
.index_reviews .owlContainer .pingjia-content .pjds {
	padding-top:10px
}
.index_reviews .owlContainer .pingjia-content .pjds .dago {
	padding-right:10px;
	font-size:14px
}
.index_reviews .owlContainer .pingjia-content .pjds .star {
	font-size:10px
}
.index_reviews .owlContainer .pingjia-content .pjds .star span {
	font-size:14px
}
.index_reviews .owlContainer .pingjia-content .cpyimg {
	padding-top:40px
}
.index_reviews .owlContainer .pingjia-content .cpyimg img {
	width:65px;
	height:65px;
	border-radius:50%;
	box-shadow:0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4)
}
.index_reviews .owlContainer .pingjia-content .cpyname {
	padding-top:5px;
	font-size:14px
}
.bloglist {
	padding:30px 0 100px;
	color:#333333;
	background:#FFF
}
.bloglist .blog-container {
	max-width:1024px;
	text-align:center;
	margin:0 auto
}
.bloglist .blog-container .blog_title {
	font-size:20px;
	padding:20px 0 10px
}
.bloglist .blog-container .gline {
	margin:0 auto;
	width:60px;
	height:3px;
	background:#04c09f
}
.bloglist .blog-container .blogListContainer {
	padding-top:30px
}
.bloglist .blog-container .blogListContainer .owl-item {
	padding:10px
}
.bloglist .blog-container .blogListContainer img {
	width:100%
}
.bloglist .blog-container .blogListContainer .blogarticle {
	transition:all 0.25s linear;
	position:relative;
	display:block;
	border-radius:6px;
	overflow:hidden
}
.bloglist .blog-container .blogListContainer .blogarticle:hover {
	transform:scale(1.03)
}
.bloglist .blog-container .blogListContainer p {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	background:rgba(0,0,0,0.45);
	color:#FFF;
	width:100%;
	font-size:1rem;
	text-align:left
}
.designservice {
	background:#FFF;
	padding:0 5px 4em;
	text-align:center;
	
}
.designservice .index_title {
	font-size:20px;
	padding:0 10px;
	color:#333333;
	padding-top:60px;
}
.designservice .gline {
	margin:0 auto;
	width:60px;
	height:3px;
	background:#04c09f
}
.design-type-wrapper {
	padding:60px 0;
	background-color:#FFF
}
.design-type-wrapper .designtypes {
	display:flex;
	justify-content:space-around;
	max-width:1024px;
	margin:0 auto
}
.design-type-wrapper .designtypes .item {
	text-align:center;
	display:block;
	font-size:18px;
	cursor:pointer
}
.design-type-wrapper .designtypes .item:before {
	content:' ';
	display:block;
	background:url(../images/designservice.png) no-repeat;
	background-size:465%;
	width:60px;
	height:62px;
	margin:17px auto 0;
	background-position:-8px 0
}
.design-type-wrapper .designtypes .item:nth-child(2):before {
	background-position:-75px 0
}
.design-type-wrapper .designtypes .item:nth-child(3):before {
	background-position:-142px 0
}
.design-type-wrapper .designtypes .item:nth-child(4):before {
	background-position:-209px 0
}
.design-type-wrapper .designtypes .item:hover:nth-child(1) .dtype-price {
	background:#357de2
}
.design-type-wrapper .designtypes .item:hover:nth-child(2) .dtype-price {
	background:#1abf90
}
.design-type-wrapper .designtypes .item:hover:nth-child(3) .dtype-price {
	background:#9c4ed1
}
.design-type-wrapper .designtypes .item:hover:nth-child(4) .dtype-price {
	background:#fd0040
}
.design-type-wrapper .designtypes .item .dtype-name {
	color:#666;
	margin:17px 0 6px
}
.design-type-wrapper .designtypes .item .dtype-name a {
	color:#666
}
.design-type-wrapper .designtypes .item .dtype-name a:hover {
	color:#08C;
	text-decoration:none
}
.design-type-wrapper .designtypes .item .dtype-price {
	padding:10px 0;
	color:#FFF;
	border-radius:6px
}
.design-type-wrapper .designtypes .item:nth-child(1) .dtype-price {
	background:#7cabec
}
.design-type-wrapper .designtypes .item:nth-child(2) .dtype-price {
	background:#44e6b8
}
.design-type-wrapper .designtypes .item:nth-child(3) .dtype-price {
	background:#c08fe2
}
.design-type-wrapper .designtypes .item:nth-child(4) .dtype-price {
	background:#ff507c
}
@media screen and (min-width:568px) {
	.design-type-wrapper .designtypes .item {
	width:22%
}
}.caselist .industry-types {
	flex-wrap:wrap
}
.caselist .industry-types li {
	width:30%;
	line-height:32px;
	border-radius:32px;
	margin:5px auto;
	font-size:12px
}
.caselist .industry-types li .count {
	display:none
}
.caselist .tab-content .worksul li {
	padding:5px;
	width:50%
}
.caselist .tab-content .worksul li span {
	display:none
}
@media screen and (max-width:568px) {
	.caselist .listcontainer {
	padding:0 15px 30px
}
.caselist .tab-content .worksul li {
	padding:5px;
	width:50%
}
.caselist .tab-content .worksul li span {
	display:none
}
.bloglist {
	background:#fff;
	padding:30px 0 100px
}
.bloglist .blogarticles .blogarticle {
	display:block;
	margin:0 22px;
	position:relative;
	border-radius:6px;
	overflow:hidden
}
.bloglist .blogarticles .blogarticle img {
	width:100%
}
.bloglist .blogarticles .blogarticle p {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	background:rgba(0,0,0,0.45);
	color:#FFF;
	width:100%;
	font-size:1rem;
	text-align:left
}
.designservice .designtypes {
	flex-wrap:wrap
}
.designservice .designtypes .item {
	width:45%
}
.banner-bg {
	position:relative;
	text-align:center
}
.banner-bg.newbg a.post1 {
	margin:4.5rem auto 20px;
	display:block
}
.banner-bg.newbg a.post2 {
	margin:0 auto 10px;
	display:block
}
.banner-bg.newbg .susy_container .susy_title {
	padding:0 10px
}
.dashboard {
	background:#fff
}
.dashboard .dashboard-wrap .spb {
	width:100%;
	padding:10px 0
}
.dashboard .dashboard-wrap .spb p {
	font-size:18px
}
}@media screen and (min-width:568px) {
	.index_reviews .pingjia-url {
	font-size:16px
}
.index_reviews .owlContainer .pingjia-content p {
	font-size:1.5rem
}
.banner-bg {
	position:relative;
	text-align:center;
	color:#FFF;
	padding:1em 0.6rem 0
}
.banner-bg .susy_container {
	padding:1rem 0
}
.banner-bg h1 {
	font-size:1.9rem;
	margin:3rem 0 1.1rem;
	text-align:center
}
.banner-bg h3 {
	color:#fff;
	font-size:1.2rem;
	display:block;
	width:26em
}
.banner-bg h3 .lfloat {
	float:left;
	text-align:left
}
.banner-bg p {
	font-size:1rem;
	font-style:italic;
	margin:0;
	line-height:1.1
}
.banner-bg p span {
	font-size:1.4rem;
	color:yellow
}
}@media screen and (min-width:768px) {
	.bloglist .blog-container .blog_title {
	font-size:24px
}
.blogListContainer .buttonOuter {
	width:8%;
	text-align:center
}
.blogListContainer .slideButton {
	display:-webkit-flex;
	display:flex;
	margin:0 auto
}
.blogarticles .blogarticle {
	display:block;
	margin:0 16px;
	position:relative;
	border-radius:6px;
	overflow:hidden
}
.caselist .listcontainer .logodesign {
	font-size:24px
}
.caselist .pkstep li:nth-child(2n+1) {
	width:100px;
	margin:0
}
.caselist .pkstep li:nth-child(2n+1) img {
	width:80px;
	height:80px;
	margin-bottom:16px
}
.caselist .pkstep li:nth-child(2n+1) span {
	font-size:16px
}
.caselist .pkstep li:nth-child(2n) img {
	width:8px;
	height:12px;
	margin-bottom:8px
}
.caselist .industry-types {
	padding-top:30px;
	justify-content:space-around
}
.caselist .industry-types li {
	width:142px;
	height:40px;
	line-height:40px;
	border-radius:40px
}
.caselist .tab-content .worksul li {
	padding:10px;
	width:25%
}
.caselist .tab-content .worksul li .imgouter span {
	padding:6px;
	right:10px;
	top:30px;
	display:none
}
.caselist .tab-content .worksul li:nth-child(11n+1) {
	width:50%
}
.caselist .tab-content .worksul li:nth-child(11n+1) .excellentworks {
	box-sizing:content-box
}
.caselist .tab-content .worksul li:nth-child(11n+1) .excellentworks a img:nth-child(14n+1) {
	padding:55px 70px;
	background:#fff
}
.caselist .tab-content .worksul li:nth-last-child(3) {
	float:right
}
.caselist .tab-content .worksul li:nth-last-child(3) div {
	padding-bottom:1px;
	background:#fff
}
.dashboard .dashboard-wrap {
	max-width:1024px;
	display:flex;
	justify-content:space-around
}
.dashboard .dashboard-wrap .spb {
	width:25%;
	flex:1
}
.index_reviews .owlContainer .pingjia-content p {
	font-size:2rem
}
.designservice .index_title {
	font-size:24px
}
.design-type-wrapper .designtypes .item {
	width:13%
}
.banner-bg {
	position:relative;
	text-align:center;
	color:#FFF;
	padding:1em 0.6rem 0
}
.banner-bg .susy_container {
	padding:10em 0 7em 0
}
.banner-bg.newbg .susy_container {
	padding:10em 0 7em 0
}
.banner-bg.newbg a.post1 {
	display:inline-block;
	margin:80px 30px
}
.banner-bg.newbg a.post2 {
	display:inline-block;
	margin:80px 30px
}
.banner-bg h1 {
	font-size:2.4rem;
	margin:3rem 0 1.1rem;
	text-align:center
}
.banner-bg h3 {
	font-size:1.5rem
}
.banner-bg p {
	font-size:1rem;
	font-style:italic;
	margin:0;
	line-height:1.1
}
.banner-bg p span {
	font-size:1.4rem;
	color:yellow
}
}/*# sourceMappingURL=homepage_v1.css.map */