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

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

.icon {
	background: url(../images/icon.png) no-repeat
}

a {
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

* {
	box-sizing: border-box
}

.imgBox img {
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.imgBox:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.f12 {
	font-size: 12px !important
}

.f14 {
	font-size: 14px !important
}

.f16 {
	font-size: 16px !important
}

.f18 {
	font-size: 18px !important
}

.f20 {
	font-size: 20px !important
}

.f28 {
	font-size: 28px !important
}

.f40 {
	font-size: 40px !important
}

.blue {
	color: #00b0ed
}

.red {
	color: #ff0e0e
}

.black {
	color: #333
}

.Themefont {
	color: #00b0ed !important
}

.Themebghover:hover {
	background: #00b0ed
}

.ThemeFborder {
	border-color: #00b0ed !important
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flexLi {
	width: auto;
	-webkit-box-flex: 1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.Animation {
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

a {
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.btn {
	display: block;
	background: #00b0ed;
	padding: 0 20px
}

.moreBtn {
	display: block;
	background: #00b0ed;
	line-height: 45px;
	color: #fff;
	text-align: center;
	margin: 5px 10px 30px 10px
}

.moreBtn:active {
	box-shadow: 3px 3px 2px 4px rgba(0, 0, 0, 0.1) inset
}

.moreBtn.gray {
	background: #cecece
}

.moreBtn.red {
	background: #f95b6f
}

.moreBtn:before {
	margin-right: 10px;
	font-size: 20px
}

.moreLogin {
	margin: 20px
}

.moreBox {
	padding: 20px
}

.moreBox .moreBtnHalf {
	display: block;
	text-align: center;
	line-height: 44px;
	background: #00b0ed;
	color: #fff;
	width: 48%;
	margin-right: 2%
}

.moreBox .cance {
	background: #555;
	margin: 0 0 0 2%
}

.header .logo {
	line-height: 55px
}

.header .logo img {
	height: 45px
}

.header .btnMore {
	display: none
}

.header .nav li {
	float: left
}

.header .nav a {
	display: inline-block;
	padding: 0 25px;
	color: #fff;
	font-size: 14px;
	position: relative
}

.header .nav a:before {
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.header .nav a:hover {
	background: #00b0ed
}

.header .nav a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: rgba(0, 0, 0, 0.3)
}

.header .nav li.more {
	position: relative
}

.header .nav li.more:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 29px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.header .nav li.more:hover:after {
	border-top: 0 solid #fff;
	border-bottom: 6px solid #fff
}

.header .nav li.more .moreBox {
	position: absolute;
	left: 0;
	top: -225px;
	z-index: -1;
	background: #f3f3f3;
	padding: 0;
	box-shadow: -3px 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	opacity: 0
}

.header .nav li.more:hover .moreBox {
	top: 65px;
	opacity: 1
}

.header .nav li.more li {
	width: 100%;
	height: 45px;
	line-height: 35px
}

.header .nav li.more li .text {
	display: none;
	position: absolute;
	left: 106px;
	top: 0;
	width: 400px;
	height: 225px;
	line-height: 20px;
	padding: 20px;
	background: #fff;
	box-shadow: 4px 0 8px 2px rgba(0, 0, 0, 0.1)
}

.header .nav li.more li.active {
	background: #fff
}

.header .nav li.more li.active .text {
	display: block
}

.header .nav li.more li img {
	position: absolute;
	bottom: 15px;
	right: 15px;
	height: 50px
}

.header .nav li.more li a {
	position: static;
	color: #666;
	line-height: 45px;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 15px
}

.header .nav li.more li a:hover {
	background: #fff
}

.header .nav li.more li a:hover:before {
	display: none
}

.banner .bannerBox {
	position: relative;
	overflow: hidden
}

.banner ul {
	position: relative
}

.banner li {
	float: left
}

.banner li a {
	display: block;
	width: 100%;
	height: 423px
}

.banner .round {
	position: absolute;
	bottom: 45px;
	left: 50%;
	width: 250px;
	height: 8px;
	margin-left: -125px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px
}

.banner .round p {
	width: 19%;
	height: 4px;
	float: left;
	margin: 2px .5% 0 .5%;
	border-radius: 3px;
	cursor: pointer
}

.banner .round p:hover,
.banner .round p.active {
	background: #0e61ad
}

.bulletin {
	position: relative;
	top: -27px;
	z-index: 20;
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding-left: 152px;
	background: rgba(51, 51, 51, 0.9);
	overflow: hidden
}

.bulletin .bullText {
	position: absolute;
	left: 0;
	top: 0;
	width: 152px;
	height: 54px;
	line-height: 50px;
	text-align: center;
	background: #00b0ed;
	color: #fff;
	font-size: 14px
}

.bulletin .bullText i:before {
	font-size: 24px
}

.bulletin ul {
	width: 100%;
	overflow: hidden;
	position: relative
}

.bulletin ul li {
	width: 33%;
	padding: 0 60px 0 40px;
	float: left;
	position: relative
}

.bulletin ul li a {
	display: block;
	line-height: 54px;
	height: 54px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bulletin ul li a:hover {
	color: #00b0ed
}

.bulletin ul li .time {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 54px
}

.title {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 50px
}

.title.first {
	height: 60px;
	line-height: 60px
}

.title i {
	font-size: 14px;
	margin-left: 15px;
	color: #d6d6d6
}

.title .Bluebox {
	position: relative;
	display: inline-block
}

.title .Bluebox:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #00b0ed
}

.title .more {
	float: right;
	font-size: 12px;
	margin-right: 10px
}

.title .more:hover {
	filter: alpha(opacity=50);
	opacity: .5
}

.PackProduct {
	width: 1000px;
	margin: 0 auto
}

.PackProduct li {
	float: left;
	width: 25%;
	margin: 30px 4.166%;
	text-align: center
}

.PackProduct li i.iconfont {
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 145px;
	height: 145px;
	line-height: 145px;
	border: 1px solid #00b0ed;
	border-radius: 50%;
	background: #fff
}

.PackProduct li i.iconfont:before {
	font-size: 80px;
	margin: 0
}

.PackProduct li .Pillar {
	position: relative;
	width: 18px;
	height: 175px;
	margin: -4px auto;
	border: 1px solid #00b0ed
}

.PackProduct li .Pillar .Box {
	position: absolute;
	left: 36px;
	top: 20px;
	line-height: 28px
}

.PackProduct li .Pillar .Box p {
	font-size: 16px;
	font-weight: bold
}

.PackProduct li .Pillar .Box p:before {
	content: '';
	position: absolute;
	left: -29px;
	top: 4px;
	width: 25px;
	height: 19px;
	background: url(../images/icon.png) no-repeat;
	background-position: -5px -5px
}

.PackProduct li .Pillar .Box p,
.PackProduct li .Pillar .Box a {
	display: block;
	width: 90px;
	text-align: left;
	position: relative
}

.PackProduct li .Pillar .Box a:before {
	content: '';
	position: absolute;
	left: -24px;
	top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #00b0ed;
	background: #fff
}

.PackProduct li .Pillar .Box a:hover:before {
	content: '';
	position: absolute;
	left: -29px;
	top: 4px;
	width: 25px;
	height: 19px;
	border: none;
	background: url(../images/icon.png) no-repeat;
	background-position: -5px -5px
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg) scale(1)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(1.3)
	}
}

@-webkit-keyframes piaofu {
	0% {
		-webkit-transform: translateY(0) translateX(0)
	}
	25% {
		-webkit-transform: translateY(-2px) translateX(1px)
	}
	50% {
		-webkit-transform: translateY(2px) translateX(-1px)
	}
	75% {
		-webkit-transform: translateY(-2px) translateX(1px)
	}
	100% {
		-webkit-transform: translateY(2px) translateX(-1px)
	}
}

@keyframes piaofu {
	0% {
		-webkit-transform: translateY(0) translateX(0);
		transform: translateY(0) translateX(0)
	}
	25% {
		-webkit-transform: translateY(-2px) translateX(1px);
		transform: translateY(-2px) translateX(1px)
	}
	50% {
		-webkit-transform: translateY(2px) translateX(-1px);
		transform: translateY(2px) translateX(-1px)
	}
	75% {
		-webkit-transform: translateY(-2px) translateX(1px);
		transform: translateY(-2px) translateX(1px)
	}
	100% {
		-webkit-transform: translateY(2px) translateX(-1px);
		transform: translateY(2px) translateX(-1px)
	}
}

.ProductBox {
	padding: 30px 0;
	background: #f4f4f4
}

.ProductBox li {
	float: left;
	width: 25%;
	padding-right: 10px
}

.ProductBox li .imgBox {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ProductBox li .imgBox img {
	width: 100%
}

.ProductBox li .LiBox {
	background: #fff;
	padding-bottom: 20px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}

.ProductBox li .name {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding: 5px 0 2px
}

.ProductBox li p {
	text-align: center;
	padding: 4px 0;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ProductBox li .text {
	padding: 0 20px 10px;
	line-height: 20px;
	font-size: 12px
}

.ProductBox li .btn {
	margin: 0 20px;
	text-align: center;
	line-height: 35px;
	color: #00b0ed;
	background: #eefaff;
	border: 1px solid #00b0ed
}

.ProductBox li .btn:hover {
	background: #00b0ed;
	color: #fff
}

.news .NewsLeft {
	float: left;
	width: 50%;
	padding-right: 10px
}

.news .NewsRight {
	float: right;
	width: 50%;
	padding-left: 10px
}

.news .titleBox {
	border-left: 1px solid #00b0ed;
	padding-left: 15px
}

.news .text {
	height: 60px;
	line-height: 20px;
	overflow: hidden
}

.news .time {
	color: #cacaca
}

.news .imgBox {
	width: 253px;
	height: 134px;
	overflow: hidden
}

.news .imgBox a {
	display: block
}

.news .imgBox img {
	width: 100%
}

.news a {
	display: inline-block
}

.news a.overflow {
	display: block
}

.news li.other {
	padding: 0 100px 0 15px;
	line-height: 15px;
	position: relative
}

.news li.other:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 6px;
	height: 6px;
	background: #00b0ed;
	border-radius: 50%
}

.news li.other a {
	color: #666;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 15px !important
}

.news li.other a:hover {
	color: #00b0ed
}

.news li.other .time {
	position: absolute;
	right: 0;
	top: 0
}

.news .more:hover {
	filter: alpha(opacity=50);
	opacity: .5
}

.Strategy {
	background: #f4f4f4;
	padding: 40px 0 50px
}

.Strategy .tab {
	margin: 0 auto;
	width: 368px;
	height: 35px;
	border: 1px solid #00b0ed;
	border-radius: 20px;
	background: #eefaff;
	overflow: hidden
}

.Strategy .tab li {
	float: left;
	width: 122px;
	line-height: 35px;
	border-left: 1px solid #00b0ed;
	text-align: center;
	font-size: 12px;
	cursor: pointer
}

.Strategy .tab li:first-child {
	border: none
}

.Strategy .tab li.active,
.Strategy .tab li:hover {
	background: #00b0ed;
	color: #fff
}

.Strategy .StrategyUl {
	margin-top: 50px;
	padding-right: 20px;
	position: relative
}

.Strategy .StrategyUl ul {
	position: relative;
	overflow: hidden
}

.Strategy .StrategyUl li {
	float: left;
	padding-left: 29px;
	width: 25%
}

.Strategy .StrategyUl li img {
	width: 100%;
	border: 5px solid #ece5e5;
	border-radius: 5px
}

.Strategy .StrategyUl li:hover img {
	border-color: #00b0ed
}

.Strategy .StrategyUl .StrategyUlBox {
	overflow: hidden
}

.Strategy .StrategyUl .str_move {
	position: relative
}

.Strategy .StrategyUl .str_move:after {
	content: '';
	display: block;
	clear: both
}

.Strategy .StrategyUl .next,
.Strategy .StrategyUl .prev {
	position: absolute;
	left: 34px;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 50px;
	line-height: 45px;
	text-align: center;
	margin-top: -25px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #ece5e5;
	color: #ece5e5;
	border-radius: 3px;
	cursor: pointer
}

.Strategy .StrategyUl .next:before,
.Strategy .StrategyUl .prev:before {
	font-size: 22px
}

.Strategy .StrategyUl .next:hover,
.Strategy .StrategyUl .prev:hover {
	filter: alpha(opacity=50);
	opacity: .5
}

.Strategy .StrategyUl .next {
	left: auto;
	right: 25px
}

.ContactsUs {
	height: 662px;
	background: url(../images/lianxbg.jpg) no-repeat center center
}

.ContactsUs .ContactsBox {
	width: 662px;
	height: 661px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.95)
}

.ContactsUs .title {
	line-height: 25px;
	padding-top: 25px
}

.ContactsUs .title i {
	margin-left: 0;
	line-height: 35px
}

.ContactsUs p i:before {
	font-size: 40px
}

.ContactsUs a {
	color: #666
}

.ContactsUs .relation a {
	display: inline-block;
	width: 50%;
	text-align: center;
	float: left
}

.ContactsUs .relation i:before {
	font-size: 30px
}

.ContactsUs .inputBox {
	margin: 30px 30px 20px;
	border: 1px solid #00b0ed;
	padding-right: 120px;
	position: relative
}

.ContactsUs .inputBox input {
	width: 100%;
	height: 45px;
	padding: 0 10px;
	line-height: 45px;
	border: none;
	background: #eee
}

.ContactsUs .inputBox .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	color: #fff;
	text-align: center;
	border: none;
	height: 45px;
	line-height: 45px;
	background: #00b0ed;
	cursor: pointer
}

.ContactsUs .inputBox .btn:hover {
	filter: alpha(opacity=70);
	opacity: .7
}

.ContactsUs .codeBox {
	text-align: center
}

.ContactsUs .codeBox div {
	width: 50%;
	padding: 10px 30px
}

.ContactsUs .codeBox div img {
	border: 1px solid #171012;
	width: 100%
}

.ContactsUs .codeBox div p {
	margin-top: 10px
}

.friendLink {
	padding: 20px 0
}

.friendLink .tab2 {
	border-bottom: 1px solid #ddd;
	padding: 0 10px
}

.friendLink .tab2 li {
	float: left;
	padding: 0 20px;
	line-height: 50px;
	font-size: 18px;
	cursor: pointer
}

.friendLink .tab2 li:hover,
.friendLink .tab2 li.active {
	color: #00b0ed;
	position: relative
}

.friendLink .tab2 li:hover:before,
.friendLink .tab2 li.active:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #00b0ed
}

.friendLink .FriendLinkBox a {
	display: inline-block;
	color: #666;
	line-height: 28px;
	margin: 0 10px;
	word-break: break-all;
	word-wrap: break-word
}

.friendLink .FriendLinkBox a:hover {
	color: #00b0ed
}

.CrumblyBox {
	background: #f4f4f4;
	padding: 20px 0
}

.CrumblyBox .Crumbly a:hover {
	filter: alpha(opacity=50);
	opacity: .5
}

.CrumblyBox .navpro {
	margin-top: 20px
}

.CrumblyBox .navpro li {
	float: left;
	width: 20%;
	padding-right: 15px
}

.CrumblyBox .navpro li a {
	display: block;
	line-height: 45px;
	height: 45px;
	margin-top: 10px;
	text-align: center;
	background: #ece9e9
}

.CrumblyBox .navpro li.active a,
.CrumblyBox .navpro li:hover a {
	background: #fff;
	border-top: 1px solid #00b0ed;
	height: 55px;
	margin-top: 0
}

.CrumblyBox .navpro2 li {
	width: 16.66%
}

.win_intro {
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding-bottom: 50px
}

.win_intro .win_intro_in h3 {
	font-size: 48px;
	color: #00b0ed;
	text-align: center;
	line-height: 70px;
	padding-top: 63px
}

.win_intro .win_intro_in h4 {
	font-size: 30px;
	color: #00b0ed;
	font-weight: normal;
	text-align: center;
	line-height: 45px;
	opacity: .8
}

.win_intro .win_intro_in p {
	padding-top: 13%;
	font-size: 14px;
	color: #646464;
	line-height: 24px
}

.win_intro .win_intro_in img {
	max-width: 100%
}

.win_intro.downLoad .win_intro_in p {
	padding-top: 2%
}

.win_intro.downLoad .win_intro_in .Version {
	padding-top: 8%
}

.win_intro.downLoad .win_intro_in .downloadbtn {
	margin-top: 3%
}

.win_intro.downLoad .win_intro_in .downloadbtn a {
	display: inline-block;
	border: 1px solid #00b0ed;
	padding: 10px 25px;
	color: #00b0ed;
	border-radius: 3px;
	margin-right: 10px
}

.win_intro.downLoad .win_intro_in .downloadbtn a:hover {
	background: #00b0ed;
	color: #fff
}

.win_intro.downLoad .win_intro_in .text {
	margin-top: 2%
}

.white_bj,
.bgFFF {
	background: #fff !important
}

.adv_floor_box {
	background: #fbe8a5
}

.adv_floor_box span.iconfont {
	display: block;
	color: #f6b864;
	width: 75px;
	height: 75px;
	line-height: 75px;
	background: #fff;
	border: 1px solid #fbe8a5;
	position: absolute;
	top: -40px;
	right: auto;
	bottom: auto;
	left: 50%;
	margin-left: -40px;
	border-radius: 50%;
	text-align: center;
	z-index: 9
}

.adv_floor_box span.iconfont:before {
	font-size: 40px;
	margin-right: 0
}

.adv_floor_box h3 {
	font-family: "黑体";
	width: 75px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 45px 0 10px;
	color: #000
}

.adv_floor_box .adv_tab_box {
	border: 1px solid #ebebeb;
	border-top: none !important;
	position: relative
}

.adv_floor_box .adv_tab_box .tabs_box {
	background: #fff
}

.adv_floor_box .adv_tab_box .tabs_box img {
	width: 100%;
	padding: 20px 0
}

.adv_floor_box .adv_tab_box .adv_tab_titlebox {
	width: 100%;
	height: 43px;
	line-height: 45px;
	background-color: #fafafa;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	position: relative
}

.adv_floor_box .adv_tab_box .adv_tab_titlebox .title_tabs {
	height: 45px;
	position: absolute;
	top: -1px;
	right: auto;
	bottom: auto;
	left: 0
}

.adv_floor_box .adv_tab_box .adv_tab_titlebox .title_tabs a {
	font-size: 14px;
	font-family: "黑体";
	width: 200px;
	height: 45px;
	text-align: center;
	font-weight: bold;
	display: block;
	float: left;
	color: #666;
	border-right: 1px solid #dcdcdc !important
}

.adv_floor_box .adv_tab_box .adv_tab_titlebox .title_tabs a.ThemeFborder {
	background: #fff;
	border-top: 1px solid #ff7300;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #fff !important
}

.adv_floor_box .adv_buy {
	position: absolute;
	top: auto;
	right: 20px;
	bottom: 5px;
	left: auto;
	display: block;
	width: 90px;
	height: 35px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	margin: 20px auto 10px;
	padding: 5px;
	border: 1px solid #ddd
}

.adv_floor_box .adv_buy:hover {
	color: #fff !important
}

.btnEntry {
	display: block;
	width: 140px;
	margin: 30px auto;
	text-align: center;
	line-height: 45px;
	height: 45px;
	border: 1px solid #00b0ed;
	color: #00b0ed;
	border-radius: 30px
}

.btnEntry:hover {
	background: #00b0ed;
	color: #fff
}

.NewMkicons li img {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}

.newsBox {
	position: relative;
	padding-right: 245px
}

.newsBox.friendLink .newsLeft {
	min-height: 910px
}

.newsBox .newsList li {
	margin: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px
}

.newsBox .newsList li .imgBox {
	display: block;
	width: 200px;
	height: 106px;
	overflow: hidden;
	margin-right: 15px
}

.newsBox .newsList li .imgBox img {
	width: 100%
}

.newsBox .newsList li .name {
	display: block;
	font-size: 16px;
	color: #333
}

.newsBox .newsList li p.text {
	font-size: 12px;
	height: 56px;
	line-height: 18px;
	overflow: hidden;
	margin-top: 5px
}

.newsBox .newsList li .ic {
	font-size: 12px;
	color: #ccc
}

.newsBox .newsList li .ic a {
	font-size: 12px
}

.newsBox .newsList li:hover a {
	color: #00b0ed
}

.newsBox .newsRight {
	position: absolute;
	right: 0;
	top: 34px;
	width: 230px;
	border: 1px solid #ddd
}

.newsBox .newsRight .title {
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 35px;
	font-size: 14px
}

.newsBox .newsRight li {
	margin: 10px;
	padding: 10px 0;
	border-top: 1px solid #ddd
}

.newsBox .newsRight li:first-child {
	border: none
}

.newsBox .newsRight li .name {
	color: #666
}

.newsBox .newsRight li .text {
	line-height: 15px;
	margin-top: 5px;
	font-size: 12px;
	height: 30px;
	overflow: hidden
}

.newsBox .newsRight li:hover .name {
	color: #00b0ed
}

.newsBox .newsRight li .time {
	float: left;
	margin-top: 2px
}

.newsBox.newsDetailBox .newsDetail {
	border: 1px solid #ddd;
	margin-top: 35px;
	padding: 15px;
	margin-bottom: 30px
}

.newsBox.newsDetailBox .newsDetail .titleDetail {
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding-bottom: 20px
}

.newsBox.newsDetailBox .newsDetail .titleDetail p span {
	padding: 0 15px;
	color: #999
}

.newsBox.newsDetailBox .newsDetail .text {
	padding: 20px 0
}

.newsBox.newsDetailBox .newsDetail .text p {
	margin-top: 10px
}

.newsBox.newsDetailBox .newsDetail .text img {
	max-width: 100%
}

.newsBox.newsDetailBox .newsRight {
	top: 0
}

.newsBox.newsDetailBox .Understanding {
	margin-top: 30px
}

.newsBox.newsDetailBox .Understanding p a {
	display: inline-block;
	margin: 0 10px;
	font-size: 12px
}

.newsBox.newsDetailBox .Understanding p a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}

.newsBox.newsDetailBox .Understanding .bdsharebuttonbox span {
	line-height: 34px
}

.newsBox.newsDetailBox .btnBox {
	margin-top: 30px
}

.newsBox.newsDetailBox .btnBox a {
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.newsBox.newsDetailBox .btnBox a:hover {
	filter: alpha(opacity=70);
	opacity: .7
}

.newsBox.newsDetailBox .btnBox .fr {
	text-align: right
}

.page {
	text-align: center
}

.page a {
	display: inline-block;
	margin: 0 5px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #ddd;
	color: #666
}

.page a.current,
.page a:hover {
	background: #00b0ed;
	border-color: #00b0ed;
	color: #fff
}

.popBox {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99;
	padding-bottom: 20px;
	width: 400px;
	background: #fff
}

.popBox.active {
	display: block
}

.popBox .titlePop {
	padding: 10px 15px;
	border-bottom: 1px solid #ddd
}

.popBox .text {
	padding: 15px;
	text-align: center;
	font-size: 14px
}

.popBox .text.success {
	color: #26ed26
}

.popBox .text p:before {
	font-size: 40px
}

.popBox .text.wrong {
	color: #ff0e0e
}

.popBox .btnBox .btn {
	display: block;
	margin: 5px auto;
	width: 100px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border: 1px solid #00b0ed;
	border-radius: 3px;
	color: #00b0ed;
	background: none;
	cursor: pointer
}

.popBox .btnBox .btn:hover {
	background: #00b0ed;
	color: #fff
}

.popBox2 {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 400px;
	margin: -100px 0 0 -200px
}

.popBox2.active {
	display: block
}

.popBox2 .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	cursor: pointer
}

.popBox2 .close:hover {
	color: #444
}

.popBox2 img {
	width: 100%
}

.popBox2 .btn {
	position: absolute;
	left: 53%;
	bottom: 10%;
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 40px;
	color: #fff;
	background: #ffab00;
	border-radius: 20px
}

.popBox2 .btn:hover {
	background: #e19700
}

.popBg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=70);
	opacity: .7
}

