html {
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body,
dd,
div,
dt,
li,
p,
span,
td {
	font: 14px/1.5 Microsoft Yahei, SimHei, tahoma, arial, Hiragino Sans GB, SimSun, sans-serif;
	font-weight: 400;
	color: #333
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

button,
input,
select,
textarea {
	font: 14px/1.5 Microsoft Yahei, tahoma, arial, Hiragino Sans GB, \5b8b\4f53
}

input,
select,
textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: inherit
}

fieldset,
img {
	border: 0
}

iframe {
	display: block
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500
}

q:after,
q:before {
	content: ""
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

a {
	transition: color .5s ease
}

a:link {
	color: #08c
}

a:hover {
	color: red
}

a,
ins {
	text-decoration: none
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fn-clear {
	zoom: 1
}

body .fn-hide {
	display: none
}

.fn-left,
.fn-right {
	display: inline
}

.fn-left {
	float: left
}

.fn-right {
	float: right
}

.fn-text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fn-linear {
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#f1f1f1");
	background: -o-linear-gradient(top, #fcfcfc, #f1f1f1);
	background: -ms-linear-gradient(top, #fcfcfc, #f1f1f1);
	background: linear-gradient(180deg, #fcfcfc, #f1f1f1)
}

.fn-linear-light {
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
	background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#f9f9f9");
	background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
	background: -ms-linear-gradient(top, #fcfcfc, #f9f9f9);
	background: linear-gradient(180deg, #fcfcfc, #f9f9f9)
}

.fn-rmb {
	font-family: arial;
	font-style: normal;
	padding-right: 4px
}

.fn-webkit-adjust {
	-webkit-text-size-adjust: none
}

.fn-clean-space {
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	-webkit-text-size-adjust: none
}

a.ui-details-red,
a.ui-details-red:link {
	color: #c00
}

a.ui-details-red:hover {
	color: red
}

html {
	overflow-y: scroll
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type] {
		font: 14px/normal Microsoft Yahei, SimHei, tahoma, arial, Hiragino Sans GB, SimSun, sans-serif
	}
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input[type=password],
input[type=text],
textarea {
	transition: border .25s ease-in-out, box-shadow .25s ease-in-out
}

input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	outline: none;
	border: 1px solid rgba(82, 162, 235, .8);
	box-shadow: inset 0 0 rgba(34, 25, 25, .15), 0 0 hsla(0, 0%, 100%, .8), 0 0 6px #52a2eb
}

.ui-container {
	width: 1200px;
	margin: 0 auto
}

.ui-top-fix .ui-container {
	height: 65px
}

.ui-contact-us {
	margin: 0 auto;
	width: 313px
}

.ui-attention-header h2,
.ui-contact-us h2,
.ui-cooperation-header h2,
.ui-inquiry-header h2,
.ui-news-header h2,
.ui-product-software h2,
.ui-success-line h2 {
	font-size: 33px;
	line-height: 37px;
	color: #3b3b3b;
	text-align: center;
	margin-bottom: 6px
}

.ui-attention-header h3,
.ui-contact-us h3,
.ui-cooperation-header h3,
.ui-inquiry-header h3,
.ui-product-software h3,
.ui-success-line h3 {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	text-align: center
}

.ui-contact-detail p {
	padding-top: 17px;
	font-size: 0;
	text-align: center
}

.ui-contact-detail p.ui-qq-frame,
.ui-contact-detail p:first-child {
	padding: 30px 0;
	background: url(../images/dotted.png) repeat-x bottom
}

.ui-contact-detail p.ui-qq-frame {
	border-width: 1px 0;
	text-align: center
}

a.ui-right-more {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #c00;
	margin-top: 6px
}

a.ui-right-more:hover {
	color: red
}

a.ui-main-qq {
	*zoom: 1;
	*display: inline
}

a.ui-main-qq:hover {
	background-position: 0 -60px
}

a.ui-main-qq:active {
	background-position: 0 -118px
}

.ui-margins40 {
	margin: 40px 0
}

.ui-news-red,
.ui-red,
a.ui-news-red {
	color: #c00
}

.ui-gray,
a.ui-gray {
	color: #666
}

a.ui-gray:hover {
	color: #c00
}

.ui-blue {
	color: #069
}

.ui-attention-1 li a,
.ui-carousel-panel a,
.ui-contact-detail p.ui-qq-frame a,
.ui-container-nav a,
.ui-cooperation-button a,
.ui-download-file a,
.ui-f-menu li a,
.ui-file-move a,
.ui-navbar-nav li a,
.ui-news-hot dd h3 a,
.ui-news-hot dd p a,
.ui-news-list li a,
.ui-news-original li a,
.ui-operations-list li a,
.ui-phone-list li a,
.ui-phone-related li a,
.ui-product-software li a,
.ui-success-pic li a,
a.ui-banner-next,
a.ui-banner-prev,
a.ui-navbar-logo,
a.ui-news-red {
	outline: none
}

.ui-top-home {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999
}

.ui-top-home-1,
.ui-top-home-2,
.ui-top-home-3,
.ui-top-home-4,
.ui-top-home-5,
.ui-top-home-6 {
	background: url(../images/index_top.png) no-repeat;
	display: block
}

a.ui-top-home-1 {
	width: 44px;
	height: 44px;
	background-position: 0 0
}

.ui-top-home span {
	width: 88px;
	height: 31px;
	background: url(../images/k_top_bg.png) no-repeat;
	display: block;
	text-align: center;
	line-height: 31px;
	text-indent: -5px;
	transition: transform .2s ease-in-out;
	transform: scale(0);
	visibility: hidden
}

a.ui-top-home-1:hover span,
a.ui-top-home-2:hover span,
a.ui-top-home-3:hover span,
a.ui-top-home-4:hover span,
a.ui-top-home-5:hover span,
a.ui-top-home-6:hover span {
	display: block;
	position: absolute;
	top: 7px;
	left: -93px;
	transform: scale(1);
	visibility: visible
}

a.ui-top-home-2:hover span {
	top: 52px
}

a.ui-top-home-3:hover span {
	top: 95px
}

a.ui-top-home-4:hover span {
	top: 136px
}

a.ui-top-home-5:hover span {
	top: 176px
}

a.ui-top-home-6:hover span {
	top: 220px
}

a.ui-top-home-1:hover {
	background-position: -44px 0
}

a.ui-top-home-1:active {
	background-position: -88px 0
}

a.ui-top-home-2 {
	width: 44px;
	height: 42px;
	background-position: 0 -44px
}

a.ui-top-home-2:hover {
	background-position: -44px -44px
}

a.ui-top-home-2:active {
	background-position: -88px -44px
}

a.ui-top-home-3 {
	width: 44px;
	height: 42px;
	background-position: 0 -84px
}

a.ui-top-home-3:active,
a.ui-top-home-3:hover {
	background-position: -44px -84px
}

a.ui-top-home-4 {
	width: 44px;
	height: 42px;
	background-position: 0 -128px
}

a.ui-top-home-4:hover {
	background-position: -44px -128px
}

a.ui-top-home-4:active {
	background-position: -88px -128px
}

a.ui-top-home-5 {
	width: 44px;
	height: 42px;
	background-position: 0 -170px
}

a.ui-top-home-5:hover {
	background-position: -44px -170px
}

a.ui-top-home-5:active {
	background-position: -88px -170px
}

a.ui-top-home-6 {
	width: 44px;
	height: 45px;
	background-position: 0 -212px
}

a.ui-top-home-6:hover {
	background-position: -44px -212px
}

a.ui-top-home-6:active {
	background-position: -88px -212px
}

.ui-dialog-backdrop {
	display: none;
	position: fixed;
	z-index: 998;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70)
}

.ui-dialog-backdrop.active {
	display: block
}

.ui-feedback,
.ui-share,
.ui-tel,
.ui-weixin-qr1 {
	position: fixed;
	text-align: center;
	box-sizing: border-box;
	padding: 0 30px;
	z-index: 999;
	left: 50%;
	top: 50%;
	width: 700px;
	height: auto;
	transition: all .2s ease-in-out;
	transform: translate(-50%, -50%) scale(0);
	visibility: hidden;
	background: #fff
}

.ui-feedback h2,
.ui-share-show h2,
.ui-tel h2,
.ui-weixin-qr1 h2 {
	font-size: 26px;
	font-weight: 300;
	color: #333;
	margin-bottom: 40px;
	text-align: left;
	padding-top: 20px;
	border-bottom: 1px solid #d4d4d4
}

.ui-feedback h2 a,
.ui-share-show h2 a,
.ui-tel h2 a,
.ui-weixin-qr1 h2 a {
	width: 24px;
	height: 24px;
	background: url(../images/pop-close.png) no-repeat 50%;
	margin-top: 10px
}

.ui-qrleft {
	margin-left: 60px;
	padding-bottom: 70px
}

.ui-qrleft section:first-child {
	margin-bottom: 10px
}

.ui-qrleft section img,
.ui-qrleft section p {
	display: inline-block;
	vertical-align: middle
}

.ui-weixin-qrimg {
	margin-right: 10px
}

.ui-qr-name {
	text-align: left
}

.ui-qr-name span {
	font-size: 19px;
	display: block;
	color: #333;
	text-align: left;
	font-weight: 300
}

.ui-qr-name span:first-child {
	font-size: 16px;
	color: #390
}

.ui-qrleft>div {
	border: 1px solid #d4d4d4
}

.ui-qrleft>div img {
	display: block;
	padding: 30px 50px 24px;
	width: 148px
}

.ui-qrleft>div p {
	font-size: 16px;
	text-align: center;
	color: #390
}

.ui-qrleft>div p+p {
	padding-bottom: 26px
}

.ui-qr-right {
	margin-top: 26px
}

.ui-share h2 a,
.ui-tel h2 a,
.ui-weixin-qr1 h2 a {
	transition: transform .5s ease-in-out
}

.ui-authenticity-close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../images/error1.png) no-repeat;
	display: block;
	position: absolute;
	top: 40px;
	right: 40px;
	transition: transform .2s ease-in-out
}

.ui-feedback h2 a:hover,
.ui-share h2 a:hover,
.ui-tel h2 a:hover,
.ui-weixin-qr1 h2 a:hover {
	transform: rotate(-1turn);
	cursor: pointer
}

.ui-authenticity-close:hover {
	background-position: -16px 0;
	transform: rotate(-180deg)
}

.ui-authenticity-close:active,
.ui-share i:active,
.ui-tel i:active,
.ui-weixin-qr1 i:active {
	background-position: -32px 0
}

.ui-authenticity-tips-show,
.ui-feedback-show,
.ui-share-show,
.ui-tel-show,
.ui-weixin-qrshow {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible
}

a.ui-management-ico {
	width: 106px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/management_ico.png) no-repeat
}

a.ui-management-ico:hover {
	background-position: 0 -23px
}

a.ui-management-ico:active {
	background-position: 0 -46px
}

.ui-tel {
	padding-bottom: 40px
}

.ui-share>p,
.ui-tel>p {
	width: 500px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 1;
	color: #666
}

.ui-share>i+p,
.ui-tel>i+p {
	margin-top: 35px
}

.ui-share>i+p {
	text-align: left;
	font-size: 17px
}

.ui-share p.ui-line,
.ui-tel p.ui-line {
	width: 500px;
	height: 1px;
	border-top: 1px dotted #999;
	margin-top: 10px
}

a.ui-main-qq {
	width: 255px;
	height: 58px;
	background: url(../images/qq.png);
	display: inline-block
}

.ui-tel p.ui-qq {
	margin: 10px auto
}

.ui-main-qq:active {
	background: url(../images/qq.png) 0 -118px
}

.ui-main-qq:hover,
.ui-main-qq:visited {
	background: url(../images/qq.png) 0 -60px
}

.ui-tel>p {
	font-size: 16px;
	text-align: center
}

.ui-tel>img {
	margin-top: 10px
}

.ui-tel .ui-service-text {
	margin: 10px auto 18px
}

.ui-service-box {
	width: 510px;
	margin: 40px auto 0
}

.ui-service-box>div {
	width: 33%;
	float: left;
	text-align: left
}

.ui-service-box>div p {
	color: #666;
	margin: 5px 0
}

p.ui-name {
	text-align: center
}

.ui-service-box>div>p span {
	display: inline-block;
	width: 50px;
	text-align: right
}

.bdshare-button-style1-32 {
	text-align: center;
	padding: 0 56px 70px;
	box-sizing: border-box
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32>a {
	width: 76px;
	padding-top: 76px;
	background: url(../images/share-icon.png) no-repeat;
	margin-right: 0;
	margin-top: 40px;
	margin-left: 74px
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32>a:nth-child(4n+1) {
	margin-left: 0
}

.bdsharebuttonbox>a p {
	font-size: 16px;
	color: #333;
	text-indent: 0;
	margin-top: 5px
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_tsina {
	background-position: -450px 0
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_qzone {
	background-position: 0 0
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .popup_sqq {
	background-position: -300px 0
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_tqq {
	background-position: -150px 0
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_tieba {
	background-position: -150px -140px
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_kaixin001 {
	background-position: 0 -140px
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_weixin {
	background-position: -300px -140px
}

.ui-share .bdsharebuttonbox.bdshare-button-style1-32 .bds_renren {
	background-position: -450px -140px
}

.ui-top-home-1 span,
.ui-top-home-2 span,
.ui-top-home-3 span,
.ui-top-home-5 span,
.ui-top-home-6 span {
	color: #333
}

h2 {
	font-size: 38px;
	font-weight: 100;
	line-height: 39px
}

p {
	font-size: 16px;
	color: #666
}

.ui-quick-access {
	width: 100%;
	height: 120px;
	background: url(../images/quick-access-bg.png) no-repeat 50%;
	background-size: 100% 100%
}

.ui-access-content {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background: url(../images/quick-access-line.png) no-repeat bottom
}

.ui-leftaccess-btn {
	margin: 16px 0 0 44px
}

.ui-leftaccess-btn>p {
	color: red;
	font-size: 15px;
	line-height: 1;
	margin-bottom: 10px
}

.ui-right-qr>div:first-child {
	margin-right: 30px
}

.ui-qrimg-box,
.ui-qrimg-box>img {
	display: inline-block
}

.ui-qrimg-box>img {
	vertical-align: middle;
	width: 100px;
	height: 100px;
	margin-right: 5px
}

.ui-qrimg-box p {
	width: 12px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px
}

.ui-right-qr {
	margin-right: 43px;
	margin-top: 10px
}

.ui-quick-access-btn {
	display: inline-block;
	vertical-align: middle;
	width: 178px;
	height: 48px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	margin-right: 10px;
	border: 1px solid hsla(0, 0%, 100%, .2)
}

.ui-quick-access-btn:hover {
	border: 1px solid hsla(0, 0%, 100%, .4)
}

.ui-quick-access-btn>em,
.ui-quick-access-btn>img,
.ui-quick-access-btn>span {
	display: inline-block;
	vertical-align: middle
}

.ui-quick-access-btn>em {
	height: 100%
}

.ui-quick-access-btn>img {
	margin-right: 10px
}

.ui-quick-1>img {
	margin-right: 7px
}

.ui-quick-2>img {
	margin-right: 2px
}

.ui-quick-access-btn>span {
	text-align: left
}

.ui-quick-access-btn:hover h3 {
	color: #fff
}

.ui-quick-access-btn h3 {
	font-size: 16px;
	color: hsla(0, 0%, 100%, .8);
	font-weight: 400;
	line-height: 20px
}

.ui-quick-access-btn:hover>span span {
	color: hsla(0, 0%, 100%, .6)
}

.ui-quick-access-btn>span span {
	font-size: 13px;
	color: hsla(0, 0%, 100%, .4);
	line-height: 14px
}

/*头部导航*/
.ui-top-fix {
	height: 62px;
	position: fixed;
	width: 100%;
	z-index: 99999;
	top: 0
}

.ui-nav-panel {
	min-width: 1250px;
	width: 100%
}

.ui-nav-center {
	height: 65px;
	background: url(../images/nav_bg.png) top no-repeat
}

.ui-top-content {
	width: 1200px;
	height: 52px;
	margin: 0 auto
}

.ui-logo {
	margin-left: 7px;
	margin-top: 11px
}

.ui-nav {
	height: 100%
}

.ui-nav li {
	float: left
}

.ui-nav .ui-nav-box {
	margin-top: 11px
}

.ui-nav .ui-nav-line {
	margin-top: 15px
}

.ui-nav-box>a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-right: 1px
}

.ui-nav-box a.active,
.ui-nav a:hover {
	color: #ff0101
}

.ui-nav-box a p.active {
	color: #fff
}

.ui-nav .ui-nav-1 {
	width: 96px
}

.ui-nav .ui-nav-2,
.ui-nav .ui-nav-3,
.ui-nav .ui-nav-4 {
	width: 114px
}

.ui-nav .ui-nav-5 {
	width: 108px
}

.ui-nav .ui-nav-6 {
	width: 107px
}

.ui-nav .ui-nav-7 {
	width: 106px
}

.ui-nav a p {
	font-size: 12px;
	font-family: Verdana;
	color: #938d8b;
	transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	-webkit-transform: scale(.75);
	margin-top: -4px
}

.ui-nav a:hover p {
	color: #fff
}

.ui-nav .ui-nav-home {
	width: 33px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/nav-icon-down.png);
	display: block
}

.ui-telphone {
	position: relative;
	width: 204px;
	height: 36px;
	border-radius: 18px;
	margin-left: 10px;
	margin-top: 11px
}

.ui-telphone>div {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	border-radius: 18px;
	background: #666;
	z-index: -1
}

.ui-telphone>i {
	display: block;
	background: url(../images/wxICON.png) no-repeat;
	width: 40px;
	height: 40px;
	margin: 3px 0 0 7px
}

.ui-telphone>span {
	display: block;
	background: url(../images/tel_number.png) no-repeat;
	width: 137px;
	height: 16px;
	margin: 10px 0 0 9px
}

.ui-footer {
	min-width: 1250px;
	width: 100%;
	background: #f6f6f6;
	border-top: 2px solid #e44c40
}

.ui-footer-top {
	width: 100%;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	color: #666;
	font-size: 14px;
	white-space: nowrap
}

.ui-footer-top>a {
	margin: 0 5px;
	color: #666;
	font-size: 14px
}

.ui-footer-top>a:hover {
	color: #c00
}

.ui-footer-content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center
}

.ui-container-nav {
	color: #ccc;
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 24px
}

.ui-container-nav a {
	color: #666;
	text-decoration: none
}

.ui-container-nav a:hover {
	color: red
}

.ui-ft-1 {
	color: #c00;
	font-size: 14px;
	margin-bottom: 12px
}

.ui-ft-2 {
	font-size: 14px;
	color: #a7a7a7
}

.ui-ft-3 {
	font-size: 14px;
	color: #636363;
	margin: 10px 0 20px
}

.ui-ft-3>i {
	font-style: normal;
	color: #c00
}

.ui-ft-3>a {
	color: #069
}

.ui-ft-3>a:hover {
	text-decoration: underline
}

.ui-ft-4>a {
	display: inline-block;
	margin: 0 4px
}

.ui-ft-4 img {
	border: 1px solid #ccc
}

.ui-attention {
	width: 278px;
	height: 222px
}

.ui-attention-1 {
	text-align: center
}

.ui-attention-1 li {
	margin: 50px 14px 0;
	display: inline-block;
	color: #000;
	text-align: center
}

.ui-attention-1 li img {
	display: block
}

.ui-attention-1 li a {
	color: #000
}

.ui-attention-1 li a>p {
	font-size: 16px;
	line-height: 28px
}

.ui-weixin-qr {
	position: absolute;
	margin: -306px 0 0 -292px;
	transition: transform .2s ease-in-out, visibility .2s ease-in-out;
	transform: scale(0);
	visibility: hidden;
	background: url(../images/weix_bg.png) no-repeat;
	width: 363px;
	height: 269px;
	padding: 37px 0 0 43px;
	z-index: 999
}

.ui-authenticity-close,
.ui-weixin-qr i {
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: url(../images/error.png) no-repeat;
	display: block;
	position: absolute;
	top: 25px;
	right: 25px;
	transition: transform .2s ease-in-out
}

.ui-authenticity-close:hover,
.ui-weixin-qr i:hover {
	background-position: -11px 0;
	transform: rotate(-180deg)
}

.ui-authenticity-close:active,
.ui-weixin-qr i:active {
	background-position: -22px 0
}

.ui-distinguish-query,
.ui-inquiry-search {
	position: relative
}

.fn-clean-space {
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	-webkit-text-size-adjust: none
}

.ui-friendship-link {
	width: 1200px;
	margin: 0 auto;
	background: url(../images/dotted.png) bottom repeat-x
}

.ui-friendship-items,
.ui-friendship-link strong {
	display: inline-block;
	vertical-align: top
}

.ui-friendship-link strong {
	width: 76px
}

.ui-friendship-items {
	width: 1114px
}

.ui-friendship-items a {
	float: left;
	margin-right: 14px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #666
}

.ui-friendship-items a:hover {
	color: red
}

.ui-border-radius-7 {
	border-radius: 7px;
	overflow: hidden
}

.ui-border-radius-17 {
	border-radius: 17px;
	overflow: hidden
}

.ui-img-shadow-box {
	position: relative;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .3), inset 0 1px 0 1px hsla(0, 0%, 100%, .35)
}

.ui-img-shadow-box img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.ui-move-box {
	transition: all .75s ease
}

.ui-img-move:hover {
	transform: translateY(-10px)
}

.ui-img-hover {
	position: relative;
	overflow: hidden
}

.ui-img-hover img {
	transform-origin: 50% 50%;
	transition: all .75s ease;
	width: 100%;
	height: 100%
}

.ui-img-hover:hover img,
.ui-success-pic li:hover .ui-img-hover img {
	transform: scale(1.1)
}

.ui-img-hover:after {
	position: absolute;
	z-index: 2;
	display: block;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	transition: background-color .3s cubic-bezier(.4, 0, .6, 1)
}

.ui-img-hover:hover:after {
	display: block;
	content: "";
	background-color: rgba(0, 0, 0, .15)
}

.ui-service {
	width: 171px;
	height: 508px;
	border: 1px solid #cde9f8;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	position: fixed;
	left: 0;
	background: #fff;
	top: 370px;
	z-index: 999;
	box-shadow: 2px 9px 20px #dadada
}

.ui-service-1 {
	width: 100%;
	height: 45px;
	background: #0491db;
	border-radius: 0 10px 0 0;
	line-height: 45px;
	text-align: center
}

.ui-service-1>span {
	font-size: 20px;
	color: #fff
}

.ui-service-1>img {
	vertical-align: -2px;
	margin-right: 8px
}

.ui-service-2 {
	margin: 0 auto;
	width: 146px;
	padding: 20px 0 10px;
	border-bottom: 1px dashed #e5e5e5;
	position: relative
}

.ui-service-2>p {
	font-size: 13px;
	color: #000;
	font-weight: 900;
	margin-top: 2px
}

.ui-service-3 {
	margin: 0 auto;
	width: 146px;
	padding: 20px 0 17px;
	text-align: center;
	border-bottom: 1px dashed #e5e5e5
}

.ui-service-3>div {
	font-size: 14px
}

.ui-service-3>div>a>img {
	vertical-align: -19px;
	margin-left: 8px;
	margin-bottom: 7px
}

.ui-service-4 {
	margin: 0 auto;
	width: 146px;
	padding: 9px 0 0;
	text-align: center;
	font-size: 14px
}

.ui-service-4>div {
	width: 100%;
	background: #e9e9e9;
	color: #0491db;
	font-size: 16px;
	font-weight: 900;
	border-radius: 10px;
	margin-top: 3px
}

.ui-service-btn {
	position: absolute;
	background: #058ed4;
	width: 19px;
	height: 114px;
	border-radius: 0 8px 8px 0;
	right: -53px;
	top: 48px;
	padding: 14px 11px 0 10px;
	color: #fff;
	cursor: pointer
}

.ui-service-btn>p {
	margin-top: 6px;
	width: 19px;
	height: 14px;
	background: url(../images/service_arrow_bg.png) no-repeat 0 -26px
}