@charset "utf-8";

/* CSS Document */

/****************************
 * version:1.0
 * By:landry
 * Date:2015-07-15
 *
 */
* {
	box-sizing: border-box;
}
.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
}
/*－－滚屏基本样式－－*/
.flex-direction {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flex-direction-nav {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.flex-direction-nav li {
	position: initial;
	background: transparent;
	width: inherit;
	float: inherit;
}
.flex-direction-nav a {
	position: absolute;
	top: 0;
	width: 99px;
	height: 100%;
	z-index: 3;
	font-size: 0;
}
.flex-direction-nav .flex-prev {
	background: url(/images/jkb_modal/prev01.png) center no-repeat;
	left: 0;
}
.flex-direction-nav .flex-next {
	background: url(/images/jkb_modal/next01.png) center no-repeat;
	right: 0;
}
.flex-control-nav {
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
}
.flex-control-nav li {
	margin: 0 30px;
	display: inline-block;
	*display: inline;
	_display: inline;
}
.flex-control-nav a {
	width: 17px;
	height: 16px;
	font-size: 0;
	display: inline-block;
	background: url(/images/hot.png) -48px 0 no-repeat;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.one_li .flex-direction-nav a {
	display: none;
}
.section {
	padding: 0;
}
.article {
	position: relative;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
}
.article .box {
	margin: 0 auto;
}
.index .article01 .box p {
	margin-top: 20px;
}
.index .article01 {
	padding: 8% 0;
	background: url(/images/bg.jpg) no-repeat center center;
}

.index .article01 h1 {
	font-size: 38px;
	margin: 12px 0 0;
}
.article01 .btn {
	padding: 10px 20px;
	font-size: 14px;
	background: #3cbde5;
	color: #ffffff;
	display: inline-block;
	margin: 0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.article01 .btn:hover,
.article01 .btn:active {
	background-color: #22a4cc;
}
.index .article01 .play {
	padding: 14px;
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	margin: 0 auto;
	border: 2px solid #3cbde5;
	border-radius: 8px;
	margin: 2% 0 0;
}
.index .article02 {
	background: #3cbde5;
}
.index .article02 h2 {
	padding: 50px 0;
	text-align: center;
	font-size: 38px;
}
.index .article03 {
	background: #ffffff;
	padding: 0 0 45px;
}
.index .article03 .box {
	max-width: 1164px;
}
.index .article03 li {
	position: relative;
	float: left;
	width: 21%;
	padding: 50px 2% 0;
	box-sizing: content-box;
}
.index .article03 .point a {
display:block;
	max-width: 119px;
	height: 185px;
	margin: 0 auto;
	font-size: 16px;
	color: #595757;
	padding: 20px 65px;
	background-color: transparent;
	cursor: pointer;
	box-sizing: content-box;
}
.index .article03 .point a .showText{
	display: none;
	margin: 5px auto;
	font-size: 12px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.index .article03 .point a:hover,
.index .article03 .point a:active {
	background-color: #efefef;
}
.index .article03 .point a:hover .showText{
	display: block;
}
.index .article03 .point .blue_none {
	display: none;
}
.index .article03 .point:hover .gray_show {
	display: none;
}
.index .article03 .point:hover .blue_none {
	display: block;
}
.index .article03 .point p {
	margin-top: 10px;
}
.index .article03 .point02 p {
	margin: -18px 0 0;
}
.index .article03 .point02 span {
	display: block;
}
.index .article04 {
	padding: 60px 0;
	background: url(/images/jkb_modal/article_04.jpg) no-repeat center;
	background-size: cover;
}
.index .article04 .box {
	max-width: 715px;
	text-align: center;
}
.index .article04 .one {
	width: 137px;
	margin: 0 auto;
	background: #3cbde5;
	text-align: center;
	font-size: 16px;
	color: #000000;
	padding: 16px 0;
}
.index .article04 .one img {
	width: 46px;
	margin: 0 auto 20px;
}
.index .article04 .two {
	max-width: 425px;
	margin: 0 auto;
}
.index .article04 li {
	float: left;
	padding: 20px 3%;
	background: #595758 url(/images/line.png) right center no-repeat;
	font-size: 14px;
}
.index .article04 li.last {
	background: #595758;
}
.index .article04 li p {
	float: left;
	margin: 5% 0 0;
	width: 50%;
	text-align: left;
}
.index .article04 .two li {
	width: 44%;
}
.index .article04 li .img {
	float: left;
	margin: 0 7% 0 0;
	width: 43%;
}
.index .article04 .three li {
	width: 27.33%;
}
.index .article05 {
	padding: 35px 0 70px;
	background: url(/images/cover01.png);
	z-index: 2;
}
.index .article05 .box {
	max-width: 870px;
	padding: 0 0 0 200px;
	position: relative;
	font-size: 20px;
	color: #ffee00;
	line-height: 28px;
	text-align: left;
}
.index .article05 .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 138px;
	height: 138px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.index .article05 .img img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.index .article05 .info img {
	margin: 3% 0 0;
}
.index .article05 .arrow {
	position: absolute;
	bottom: -41px;
	left: 50%;
	margin: 0 0 0 -31px;
	width: 63px;
	height: 41px;
	display: inline-block;
	background: url(/images/arrow.png) no-repeat;
}
.index .article06 {
	padding: 67px 0 43px;
	background: #ffffff;
}
.index .article06 .box {
	max-width: 965px;
}
.index .article06 .logo-box {
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}
.index .article06 .logo {
	width: 20%;
	float: left;
}

.index .article06 .logo a {
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	display: block;
	cursor: default;
}
.index .article07 {
	padding: 50px 0;
	background: #e6e6e6;
}
.index .article07 .box {
	max-width: 965px;
}
.index .article07 li.blue {
	margin-top: 15px;
}
.index .article07 li {
	width: 24%;
	margin: 0 1% 0 0;
	float: left;
	font-size: 15px;
	color: #595757;
	padding: 0 0 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.index .article07 li div.text p {
	font-size: 15px;
}
.index .article07 .yellow .list p,
.index .article07 .blur .list p {
	margin: 0 2%;
	font-size: 15px;
}
.index .article07 .list p {
	margin: 0 10%;
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
}
.index .article07 .list .last {
	border-bottom: 0;
}
.index .article07 h2 {
	color: #ffffff;
	font-size: 24px;
	line-height: 44px;
	padding: 20px 0 64px;
	-moz-border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}
.index .article07 .item {
	width: 123px;
	margin: -54px auto 0;
	position: relative;
}
.index .article07 img {
	position: relative;
}
.index .article07 .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 22px;
}
.index .article07 h3 {
	padding: 37px 0 12px 0;
	font-size: 17px;
	line-height: 36px;
}
.index .article07 h3 span {
	font-size: 28px;
}
.index .article07 h4 {
	margin: 6px 12.9% 0;
	padding: 5px 0 0;
}
.index .article07 .btn {
	color: #ffffff;
	font-size: 15px;
	line-height: 43px;
	display: inline-block;
	padding: 0 12%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 22px 0 0;
}
.index .yellow {
	background: #fbe1c4;
}
.index .yellow h2 {
	background: #ffa63f;
	line-height: 60px;
}
.index .yellow h3 {
	color: #ffa63f;
}
.index .yellow h4 {
	border-top: 1px solid #f8c655;
	color: #f8c655;
}
.index .yellow .btn {
	background: #ffa63f;
	margin-bottom: 10px;
}
.index .blue {
	background: #cae4ec;
}
.index .blue h2 {
	background: #38badc;
}
.index .blue h3 {
	color: #38badc;
}
.index .blue h4 {
	border-top: 1px solid #38badc;
	color: #38badc;
}
.index .blue .btn {
	background: #38badc;
}
.index .blue .btn:hover,
.index .blue .btn:active {
	background-color: #22a4cc;
}
.index .green {
	background: #d8eae8;
}
.index .green h2 {
	background: #28b3b2;
}
.index .green h3 {
	color: #28b3b2;
}
.index .green h4 {
	border-top: 1px solid #28b3b2;
	color: #28b3b2;
}
.index .green .btn {
	background: #d8eae8;
}
.index .article08 {
	background: #3cbde5;
	padding: 30px 0;
	font-size: 18px;
}
.index .article08 h2 {
	color: #ffeb5e;
	font-size: 47px;
}
.index .article08 .btn {
	border: 5px solid #ffeb5e;
	color: #ffffff;
	width: 218px;
	display: inline-block;
	text-align: center;
	line-height: 62px;
	font-size: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 24px 0 30px;
}
.enterprise_contact_type p {
	line-height: 28px;
}
.enterprise_contact_type a {
	color: inherit;
}
.enterprise_contact_type img {
	display: inline-block;
	width: auto;
	margin-right: 5px;
}
.flexslider {
	position: relative;
}
.slides li {
	position: relative;
}
#player1,
#player2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.layer .cover {
	display: block;
}
.layer .close {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	right: -24px;
	background: url(/images/close.png) no-repeat;
}
.layer-box {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
}
.subpage .section {
	padding: 0;
}
.subpage .article01 {
	background: url(/images/banner01.jpg) center 0 no-repeat;
	padding: 60px 0 12px;
	margin: 60px 0 25px;
}
.subpage .article01 .text-logo img {
	width: auto;
}
.subpage01 .article01 {
	background: url(/images/subpage01.jpg) center center no-repeat;
}
.subpagedocker .article01 {
	background: url(/images/subpagedocker.jpg) center 0 no-repeat;
}
.subpage02 .article01 {
	background: url(/images/subpage02.jpg) center 0 no-repeat;
}
.subpage03 .article01 {
	background: url(/images/subpage05.jpg) center 0 no-repeat;
}
.subpage04 .article01 {
	background: url(/images/subpage04.jpg) center 0 no-repeat;
}
.subpage05 .article01 {
	background: url(/images/subpage06.png) center 0 no-repeat;
	padding: 24px 0;
}
.subpage .text {
	max-width: 1100px;
	padding: 50px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	line-height: inherit;
	color: #595757;
}
.subpage .text .item {
	max-width: 1040px;
	margin: 0 auto;
	text-align: center;
}
.subpage .text .item img {
	margin: 25px auto 0;
}
.subpage .article .left {
	float: left;
	width: 50%;
}
.subpage .article .right {
	float: right;
	width: 42%;
}
.subpage01 .article02 .right img {
	max-width: 443px;
}
.subpage02 .article02 .right img {
	max-width: 472px;
}
.subpage02 .article03 .left img {
	max-width: 428px;
}
.subpage03 .article03 .right img {
	max-width: 505px;
}
.subpage03 .article04 .left img {
	max-width: 507px;
}
.subpage .text h2 {
	font-size: 20px;
	line-height: 60px;
	color: #231815;
	margin: 20px 0 0;
}
.subpage01 .text {
	font-size: 14px;
	padding: 50px;
	line-height: inherit;
}
.subpage .text p {
	margin: 20px 0 0;
}
.subpage .text .ul_inheir,
.subpage .text .ul_inheir li {
	list-style: inherit;
	line-height: 30px;
}
.subpage .text .ul_inheir {
	padding-left: 20px;
}
.subpage .article01 .text {
	margin: 0 auto;
	text-align: center;
	max-width: 1040px;
	min-height: 280px;
	color: #ffffff;
	padding: 0;
}
.subpage .article01 .text-logo {
	margin: 0 auto;
	max-width: 61px;
}
.subpage .article01 h3 {
	font-size: 16px;
	line-height: 32px;
}
.subpage .article01 h1 {
	font-size: 33px;
	margin: 1.5% 0 1.5% 0;
	line-height: 42px;
}
.subpage .article01 h1 span {
	display: inline-block;
}
.subpage01 .article05 .right {
	width: 30%;
}
.article-gray {
	background: #f4f4f4;
}
.article-gray-deep {
	background: #e6e6e6;
}
.article-blue {
	background: #3cbde5;
}
.subpage02 .article02 .left {
	width: 35.96%;
}
.subpage02 .article01 .text-logo {
	max-width: 45px;
}
.subpage02 .article04 .left {
	width: 37.28%;
	padding: 0 0 0 2%;
}
.subpage03 .article01 .text-logo {
	max-width: 52px;
}
.subpage03 .article .left {
	width: 35%;
}
.subpage03 .article03 .text .item img {
	max-width: 802px;
	margin: 25px auto 0;
}
.subpage03 .article04 .text .item img {
	max-width: 468px;
	margin: 25px auto 0;
}
.subpage04 .article01 .text-logo {
	max-width: 57px;
}
.subpage05 .article01 .text-logo {
	max-width: 38px;
}
.subpage05 .article02 .text,
.subpage05 .article04 .text {
	max-width: 880px;
	padding: 30px 10px;
}
.subpage05 .article02 .left > img {
	max-width: 181px;
}
.subpage05 .article03 .left {
	padding: 0 0 0 10%;
}
.subpage05 .article03 .right {
	width: 30%;
}
.subpage05 .article03 .right > img {
	max-width: 180px;
}
.subpage05 .article04 .left {
	max-width: 237px;
}
.subpage05 .article04 .right {
	width: 45%;
}
.subpagedocker .text {
	max-width: 1000px;
}
.relation {
	font-size: 0;
}
.internet .article01 {
	background: url(/images/banner05.jpg) no-repeat center 0;
	padding: 104px 0 100px;
	margin: 0;
}
.internet .article01 .text {
	min-height: 100px;
}
.internet .article .box {
	max-width: 1186px;
}
.internet .tab {

	width: 100%;
	z-index: 2;
}
.internet .article02 .box {
	padding: 2% 3%;
}
.internet .tab-cont {

	float: right;
}
.internet .tab-cont a:last-child {
	margin-right: 0;
}
.internet .tab-cont a {
	font-size: 14px;
	float: left;
	color: #4a4a4a;
	padding: 6px 20px;
	border-radius: 4px;
	background: #d0d0d0;
	line-height: 20px;
	margin-right: 20px;
}
.internet .tab-cont a:hover,
.internet .tab-cont a.active {
	color: #ffffff;
	background: #22a4cc;
}
.internet .map {
	display: none;
	position: relative;
	min-height: 270px;
	font-size: 14px;
	margin-left: -20px;
}
.internet .article03 {
	margin: 0 0 30px;
}
.internet .article03 h1,
.internet .article04 h1 {
	font-size: 18px;
	color: #ffffff;
	background: #3cbde5;
	line-height: 55px;
	margin: 32px 0 0;
	padding: 0 10px;
	position: relative;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}
.internet table td {
	text-align: left;
	border-left: 1px solid #3cbce3;
	padding: 12px 0;
	line-height: 28px;
}
.internet table tr td:first-child {
	border-left: 0;
}
.internet table .name {
	font-size: 14px;
	color: #595757;
	text-align: center;
}
.internet table {
	border-left: 1px solid #3cbce3;
	border-bottom: 1px solid #3cbce3;
	border-right: 1px solid #3cbce3;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	overflow: hidden;
}
.internet .article03 .name02 {
	font-size: 14px;
	color: #595757;
	padding: 0 0 0 30px;
	min-width: 100px;
	display: inline-block;
}
.internet .article03 .even {
	background: #efefef;
}
.internet .article04 {
	margin: 0 0 30px;
}
.internet .article04 .point {
	background: #333333;
	padding: 20px 0 8px;
	font-size: 18px;
	text-align: left;
}
.internet .article04 .point-box {
	position: absolute;
	top: 22.4%;
	right: 1%;
	line-height: 46px;
	width: 287px;
	font-size: 14px;
	color: #262626;
}
.internet .article04 .point-box span {
	display: inline-block;
	float: left;
}
.internet .article04 span {
	margin: 0 4.68%;
	padding: 0 0 0 34px;
	display: inline-block;
}
.internet .article04 .icon01 {
	background: url(/images/ico_22.png) left center no-repeat;
}
.internet .article04 .icon02 {
	background: url(/images/ico_20.png) left center no-repeat;
}
.internet .point-box a {
	line-height: 46px;
	border: 1px solid #3cbbe4;
	padding: 0 4.68%;
	display: inline-block;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 0 4.68%;
}
.internet th {
	font-size: 18px;
	padding: 14px 0;
	font-weight: normal;
	color: #3cbde5;
	border-bottom: 1px solid #dddede;
}
.internet th,
.internet .article04 table td {
	border-left: 1px solid #c7c7c7;
}
.internet th:first-child,
.internet .article04 table td:first-child {
	border-left: 0;
}
.internet .article04 table {
	border-bottom: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}
.internet .article04 td {
	text-align: center;
	font-size: 14px;
	color: #9f9f9f;
	line-height: inherit;
}
.internet .article04 .even {
	background: #efefef;
}
.internet .article04 .default {
	background: url(/images/ico_19.png) left center no-repeat;
	width: 20px;
	height: 19px;
	padding: 0;
}
.internet .article04 .change {
	background: url(/images/ico_20.png) left center no-repeat;
	width: 24px;
	height: 22px;
	padding: 0;
}
.internet .article05 {
	background: #e6e6e6;
	padding: 20px 0 42px;
	color: #676767;
	line-height: 32px;
	font-size: 16px;
}
.internet .article05 p span {
	display: inline-block;
}
.internet .article05 h2 {
	font-size: 20px;
	line-height: 60px;
	padding: 0 0 6px;
	color: #000000;
}
.internet .article05 h2 span {
	display: block;
}
.internet .article05 .relation {
	padding: 28px 0 30px;
	margin: 0 0 20px;
}
.new_app .article01 .relation a {
	display: inline-block;
	margin: 0 3%;
	width: 9%;
	max-width: 87px;
}
.internet .article05 .relation img {
	max-width: 145px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 10px 1.56%;
}
.internet .article05 .relation a:first-child img {
	margin-left: 0;
}
.internet .article05 .contact span {
	color: #000000;
	font-size: 14px;
	display: inline-block;
	background: url(/images/ico_35.png) no-repeat;
	padding: 0 0 0 52px;
	line-height: 20px;
}
.internet .article05 a {
	color: #3cbce4;
	font-size: 20px;
}
.internet .article05 a:hover {
	text-decoration: underline;
}
.price .article01 {
	background: url(/images/price.jpg) no-repeat center 0;
	padding: 50px 0 70px 0;
}
.price .article01 h2,
.about .article01 h2 {
	color: #ffffff;
}
.price .share {
	padding: 20px 10% 0;
}
.price .share p {
	display: inline-block;
	*display: inline;
	_display: inline;
}
.price .share a {
	font-size: 16px;
	color: #ffffff;
	padding: 0 20px 0 57px;
	line-height: 48px;
	display: inline-block;
}
.price .share .email {
	background: url(/images/ico_23.png) no-repeat;
}
.price .share .tel {
	background: url(/images/ico_24.png) no-repeat;
}
.price .share .qq {
	background: url(/images/ico_25.png) no-repeat;
}
.price .article01 .text {
	min-height: 100px;
}
.price .article01 .text h2 {
	font-size: 24px;
}
.price .article02 .box {
	max-width: 1186px;
	line-height: 44px;
	position: relative;
	margin: 320px auto 45px;
}
.price .article02 h2 {
	background: #333333;
	font-size: 20px;
	line-height: 60px;
	-moz-border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}
.price .article02 h3 {
	padding: 17px 0 0;
	font-size: 18px;
	line-height: 36px;
}
.item .price_after {
	height: 60px;
	color: #4c4948;
	font-size: 12px;
}
.yellow .price_after p {
	line-height: 25px;
}
.blue .price_after p {
	line-height: 50px;
}
.price .article02 h3 span {
	font-size: 32px;
}
.price .article02 h4 {
	margin: 9px 12.9% 0;
	padding: 7px 0 0;
	min-height: 40px;
}
.price .article02 h4 span {
	color: #a1a1a1;
}
.price .text-idea {
	line-height: 18px;
	font-size: 14px;
	color: #a1a1a1;
}
.price .article02 .btn {
	color: #ffffff;
	font-size: 15px;
	line-height: 35px;
	display: inline-block;
	padding: 0 12%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 20px;
}
.price .article02 h1 {
	font-size: 20px;
	line-height: 44px;
	color: #534216;
}
.price .item {
	width: 23%;
	font-size: 18px;
	color: #4c4948;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	bottom: -7px;
}
.price .text-idea {
	background: #ffffff;
}
.price .article02 h3 span.font-12 {
	font-size: 12px;
	color: #a1a1a1;
}
.price .item .table {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
.price .article02 .item td {
	text-align: center;
}
.price .item .cont {
	padding: 6px 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.price .item.blue .cont {
	padding: 6px 0;
}
.price .article02 td {
	font-size: 14px;
	color: #4c4948;
	padding: 0 5%;
	text-align: left;
}
.price .article02 tr {
	background: #ffffff;
}
.price .article02 .odd {
	background: #f8f8f8;
}
.price .article02 .last td {
	-moz-border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.price .article02 .one,
.price .article02 .two {
	line-height: 88px;
}
.iphone-name {
	display: none;
}
.price .cont-box {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.price .yellow {
	left: 19.25%;
}
.price .yellow .cont-box {
	border: 1px solid #ffa63f;
	overflow: hidden;
}
.price .yellow h3,
.price .yellow h2 {
	color: #ffa63f;
}
.price .yellow h4 {
	border-top: 1px solid #f8c655;
	color: #f8c655;
}
.price .yellow .btn,
.price .yellow .cont {
	background: #ffa63f;
}
.price .blue .cont-box {
	border: 1px solid #38badc;
	overflow: hidden;
}
.price .blue h3,
.price .blue h2 {
	color: #38badc;
}
.price .blue h4 {
	border-top: 1px solid #38badc;
	color: #38badc;
}
.price .blue .btn {
	background: #38badc;
}
.price .blue .btn:hover,
.price .blue .btn:active {
	background-color: #22a4cc;
}
.price .green {
	right: -1.3%;
}
.price .green .cont-box {
	border: 1px solid #28b3b2;
}
.price .green h3,
.price .green h2 {
	color: #28b3b2;
}
.price .green h4 {
	border-top: 1px solid #28b3b2;
	color: #28b3b2;
}
.price .green .btn {
	background: #28b3b2;
}
.price .monitor_num .yellow {
	left: 23%;
	width:35%;
}
.price .monitor_num .blue2 {

	left: 50%;
}
.price .monitor_num .blue3 {
	right: 0;
	left: auto;
	width:30%;
}
.price .monitor_num
.price .article03 {
	background: url(/images/banner06.jpg) no-repeat;
	padding: 55px 0 10px;
	min-height: 214px;
	margin: 0 0 14px;
}
.price .article03 h3 {
	font-size: 18px;
}
.price .article03 a {
	border: 6px solid #feeb60;
	color: #ffffff;
	width: 210px;
	display: inline-block;
	text-align: center;
	line-height: 61px;
	font-size: 14px;
	margin: 2% 0 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.price .article04 .look {
	font-size: 16px;
	color: #28b2b1;
	margin: 0 0 52px;
	display: inline-block;
}
.price .article04 .yellow .cont {
	background: none;
}
.price .item .default {
	background: url(/images/ico_19.png) left center no-repeat;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0 4.68%;
	display: inline-block;
}
.price .yellow .default {
	background: url(/images/ico_27.png) left center no-repeat;
}
.price .green .default {
	background: url(/images/ico_28.png) left center no-repeat;
}
.price .article04 .box {
	margin: 190px auto 60px;
	line-height: 22px;
}
.price .article04 .box td {
	height: 45px;
	padding: 0 1%;
	color: #8a8887;
}
.price .article04 .box tr > td:last-child {
	font-size: 12px;
}
.price .article04 .item .table {
	padding: 0;
}
.price .article04 .box .name {
	border-right: 1px solid #cacaca;
}
.price .article04 .box .name {
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.price .article04 .item {
	width: 25%;
	bottom: -1px;
}
.price .article04 .item .cont {
	padding: 0;
}
.price .article04 .yellow {
	left: 47.5%;
}
.price .article04 .blue2 {
	right: 18.8%;
	left: auto;
}
.price .article04 .blue3 {
	right: 0%;
	left: auto;
}
.price .article04 .block {
	left: 0;
	width: 44.5%;
}
.price .block .cont-box {
	border: 1px solid #323232;
	overflow: hidden;
}
.price .article02 .block td {
	text-align: left;
}
.price .article04 h1 {
	line-height: 60px;
	font-size: 20px;
	padding: 0;
	color: #333333;
}
.price .article04 .btn {
	line-height: 35px;
}
.price .article04 .box02,
.price .article04 .box03,
.price .article04 .box04 {
	display: none;
}
.about .article01 {
	background: url(/images/banner05.jpg) no-repeat;
	padding: 136px 0;
}
.about .article01 .text {
	min-height: 100px;
}
.about .article .box {
	max-width: 1180px;
	padding: 40px 10px;
}
.about .article02 .left {
	font-size: 18px;
	color: #595757;
	text-align: left;
	line-height: 34px;
}
.about .article02 h3 {
	font-size: 20px;
	color: #000000;
	line-height: 40px;
	padding: 0 0 24px;
}
.about .article02 p {
	font-size: 14px;
}
.about .article02 .right {
	font-size: 218px;
	color: #595757;
}
.about .article03 {
	background: url(/images/about02.jpg) no-repeat;
	background-size: cover;
}
.about .article03 ul {
	margin: 0 -3% 0 0;
}
.about .article03 li {
	float: left;
	width: 23%;
	margin: 0 1.44% 20px 0;
	position: relative;
}
.about .article03 .box {
	padding: 40px 0 20px;
}
.about .article03 li img {
	max-width: 220px;
	margin: 0 auto;
}
.about .article03 .text {
	color: #ffffff;
	position: absolute;
	top: 22%;
	left: 0;
	width: 96%;
	padding: 0 2%;
	font-size: 20px;
	text-align: center;
	line-height: 26px;
}
.about .article03 .text span {
	display: inline-block;
}
.about .article03 h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
}
.about .article03 p {
	font-size: 16px;
}
.about .article04 .box {
	padding: 88px 0 100px;
}
.about .article04 img {
	max-width: 850px;
	margin: 0 auto;
}
.about .article05 {
	background: #333333;
	text-align: left;
}
.about .article05 .box01 {
	background: url(/images/about04.jpg) center top no-repeat;
	background-size: cover;
}
.about .article05 .box01 h2 {
	background: url(/images/cover02.png) repeat;
	font-size: 30px;
	color: #ffffff;
	padding: 70px 0 62px;
	text-align: center;
}
.about .article05 li {
	float: left;
	width: 25%;
	margin: 0 2% 0 0;
	position: relative;
	font-size: 14px;
	line-height: 34px;
}
.about .article05 .last {
	width: 19%;
	margin: 0;
}
.about .article05 p span {
	display: inline-block;
}
.about .article05 .btn {
	background: #3b414b;
	font-size: 14px;
	line-height: 40px;
	padding: 0 10px;
	display: inline-block;
	color: #ffffff;
	margin: 10px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.about .article05 .box02 h2 {
	line-height: 62px;
	padding: 0 0 0 76px;
	font-size: 16px;
	margin: 0 0 20px;
}
.about .article05 .box02 .iocn01 {
	background: url(/images/ico_29.png) left center no-repeat;
}
.about .article05 .box02 .iocn02 {
	background: url(/images/ico_30.png) left center no-repeat;
}
.about .article05 .box02 .iocn03 {
	background: url(/images/ico_31.png) left center no-repeat;
}
.about .article05 .box02 .iocn04 {
	background: url(/images/ico_32.png) left center no-repeat;
}
.about .article05 .box02 .iocn01,
.about .article05 .box02 .iocn02,
.about .article05 .box02 .iocn03,
.about .article05 .box02 .iocn04 {
	background-size: 50px;
}
.about .article05 .box02 li a {
	color: #ffffff;
}
.about .article06 h2 {
	font-size: 30px;
	color: #3cb8e0;
	padding: 4px 0 31px;
}
#worldmap,
#chinamap {
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	height: 95%;
}
.about .article05 .city {
	overflow: hidden;
	padding: 32px 0 0;
}
.city .tab a {
	font-size: 24px;
	line-height: 40px;
	background: url(/images/tab_03.png) no-repeat;
	background-size: 100% 41px;
	display: inline-block;
	width: 24%;
	max-width: 201px;
	text-align: center;
	margin: 0 -1.1%;
}
.city .tab a:hover,
.city .tab a.active {
	background: url(/images/tab_03_hover.png) no-repeat;
	background-size: 100% 41px;
	color: #ffffff;
}
.city .tab .first {
	background: url(/images/tab_04.png) no-repeat;
	background-size: 100% 41px;
	margin: 0 -0.8% 0 -0.1%;
}
.city .tab .first:hover,
.city .tab .first.active {
	background: url(/images/tab_04_hover.png) no-repeat;
	background-size: 100% 41px;
}
.city .tab .last01 {
	background: url(/images/tab_05.png) no-repeat;
	background-size: 100% 41px;
	margin: 0 0 0 -1%;
}
.city .tab .last01:hover,
.city .tab .last01.active {
	background: url(/images/tab_05_hover.png) no-repeat;
	background-size: 100% 41px;
}
.map-box {
	padding: 15px;
	background: #3cb7e0;
	font-size: 18px;
	color: #000000;
	display: none;
}
.map-box .dress {
	padding: 14px 0 0;
	text-align: left;
}
.map-box .dress span {
	font-size: 14px;
	color: #ffffff;
}
.index .article04 .clearfix {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.index .app_index {
	background-color: #e6e6e6;
	background-image: url(/images/jkb_modal/article_03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.index .app_index .box {
	width: 100%;
	margin: 0 auto;
}
.index .app_index .box .text {
	position: relative;
	max-width: 912px;
	margin: 0 auto;
}
.index .app_index .box .text .apply {
	position: absolute;
	bottom: 35px;
	right: 25.3%;
}
.index .app_index .box .text .apply .btn {
	background-color: #3cbde5;
	padding: 12px 25px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 5px;
}
.index .app_index .box .text .apply .btn:hover,
.index .app_index .box .text .apply .btn:active {
	background-color: #22a4cc;
}
@media screen and (max-width: 1024px) {
	.index .app_index {
		background-color: #e6e6e6;
		background-image: url(/images/jkb_modal/article_03_03.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.index .app_index .box .iphone-show {
		display: none;
	}
	.index .app_index .box .iphone-name {
		display: block;
		max-width: 398px;
		margin: 0 auto;
		padding: 20px 0;

	}
	.index .app_index .box .text .apply {
		position: inherit;
		margin-bottom: 20px;
		bottom: auto;
		right: auto;
	}
	.index .app_index .box .text .apply .btn {
		background-color: #3cbde5;
		padding: 6px 15px;
		font-size: 14px;
		color: #ffffff;
		border-radius: 3px;

	}
}
.price .app_index1 {
	background-color: #e6e6e6;
	background-image: url(/images/jkb_modal/article_08.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 18px 0;
	color: #262626;
	font-size: 18px;
}
.price .app_index1 .color-text {
	background: #38badc;
	color: #ffffff;
	line-height: 38px;
	font-size: 14px;
	text-align: center;
	width: 116px;
	margin: 0 auto;
	border-radius: 6px;
	display: block;
	border: none;
	margin-top: 1%;
}
.price .app_index1 .color-text:hover,
.price .app_index1 .color-text:active {
	background-color: #22a4cc;
}
.internet .article01 .text h2 {
	font-size: 24px;
	color: #ffffff;
	margin: 20px 0;
}
.internet .article01 .text h5 {
	font-size: 14px;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background-color: #38badc;
}
.app_index1 {
	background-color: #e6e6e6;
	background-image: url(/images/jkb_modal/article_08.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 27px 0;
	color: #262626;
	font-size: 18px;
}
.app_index1 .text {
	max-width: 967px;
	text-align: center;
	margin: 0 auto;
	line-height: 30px;
	padding: 0;
}
.app_index1 .text p {
	margin: 0 0 10px;
}
.color-text {
	background: #38badc;
	color: #ffffff;
	line-height: 38px;
	font-size: 14px;
	text-align: center;
	width: 116px;
	margin: 0 auto;
	border-radius: 6px;
	display: block;
}
.color-text:hover,
.color-text:active {
	background-color: #22a4cc;
	color: #ffffff;
}
.about .article01 .text h2 {
	font-size: 33px;
}
.layer-tip .cover {
	opacity: 0.85;
	filter: alpha(opacity=85)
}
.layer-tip .layer-box {
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	top: 50%;
	left: 35%;
	width: 30%;
	height: auto;
	padding: 20px;
	background: #000000;
}
@media all and (max-width: 600px) {
	.flex-direction-nav a {
		width: 30px;
	}
}