.popBg.active {
	display: block
}

.footer {
	background: #333;
	padding: 20px 0;
	position: relative
}

.footer a {
	color: #bbb;
	font-size: 12px
}

.footer .btnBox a {
	display: inline-block;
	padding: 5px 15px;
	margin: 10px 2px 0;
	font-size: 12px;
	color: #bbb;
	border: 1px solid #bbb
}

.footer .btnBox a:hover {
	background: #00b0ed;
	border-color: #00b0ed;
	color: #fff
}

.footer p {
	color: #bbb;
	font-size: 12px
}

.footer .NavBottom {
	padding: 30px 0
}

.footer .NavBottom a {
	position: relative;
	padding: 0 15px;
	font-size: 14px
}

.footer .NavBottom a:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 2px;
	width: 1px;
	height: 10px;
	background: #bbb
}

.footer .NavBottom a:first-child:before {
	display: none
}

.footer .NavBottom a:hover {
	color: #00b0ed
}

.footer .logoBox {
	position: absolute;
	bottom: 0;
	right: 10px
}

.footer .logoBox img {
	width: 130px
}

.fixedBtn {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 88
}

.fixedBtn li {
	width: 44px;
	height: 44px;
	margin-top: 5px;
	position: relative
}

.fixedBtn li:hover a {
	left: -70px;
	background: #333;
	color: #fff
}

