.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.infinite.animated {
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.hinge.animated {
	animation-duration: 2s; -webkit-animation-duration: 2s;
}
.bounceIn.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.bounceOut.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.flipOutX.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.flipOutY.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.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;
}
.jello {
	transform-origin: center 50%; animation-name: jello; -webkit-transform-origin: center; -webkit-animation-name: jello;
}
.bounceIn {
	animation-name: bounceIn; -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; -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;
}
.flip.animated {
	backface-visibility: visible; animation-name: flip; -webkit-animation-name: flip; -webkit-backface-visibility: visible;
}
.flipInX {
	backface-visibility: visible !important; animation-name: flipInX; -webkit-animation-name: flipInX; -webkit-backface-visibility: visible;
}
.flipInY {
	backface-visibility: visible !important; animation-name: flipInY; -webkit-animation-name: flipInY; -webkit-backface-visibility: visible;
}
.flipOutX {
	backface-visibility: visible !important; animation-name: flipOutX; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible;
}
.flipOutY {
	backface-visibility: visible !important; animation-name: flipOutY; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible;
}
.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;
}
* {
	list-style: none; margin: 0px; padding: 0px;
}
.border-box * {
	box-sizing: border-box;
}
.auto {
	margin: 0px auto; min-width: 1220px; max-width: 1220px;
}
.auto * {
	box-sizing: border-box;
}
body {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: "Microsoft Yahei"; font-size: 14px;
}
li {
	list-style-type: none;
}
img {
	border: 0px currentColor; border-image: none;
}
a {
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
}
a {
	color: rgb(0, 0, 0);
}
a:hover {
	color: rgb(5, 159, 255);
}
a:focus {
	outline: 0px; text-decoration: none !important;
}
dd {
	margin: 0px; padding: 0px; font-weight: 400;
}
dl {
	margin: 0px; padding: 0px; font-weight: 400;
}
h1 {
	margin: 0px; padding: 0px; font-weight: 400;
}
h2 {
	margin: 0px; padding: 0px; font-weight: 400;
}
h3 {
	margin: 0px; padding: 0px; font-weight: 400;
}
h4 {
	margin: 0px; padding: 0px; font-weight: 400;
}
h5 {
	margin: 0px; padding: 0px; font-weight: 400;
}
p {
	margin: 0px; padding: 0px; font-weight: 400;
}
ul {
	margin: 0px; padding: 0px; font-weight: 400;
}
button {
	outline: 0px !important; border: 0px currentColor; border-image: none;
}
input {
	outline: 0px !important; border: 0px currentColor; border-image: none;
}
select {
	outline: 0px !important; border: 0px currentColor; border-image: none;
}
textarea {
	outline: 0px !important; border: 0px currentColor; border-image: none;
}
textarea {
	resize: none;
}
input[type=button] {
	font-family: "Microsoft Yahei"; -webkit-appearance: none;
}
input[type=reset] {
	font-family: "Microsoft Yahei"; -webkit-appearance: none;
}
input[type=submit] {
	font-family: "Microsoft Yahei"; -webkit-appearance: none;
}
input[type=text] {
	font-family: "Microsoft Yahei";
}
input[disabled] {
	background: rgb(204, 204, 204) !important; cursor: not-allowed !important;
}
button[disabled] {
	background: rgb(204, 204, 204) !important; cursor: not-allowed !important;
}
em {
	font-style: normal;
}
a {
	-webkit-tap-highlight-color: transparent;
}
button {
	-webkit-tap-highlight-color: transparent;
}
input {
	-webkit-tap-highlight-color: transparent;
}
textarea {
	-webkit-tap-highlight-color: transparent;
}
a {
	outline: 0px; text-decoration: none;
}
strong {
	font-weight: 400;
}
.strong {
	font-weight: 700;
}
.container {
	margin: 0px auto; width: 1220px;
}
.clear {
	clear: both;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.blue {
	color: rgb(5, 159, 255);
}
.margin-b20 {
	margin-bottom: 20px;
}
.waiting {
	margin: 20px auto; display: block;
}
.relative {
	position: relative;
}
.clearfix::after {
	line-height: 0; display: table; content: "";
}
.clearfix::before {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.cursor-arrow {
	cursor: default;
}
.text-primary {
	color: rgb(5, 159, 255);
}
.text-stress {
	color: rgb(255, 102, 0);
}
.text-muted {
	color: rgb(153, 153, 153);
}
.text-overflow {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.header {
	position: relative;
}
.header .top-header {
	left: 0px; top: 0px; right: 0px; position: absolute; z-index: 101;
}
.header .head-nav {
	background: 0px 0px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid;
}
.top-header {
	height: 80px; min-width: 1220px;
}
.head-nav {
	background: rgb(25, 41, 51); left: 0px; top: 0px; height: 80px; right: 0px; border-bottom-color: rgb(25, 41, 51); border-bottom-width: 1px; border-bottom-style: solid; position: absolute; min-width: 1220px;
}
.head-nav h1 {
	margin: 16px 20px 0px 0px; width: 122px; height: 44px; float: left;
}
.head-nav h1 a {
	width: 100%; display: block;
}
.head-nav h1 img {
	width: 100%; display: block;
}
.head-nav:hover {
	background: rgb(25, 41, 51) !important; border-bottom-color: rgba(5, 159, 255, 0.3) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;
}
.head-nav .nav-list li {
	float: left;
}
.head-nav .nav-list .nav {
	padding: 0px 20px; color: rgb(255, 255, 255); line-height: 79px; font-size: 18px; display: block;
}
.head-nav .nav-list .nav::after {
	background: rgb(5, 159, 255); margin: -1px 0px 0px; transition:0.2s linear; width: 0px; height: 3px; display: block; content: "";
}
.head-nav .nav-list li:hover .nav {
	color: rgb(5, 159, 255);
}
.head-nav .nav-list li:hover .nav::after {
	width: 100%;
}
.head-nav .nav-list .active .nav {
	color: rgb(5, 159, 255);
}
.head-nav .nav-list .active .nav::after {
	width: 100%;
}
.head-nav .pop-list {
	background: rgb(25, 41, 51); transition:0.4s linear; left: 0px; top: 80px; height: 584px; right: 0px; padding-top: 30px; display: none; position: absolute; z-index: 22;
}
.head-nav .pop-list dl {
	width: 290px; margin-right: 20px; float: left;
}
.head-nav .pop-list dl:last-child {
	margin-right: 0px;
}
.head-nav .pop-list dt {
	background: rgba(59, 102, 135, 0.5); padding: 0px 20px; height: 40px; color: rgb(200, 202, 204); line-height: 40px;
}
.head-nav .pop-list dt::before {
	background: url("../../images/public/icons.png") no-repeat; width: 17px; height: 17px; margin-right: 3px; vertical-align: middle; display: inline-block; content: "";
}
.head-nav .pop-list .ico1::before {
	background-position: 0px 0px;
}
.head-nav .pop-list .ico2::before {
	background-position: -21px 0px;
}
.head-nav .pop-list .ico3::before {
	background-position: -41px 0px;
}
.head-nav .pop-list .ico4::before {
	background-position: -60px 0px;
}
.head-nav .pop-list dd span {
	margin: 0px 0px 2px; height: 20px; line-height: 20px; display: block;
}
.head-nav .pop-list dd span::after {
	width: 30px; height: 15px; margin-left: 5px; vertical-align: sub; display: inline-block; content: "";
}
.head-nav .pop-list dd .hot::after {
	background: url("../../images/public/ico/hot.png") no-repeat right;
}
.head-nav .pop-list dd .new::after {
	background: url("../../images/public/ico/new.png") no-repeat right;
}
.head-nav .pop-list dd p {
	height: 20px; color: rgb(147, 150, 153); line-height: 20px; overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.head-nav .pop-list dd a {
	padding: 20px; border: 1px solid rgb(44, 72, 99); border-image: none; color: rgb(255, 255, 255); margin-top: 15px; display: block;
}
.head-nav .pop-list dd a:hover {
	border: 1px solid rgb(5, 159, 255); border-image: none; color: rgb(5, 159, 255);
}
.head-nav .pop-list dd a:hover p {
	color: rgb(5, 159, 255);
}
.head-nav .pop-list dl:hover dt {
	background: rgb(5, 159, 255); color: rgb(255, 255, 255);
}
.head-nav .pop-list dl:hover .ico1::before {
	background-position: -79px 0px;
}
.head-nav .pop-list dl:hover .ico2::before {
	background-position: -102px 0px;
}
.head-nav .pop-list dl:hover .ico3::before {
	background-position: -122px 0px;
}
.head-nav .pop-list dl:hover .ico4::before {
	background-position: -140px 0px;
}
.head-nav .pop-list h4 {
	margin: 0px 0px 20px; color: rgb(255, 255, 255); font-size: 16px;
}
.head-nav .pop-list .row-list li a {
	background: rgba(59, 102, 135, 0.5); margin: 0px 20px 20px 0px; padding: 0px 20px; width: 250px; height: 40px; color: rgb(200, 202, 204); line-height: 40px; float: left;
}
.head-nav .pop-list .row-list li a:last-child {
	margin-right: 0px;
}
.head-nav .pop-list .row-list li a:hover {
	background: rgb(5, 159, 255); color: rgb(255, 255, 255);
}
.head-nav .pop-link {
	overflow: hidden; margin-left: -20px;
}
.head-nav .pop-link a {
	background: rgba(59, 102, 135, 0.5); margin: 0px 0px 20px 20px; padding: 0px 20px; width: 250px; height: 40px; color: rgb(200, 202, 204); line-height: 40px; float: left; display: block;
}
.head-nav .pop-link a:hover {
	background: rgb(5, 159, 255); color: rgb(255, 255, 255);
}
.head-nav .nav-right {
	margin: 20px 0px 0px; height: 40px; float: right;
}
.head-nav .nav-right dl {
	width: 120px; height: 60px; color: rgb(255, 255, 255); float: right; position: relative; cursor: pointer;
}
.head-nav .nav-right dt {
	text-align: right; line-height: 40px;
}
.head-nav .nav-right dt::after {
	background: url("../../images/public/ico/ico1.png") no-repeat center; margin: 0px 18px 0px 8px; transition:transform 0.3s; width: 7px; height: 4px; vertical-align: middle; display: inline-block; content: "";
}
.head-nav .nav-right .open::after {
	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.head-nav .nav-right dd {
	background: rgb(255, 255, 255); padding: 10px; border-radius: 3px; left: 0px; top: 50px; text-align: center; right: 0px; display: none; position: absolute; z-index: 5; box-shadow: 0px 5px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.head-nav .nav-right dd::before {
	border-width: 0px 6px 6px; border-style: dashed dashed solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; left: 50%; top: -6px; width: 0px; height: 0px; line-height: 0; margin-left: -5px; vertical-align: middle; display: inline-block; position: absolute; content: "";
}
.head-nav .nav-right dd a {
	text-align: center; color: rgb(102, 102, 102); line-height: 30px; font-size: 12px; display: block;
}
.head-nav .nav-right dd a:hover {
	color: rgb(5, 159, 255);
}
.head-nav .nav-right p {
	text-align: right; float: right;
}
.head-nav .nav-right p a {
	color: rgb(255, 255, 255); line-height: 40px; margin-left: 5px; display: inline-block;
}
.head-nav .nav-right p a:first-child {
	margin-left: 0px;
}
.head-nav .nav-right p a:hover {
	color: rgb(5, 159, 255);
}
.head-nav .nav-right .member::before {
	background: url("../../images/public/ico/member.png") no-repeat top; margin: 0px 5px 0px 30px; width: 14px; height: 18px; vertical-align: middle; display: inline-block; content: "";
}
.head-nav .nav-right .btn {
	padding: 0px 15px; border: 1px solid rgb(255, 255, 255); border-image: none; height: 38px; color: rgb(255, 255, 255); line-height: 38px; font-size: inherit;
}
.head-nav .nav-right .btn:hover {
	color: rgb(255, 255, 255);
}
.head-nav .nav-right .btn-register {
	background: rgb(59, 142, 222); border: 1px solid rgb(59, 142, 222); border-image: none; margin-left: 18px;
}
.foot-partner {
	background: rgb(250, 250, 250); padding: 75px 0px; overflow: hidden; min-width: 1220px;
}
.foot-partner .partner-list {
	height: 390px; overflow: hidden; margin-top: 80px; position: relative;
}
.foot-partner .partner-hd {
	left: 5px; height: 15px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; z-index: 1;
}
.foot-partner .partner-hd ul {
	text-align: center; overflow: hidden; -ms-zoom: 1;
}
.foot-partner .partner-hd ul li {
	background: rgb(221, 221, 221); margin: 0px 3px; width: 30px; height: 4px; text-align: center; color: transparent; line-height: 4px; display: inline-block; cursor: pointer;
}
.foot-partner .partner-hd ul li.on {
	background: rgb(5, 159, 255); color: transparent;
}
.foot-partner .partner-bd {
	overflow: hidden;
}
.foot-partner .partner-bd ul {
	overflow: hidden; border-top-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; float: left; -ms-zoom: 1;
}
.foot-partner .partner-bd ul li {
	background: rgb(255, 255, 255); width: 242px; height: 159px; overflow: hidden; border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: left; position: relative;
}
.foot-partner .partner-bd ul li::after {
	background: rgb(5, 159, 255); transition:0.2s linear; left: 0px; width: 0px; height: 1px; bottom: 0px; position: absolute; content: "";
}
.foot-partner .partner-bd ul li:hover::after {
	width: 100%;
}
.foot-partner img {
	margin: 31px auto 0px; width: 220px; display: block;
}
.pagination {
	padding: 30px 0px; text-align: center; overflow: hidden;
}
.pagination a {
	margin: 0px 3px; padding: 0px 12px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; color: rgb(102, 102, 102); line-height: 33px; display: inline-block;
}
.pagination p {
	background: rgb(250, 250, 250); padding: 0px 12px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; color: rgb(153, 153, 153); line-height: 33px; display: inline-block; cursor: not-allowed;
}
.pagination a:hover {
	background: rgb(5, 159, 255); border: 1px solid rgb(5, 159, 255); border-image: none; color: rgb(255, 255, 255);
}
.pagination a.cur {
	background: rgb(5, 159, 255); border: 1px solid rgb(5, 159, 255); border-image: none; color: rgb(255, 255, 255);
}
.news-pagination {
	width: 100%; padding-top: 30px; padding-left: 30%;
}
.page_no {
	padding: 3px;
}
.page_text {
	padding: 3px;
}
.page_no {
	padding-right: 0px;
}
.page_next {
	padding-left: 0px;
}
.page_no a {
	padding: 10px 15px 9px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(102, 102, 102); font-size: 12px; text-decoration: none; display: block;
}
.page_text a {
	padding: 10px 15px 9px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(102, 102, 102); font-size: 12px; text-decoration: none; display: block;
}
.page_no a {
	margin-right: 6px; float: left; display: inline-block;
}
.page_no a:hover {
	border: 1px solid rgb(0, 128, 255); border-image: none; color: rgb(0, 128, 255);
}
.page_text a:hover {
	border: 1px solid rgb(0, 128, 255); border-image: none; color: rgb(0, 128, 255);
}
.page_no .page_current {
	border: 1px solid rgb(0, 128, 255); border-image: none; color: rgb(255, 255, 255); background-color: rgb(0, 128, 255);
}
.page_no .page_current:hover {
	border: 1px solid rgb(0, 128, 255); border-image: none; color: rgb(255, 255, 255); background-color: rgb(0, 128, 255);
}
.pop-login {
	margin: -20px; width: 520px;
}
.pop-login input[type=password]:focus {
	border: 1px solid rgb(5, 159, 255); border-image: none;
}
.pop-login input[type=text]:focus {
	border: 1px solid rgb(5, 159, 255); border-image: none;
}
.pop-login #login_form {
	margin: 30px 85px 0px;
}
.pop-login .account-login h1 {
	background: rgb(5, 159, 255); padding: 0px 20px 0px 40px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; overflow: hidden; font-size: 18px;
}
.pop-login .account-login h1 i {
	background: url("../../images/public/ico/float-close.png") no-repeat; margin: 20px 0px 0px; width: 16px; height: 16px; float: right; cursor: pointer;
}
.pop-login form {
	padding: 30px 85px 0px; overflow: hidden;
}
.pop-login p {
	margin: 0px 0px 15px; width: 350px; position: relative;
}
.pop-login p::before {
	background: url("../../images/user/icons.png") no-repeat; left: 8px; top: 11px; width: 13px; height: 18px; display: block; position: absolute; content: "";
}
.pop-login p input {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 312px; height: 38px; padding-left: 35px; font-family: "Microsoft Yahei"; font-size: 15px;
}
.pop-login .name::before {
	background-position: -100px 0px;
}
.pop-login .name:hover::before {
	background-position: -203px 1px;
}
.pop-login .pwd::before {
	background-position: -119px 0px;
}
.pop-login .pwd:hover::before {
	background-position: -223px 1px;
}
.pop-login .code::before {
	background-position: -1px -22px;
}
.pop-login .code:hover::before {
	background-position: -243px 1px;
}
.pop-login .code input {
	width: 148px;
}
.pop-login .code img {
	width: 148px; height: 40px; margin-left: 10px; vertical-align: middle; display: inline-block;
}
.pop-login input[type=submit] {
	background: rgb(5, 159, 255); margin: 0px auto; border: 0px currentColor; border-image: none; width: 350px; height: 50px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; cursor: pointer;
}
.pop-login .tip {
	margin: 0px 0px 20px; overflow: hidden;
}
.pop-login .tip a {
	color: rgb(5, 159, 255);
}
.pop-login .other {
	padding: 20px 0px 0px 85px; color: rgb(102, 102, 102); overflow: hidden;
}
.pop-login .other a {
	background: url("../../images/user/icons.png") no-repeat; width: 19px; height: 20px; margin-right: 8px; vertical-align: text-top; display: inline-block; cursor: pointer;
}
.pop-login .other .qq {
	background-position: -160px 0px;
}
.pop-login .other .weixin {
	background-position: -139px 0px;
}
.pop-login #errormsg {
	text-align: center; color: red;
}
.pop-login .ewm-login {
	padding: 30px; display: none;
}
.pop-login .ewm-login i {
	background: url("../../images/public/ico/float-close.png") no-repeat; margin: 20px 0px 0px; width: 16px; height: 16px; float: right; cursor: pointer;
}
.pop-login .ewm-login img {
	margin: 50px auto 60px; display: block;
}
.pop-login .ewm-login a {
	text-align: right; color: rgb(102, 102, 102); display: block; cursor: pointer;
}
.pop-login .errorInfo {
	background: rgba(0, 0, 0, 0.6); margin: -20px 0px 0px -80px; left: 50%; top: 50%; width: 160px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; position: fixed; z-index: 11;
}
#validate-code {
	padding: 40px 30px 0px;
}
#validate-code dt {
	line-height: 40px; float: left;
}
#validate-code dd {
	width: 260px; float: left;
}
#validate-code input[type=text] {
	padding: 0px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 105px; height: 38px; margin-right: 10px; vertical-align: top;
}
#validate-code img {
	width: 120px; height: 40px; vertical-align: top;
}
.Validform_error {
	border: 1px solid rgb(255, 118, 118) !important; border-image: none !important;
}
.Validform_wrong {
	color: red; margin-left: 15px;
}
.Validform_success {
	border: 1px solid rgb(2, 202, 77) !important; border-image: none !important;
}
.Validform_right {
	background: url("../../images/public/ico/v_success.png") no-repeat left; color: rgb(2, 202, 77); padding-left: 25px; margin-left: 15px; display: inline-block;
}
@media all and (max-width:1440px)
{
.float-consult {
	right: 2px !important; bottom: 60px !important;
}
.float-consult .other {
	padding: 10px 20px !important;
}
}
.back-top {
	transition:0.3s linear; visibility: hidden;
}
.float-consult {
	right: 20px; bottom: 100px; position: fixed; z-index: 111;
}
.float-consult > ul {
	position: relative;
}
.float-consult > ul > li {
	margin: 0px 0px 5px; width: 90px; height: 55px;
}
.float-consult .cloumn {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; width: 55px; height: 55px; text-align: center; color: rgb(102, 102, 102); font-size: 12px; float: right; cursor: pointer;
}
.float-consult .cloumn::before {
	background: url("../../images/public/side-menu.png-v=2.png") no-repeat; margin: 5px auto 2px; width: 26px; height: 26px; display: block; content: "";
}
.float-consult .cs1::before {
	background-position: 1px 0px;
}
.float-consult .cs2::before {
	background-position: -27px 0px;
}
.float-consult .cs3::before {
	background-position: -56px 0px;
}
.float-consult .cs4::before {
	background-position: -85px 0px;
}
.float-consult .cs5::before {
	background-position: -116px 0px;
}
.float-consult .cs6::before {
	background-position: -145px 0px;
}
.float-consult .cs7::before {
	background-position: -176px 0px;
}
.float-consult .cs8::before {
	background-position: -206px 0px;
}
.float-consult .cs9::before {
	background-position: -95px -86px;
}
.float-consult .ewm {
	background: rgb(255, 255, 255); border: 1px solid rgb(5, 159, 255); border-image: none; width: 128px; height: 128px; right: 69px; bottom: -5px; display: none; position: absolute; z-index: 111;
}
.float-consult .ewm::after {
	background: url("../../images/public/ico/ico2.png") no-repeat left; top: 30px; width: 5px; height: 8px; right: -5px; display: block; position: absolute; content: "";
}
.float-consult .ewm img {
	margin: 5px; width: 118px; height: 118px; display: block;
}
.float-consult .service {
	background: rgb(5, 159, 255); padding: 18px 0px; top: 240px; width: 210px; text-align: center; right: 70px; color: rgb(255, 255, 255); line-height: 25px; font-size: 16px; display: none; position: absolute;
}
.float-consult .service::after {
	border-width: 5px 0px 5px 5px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(5, 159, 255); border-image: none; top: 26px; width: 0px; height: 0px; right: -5px; line-height: 0; vertical-align: middle; display: inline-block; position: absolute; content: "";
}
.float-consult .consult {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; top: 10px; width: 323px; right: 70px; display: none; position: absolute;
}
.float-consult .consult::before {
	background: url("../../images/public/ico/ico4.png") no-repeat center; width: 6px; height: 10px; right: -5px; display: block; position: absolute; content: "";
}
.float-consult .consult h2 {
	margin: 0px 0px 15px; padding: 13px 20px; font-size: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed;
}
.float-consult .consult h2 span {
	color: rgb(153, 153, 153); font-size: 14px; margin-left: 15px;
}
.float-consult .list {
	padding: 0px 20px 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dashed;
}
.float-consult .tip {
	overflow: hidden; font-size: 12px;
}
.float-consult .tip h5 {
	margin: 0px 0px 5px; color: rgb(255, 138, 0); font-size: 14px;
}
.float-consult .tip p {
	color: rgb(102, 102, 102); line-height: 20px;
}
.float-consult .tip span {
	font-weight: 600;
}
.float-consult .item {
	margin: 0px 0px 15px; border: 1px solid rgb(238, 238, 238); border-image: none; height: 38px; text-align: center; padding-left: 140px; position: relative; min-height: 38px;
}
.float-consult .item em {
	background: rgb(250, 250, 250); left: 0px; top: 0px; width: 139px; height: 38px; color: rgb(102, 102, 102); line-height: 38px; display: block; position: absolute;
}
.float-consult .item .ico {
	background: url("../../images/public/side-menu.png") no-repeat; margin: 9px 10px 0px; width: 20px; height: 20px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer;
}
.float-consult .item img {
	width: 89px; height: 89px; display: block;
}
.float-consult .item .card {
	background: rgb(255, 255, 255); border: 1px solid rgb(5, 159, 255); border-image: none; left: -37px; width: 89px; height: 89px; bottom: -98px; display: none; position: absolute; z-index: 111;
}
.float-consult .item .card::before {
	background: url("../../images/public/ico/ico3.png") no-repeat bottom; left: 41px; top: -6px; width: 9px; height: 6px; display: block; position: absolute; content: "";
}
.float-consult .preale3 .card {
	top: -98px;
}
.float-consult .preale3 .card::before {
	background: url("../../images/public/ico/ico3-1.png") no-repeat bottom; top: 89px;
}
.float-consult .preale4 .card {
	top: -98px;
}
.float-consult .preale4 .card::before {
	background: url("../../images/public/ico/ico3-1.png") no-repeat bottom; top: 89px;
}
.float-consult .item .phone {
	background: rgb(5, 159, 255); padding: 7px 0px; left: -65px; top: 40px; width: 150px; text-align: center; color: rgb(255, 255, 255); line-height: 25px; font-size: 16px; display: none; position: absolute; z-index: 111;
}
.float-consult .item .phone::after {
	border-width: 0px 5px 5px; border-style: dashed dashed solid; border-color: transparent transparent rgb(5, 159, 255); border-image: none; left: 70px; top: -5px; width: 0px; height: 0px; line-height: 0; vertical-align: middle; display: inline-block; position: absolute; content: "";
}
.float-consult .preale4 .phone {
	bottom: 33px;
}
.float-consult .preale4 .phone::after {
	top: auto; bottom: -5px; border-top-color: rgb(5, 159, 255); border-top-width: thick; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: none;
}
.float-consult .list .qq {
	background-position: 0px -60px;
}
.float-consult .list .wx {
	background-position: -22px -60px;
}
.float-consult .list .tel {
	background-position: -50px -60px;
}
.float-consult .list .qq:hover {
	background-position: -71px -60px;
}
.float-consult .list .wx:hover {
	background-position: -94px -60px;
}
.float-consult .list .tel:hover {
	background-position: -120px -60px;
}
.float-consult .other {
	padding: 20px 20px 10px; overflow: hidden; clear: both;
}
.float-consult .other h3 {
	margin: 0px 0px 10px; color: rgb(5, 159, 255); font-size: 14px;
}
.float-consult .other a {
	color: rgb(153, 153, 153); line-height: 20px; font-size: 12px; display: block;
}
.float-consult .other a:hover {
	color: rgb(5, 159, 255);
}
.float-consult .preale::before {
	top: 75px;
}
.float-consult .aftersale::before {
	top: 192px;
}
.float-consult .beian::before {
	top: 252px;
}
.float-consult li:hover .cloumn {
	border: 1px solid rgb(5, 159, 255); border-image: none; color: rgb(5, 159, 255);
}
.float-consult li:hover .cs1::before {
	background-position: 1px -30px;
}
.float-consult li:hover .cs2::before {
	background-position: -27px -28px;
}
.float-consult li:hover .cs3::before {
	background-position: -56px -28px;
}
.float-consult li:hover .cs4::before {
	background-position: -85px -28px;
}
.float-consult li:hover .cs5::before {
	background-position: -116px -28px;
}
.float-consult li:hover .cs6::before {
	background-position: -145px -28px;
}
.float-consult li:hover .cs7::before {
	background-position: -176px -27px;
}
.float-consult li:hover .cs8::before {
	background-position: -206px -27px;
}
.float-consult li:hover .cs9::before {
	background-position: -128px -86px;
}
.float-consult .cart:hover a {
	border: 1px solid rgb(255, 138, 0); border-image: none; color: rgb(255, 138, 0);
}
.float-consult .cartActive a {
	border: 1px solid rgb(255, 138, 0); border-image: none; color: rgb(255, 138, 0);
}
.float-consult .cartActive .cs7::before {
	background-position: -176px -27px;
}
.float-consult .cartActive em {
	background: rgb(255, 138, 0); border-radius: 100%; left: 20px; top: -10px; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 12px; position: absolute;
}
.consult-drop:hover span {
	display: block !important;
}
.consult-drop a {
	color: rgb(255, 255, 255);
}
.float-consult .item .phone {
	top: 25px;
}
.footer-banner {
	background: url("./img/reg-bg.png") no-repeat center; height: 160px; overflow: hidden; min-width: 1220px;
}
.footer-banner h1 {
	margin: 70px 0px 0px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 30px; float: left;
}
.footer-banner a {
	background: rgb(255, 255, 255); margin: 65px 0px 0px; border-radius: 3px; width: 200px; height: 50px; text-align: center; color: rgb(5, 159, 255); line-height: 50px; font-size: 18px; float: right; display: block;
}
.footer-banner .footer-title {
	text-align: center; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 24px; font-weight: 400; margin-top: 30px; font-stretch: normal;
}
.footer-banner .footer-reg {
	margin: 30px auto 0px; border-radius: 2px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 120px; height: 36px; text-align: center; color: rgb(24, 138, 224); line-height: 36px; letter-spacing: 0px; font-size: 20px; font-weight: 400; float: none; display: block; font-stretch: normal; background-color: rgb(255, 255, 255);
}
.footer {
	background: rgb(41, 46, 51); overflow: hidden; padding-top: 52px; min-width: 1220px;
}
.footer .foot-menu {
	margin: 0px 0px 80px; width: 1200px; float: left;
}
.footer .foot-menu li {
	width: 160px; color: rgb(255, 255, 255); margin-right: 50px; float: left;
}
.footer .foot-menu > li:last-child {
	width: 355px; margin-right: 0px;
}
.footer .foot-menu li:last-child div {
	color: rgb(82, 92, 102); line-height: 36px; letter-spacing: 0px; font-size: 14px; font-weight: 400; font-stretch: normal;
}
.footer .foot-menu li:last-child span {
	color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 14px; font-weight: 400;
}
.footer .foot-menu h4 {
	color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 18px; font-weight: 700; margin-bottom: 20px; font-stretch: normal;
}
.footer .foot-menu a {
	color: rgb(82, 92, 102); line-height: 30px; letter-spacing: 0px; font-size: 14px; font-weight: 400; display: block; font-stretch: normal;
}
.aboutout .foot-contact {
	margin: 0px !important; padding: 0px !important; border: currentColor !important; border-image: none !important; width: 240px !important; float: none !important;
}
.aboutout .foot-contact li a {
	margin-right: 0px !important;
}
.aboutout .foot-contact ul li {
	width: 38px; margin-right: 20px;
}
.footer .foot-menu a:hover {
	color: rgb(255, 255, 255);
}
.footer .foot-contact {
	margin: 0px 0px 80px; width: 350px; padding-left: 50px; border-left-color: rgb(65, 68, 71); border-left-width: 1px; border-left-style: solid; float: right;
}
.footer .foot-contact p {
	margin: 0px 0px 15px; color: rgb(255, 255, 255); line-height: 25px; font-size: 16px;
}
.footer .foot-contact p::before {
	width: 32px; vertical-align: middle; display: inline-block;
}
.footer .foot-contact .address::before {
	background: url("../../images/public/icons.png") no-repeat 0px -19px; height: 25px; content: "";
}
.footer .foot-contact .tel::before {
	background: url("../../images/public/icons.png") no-repeat -31px -19px; height: 25px; content: "";
}
.footer .foot-contact .time::before {
	background: url("../../images/public/icons.png") no-repeat -62px -20px; height: 25px; content: "";
}
.footer .foot-contact ul {
	margin: 25px 0px 0px; height: 38px;
}
.footer .foot-contact li {
	position: relative;
}
.footer .foot-contact li a {
	background: url("../../images/public/icons.png") no-repeat; width: 38px; height: 38px; margin-right: 20px; float: left; display: block;
}
.footer .foot-contact li i {
	border-width: 6px 6px 0px; border-style: solid dashed dashed; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 69px; width: 0px; height: 0px; bottom: -6px; line-height: 0; vertical-align: middle; display: inline-block; position: absolute;
}
.footer .foot-contact li p {
	background: rgb(255, 255, 255); padding: 10px; bottom: 33px; display: none; position: absolute;
}
.footer .foot-contact li img {
	margin: 0px auto; display: block;
}
.footer .foot-contact .weixin a {
	background-position: 0px -46px;
}
.footer .foot-contact .weixin a:hover {
	background-position: 0px -86px;
}
.footer .foot-contact .weixin p {
	left: -57px;
}
.footer .foot-contact .qq a {
	background-position: -40px -46px;
}
.footer .foot-contact .qq a:hover {
	background-position: -40px -86px;
}
.footer .foot-contact .qq p {
	left: 0px;
}
.footer .foot-contact .weibo a {
	background-position: -80px -46px;
}
.footer .foot-contact .weibo a:hover {
	background-position: -80px -86px;
}
.footer .foot-contact .weibo p {
	left: 59px;
}
.footer .foot-contact .mail a {
	background-position: -120px -46px;
}
.footer .foot-contact .mail a:hover {
	background-position: -120px -86px;
}
.footer .container .show-icon-wrap {
	padding-bottom: 52px; margin-bottom: 36px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer .container .show-icon-wrap ul {
	display: flex; justify-content: space-around;
}
.footer .container .show-icon-wrap ul li {
	color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 16px; font-weight: 400; margin-right: 80px; vertical-align: middle; float: left; font-stretch: normal;
}
.show-icon-wrap ul li .icon-bg {
	width: 36px; height: 36px; float: left; display: inline-block;
}
.show-icon-wrap ul li .show-title {
	height: 36px; line-height: 36px; margin-left: 10px; vertical-align: middle; display: inline-block;
}
.show-icon-wrap ul li .icon-1 {
	background: url("./img/product_footer_1.png") no-repeat center;
}
.show-icon-wrap ul li .icon-2 {
	background: url("./img/product_footer_2.png") no-repeat center;
}
.show-icon-wrap ul li .icon-3 {
	background: url("./img/product_footer_3.png") no-repeat center;
}
.show-icon-wrap ul li .icon-4 {
	background: url("./img/product_footer_4.png") no-repeat center;
}
.show-icon-wrap ul li .icon-5 {
	background: url("./img/product_footer_5.png") no-repeat center;
}
.footer .foot-link {
	padding: 28px 0px 22px 28px; clear: both; border-top-color: rgb(65, 68, 71); border-top-width: 1px; border-top-style: solid; position: relative;
}
.footer .foot-link::before {
	background: url("../../images/public/icons.png") no-repeat -93px -18px; left: 0px; top: 26px; width: 25px; height: 20px; display: inline-block; position: absolute; content: "";
}
.footer .foot-link a {
	color: rgb(122, 125, 128); line-height: 22px; font-size: 12px; margin-right: 20px; display: inline-block;
}
.footer .foot-link a:hover {
	color: rgb(255, 255, 255);
}
.foot-copyright {
	background: rgb(41, 46, 51); padding: 20px 0px; text-align: center; color: rgb(122, 125, 128); overflow: hidden; border-top-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-top-style: solid; min-width: 1220px;
}
.foot-copyright p {
	line-height: 24px; font-size: 12px;
}
.foot-copyright p a {
	color: rgb(122, 125, 128);
}
.foot-copyright p a:hover {
	color: rgb(255, 255, 255);
}
.foot-logo {
	background: rgb(41, 45, 48); padding: 18px 0px; text-align: center; overflow: hidden;
}
.foot-logo a {
	margin: 0px 45px; height: 40px; display: inline-block;
}
.foot-logo .logo1 {
	background: url("../../images/public/foot-logo1.png") no-repeat center; width: 150px;
}
.foot-logo .logo22 {
	background: url("../../images/public/foot-logo22.png") no-repeat center; width: 150px;
}
.foot-logo .logo3 {
	background: url("../../images/public/foot-logo3.png") no-repeat center; width: 139px;
}
.foot-logo .logo4 {
	background: url("../../images/public/foot-logo4.png") no-repeat center; width: 170px;
}
.upload-pic {
	width: 100%; overflow: hidden;
}
.upload-pic li {
	width: 100px; height: 103px; margin-right: 20px; float: left; position: relative;
}
.upload-pic img {
	border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; left: 0px; top: 0px; width: 100px; height: 100px; overflow: hidden; position: absolute; z-index: 10;
}
.file-panel {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 15px; position: absolute; z-index: 999; cursor: pointer;
}
.file-panel i {
	margin: 5px 5px 0px; width: 15px; height: 15px; display: inline-block;
}
.file-panel .fa-search-plus {
	background: url("../../images/public/ico/upload_look.png") no-repeat center;
}
.file-panel .fa-trash-o {
	background: url("../../images/public/ico/upload_delete.png") no-repeat center;
}
.mycart-rules {
	background: rgb(255, 255, 255); padding: 0px 25px 5px 0px; overflow: hidden;
}
.mycart-rules h5 {
	margin: 0px 0px 5px; color: rgb(5, 159, 255); font-size: 14px; font-weight: 700;
}
.mycart-rules h5::before {
	background: url("../../images/mycart/icons.png") no-repeat -289px -5px; width: 15px; height: 18px; margin-right: 10px; vertical-align: middle; display: inline-block; content: "";
}
.mycart-rules p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 12px; font-weight: 700;
}
.config-fixed {
	left: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 7;
}
.config-price {
	padding: 20px 0px 0px;
}
.config-price .container {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; box-shadow: 0px -4px 8px rgba(0,0,0,0.08); -webkit-box-shadow: 0 -4px 8px rgba(0, 0, 0, .08); -moz-box-shadow: 0 -4px 8px rgba(0, 0, 0, .08);
}
.config-price .price-parameter {
	padding: 20px 50px 15px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed;
}
.config-price .price-parameter p {
	color: rgb(5, 159, 255); line-height: 23px; font-size: 16px;
}
.config-price .price-parameter p span {
	background: rgb(246, 246, 246); border: 1px solid rgb(221, 221, 221); border-image: none; width: 58px; height: 21px; text-align: center; color: rgb(102, 102, 102); line-height: 21px; font-size: 12px; margin-left: 28px; display: inline-block; cursor: pointer;
}
.config-price .price-parameter p span::after {
	background: url("../../images/public/ico/down.png") no-repeat center; transition:transform 0.3s; width: 7px; height: 9px; margin-left: 5px; display: inline-block; content: "";
}
.config-price .price-parameter .open::after {
	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.config-price .price-buy {
	padding: 25px 50px; clear: both;
}
.config-price .price-buy .price-info {
	color: rgb(102, 102, 102); float: left;
}
.config-price .price-buy .price-info .price {
	color: rgb(255, 138, 0); font-size: 30px; font-weight: 700;
}
.config-price .price-buy .price-info em {
	color: rgb(5, 159, 255); margin-right: 20px;
}
.config-price .price-buy .price-info del {
	color: rgb(136, 136, 136); margin-left: 10px;
}
.config-price .price-buy .price-info .discount {
	height: 25px; line-height: 25px; margin-left: 20px; display: inline-block;
}
.config-price .price-buy .price-info .discount span {
	background: url("../../images/public/ico/buy_gift.png") no-repeat left top; height: 25px; color: rgb(255, 138, 0); padding-left: 30px; font-size: 14px; display: inline-block;
}
.config-price .price-buy .price-tip {
	display: inline-block; position: relative; cursor: pointer;
}
.config-price .price-buy .price-tip::before {
	background: url("../../images/public/ico/price-tip.png") no-repeat right; width: 16px; height: 25px; display: block; content: "";
}
.config-price .price-buy .price-tip p {
	background: rgb(255, 255, 255); padding: 7px 20px; border: 1px solid rgb(255, 138, 0); border-image: none; left: -40px; right: -500px; bottom: 30px; line-height: 22px; font-size: 12px; display: none; position: absolute; z-index: 11;
}
.config-price .price-buy .price-tip p::before {
	background: url("../../images/public/ico/tip.png") no-repeat bottom; left: 42px; width: 10px; height: 7px; bottom: -6px; position: absolute; content: "";
}
.config-price .price-buy .price-tip:hover p {
	display: block;
}
.config-price .price-buy .btn-buy {
	background: rgb(255, 138, 0); border: 0px currentColor; border-image: none; width: 150px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: right; cursor: pointer;
}
.config-price .price-buy .btn-buy:hover {
	background: rgb(251, 139, 42);
}
.config-price .price-buy .btn-cart {
	background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 148px; height: 35px; text-align: center; color: rgb(102, 102, 102); line-height: 35px; margin-right: 20px; float: right; display: block; cursor: pointer;
}
.config-price .price-buy .btn-cart:hover {
	border: 1px solid rgb(255, 138, 0); border-image: none; color: rgb(255, 138, 0);
}
.config-price .price-buy .online {
	border: 1px solid rgb(255, 138, 0); border-image: none; width: 148px; height: 33px; text-align: center; color: rgb(255, 138, 0); line-height: 33px; margin-right: 20px; float: right; display: block;
}
.config-price .price-buy .online:hover {
	background: rgb(251, 139, 42); color: rgb(255, 255, 255);
}
.float-consult > ul > li {
	width: 55px; height: 55px;
}
.suspension-item {
	background: no-repeat center 8px rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; width: 55px; height: 55px; text-align: center; color: rgb(102, 102, 102); padding-top: 35px; font-size: 12px; display: block; position: relative;
}
.suspension-item:hover {
	border-color: rgb(5, 159, 255); color: rgb(5, 159, 255);
}
.qq.suspension-item {
	background-image: url("img/icon_suspension_qq.png");
}
.qq.suspension-item:hover {
	background-image: url("img/icon_suspension_qq_active.png");
}
.wechat.suspension-item {
	background-image: url("img/icon_suspension_wechat.png");
}
.wechat.suspension-item:hover {
	background-image: url("img/icon_suspension_wechat_active.png");
}
.tel.suspension-item {
	background-image: url("img/icon_suspension_tel.png");
}
.tel.suspension-item:hover {
	background-image: url("img/icon_suspension_tel_active.png");
}
.suspension-detail-outer {
	top: -34%; width: 340px; right: 54px; display: none; position: absolute;
}
.suspension-detail {
	background: rgb(255, 255, 255); padding: 20px; width: 325px; position: relative; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1);
}
.suspension-detail::after {
	border-width: 6px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; top: 50%; right: -12px; margin-top: -6px; position: absolute; content: "";
}
.suspension-detail-title {
	height: 14px; text-align: left; color: rgb(102, 102, 102); font-size: 14px;
}
.suspension-detail-list li {
	width: 142px; height: 20px; line-height: 20px; margin-top: 18px; float: left;
}
.suspension-detail-list li a {
	background: no-repeat left; width: 100%; height: 20px; text-align: left; color: rgb(153, 153, 153); line-height: 20px; padding-left: 30px; font-size: 14px; display: block;
}
.suspension-detail-list li a:hover {
	color: rgb(5, 159, 255);
}
li.icon-consult a {
	background-image: url("img/icon_suspension_consult.png");
}
li.icon-small-tel a {
	background-image: url("img/icon_suspension_tel_orange.png");
}
.suspension-item:hover .suspension-detail-outer {
	display: block;
}
.wechat .suspension-detail-outer {
	left: auto; top: -50%; width: 133px;
}
.wechat .suspension-detail {
	padding: 0px; width: 118px; height: 118px;
}
.tel .suspension-detail-outer {
	width: 235px;
}
.tel .suspension-detail {
	width: 220px;
}
.webSiteConfig {
	width: 120px; height: 100%; color: rgb(255, 255, 255); line-height: 40px; text-indent: 10px; float: left; display: inline-block; position: relative; cursor: pointer;
}
.webSiteConfig > span {
	top: 16px; width: 0px; height: 0px; right: 40px; border-top-color: rgb(255, 255, 255); border-right-color: transparent; border-left-color: transparent; border-top-width: 8px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.webSiteConfig > .config_content {
	background: rgb(25, 41, 51); width: auto; height: auto; padding-top: 20px; display: none; position: absolute; z-index: 999; min-width: 85px; max-width: 200px;
}
.webSiteConfig > .config_content > div {
	color: rgb(255, 255, 255); text-indent: 15px; box-sizing: border-box;
}
.webSiteConfig > .config_content > div > div {
	color: rgb(153, 153, 153);
}
.webSiteConfig > .config_content > div > ul {
	padding-bottom: 20px;
}
.webSiteConfig > .config_content > .chinaSite {
	width: 85px; float: left;
}
.webSiteConfig > .config_content > .intlSite {
	width: 120px; margin-left: 85px; border-left-color: rgba(255, 255, 255, 0.2); border-left-width: 1px; border-left-style: solid;
}
.webSiteConfig:hover {
	color: rgb(0, 170, 255);
}
.webSiteConfig:hover > span {
	border-top-color: rgb(0, 170, 255);
}
.webSiteConfig:hover > .config_content {
	display: block;
}
.webSiteConfig > .config_content > div > ul > li > a {
	color: rgb(255, 255, 255);
}
.webSiteConfig > .config_content > div > ul > li > a.active {
	color: rgb(0, 170, 255);
}
.webSiteConfig > .config_content > div > ul > li > a:hover {
	color: rgb(0, 170, 255);
}
.head-nav .new-pop-list {
	background: rgb(25, 41, 51); transition:0.4s linear; left: 0px; top: 80px; right: 0px; padding-top: 40px; padding-bottom: 40px; display: none; position: absolute; z-index: 22;
}
.head-nav .new-pop-list dl {
	width: 290px; padding-left: 65px; margin-right: 20px; float: left; position: relative; box-sizing: border-box;
}
.head-nav .new-pop-list dl::after {
	background: rgba(255, 255, 255, 1); top: 0px; width: 1px; height: 218px; right: 0px; position: absolute; content: ""; opacity: 0.1;
}
.head-nav .new-pop-list dl:last-child::after {
	background: rgba(255, 255, 255, 1); top: 0px; width: 0px; height: 237px; right: 0px; position: absolute; content: ""; opacity: 0.1;
}
.head-nav .new-pop-list dl:last-child {
	margin-right: 0px;
}
.head-nav .new-pop-list dt {
	padding: 0px 20px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500;
}
.head-nav .new-pop-list .ico1::before {
	background-position: 0px 0px;
}
.head-nav .new-pop-list .ico2::before {
	background-position: -21px 0px;
}
.head-nav .new-pop-list .ico3::before {
	background-position: -41px 0px;
}
.head-nav .new-pop-list .ico4::before {
	background-position: -60px 0px;
}
.head-nav .new-pop-list dd span {
	margin: 0px 0px 2px; height: 20px; line-height: 20px; display: block; box-sizing: content-box;
}
.head-nav .new-pop-list dd span::after {
	width: 30px; height: 15px; margin-left: 5px; vertical-align: sub; display: inline-block; content: "";
}
.head-nav .new-pop-list dd .hot::after {
	background: url("../../images/public/ico/hot.png") no-repeat right;
}
.head-nav .new-pop-list dd .new::after {
	background: url("../../images/public/ico/new.png") no-repeat right;
}
.head-nav .new-pop-list dd p {
	height: 20px; color: rgb(147, 150, 153); line-height: 20px; overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.head-nav .new-pop-list dd a {
	padding: 8px 20px; width: 170px; color: rgb(255, 255, 255); font-size: 14px; display: block; box-sizing: content-box;
}
.head-nav .new-pop-list dd a:first-child {
	margin-top: 22px;
}
.head-nav .new-pop-list dd a:hover {
	background: rgb(46, 62, 70); color: rgba(9, 159, 255, 1);
}
.head-nav .new-pop-list dd a:hover p {
	color: rgb(5, 159, 255);
}
.head-nav .new-pop-list dl:hover .ico1::before {
	background-position: -79px 0px;
}
.head-nav .new-pop-list dl:hover .ico2::before {
	background-position: -102px 0px;
}
.head-nav .new-pop-list dl:hover .ico3::before {
	background-position: -122px 0px;
}
.head-nav .new-pop-list dl:hover .ico4::before {
	background-position: -140px 0px;
}
.head-nav .new-pop-list h4 {
	margin: 0px 0px 20px; color: rgb(255, 255, 255); font-size: 16px;
}
.head-nav .new-pop-list .row-list li a {
	background: rgba(59, 102, 135, 0.5); margin: 0px 20px 20px 0px; padding: 0px 20px; width: 250px; height: 40px; color: rgb(200, 202, 204); line-height: 40px; float: left;
}
.head-nav .new-pop-list .row-list li a:last-child {
	margin-right: 0px;
}
.head-nav .new-pop-list .row-list li a:hover {
	background: rgb(5, 159, 255); color: rgb(255, 255, 255);
}
.service.new-pop-list {
	left: -188px; width: 494px; padding-top: 28px; padding-bottom: 28px;
}
.head-nav .service .new-pop-link a {
	width: 191px; padding-left: 20px; margin-right: 16px; margin-bottom: 24px;
}
.head-nav .service .new-pop-link a:last-child {
	margin-bottom: 0px;
}
.service.new-pop-list .new-pop-link {
	padding: 0px 82px 0px 43px; width: 494px; box-sizing: content-box;
}
.solution.new-pop-list {
	left: -129px; width: 404px; padding-top: 28px; padding-bottom: 28px;
}
.head-nav .solution .new-pop-link a {
	margin-bottom: 24px;
}
.head-nav .solution .new-pop-link a:last-child {
	margin-bottom: 0px;
}
.solution.new-pop-list .new-pop-link {
	padding: 0px 82px 0px 43px; width: 494px;
}
.solution.new-pop-list .new-pop-link a {
	width: 144px; padding-left: 20px; margin-right: 16px;
}
.aboutus.new-pop-list {
	left: 0px; width: 120px; padding-top: 0px; padding-bottom: 0px;
}
.head-nav .aboutus .new-pop-link a:last-child {
	margin-bottom: 0px;
}
.aboutus.new-pop-list .new-pop-link {
	width: 120px;
}
.aboutus.new-pop-list .new-pop-link a {
	width: 120px; height: 44px; text-align: center; line-height: 44px; padding-left: 0px;
}
.head-nav .new-pop-link a {
	width: 207px; height: 36px; color: rgb(255, 255, 255); line-height: 36px; padding-left: 10px; font-size: 14px; margin-bottom: 10px; float: left; display: block; box-sizing: content-box;
}
.head-nav .new-pop-link a:hover {
	background: rgb(46, 62, 70); color: rgba(9, 159, 255, 1);
}
.po-re {
	position: relative;
}
.head-nav .more-list.new-pop-list dl {
	width: 240px; padding-left: 25px; margin-right: 0px;
}
.new-product-intro {
	color: rgb(255, 255, 255);
}
.new-product-intro .intro-title {
	height: 64px; line-height: 64px; padding-left: 33px; font-size: 16px; position: relative;
}
.new-product-intro .intro-title::after {
	background: rgba(255, 255, 255, 1); width: 100%; height: 1px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0.18;
}
.new-product-intro .intro-title > span {
	vertical-align: middle;
}
.new-product-intro .title-icon {
	margin-right: 3px; vertical-align: middle; display: inline-block;
}
.intro-calc .title-icon {
	background: url("./img/new/calc_icon.png") no-repeat center; width: 29px; height: 24px;
}
.new-product-intro .intro-calc .intro-list li {
	margin-bottom: 17px;
}
.do-web .title-icon {
	background: url("./img/new/do_web_icon.png") no-repeat center; width: 24px; height: 25px;
}
.sec-service .title-icon {
	background: url("./img/new/se_service_icon.png") no-repeat center; width: 26px; height: 24px;
}
.idc-service .title-icon {
	background: url("./img/new/idc_icon.png") no-repeat center; width: 24px; height: 25px;
}
.new-product-intro .p-icon {
	width: 24px; height: 24px; font-size: 22px; margin-top: 1px; margin-right: 14px; float: left;
}
.new-product-intro .load-icon {
	font-size: 26px;
}
.new-product-intro .mysql-icon {
	font-size: 24px;
}
.new-product-intro .sqlserver-icon {
	font-size: 24px;
}
.picon1.p-icon {
	background: url("./img/new/product_icon_1.png") no-repeat center;
}
.picon2.p-icon {
	background: url("./img/new/product_icon_2.png") no-repeat center;
}
.picon3.p-icon {
	background: url("./img/new/product_icon_3.png") no-repeat center;
}
.picon4.p-icon {
	background: url("./img/new/product_icon_4.png") no-repeat center;
}
.picon5.p-icon {
	background: url("./img/new/product_icon_5.png") no-repeat center;
}
.picon6.p-icon {
	background: url("./img/new/product_icon_6.png") no-repeat center;
}
.picon7.p-icon {
	background: url("./img/new/product_icon_7.png") no-repeat center;
}
.picon8.p-icon {
	background: url("./img/new/product_icon_8.png") no-repeat center;
}
.picon9.p-icon {
	background: url("./img/new/product_icon_9.png") no-repeat center;
}
.picon10.p-icon {
	background: url("./img/new/product_icon_10.png") no-repeat center;
}
.picon11.p-icon {
	background: url("./img/new/product_icon_11.png") no-repeat center;
}
.picon12.p-icon {
	background: url("./img/new/product_icon_12.png") no-repeat center;
}
.picon13.p-icon {
	background: url("./img/new/product_icon_13.png") no-repeat center;
}
.new-product-intro .intro-info {
	float: left;
}
.intro-calc {
	background: url("./img/new/calc_bg.png") no-repeat right; width: 459px; height: 631px; margin-right: 20px; float: left;
}
.intro-calc .intro-list li:not(.private):hover {
	background: rgb(104, 100, 231);
}
.new-product-intro .intro-list {
	padding: 32px 0px 20px 76px; overflow: hidden;
}
.new-product-intro .intro-list li {
	width: 301px; height: 82px; overflow: hidden; margin-bottom: 3px; float: left; cursor: pointer;
}
.new-product-intro .intro-list li.private {
	opacity: 0.5;
}
.new-product-intro .intro-list li.private a {
	cursor: not-allowed;
}
.new-product-intro .intro-list li a {
	padding: 18px 0px 18px 20px; width: 301px; height: 82px; color: rgb(255, 255, 255); display: block; box-sizing: border-box;
}
.new-product-intro .intro-list li .main-title {
	font-size: 18px; margin-bottom: 5px;
}
.new-product-intro .intro-list li .main-title::after {
	width: 30px; height: 15px; margin-left: 9px; vertical-align: middle; display: inline-block; content: "";
}
.new-product-intro .intro-list li .hot::after {
	background: url("../../images/public/ico/hot.png") no-repeat right;
}
.new-product-intro .intro-list li .private::after {
	background: url("./img/new/private.png") no-repeat right; width: 38px;
}
.new-product-intro .intro-list li .subtitle {
	line-height: 17px; font-size: 12px;
}
.intro-other {
	float: left;
}
.intro-other .do-web {
	background: url("./img/new/do_web_bg.png") no-repeat right; width: 700px; height: 303px; margin-bottom: 20px;
}
.intro-other .do-web .intro-list {
	padding-top: 30px; padding-left: 49px;
}
.do-web .intro-list li {
	width: 260px;
}
.do-web .intro-list li a {
	width: 260px;
}
.do-web .intro-list li:not(.private):hover {
	background: rgb(71, 85, 108);
}
.intro-other .sec-service {
	background: url("./img/new/se_service_bg.png") no-repeat right; width: 340px; height: 308px; margin-right: 20px; float: left;
}
.intro-other .sec-service .intro-list {
	padding-top: 21px; padding-left: 49px;
}
.sec-service .intro-list li {
	width: 250px;
}
.sec-service .intro-list li a {
	width: 250px;
}
.sec-service .intro-list li:not(.private):hover {
	background: rgb(39, 173, 220);
}
.intro-other .idc-service {
	background: url("./img/new/idc_bg.png") no-repeat right; width: 340px; height: 308px; float: left;
}
.intro-other .idc-service .intro-list {
	padding-top: 21px; padding-left: 49px;
}
.idc-service .intro-list li {
	width: 250px;
}
.idc-service .intro-list li a {
	width: 250px;
}
.idc-service .intro-list li:not(.private):hover {
	background: rgb(104, 100, 231);
}
.contact-us-btn {
	background: rgba(255, 255, 255, 1); transition:0.4s; width: 120px; height: 40px; text-align: center; color: rgb(9, 159, 255); line-height: 40px; font-size: 14px; margin-left: 100px; display: block; box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.45); -webkit-transition: all .4s; -moz-transition: all .4s;
}
.contact-us-btn:hover {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.addService .config-row-title-shorter {
	line-height: 150px;
}
.addService ul > li {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 160px; height: 150px; float: left; cursor: pointer; box-sizing: border-box;
}
.addService ul > li:not(:last-child) {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.addService ul > li.active {
	background: url("./img/selected.png") no-repeat right bottom; border: 1px solid rgb(0, 170, 255); border-image: none;
}
.addService ul > li > .title {
	background: rgb(242, 242, 242); width: 100%; height: 40px; text-align: center; line-height: 40px;
}
.addService ul > li.active > .title {
	background: rgb(0, 170, 255); color: rgb(255, 255, 255);
}
.addService ul > li > .price {
	padding: 15px 0px; width: 100%; text-align: center; color: rgb(255, 102, 0); line-height: 1;
}
.addService ul > li.active > .price {
	color: rgb(0, 170, 255); font-weight: 700;
}
.addService ul > li > .content {
	padding: 0px 15px; text-align: center; line-height: 20px;
}
.addService .serviceTips {
	line-height: 150px; margin-left: 24px; float: left;
}
.addService .serviceTips > span {
	color: rgb(255, 102, 0);
}
.addService .serviceTips > a {
	color: rgb(0, 170, 255);
}
.inline-block {
	display: inline-block;
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.vam {
	vertical-align: middle;
}
.color-dark-gray {
	color: rgb(102, 102, 102);
}
.color-gray {
	color: rgb(153, 153, 153);
}
