.headTop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background-color: #fff;
	box-shadow: 5px 0 5px #aaa;
}
.main {
	margin-top: 75px;
}
.head {
	height: 75px;
	overflow: hidden;
}
.head .logo a {
	display: block;
	height: 75px;
	width: 160px;
	background: url(../images/logo.png) no-repeat left center;
}
.head .nav li {
	display: inline-block;
	margin-left: 50px;
}
.head .nav {
	padding-left: 30px;
}
.head .nav li a {
	display: block;
	line-height: 75px;
	height: 75px;
	font-size: 15px;
	color: #666;
	position: relative;
}
.head .nav li a:hover, .head .nav li.active a {
	color: #3dc45e;
}
.head .nav li.active a::after {
	position: absolute;
	content: "";
	height: 3px;
	width: 100%;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #3dc45e
}
.head .head_r {
	padding: 21px 0;
}
.head .head_r a {
	line-height: 31px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	width: 85px;
	text-align: center;
	font-size: 14px;
	color: #5e5e5e;
}
.head .head_r a:first-child {
	border-radius: 31px 0 0 31px;
	border-right: 0;
	border-color: #3dc45e;
	background-color: #3dc45e;
	color: #fff;
}
.head .head_r a:last-child {
	border-radius: 0 31px 31px 0;
}
.banner {
	height: 620px;
}
.banner .text_1 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 150px;
	left: 0;
}
.banner .text_2 {
	width: 675px;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	position: absolute;
	font-weight: 100;
	top: 240px;
	left: 0;
}
.banner .text_3 {
	background: url(../images/banner1_btn.png) no-repeat center center;
	height: 55px;
	width: 186px;
	position: absolute;
	top: 340px;
	left: 0;
}
.banner .text_4 {
	background: url(../images/../images/banner1_1.png) no-repeat center center;
	width: 412px;
	height: 484px;
	position: absolute;
	top: 50px;
	right: 0;
}
.banner .text_5 {
	background: url(../images/../images/banner2_1.png) no-repeat center center;
	width: 157px;
	height: 157px;
	position: absolute;
	top: 80px;
	left: 57px;
}
.banner .text_6 {
	background: url(../images/../images/banner2_2.png) no-repeat center center;
	width: 157px;
	height: 157px;
	position: absolute;
	top: 360px;
	left: 292px;
}
.banner .text_7 {
	background: url(../images/../images/banner2_3.png) no-repeat center center;
	width: 157px;
	height: 157px;
	position: absolute;
	top: 355px;
	right: 308px;
}
.banner .text_8 {
	background: url(../images/../images/banner2_4.png) no-repeat center center;
	width: 157px;
	height: 157px;
	position: absolute;
	top: 120px;
	right: 80px;
}
.banner .text_9 {
	background: url(../images/../images/banner2_5.png) no-repeat center center;
	width: 369px;
	height: 64px;
	position: absolute;
	top: 105px;
	right: 260px;
}
.banner .text_10 {
	background: url(../images/../images/banner2_6.png) no-repeat center center;
	width: 632px;
	height: 72px;
	position: absolute;
	top: 168px;
	right: 295px;
}
.banner .text_11 {
	font-size: 30px;
	font-style: italic;
	color: #fff;
	position: absolute;
	top: 257px;
	right: 395px;
}
.banner .text_12 {
	background: url(../images/banner3_1.png) no-repeat center center;
	width: 656px;
	height: 449px;
	position: absolute;
	top: 100px;
	left: -90px;
}
.banner .text_13 {
	background: url(../images/banner3_2.png) no-repeat center center;
	width: 553px;
	height: 102px;
	position: absolute;
	top: 160px;
	left: 635px;
}
.banner .text_14 {
	background: url(../images/banner3_3.png) no-repeat center center;
	width: 229px;
	height: 55px;
	position: absolute;
	top: 315px;
	left: 635px;
}
.banner .text_15 {
	background: url(../images/banner3_4.png) no-repeat center center;
	width: 229px;
	height: 55px;
	position: absolute;
	top: 398px;
	left: 635px;
}
.banner .text_16 {
	position: absolute;
	top: 315px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	left: 892px;
}
.banner .text_16 img {
	width: 105px;
	height: 105px;
}
.banner .text_16 span {
	display: block;
	text-align: center;
	color: #666;
}
.banner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background-color: #fff;
	opacity: 1;
	border-radius: 14px;
	margin: 0 8px !important;
}
.banner .swiper-pagination-bullet-active {
	background-color: #009864;
	width: 20px;
}
.boxPadding header {
	text-align: center;
}
.boxPadding header h1 {
	font-size: 30px;
	padding-bottom: 10px;
}
.boxPadding header p {
	font-size: 18px;
	color: #666;
}
.main_u {
	padding-top: 60px;
}
.main_u li {
	width: 370px;
	border-radius: 10px;
	background-color: #f3f3fb;
	float: left;
	margin: 17px 13px;
	padding: 35px 30px 35px 125px;
	box-sizing: border-box;
	position: relative;
	height: 135px;
	line-height: 24px;
}
.main_u li span {
	font-size: 16px;
	display: block;
	margin-top: 10px;
}
.main_u li p {
	font-size: 12px;
	color: #666;
}
.main_u li i.icon {
	width: 65px;
	height: 65px;
	display: block;
	top: 35px;
	left: 40px;
	border-radius: 65px;
	overflow: hidden;
	position: absolute;
}
.main_u li sub.icon {
	width: 75px;
	height: 75px;
	display: block;
	right: 5px;
	bottom: 5px;
	overflow: hidden;
	position: absolute;
}
.main_u li.main_u1 i.icon {
	background-position: 0 0;
}
.main_u li.main_u1 sub.icon {
	background-position: -65px 0;
}
.main_u li.main_u2 i.icon {
	background-position: 0 -65px;
}
.main_u li.main_u2 sub.icon {
	background-position: -65px -75px;
}
.main_u li.main_u3 i.icon {
	background-position: 0 -130px;
}
.main_u li.main_u3 sub.icon {
	background-position: -65px -150px;
}
.main_u li.main_u4 i.icon {
	background-position: 0 -195px;
}
.main_u li.main_u4 sub.icon {
	background-position: -65px -225px;
}
.main_u li.main_u5 i.icon {
	background-position: 0 -260px;
}
.main_u li.main_u5 sub.icon {
	background-position: -65px -300px;
}
.main_u li.main_u6 i.icon {
	background-position: 0 -325px;
}
.main_u li.main_u6 sub.icon {
	background-position: -65px -375px;
}
.main_b1 {
	background: url(../images/a1.png) no-repeat center center;
	width: 533px;
	height: 684px;
	display: block;
}
.main_a {
	width: 480px;
	padding-top: 110px;
}
.main_a li {
	padding-left: 105px;
	height: 100px;
	margin-top: 35px;
	position: relative;
	cursor: pointer;
}
.main_a li span {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
	color: #333;
}
.main_a li p {
	line-height: 24px;
	color: #666;
	font-size: 12px;
}
.main_a li i.icon {
	display: block;
	width: 65px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 5px;
}
.main_a li i.icon_a1 {
	background-position: -140px 0;
}
.main_a li i.icon_a2 {
	background-position: -140px -65px;
}
.main_a li i.icon_a3 {
	background-position: -140px -130px;
}
.main_a li i.icon_a4 {
	background-position: -140px -195px;
}
.main_a li:hover i.icon {
	background-position-x: -205px;
}
.bg1 {
	background: url(../images/bg1.jpg) no-repeat center center;
	height: 755px;
	box-sizing: border-box;
}
.bg1 header h1, .bg1 header p {
	color: #fff;
}
.main_c {
	width: 300px;
	margin-top: 130px;
}
.main_c li {
	padding-left: 65px;
	position: relative;
	margin-top: 40px;
	cursor: pointer;
}
.main_c li b {
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 5px;
	border: 1px solid #fff;
	border-radius: 45px;
}
.main_c li b i.icon {
	display: block;
	width: 27px;
	height: 27px;
	margin: 9px;
}
.main_c li b i.icon_c1 {
	background-position: 0 -390px;
}
.main_c li b i.icon_c2 {
	background-position: 0 -417px;
}
.main_c li b i.icon_c3 {
	background-position: 0 -444px;
}
.main_c li span {
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	color: #fff;
}
.main_c li p {
	line-height: 24px;
	font-size: 12px;
	color: #fff;
}
.main_c li:hover span {
	color: #3dc45e
}
.main_c li:hover b {
	background-color: #fff;
}
.main_c li:hover b i.icon {
	background-position-x: -27px;
}
.main_ca {
	width: 770px;
	height: 600px;
	position: relative;
}
.main_ca .main_ca1 {
	background: url(../images/iphone1.png) no-repeat center center;
	width: 605px;
	height: 483px;
	position: absolute;
	top: 105px;
	right: 150px;
}
.main_ca .main_ca2 {
	background: url(../images/iphone2.png) no-repeat center center;
	width: 606px;
	height: 484px;
	position: absolute;
	top: 85px;
	right: 20px;
}
.icon_d {
	text-align: center;
	margin-top: 45px;
}
.icon_d li {
	display: inline-block;
	min-width: 90px;
	padding: 0 20px;
}
.icon_d li i.icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
}
.icon_d li i.icon_d1 {
	background-position: 0 -472px;
}
.icon_d li i.icon_d2 {
	background-position: 0 -532px;
}
.icon_d li i.icon_d3 {
	background-position: 0 -592px;
}
.icon_d li i.icon_d4 {
	background-position: 0 -652px;
}
.icon_d li span {
	display: block;
	padding-top: 6px;
}
.boxP {
	height: 480px;
	background: url(../images/dn.png) no-repeat center bottom;
	position: relative;
}
.boxP div {
	width: 195px;
	position: absolute;
}
.boxP div i.icon {
	width: 104px;
	height: 117px;
	display: block;
	margin: auto;
}
.boxP div.boxP1 {
	top: 60px;
	left: 0;
}
.boxP div.boxP1 i.icon {
	background-position: -140px -259px;
}
.boxP div.boxP2 {
	top: 60px;
	right: 0;
}
.boxP div.boxP2 i.icon {
	background-position: -140px -376px;
}
.boxP div.boxP3 {
	top: 310px;
	left: 0;
}
.boxP div.boxP3 i.icon {
	background-position: -140px -493px;
}
.boxP div.boxP4 {
	top: 310px;
	right: 0;
}
.boxP div.boxP4 i.icon {
	background-position: -140px -610px;
}
.boxP div p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 10px;
}
.bg_f0f0f0 {
	background-color: #f0f0f0;
}
.main_v {
	margin-top: 70px;
}
.main_v li {
	float: left;
	width: 270px;
	background-color: #fff;
	margin: 13px;
	text-align: center;
	height: 150px;
	display: block;
	cursor: pointer;
}
.main_v li img {
	width: 200px;
	height: 100px;
	margin: 25px 0;
}
.boxPadding .swiper-container2 {
	overflow: hidden;
}
.boxPadding .swiper-pagination2 {
	margin-top: 40px;
	text-align: center;
}
.boxPadding .swiper-container2 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #ddd;
	opacity: 1;
}
.boxPadding .swiper-container2 .swiper-pagination-bullet-active {
	background-color: #666;
}
.main_n {
	height: 150px;
	background: url(../images/in_btn.jpg) no-repeat center center;
	text-align: center;
	overflow: hidden;
}
.main_n span {
	font-size: 26px;
	color: #fff;
	line-height: 70px;
	display: block;
	margin: 5px 0;
}
.main_n a {
	border-radius: 5px;
	background-color: rgb( 0, 204, 51 );
	box-shadow: 1px 1.732px 4px 0px rgb( 0, 0, 0, .5 );
	width: 245px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: auto;
	font-size: 16px;
	color: #fff;
}
.foot {
	background-color: #333438;
}
.footT {
	padding: 40px 0 35px;
}
.footT dl {
	float: left;
	margin-right: 115px;
	line-height: 36px;
}
.footT dl dt, .foot_r h2 {
	font-size: 14px;
	font-weight: bold;
	color: #f5f5f5;
	line-height: 36px;
}
.footT dl dd a {
	color: #96989f;
	font-size: 12px;
}
.footT dl dd a:hover {
	color: #00cc33;
}
.footT dl.foot_e dd img {
	width: 120px;
	height: 120px;
	margin-top: 20px;
}
.foot_r span {
	font-size: 36px;
	color: #00cc33;
	display: block;
	font-family: Arial;
	margin: 15px 0
}
.foot_r p {
	line-height: 24px;
	color: #96989f;
	font-size: 14px;
}
.footB {
	line-height: 55px;
	font-size: 14px;
	text-align: center;
	color: #96989f;
	background-color: #2e2f34;
	border-top: 1px solid #444;
	font-family: Arial;
}
.footB a{
	color: #fff;
	padding-left: 5px;
}
.footB a:hover{
	text-decoration: underline;
}
.banner_product {
	background: url(../images/product_banner.jpg) no-repeat center center;
	height: 350px;
}
.tabPanel .tab {
	text-align: center;
	width: 830px;
	margin: 40px auto 0;
	border-bottom: 1px solid #ddd;
}
.tabPanel .tab li {
	display: inline-block;
	cursor: pointer;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	width: 175px;
	margin-right: 35px;
	text-align: left;
}
.tabPanel .tab li:last-child {
	margin-right: 0;
}
.tabPanel .tab li i.icon {
	padding: 4px 12.5px;
	margin-right: 5px;
}
.tabPanel .tab li i.icon_p1 {
	background-position: -270px 0;
}
.tabPanel .tab li i.icon_p2 {
	background-position: -270px -25px;
}
.tabPanel .tab li i.icon_p3 {
	background-position: -270px -50px;
}
.tabPanel .tab li i.icon_p4 {
	background-position: -270px -75px;
}
.tabPanel .tab .hit {
	color: #3dc45e;
}
.tabPanel .tab .hit i.icon {
	background-position-x: -295px
}
.pane {
	display: none;
}
.productBox {
	padding-top: 115px;
	position: relative;
}
.productBox .pro_show_l {
	display: block;
	background: url(../images/pro2.png) no-repeat center center;
	width: 972px;
	height: 61px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.productBox .pro_show_r {
	display: block;
	background: url(../images/pro1.png) no-repeat center center;
	width: 817px;
	height: 61px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 999;
}
.productL1 {
	background: url(../images/p1.jpg) no-repeat center center;
	width: 620px;
	height: 414px;
}
.productR {
	width: 500px;
}
.productR hr {
	border: 0;
	height: 8px;
	background-color: #3dc45e;
	width: 50px;
	margin: 60px 0 45px;
}
.productR h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 30px;
	font-weight: 100;
}
.productR ul li {
	line-height: 36px;
	font-size: 14px;
	color: #666;
	position: relative;
	padding-left: 25px;
}
.productR ul li i {
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #6ed387;
	border-radius: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 15px;
	left: 5px;
}
.productL2 {
	background: url(../images/p2.jpg) no-repeat right center;
	width: 690px;
	height: 410px;
}
.productL3 {
	height: 418px;
	width: 690px;
	background: url(../images/p3.jpg) no-repeat right center;
}
.productL4 {
	background: url(../images/p4.jpg) no-repeat left center;
	height: 412px;
	width: 690px;
}
.productL5 {
	background: url(../images/p5.jpg) no-repeat right center;
	height: 411px;
	width: 690px;
}
.productL6 {
	background: url(../images/p6.jpg) no-repeat left center;
	height: 421px;
	width: 690px;
}
.productL7 {
	background: url(../images/p7.jpg) no-repeat right center;
	height: 416px;
	width: 690px;
}
.productL8 {
	background: url(../images/p8.jpg) no-repeat left center;
	height: 420px;
	width: 690px;
}
.productL9 {
	background: url(../images/p9.jpg) no-repeat right center;
	height: 413px;
	width: 690px;
}
.productL10 {
	background: url(../images/p10.jpg) no-repeat left center;
	height: 419px;
	width: 690px;
}
.productL11 {
	background: url(../images/p11.jpg) no-repeat right center;
	height: 451px;
	width: 690px;
	margin-bottom: -40px;
}
.productL12 {
	background: url(../images/p12.jpg) no-repeat left center;
	height: 423px;
	width: 690px;
}
.case_banner {
	background: url(../images/case_banner.jpg) no-repeat center center;
	height: 350px;
}
.case_s {
	padding: 40px 0;
}
.case_s li {
	float: left;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	background-color: #f5f5f5;
	padding: 0 25px;
	color: #333;
	cursor: pointer;
}
.case_s li i.icon {
	padding: 5px 12.5px;
	margin-right: 5px;
}
.case_s li .icon_case1 {
	background-position: -270px -100px;
}
.case_s li .icon_case2 {
	background-position: -270px -125px;
}
.case_s li .icon_case3 {
	background-position: -270px -150px;
}
.case_s li .icon_case4 {
	background-position: -270px -175px;
}
.case_s li .icon_case5 {
	background-position: -270px -200px;
}
.case_s li .icon_case6 {
	background-position: -270px -225px;
}
.case_s li:hover, .case_s li.active {
	background-color: #3dc45e;
	color: #fff;
}
.case_s li:hover i.icon, .case_s li.active i.icon {
	background-position-x: -295px
}
.case_d {
	width: 1200px;
	margin-left: -10px;
}
.case_d li {
	width: 276px;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	overflow: hidden;
	float: left;
	margin: 12px;
	cursor: pointer;
}
.case_d li:hover {
	border-color: #fff;
	box-shadow: 0 0 10px #aaa
}
.case_d li img {
	width: 270px;
	height: 130px;
	display: block;
	margin: 10px auto;
}
.case_d li div {
	border-top: 1px solid #e8e8e8;
	padding: 10px 15px;
	line-height: 24px;
}
.case_d li div span {
	font-size: 14px;
}
.case_d li div p {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 24px;
}
.case_p {
	padding: 40px 0 60px;
	text-align: center;
}
.case_p p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.case_p a {
	width: 360px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: auto;
	border-radius: 50px;
	color: #FFFFFF;
	background-color: #3dc45e;
	font-size: 16px;
	margin-top: 20px;
}
.case_p a:hover {
	box-shadow: 0 0 5px #999;
	opacity: .9
}
.price_banner {
	background: url(../images/price_banner.jpg) no-repeat center center;
	height: 350px;
}
.price_u li {
	float: left;
	width: 1190px;
	height: 255px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba( 51, 51, 51, .35 );
	padding: 40px 15px;
	box-sizing: border-box;
	position: relative;
	margin: 0!important;
}
.price_u {
	padding: 50px 0 10px;
}
.price_u li i.price_ui {
	position: absolute;
	top: 0;
	left: 0;
}
.price_ul {
	width: 220px;
	margin: 0 30px;
}
.price_ul b {
	border-width: 1px;
	border-color: rgb( 215, 245, 215 );
	border-style: solid;
	border-radius: 50%;
	background-color: rgb( 243, 255, 243 );
	width: 125px;
	height: 125px;
	display: block;
	margin: auto;
}
.price_ul b i {
	background: url(../images/q3.png) no-repeat center center;
	display: block;
	width: 90px;
	height: 90px;
	margin: 17.5px auto;
}
.price_ul span {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #333;
	margin-top: 20px;
}
.price_ul span strong {
	font-size: 30px;
	color: #3dc45e;
	font-family: "Arial";
	vertical-align: sub;
	margin: 0 5px;
}
.price_ur dl{
	width: 680px;
	padding-top: 30px;
}
.price_ur dl dt {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 30px;
}
.price_ur dl dd {
	color: #666;
	line-height: 36px;
	padding-left: 25px;
	position: relative;
	float: left;
	margin-right: 120px;
}
.price_ur dl dd i {
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/icon.png) no-repeat;
	background-position: -270px -250px;
	position: absolute;
	left: -2px;
	top: 6px;
}
.price_ur a {
	display: block;
	margin-left: 25px;
	border-radius: 3px;
	background-color: rgb( 61, 196, 94 );
	width: 141px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
	color: #fff;
	margin-top: 30px;
}
.price_u .price_uu {
	margin-left: 50px
}
.price_u .price_uu .price_ul b i {
	background: url(../images/q4.png) no-repeat center center;
}
.price_u .price_uu .price_ul span strong {
	color: #fa9524;
}
.price_u .price_uu .price_ur a {
	background-color: #fa9524;
	position: absolute;
	right: -120px;
	top: 40px;
}
.price_u .price_uu .price_ur{
	position: relative;
}
.price_h {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	margin: 30px 0;
	padding-left: 15px;
	box-sizing: border-box;
	border-left: 3px solid #3dc45e;
	font-weight: bold;
}
.dui {
	padding: 4px 12.5px;
	background: url(../images/dui.png) no-repeat center center;
}
.price_tab {
	border: 1px solid #289cee;
}
.price_tab thead tr td {
	line-height: 85px;
	background-color: #289cee;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-right: 1px solid #fff;
}
.price_tab thead tr td:last-child {
	border-right: 0;
}
.price_tab tbody tr td {
	font-size: 14px;
	padding: 18px 20px;
	border: solid #ebebeb;
	border-width: 0 1px 1px 0;
	color: #333
}
.price_tab tbody tr td p {
	color: #666;
}
.seach {
	padding-bottom: 25px;
	padding-left: 15px;
}
.seach input {
	float: left;
}
.seach .seach_text {
	width: 515px;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	border: 1px solid #3dc45e;
	font-size: 13px;
	padding: 0 10px;
}
.seach .seach_btn {
	font-size: 16px;
	color: #fff;
	line-height: 45px;
	height: 45px;
	box-sizing: border-box;
	background-color: #3dc45e;
	width: 100px;
	cursor: pointer;
}
.price_tabb {
	margin-left: 15px;
}
.price_tabb tr td {
	border: 1px solid #eee;
}
.price_tabb thead tr td {
	line-height: 55px;
	height: 55px;
	text-align: center;
	font-size: 16px;
	background-color: #ebebeb;
	border-right: 1px solid #fff;
}
.price_tabb thead tr td:last-child {
	border-right: 1px solid #eee;
}
.price_tabb tbody tr td {
	font-size: 14px;
	color: #666;
	line-height: 45px;
	text-align: center;
}
.price_p {
	line-height: 55px;
	padding-left: 15px;
	color: #666;
}
.price_b {
	padding: 10px 0 40px;
}
.download_banner {
	height: 240px;
	background: url(../images/banner_download.png) no-repeat center center;
}
.download li {
	padding: 40px 0;
}
.download li .download_t {
	height: 70px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.download li .download_t .download_t1 i.icon {
	padding: 19px 27.5px;
	background-position: -244px -275px;
	vertical-align: bottom;
	margin-right: 10px;
}
.download li .download_t .download_t1 {
	font-size: 20px;
	line-height: 55px;
	color: #333
}
.download li .download_t .download_t1 span {
	font-size: 24px;
	margin-right: 5px;
}
.download li .download_t .download_t2 {
	font-size: 12px;
	color: #666;
	padding-top: 40px;
}
.download {
	padding-bottom: 40px;
}
.download li .download_b {
	padding-top: 25px;
}
.download li .download_b .download_b1 {
	line-height: 30px;
	font-size: 12px;
	color: #666;
	width: 520px;
}
.download li .download_b .download_b2 {
	width: 120px;
}
.download li .download_b .download_b2 img {
	width: 120px;
	height: 120px;
}
.download li .download_b .download_b2 span {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	display: block;
	text-align: center;
	margin-top: -5px;
}
.download li .download_b .download_b3 {
	width: 193px;
	text-align: center;
}
.download li .download_b .download_b3 a.btn {
	display: block;
	border-radius: 3px;
	background-color: rgb( 61, 196, 94 );
	width: 193px;
	height: 41px;
	line-height: 41px;
	font-size: 14px;
	color: #fff;
	margin-top: 50px;
}
.download li .download_b .download_b3 a.btn:hover {
	box-shadow: 0 0 5px #666;
	opacity: .9;
}
.download li .download_b .download_b3 a.text {
	font-size: 14px;
	color: #666;
	padding-top: 5px;
	display: block;
}
.download li .download_b .download_b3 a.text:hover {
	text-decoration: underline;
}
.download li .download_t .download_t3 i.icon {
	background-position: -244px -330px;
}
.download li .download_b .download_b4 a.btn {
	background-color: #296fed;
}
.agent_banner {
	background: url(../images/agent_banner.jpg) no-repeat center center;
	height: 350px;
}
.agent_a {
	padding-top: 80px;
}
.agent_a li {
	float: left;
	width: 25%;
	text-align: center;
}
.agent_a li b {
	border-width: 1px;
	border-color: rgb( 222, 222, 222 );
	border-style: solid;
	border-radius: 50px;
	width: 114px;
	height: 114px;
	display: block;
	margin: auto;
}
.agent_a li b i.icon {
	width: 70px;
	height: 70px;
	display: block;
	margin: 22px auto;
}
.agent_a li b i.agent_a1 {
	background-position: -244px -385px;
}
.agent_a li b i.agent_a2 {
	background-position: -244px -455px;
}
.agent_a li b i.agent_a3 {
	background-position: -244px -525px;
}
.agent_a li b i.agent_a4 {
	background-position: -244px -595px;
}
.agent_a li span {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
.agent_a li hr {
	border: none;
	height: 2px;
	width: 23px;
	margin: auto;
	background-color: #0cc88d;
	margin-top: 5px;
}
.agent_a li p {
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
.agent_b {
	padding-top: 20px;
}
.agent_b li {
	width: 560px;
	height: 110px;
	float: left;
	background-color: #fff;
	background-color: rgb( 255, 255, 255 );
	box-shadow: 0px 0px 15px 0px rgb( 153, 153, 153, .35 );
	margin-top: 65px;
}
.agent_b li:nth-child(odd) {
	margin-right: 70px;
}
.agent_b li .agent_bL {
	width: 130px;
	height: 110px;
	position: relative;
}
.agent_b li .agent_bL span {
	display: block;
	font-size: 16px;
	color: #fff;
	margin-top: 70px;
	text-align: center;
}
.agent_b li .agent_bL b {
	position: absolute;
	background-position: -60px -455px;
	display: block;
	width: 78px;
	height: 78px;
	left: 26px;
	top: -28px
}
.agent_b li .agent_bL i.icon {
	width: 35px;
	height: 35px;
	display: block;
	margin: 21px auto;
}
.agent_b li .agent_bL1 {
	background-color: #ff8d00;
}
.agent_b li .agent_bL1 i.icon {
	background-position: -60px -533px;
}
.agent_b li .agent_bL2 {
	background-color: #ff5d31;
}
.agent_b li .agent_bL2 i.icon {
	background-position: -95px -533px;
}
.agent_b li .agent_bL3 {
	background-color: #68c125;
}
.agent_b li .agent_bL3 i.icon {
	background-position: -60px -568px;
}
.agent_b li .agent_bL4 {
	background-color: #14cb89;
}
.agent_b li .agent_bL4 i.icon {
	background-position: -95px -568px;
}
.agent_b li .agent_bL5 {
	background-color: #01c8df;
}
.agent_b li .agent_bL5 i.icon {
	background-position: -60px -603px;
}
.agent_b li .agent_bL6 {
	background-color: #896cff;
}
.agent_b li .agent_bL6 i.icon {
	background-position: -95px -603px;
}
.agent_bR {
	width: 430px;
	padding: 15px 25px;
	box-sizing: border-box;
	font-size: 12px;
	color: #666;
	line-height: 24px;
	height: 110px;
}
.bg2 {
	background: url(../images/bg2.jpg) no-repeat center center;
	height: 498px;
	box-sizing: border-box;
}
.bg2 header h1, .bg2 header p {
	color: #fff;
}
.agent_d {
	border: solid #5ec3fd;
	border-width: 1px 0 0 1px;
	margin-top: 70px;
}
.agent_d li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	border: solid #5ec3fd;
	border-width: 0 1px 1px 0;
	line-height: 100px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.agent_d li:hover {
	background-color: #5ec3fd;
}
.agent_d li i.icon {
	padding: 7px 15px;
	vertical-align: top;
	margin-right: 8px;
}
.agent_d li i.icon_ag1 {
	background-position: -324px 0;
}
.agent_d li i.icon_ag2 {
	background-position: -324px -30px;
}
.agent_d li i.icon_ag3 {
	background-position: -324px -60px;
}
.agent_d li i.icon_ag4 {
	background-position: -324px -90px;
}
.agent_d li i.icon_ag5 {
	background-position: -324px -120px;
}
.agent_d li i.icon_ag6 {
	background-position: -324px -150px;
}
.agent_d li i.icon_ag7 {
	background-position: -324px -180px;
}
.agent_d li i.icon_ag8 {
	background-position: -324px -210px;
}
.agent_h {
	background: url(../images/p13.jpg) no-repeat center center;
	height: 270px;
}
.bg3 {
	background: url(../images/bg3.jpg) no-repeat center top;
	min-height: 545px;
}
.form_main {
	width: 800px;
	margin-left: 160px;
	margin-top: 50px;
}
.form_main .mar_none {
	margin-right: 0;
}
.form_main .agent_yz {
	width: 160px;
}
.agent_yz a {
	display: block;
}
.agent_yz a img {
	width: 160px;
	height: 38px;
}
.form_main .agent_box {
	margin-right: 0;
}
.form_main .agent_box .agent_box1 {
	width: 245px;
}
.form_main .agent_box .agent_box2 {
	margin-right: 0;
	width: 180px;
}
.form_main .agent_box .agent_box2 input {
	color: #3dc45e;
	border: 2px solid #3dc45e;
	cursor: pointer;
	font-size: 14px;
	line-height: 34px;
}
.form_main .agent_box .agent_box2 input:focus, .form_main .agent_box .agent_box2 input:hover {
	color: #3dc45e;
	border-color: #3dc45e !important;
}
.form_main .agent_k .layui-input-inline {
	width: 165px;
}
.form_main .agent_k .layui-input-inline:last-child {
	margin-right: 0;
}
.form_main .agent_btn button {
	width: 330px;
	background-color: #3dc45e;
	font-size: 18px;
}
.form_main .layui-form-item {
	margin-bottom: 20px;
	font-size: 14px;
}
.form_main .layui-form-item input {
	font-size: 14px;
}
.help_banner {
	height: 350px;
	background: url(../images/help_banner.jpg) no-repeat center center;
}
.help_bg {
	background: url(../images/help_banner_text.png) no-repeat center center;
	height: 245px;
}
.help_s {
	border-width: 1px;
	border-color: rgb( 220, 220, 220 );
	border-style: solid;
	border-radius: 3px;
	background-color: rgb( 255, 255, 255 );
	width: 484px;
	height: 40px;
	margin: auto;
}
.help_s .help_st {
	display: block;
	float: left;
	height: 40px;
	width: 380px;
	padding: 0 10px;
	font-size: 14px;
}
.help_s .help_sb {
	float: right;
	border-radius: 3px;
	background-color: rgb( 61, 196, 94 );
	width: 70px;
	height: 34px;
	margin: 3px;
	cursor: pointer;
	font-size: 13px;
	color: #fff;
}
.help_s .help_sb:hover {
	box-shadow: 0 0 2px #666;
	opacity: .9;
}
.help_mar {
	padding: 40px 0;
}
.help_mar h2 {
	font-size: 16px;
}
.help_u {
	padding-top: 20px;
}
.help_u li {
	float: left;
	width: 104px;
	display: block;
	text-align: center;
	margin: 25px 0;
	margin-right: 113.2px
}
.help_u li:nth-child(6), .help_u li:nth-child(12) {
	margin-right: 0;
}
.help_u li span {
	width: 104px;
	height: 104px;
	border-radius: 50%;
	background-color: rgb( 245, 245, 245 );
	display: block;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
}
.help_u li p {
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}
.help_u li span i.icon {
	width: 60px;
	height: 60px;
	display: block;
	margin: 22px auto;
}
.help_u li span i.icon_h1 {
	background-position: -350px 0;
}
.help_u li span i.icon_h2 {
	background-position: -350px -60px;
}
.help_u li span i.icon_h3 {
	background-position: -350px -120px;
}
.help_u li span i.icon_h4 {
	background-position: -350px -180px;
}
.help_u li span i.icon_h5 {
	background-position: -350px -240px;
}
.help_u li span i.icon_h6 {
	background-position: -350px -300px;
}
.help_u li span i.icon_h7 {
	background-position: -350px -360px;
}
.help_u li span i.icon_h8 {
	background-position: -350px -420px;
}
.help_u li span i.icon_h9 {
	background-position: -350px -480px;
}
.help_u li span i.icon_h10 {
	background-position: -350px -540px;
}
.help_u li span i.icon_h11 {
	background-position: -350px -600px;
}
.help_u li span i.icon_h12 {
	background-position: -350px -660px;
}
.help_l {
	padding: 25px 0;
}
.help_l li {
	float: left;
	width: 288px;
	margin-right: 12.5px;
	height: 140px;
	background-color: #fff;
}
.help_l li:last-child {
	margin-right: 0;
}
.help_l li p {
	line-height: 55px;
	height: 55px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #00a6ff;
}
.help_l li p a {
	color: #fff;
}
.help_l li:nth-child(2) p {
	background-color: #67d220
}
.help_l li:nth-child(3) p {
	background-color: #ffba00
}
.help_l li:nth-child(4) p {
	background-color: #fd7487
}
.help_l li .help_ld {
	padding: 15px 0 20px 10px;
	text-align: center;
}
.help_l li .help_ld a {
	font-size: 12px;
	color: #666;
	margin-right: 25px;
	display: inline-block;
	line-height: 24px;
}
.help_l li .help_ld a:hover {
	color: #3dc45e;
}
.help_y {
	padding: 55px 0;
}
.help_y li {
	float: left;
	width: 33.3333%;
	position: relative;
	padding-left: 135px;
	box-sizing: border-box;
}
.help_y li .line {
	border: 0 none;
	width: 1px;
	height: 45px;
	background-color: #ccc;
	position: absolute;
	right: 10px;
	top: 20px;
	opacity: .6;
}
.help_y li span {
	font-size: 14px;
	line-height: 24px;
}
.help_y li p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.help_y li a {
	border: 1px solid #3f3f3f;
	width: 100px;
	height: 30px;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 28px;
	box-sizing: border-box;
	display: block;
	border-radius: 3px;
	margin-top: 25px;
}
.help_y li a:hover {
	background-color: #3dc45e;
	border-color: #3dc45e;
	color: #fff;
}
.help_y li i.icon {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	top: 0;
	left: 60px;
}
.help_y li i.icon_y1 {
	background-position: -410px 0;
}
.help_y li i.icon_y2 {
	background-position: -410px -60px;
}
.help_y li i.icon_y3 {
	background-position: -410px -120px;
}
.pis {
	line-height: 48px;
	color: #999;
}
.pis a {
	color: #999;
}
.pis a:hover, .pis a.nows {
	color: #3dc45e;
}
.pis span {
	padding: 0 5px;
}
.helpBox {
	padding-bottom: 50px;
}
.helpL {
	background-color: rgb( 255, 255, 255 );
	box-shadow: 0px 0px 5px 0px rgb( 153, 153, 153, .35 );
	width: 200px;
}
.helpL dl {
	padding: 15px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 36px;
}
.helpL dl dt {
	padding-left: 30px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	position: relative;
}
.helpL dl dt i.icon {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
	left: 0;
}
.helpL dl dt i.icon_l {
	background-position: -320px -380px;
	left: inherit;
	right: 0;
}
.helpL dl dt i.icon_l1 {
	background-position: -320px -240px;
}
.helpL dl dt i.icon_l2 {
	background-position: -320px -260px;
}
.helpL dl dt i.icon_l3 {
	background-position: -320px -280px;
}
.helpL dl dt i.icon_l4 {
	background-position: -320px -300px;
}
.helpL dl dt i.icon_l5 {
	background-position: -320px -320px;
}
.helpL dl dt i.icon_l6 {
	background-position: -320px -340px;
}
.helpL dl dt i.icon_l7 {
	background-position: -320px -360px;
}
.helpL dl dd a {
	display: block;
	color: #444;
	padding-left: 30px;
}
.helpL dl dd a:hover {
	color: #3dc45e;
}
.helpR {
	background-color: rgb( 255, 255, 255 );
	box-shadow: 0px 0px 5px 0px rgb( 153, 153, 153, .35 );
	width: 965px;
	padding: 0 45px;
	box-sizing: border-box;
	min-height: 1153px
}
.helpR .helpR_h {
	font-size: 16px;
	color: #666;
	line-height: 45px;
	border-bottom: 2px solid #3dc45e;
	font-weight: bold;
	margin: 10px 0;
	width: 70px;
}
.helpR .helpR_u li a {
	line-height: 48px;
	font-size: 14px;
	color: #666;
}
.helpR .helpR_u li a:hover {
	text-decoration: underline;
}
.helpR .helpR_p {
	font-size: 14px;
	color: #333;
	line-height: 45px;
	border-bottom: 1px solid #ddd;
	margin: 10px 0;
}
.helpR .helpR_d {
	padding-top: 5px;
}
.helpR .helpR_d dd {
	color: #666;
	margin: 15px 0;
	line-height: 30px;
}
.helpR .helpR_d dt {
	color: #f2981e;
	font-weight: bold;
	margin: 15px 0;
}
.head_right {
	line-height: 75px;
	color: #666;
	font-size: 14px;
}
.head_right a {
	color: #459ae9;
}
.head_right a:hover {
	text-decoration: underline;
}
.land {
	background: url(../images/landing_bg.jpg) no-repeat center center;
	height: 680px;
}
.login_head {
	box-shadow: 0 0 0;
}
.login_bg {
	background: url(../images/landing_bg.jpg) no-repeat center center;
	height: 680px;
}
.login_bt {
	background: url(../images/login_bt.png) no-repeat center center;
	height: 576px;
	width: 502px;
	margin-top: 75px;
}
.login {
	border-radius: 5px;
	width: 390px;
	background: #fff;
	padding: 30px 0;
	margin-top: 125px;
	position: relative;
}
.login h1 {
	line-height: 58px;
	text-align: center;
	font-size: 20px;
	color: #022a00;
	background: #cef8d8;
}
.login_l {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -11px;
	top: 88px;
	background: url(../images/login_l.png) no-repeat center center;
}
.login_r {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -11px;
	top: 88px;
	background: url(../images/login_r.png) no-repeat center center;
}
.login_u {
	margin-top: 50px;
}
.login_u li {
	display: block;
	margin-bottom: 25px;
	padding: 0 30px;
}
.login_u li input {
	line-height: 40px;
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 0 38px;
	box-sizing: border-box;
}
.login_user {
	border: 1px solid #ddd;
	background: url(../images/user.png) no-repeat 9px center
}
.login_pass {
	border: 1px solid #ddd;
	background: url(../images/mima.png) no-repeat 9px center
}
.login_user1 {
	background: url(../images/iphone_icon.png) no-repeat 9px center;
}
.login_user2 {
	background: url(../images/i2.png) no-repeat 9px center;
}
.login_user3 {
	background: url(../images/i3.png) no-repeat 9px center;
}
.login_user6 {
	background: url(../images/i4.png) no-repeat 9px center;
}
.login_user7 {
	background: url(../images/i5.png) no-repeat 9px center;
}
.login_user8 {
	background: url(../images/i6.png) no-repeat 9px center;
}
.login_user9 {
	background: url(../images/i7.png) no-repeat 9px center;
	width: 160px;
	float: left;
	padding-left: 38px;
	border: 1px solid #ddd;
	line-height: 40px;
	height: 40px;
	margin-right: 10px;
}
.login_user9:last-child {
	margin-right: 0;
}
.login_btn {
	color: #f5f5f5;
	background: #3dc45e;
	font-size: 20px !important;
	cursor: pointer;
	border-radius: 5px;
}
.login_b {
	text-align: center;
}
.login_b a {
	font-size: 14px;
	color: #459ae9;
}
.login_b span {
	font-size: 12px;
	color: #aaa;
	margin: 0 10px;
}
.login_foot {
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	padding: 15px;
}
.password {
	margin-top: 80px;
}
.password h2 {
	font-size: 20px;
	padding: 0 30px;
}
.password .login_u {
	margin-top: 30px;
}
.password_a a {
	display: block;
	float: right;
	width: 140px;
	overflow: hidden;
	height: 40px;
}
.password_a a img {
	height: 40px;
	width: 140px
}
.password .password_a input {
	width: 170px;
	float: left
}
.password_b .login_user3 {
	float: left;
	width: 170px;
}
.password_b .login_user4 {
	float: right;
	width: 140px;
	height: 40px;
	border: 2px solid #3dc45e;
	border-radius: 3px;
	line-height: 38px;
	background-color: transparent;
	color: #3dc45e;
	cursor: pointer;
}
.login_u .password_c input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}
.login_u .password_c {
	color: #666;
	font-size: 14px;
}
.login_u .password_c a {
	color: #459ae9;
}
.password2 {
	margin-top: 50px;
}
.toolbar-item {
	background: url(../images/toolbar.png)
}
.toolbar {
	position: fixed;
	right: 0px;
	bottom: 30%;
	z-index: 9999999;
	background: #fff;
}
.toolbar-item {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	-moz-transition: background-position .2s;
	-ms-transition: background-position .2s;
	-o-moz-transition: background-position .2s;
	-webkit-moz-transition: background-position .2s;
	transition: background-position .2s;
}
.toolbar-item:hover .toolbar-layer {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.toolbar-item-weixin {
	background-position: 0 -62px;
}
.toolbar-item-feedback {
	background-position: 0 -124px;
}
.toolbar-item-top {
	background-position: 0 -372px;
}
.toolbar-layer {
	position: absolute;
	right: 60px;
	bottom: 0px;
	width: 123px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	box-shadow: 0 0 10px #999
}


.userBoxT{
	box-shadow: none !important;
	border: 2px solid #dedede !important;
}
.userBoxT .user_xiy{
	max-height: 480px;
	overflow: auto;
	font-size: 12px;
	line-height: 24px;
	padding: 20px;
	color:#444
}

.userBoxT .layui-layer-btn{
	text-align: center;
	padding-top: 0 !important;
}
.userBoxT .layui-layer-btn .layui-layer-btn0{
	font-size: 20px;
	background-color: #3dc45e;
	padding: 5px 120px;
	border-color: #3dc45e;
	margin-top: -20px;
}


.toolbar-item-weixin{
	position: relative;
	cursor: pointer;
}
.toolbar-item-weixin dl{
	position: absolute;
	width: 70px;
	height:auto;
	background-color: #fff;
	left: -105px;
	top: -120px;
	box-shadow: 0 0 10px #bbb;
	padding: 15px;
	display: none;
}

.toolbar-item-weixin dl dt{
	font-size: 14px;
	color:#666;
	line-height: 30px;
}
.toolbar-item-weixin dl dd a{
	line-height: 30px;
	display: block;
	padding-left: 22px;
	background: url(../images/qq.png) no-repeat -3px center;
}
.toolbar-item-weixin:hover dl{
	display: block;
}