.fixedBtn a {
	position: absolute;
	left: 0;
	display: block;
	width: 120px;
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	text-align: center;
	background: #e6e6e6;
	color: #666;
	border-radius: 3px 0 0 3px
}

.fixedBtn a i {
	float: left;
	display: block;
	width: 44px;
	height: 44px;
	position: relative
}

.fixedBtn a i:before {
	margin-right: 0;
	font-size: 24px
}

.fixedBtn a i:after {
	content: '';
	position: absolute;
	right: -1px;
	top: 12px;
	width: 1px;
	height: 20px;
	background: #686868
}

.form {
	width: 600px;
	margin: 30px auto
}

.form .title {
	text-align: center;
	line-height: 28px;
	padding: 10px 0
}

.form .formBox {
	width: 400px;
	margin: 0 auto;
	padding-top: 5px
}

.form .formBox li {
	padding-left: 90px;
	position: relative;
	line-height: 35px;
	margin-top: 15px
}

.form .formBox li .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	text-align: right
}

.form .formBox .text,
.form .formBox textarea {
	border: 1px solid #ddd;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	width: 100%;
	border-radius: 4px
}

.form .formBox textarea {
	line-height: 18px;
	padding: 10px;
	height: 80px
}

.form .formBox label {
	display: inline-block;
	width: 95px
}

.form .formBox label input {
	margin-right: 5px
}

.form .formBox input:focus,
.form .formBox textarea:focus {
	border-color: #00b0ed
}

.form .formBox .code .text {
	width: 100px
}

.form .formBox .btnEntry {
	background: #fff;
	cursor: pointer;
	line-height: 35px;
	margin: 30px 0
}

.form .formBox .btnEntry:hover {
	background: #00b0ed;
	color: #fff
}

@media screen and (max-width:1024px) {
	.mainBox {
		width: 100%;
		padding: 0 15px
	}
}

@media screen and (max-width:1000px) {
	.PackProduct {
		width: 100%
	}
}

@media screen and (max-width:810px) {
	.f16 {
		font-size: 13px !important
	}
	.f18 {
		font-size: 14px !important
	}
	.f20 {
		font-size: 15px !important
	}
	.f28 {
		font-size: 16px !important
	}
	.f40 {
		font-size: 18px !important
	}
	.header {
		height: 45px
	}
	.header .logo {
		line-height: 39px
	}
	.header .logo img {
		height: 33px
	}
	.header .navBg {
		position: fixed;
		left: 0;
		top: 45px;
		z-index: 10;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		display: none
	}
	.header .navBg:after,
	.header .navBg:before {
		content: '';
		position: absolute;
		left: 20%;
		top: 20%;
		width: 1px;
		height: 45px;
		background: rgba(255, 255, 255, 0.6);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.header .navBg:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.header.active .navBg {
		display: block
	}
	.header.active .nav {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.header .nav {
		position: fixed;
		right: 0;
		top: 45px;
		width: 70%;
		height: 100%;
		z-index: 99;
		background: #fff;
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0)
	}
	.header .nav li {
		float: none;
		line-height: 45px;
		height: 46px;
		overflow: hidden
	}
	.header .nav li a {
		padding: 0 15px;
		line-height: 45px;
		display: block;
		color: #00b0ed;
		font-size: 12px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		color: #666
	}
	.header .nav li a:hover {
		color: #fff
	}
	.header .nav li.more {
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s
	}
	.header .nav li.more .moreBox {
		position: static;
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.header .nav li.more .moreBox li {
		height: 40px;
		background: #f6f6f6
	}
	.header .nav li.more .moreBox li.active {
		background: #f6f6f6
	}
	.header .nav li.more .moreBox a {
		color: #00b0ed;
		padding-left: 35px;
		line-height: 40px;
		color: #666
	}
	.header .nav li.more:before {
		content: '';
		position: absolute;
		right: 15px;
		top: 13px;
		width: 10px;
		height: 10px;
		border: 1px solid #ddd;
		border-width: 0 1px 1px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.header .nav li.more:after {
		display: none
	}
	.header .nav li.more li.active .text {
		display: none
	}
	.header .btnMore {
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		color: #fff
	}
	.header .btnMore:before {
		font-size: 27px
	}
	.bulletin {
		top: 0;
		height: 40px;
		line-height: 40px
	}
	.bulletin .bullText {
		line-height: 40px;
		height: 40px
	}
	.bulletin ul li a {
		line-height: 40px;
		height: 40px;
		font-size: 12px
	}
	.bulletin ul li .time {
		line-height: 40px
	}
	.bulletin ul li {
		width: 100%
	}
	.title {
		font-size: 14px
	}
	.title.first {
		line-height: 58px
	}
	.title.first .Bluebox {
		line-height: 59px
	}
	.main {
		padding-top: 45px
	}
	.news .title {
		display: none
	}
	.news .NewsLeft,
	.news .NewsRight {
		width: 100%;
		padding: 15px 0
	}
	.adv_floor_box .adv_tab_box .adv_tab_titlebox .title_tabs {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.adv_floor_box .adv_tab_box .adv_tab_titlebox .title_tabs a {
		width: auto;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}
	.newsBox {
		padding: 0
	}
	.newsRight {
		display: none
	}
}

@media screen and (max-width:662px) {
	.ContactsUs {
		height: auto
	}
	.ContactsUs .ContactsBox {
		width: 100%;
		height: auto
	}
	.ProductBox li {
		width: 50%;
		margin-bottom: 10px
	}
	.ProductBox li:nth-child(2n) {
		margin-right: 0
	}
	.ProductBox {
		padding: 15px 0
	}
	.CrumblyBox .navpro li {
		width: 33.33%;
		height: 55px;
		padding-right: 10px
	}
	.logoBox {
		display: none
	}
	.win_intro .win_intro_in .text {
		text-align: center
	}
	.win_intro .win_intro_in .text img {
		float: none
	}
	.win_intro .win_intro_in .text p {
		padding-top: 10px
	}
}

@media screen and (max-width:600px) {
	.form {
		width: 100%
	}
}

@media screen and (max-width:480px) {
	.PackProduct li {
		width: 100%;
		margin: 10px 0
	}
	.Strategy {
		padding: 15px 0 5px
	}
	.Strategy .tab {
		width: 300px
	}
	.Strategy .tab li {
		width: 99px
	}
	.Strategy .StrategyUl {
		margin: 15px 0
	}
	.Strategy .StrategyUl li {
		width: 50%;
		margin-bottom: 20px
	}
	.ContactsUs .relation a {
		width: 100%
	}
	.friendLink .tab2 li {
		font-size: 14px;
		width: 33.33%
	}
	.friendLink .FriendLinkBox a {
		font-size: 12px
	}
	.footer .NavBottom {
		display: none
	}
	.footer p {
		font-size: 12px;
		padding: 5px 0;
		text-align: center
	}
	.news .imgBox {
		width: 100%;
		height: auto;
		float: none;
		margin-bottom: 15px
	}
	.news ul li:first-child .time {
		display: none
	}
	.news ul li.other {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px
	}
	.win_intro {
		padding-bottom: 10px
	}
	.win_intro .win_intro_in h3 {
		margin-top: 10px;
		padding-top: 10px;
		font-size: 28px;
		line-height: 30px
	}
	.win_intro .win_intro_in h4 {
		font-size: 14px;
		padding: 0;
		margin: 10px 0 0 0;
		line-height: 18px
	}
	.win_intro .win_intro_in p {
		font-size: 12px;
		padding-top: 5px;
		line-height: 17px
	}
	.newsBox .newsList li .imgBox {
		width: 100%;
		height: auto;
		float: none
	}
	.newsBox .newsList li .name {
		margin-top: 5px
	}
	.friendLink .tab2 li {
		font-size: 12px
	}
	.newsBox .newsList li {
		margin: 15px 5px
	}
	.newsBox.newsDetailBox .newsDetail {
		margin-top: 10px
	}
	.newsBox.newsDetailBox .newsDetail .titleDetail p span {
		font-size: 12px
	}
	.popBox {
		width: 94%
	}
	.newsBox.friendLink .newsLeft {
		min-height: 100px
	}
	.form {
		margin-top: 5px
	}
}

@media screen and (max-width:400px) {
	.popBox2 {
		width: 100%
	}
	.form .formBox {
		width: 100%
	}
}

@media screen and (max-width:375px) {
	.mainBox {
		padding: 0 10px
	}
}

@media screen and (max-width:320px) {
	.ProductBox li {
		width: 100%
	}
	.title i {
		display: none
	}
}