@charset "utf-8";

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,pre,select， legend,td,textarea,th,ul {
	margin: 0;
	color: #333;
	font-size: 9pt;
	font-family: Tahoma,Geneva,sans-serif
}

* {
	box-sizing: border-box
}

button,h1,h2,h3,h4,h5,h6,input,select,textarea {
	font-size: 100%
}

address,cite,dfn,em,var {
	font-style: normal
}

code,kbd,pre,samp {
	font-family: couriernew,courier,monospace
}

small {
	font-size: 9pt
}

ol,ul {
	padding: 0;
	list-style: none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline;
	cursor: pointer
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

legend {
	color: #000
}

fieldset,img {
	border: 0
}

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

input,label {
	text-indent: 3px
}

i,input,label {
	vertical-align: middle
}

i {
	color: #0b9ae8;
	font-style: normal;
	font-size: 40px;
	font-family: "微软雅黑";
	cursor: pointer
}

.more a,.more a:hover {
	color: #3aadff;
	text-decoration: none
}

.Company_h1 {
	color: #333;
	text-align: center;
	font-size: 30px;
	line-height: 1.8
}

.Company_h1,.Company_h2 {
	font-family: 微软雅黑
}

.Company_h2 {
	color: #666;
	font-size: 18px
}

.Company_h3 {
	overflow: hidden;
	padding: 15px;
	width: 100%;
	text-align: left;
	text-indent: 25px;
	white-space: normal;
	word-wrap: break-word;
	font-family: 微软雅黑;
	line-height: 1.8;
	word-break: normal
}

.Company_h3,.content_title {
	color: #999;
	font-size: 14px
}

.topbar {
    width: 100%;
    background-color: #383a3d;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.topbar-inner {
	margin: auto;
	max-width: 750pt;
	text-indent: 25px;
	line-height: 2pc
}

.topbar-inner,.topbar-inner a {
	color: #fff;
	font-size: 9pt
}

.topbar-right {
	float: right;
	margin-left: 1pc
}

.header {
    width: 100%;
    background: #fff;
    line-height: 70px;
    position: fixed;
    top: 32px;
    z-index: 1000;
    border-bottom: 1px solid #e4e4e4
}

.header,.header .wrap {
	height: 70px
}

.header img {
	width: 200px;
	vertical-align: middle
}

.header #indexMenu li {
	float: left;
	list-style: none
}

.header #indexMenu li:nth-child(2) {
	padding-left: 20px
}

.header #indexMenu li:nth-child(1) {
	width: 225px;
	height: 75px;
	border-bottom: 0
}

.header #indexMenu li:nth-child(1) .active {
	border-bottom: 0
}

.header #indexMenu li a {
	position: relative;
	display: inline-block;
	width: 115px;
	color: #999;
	text-align: center;
	font-size: 1pc;
	cursor: pointer
}

.header #indexMenu li:nth-child(1) a {
	margin: 0
}

.header #indexMenu li a {
	text-decoration: none
}

.header #indexMenu li a:hover {
	color: #BE1E2D;
	font-weight: bold;
}

.header #indexMenu li .active {
	height: 70px;
	border-bottom: 5px solid #BE1E2D;
	color: #BE1E2D;
	font-weight: bold;
}

.about_header a {
	cursor: inherit
}

.about_header_list {
	position: absolute;
	z-index: 100000;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 75pt;
	background: #fff;
	text-align: center
}

.about_header_list dt {
	margin: 0;
	padding: 0;
	color: #999;
	list-style: none;
	font-size: 11pt;
	line-height: 40px;
	cursor: pointer
}

.about_header_list dt:hover {
	background: #BE1E2D;
	color: #fff;
}

.about_header_list dt span {
	display: block
}

.flexslider .block {
	margin: 0 auto;
	width: 1110px;
	height: 500px
}

.flexslider .block .wrap_1 {
	position: relative
}

.flexslider .block .title {
	position: absolute;
	top: 170px;
	left: 60px
}

.flexslider .block .desc {
	position: absolute;
	top: 230px;
	left: 60px;
	width: 500px;
	line-height: 35px;
	word-break: break-word;
	word-break: break-all
}

.flexslider .block .title .web-font {
	color: #333;
	text-align: left;
	font-size: 36px
}

.flexslider .block .desc .web-font {
	color: #333;
	text-align: left;
	font-size: 20px;
	opacity: .8
}

.Stitle {
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 2in;
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	line-height: 1.8;
	word-break: normal
}

.wrap {
	margin: auto;
	max-width: 750pt
}

.center {
    margin-top:102px;
	width: 100%
}

.center .wrap .appointBanner {
	height: 25pc
}

.center .wrap .appointBanner ul li {
	float: left;
	margin: 0 15px;
	width: 220px;
	height: 20pc;
	border: 1px solid #38adff;
	list-style: none
}

.center .wrap .appointBanner1 {
	height: 350px
}

.center .wrap .left {
	float: left;
	margin-right: 50px;
	width: 25pc
}

.center .wrap .right {
	float: right;
	width: 465px
}

.center .wrap .left1 {
	float: left;
	margin-right: 50px;
	width: 485px
}

.center .wrap .right1 {
	float: right;
	width: 445px;
	text-align: right
}

.center .wrap .wrap img {
	width: 25pc;
	height: 20pc
}

.center .wrap .left1 .tabDesc {
	text-align: left
}

.center .wrap .right1 .tabDesc {
	text-align: right
}

.center .wrap .left .tabDesc {
	text-align: left
}

.center .wrap .right .tabDesc {
	text-align: right
}

.center .wrap .tabDesc h3 {
	height: 5pc;
	color: #323232;
	font-weight: 400;
	font-size: 40px;
	line-height: 5pc
}

.center .wrap .tabDesc p {
	color: #6a6b6b;
	font-size: 20px;
	line-height: 50px
}

.center .wrap .appointModule-title {
	margin: 50px auto;
	max-width: 750pt;
	color: #4a4a4a;
	text-align: center;
	font-size: 50px;
	line-height: 3pc
}

.center .wrap .appointBanner2 {
	padding: 40px 0;
	height: 25pc
}

.banner {
	height: 500px
}

.content {
	box-sizing: border-box;
	width: 100%
}

.content .Plist {
	margin: 35px auto;
	padding: 15px;
	height: 360px;
	max-width: 750pt
}

.content .Plist .Plist_left {
	float: left;
	width: 45%
}

.content .Plist .Plist_left img {
	clear: both;
	display: block;
	width: 100%;
	vertical-align: middle
}

.content .Plist .Plist_right {
	float: right;
	padding-right: 15px;
	width: 45%
}

.content .Plist .Plist_right .title1 {
	margin-bottom: 26px;
	color: #333;
	text-align: right;
	font-style: normal;
	font-size: 40px;
	font-family: webfont!important;
	line-height: 56px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.content .Plist .Plist_right .title2 {
	overflow-y: auto;
	height: 175px;
	color: #666;
	text-align: left;
	font-size: 18px;
	line-height: 27px;
	opacity: .8
}

.content .Ylist {
	margin: 35px auto;
	padding: 15px;
	height: 360px;
	max-width: 750pt
}

.content .Ylist .Ylist_left {
	float: left;
	width: 45%
}

.content .Ylist .Ylist_right {
	float: right;
	padding-right: 15px;
	width: 45%
}

.content .Ylist .Ylist_left .title1 {
	margin-bottom: 26px;
	color: #333;
	text-align: left;
	font-style: normal;
	font-size: 40px;
	font-family: webfont!important;
	line-height: 56px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.content .Ylist .Ylist_left .title2 {
	overflow-y: auto;
	height: 175px;
	color: #666;
	text-align: left;
	font-size: 18px;
	line-height: 27px;
	opacity: .8
}

.content .Ylist .Ylist_right img {
	float: right;
	display: inline;
	width: 385px;
	vertical-align: middle
}

.content .Service {
	position: relative;
	overflow-x: hidden;
	margin: 5px;
	height: auto;
	max-height: none;
	min-height: 5px
}

.content .Service .sTitle {
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 2in;
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
	line-height: 1.8;
	word-break: normal
}

.content .Service .sContent {
	margin: 0 auto;
	padding: 15px;
	height: 275px;
	max-width: 750pt;
	text-align: center
}

.content .Service .sContent .ul {
	margin: 0 auto;
	max-width: 55pc
}

.content .Service .sContent li {
	position: relative!important;
	float: left;
	overflow-x: hidden;
	margin: 5px 10px;
	width: 200px;
	height: auto;
	list-style: none;
	vertical-align: top
}

.content .Service .sContent li top img {
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 150px
}

.content .Service_01 .sContent li {
	float: left;
	margin-bottom: 20px;
	width: 293px;
	height: 115px;
	list-style: none;
	vertical-align: top
}

.content .Service_01 .sContent li .left {
	position: relative;
	float: left;
	margin: 5px 10px 5px 5px;
	width: 83px
}

.content .Service_01 .sContent li .left img {
	display: inline;
	width: 83px;
	height: 83px;
	border: 0;
	vertical-align: top
}

.content .Service_01 .sContent li .right {
	float: right;
	width: 195px;
	text-align: left
}

.content .Service_01 .sContent li .right span {
	display: block;
	word-wrap: break-word
}

.footer {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 78px;
	background: #ccc;
	color: #666;
	font-size: 9pt
}

.footer .record {
	position: relative;
	margin: 0 auto;
	padding: 2pc 0;
	max-width: 750pt;
	text-align: center
}

.footer .record a{
	margin-left: 10px;
}

.nav_fixed {
	position: fixed;
	top: 32px;
	z-index: 1000;
	border-bottom: 1px solid #e4e4e4
}

.swiper-container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 100%
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.banner .arrow-left {
	left: 20px;
	background: url(../img/banner_arrow.png) no-repeat left top
}

.banner .arrow-left,.banner .arrow-right {
	position: absolute;
	top: 50%;
	z-index: 999;
	width: 70px;
	height: 70px;
	cursor: pointer
}

.banner .arrow-right {
	right: 20px;
	background: url(../img/banner_arrow.png) no-repeat left bottom
}

.banner #swiper-slide1 {
	background: url(../img/1.png);
	background-position: center 0;
	background-repeat: no-repeat
}

.banner #swiper-slide2 {
	background: url(../img/2.png);
	background-position: center 0;
	background-repeat: no-repeat
}

.banner #swiper-slide3 {
	background: url(../img/3.png);
	background-position: center 0;
	background-repeat: no-repeat
}

.banner #swiper-slide4 {
	background: url(../img/1.png);
	background-position: center 0;
	background-repeat: no-repeat
}

.banner #swiper-slide5 {
	background: url(../img/5.png);
	background-position: center 0;
	background-repeat: no-repeat
}

.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: #fff
}

.case {
	width: 100%;
	background: #fff
}

.case .case_img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 300px;
	border-bottom: 5px solid #eee;
	background: #0655a4 url(../img/bannerCase2.jpg?t=20240516) no-repeat center center;
	background-size: cover;
	text-indent: -750pt
}

.case .wrap {
	margin: 35px auto
}

.case .wrap .tab_cont {
	padding: 0 25px
}

.case .case_list .first_left {
	float: left;
	width: 20%;
	text-align: right
}

.wrap .case_list .right {
	position: relative;
	float: left;
	padding: 0 24px;
	width: 80%;
	border-left: 1px solid #d8d8d8
}

.case .case_list .first_right {
	border-left: 0
}

.case .case_list .first_left .avatar {
	width: 10pc
}

.case .case_list .first_left .logo {
	margin-top: 10px;
	width: 10pc
}

.case .case_list .first_left .content {
	margin-top: 10px;
	padding-left: 15px;
	text-align: center
}

.case .case_list .right .title {
	color: #000;
	font-size: 20px
}

.case .case_list .right .desc {
	overflow: hidden;
	margin-top: 10px;
	height: 36px;
	color: #999;
	font-size: 9pt;
	line-height: 18px
}

.case .case_list .first_right img {
	margin-top: 10px;
	width: 100%
}

.tab_list {
	overflow: hidden;
	width: 750pt;
	background: #fff;
	zoom: 1
}

.tab_list li {
	float: left;
	margin-bottom: 10px;
	padding: 0 15px;
	border-right: 1px solid #999;
	color: #666;
	font-size: 1pc;
	cursor: pointer
}

.tab_list li.current {
	color: #3aadff
}

.tab_cont ul {
	display: none;
	padding: 10px;
	line-height: 25px
}

.tab_list li:first-child {
	padding: 0 15px 0 0
}

.wrap .case_list {
	display: block;
	overflow: hidden;
	margin-top: 9pt;
	padding: 24px 0;
	width: 100%;
	border: 1px solid #e4e4e4;
	color: #000
}

.wrap .case_list .left {
	float: left;
	margin: 0;
	width: 184px;
	text-align: center
}

.wrap .case_list .left img {
	width: 180px;
	height: 70px
}

.wrap .case_list .right .title {
	color: #000;
	font-size: 20px
}

.wrap .case_list .right .desc {
	overflow: hidden;
	margin-top: 10px;
	height: 36px;
	color: #999;
	font-size: 9pt;
	line-height: 18px
}

.wrap .case_list .right .link {
	position: absolute;
	top: 58px;
	right: 29px;
	color: #38adff;
	font-size: 9pt;
	cursor: pointer
}

.feature {
	margin-bottom: 25px;
	width: 100%;
	background: #fff
}

.feature_img {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 300px;
    border-bottom: 5px solid #eee;
    background: #0655a4 url(../img/bannerProduct2.png?t=20240516) no-repeat center -650px;
    text-indent: -750pt
}

.feature .Plist {
	margin: 50px auto;
	height: 300px;
	max-width: 750pt
}

.feature .Plist .Plist_left {
	float: left;
	padding-left: 15px;
	width: 45%
}

.feature .Plist .Plist_left img {
	clear: both;
	display: block;
	width: 25pc;
	height: 290px;
	vertical-align: middle
}

.feature .Plist .Plist_right {
	float: right;
	padding-right: 15px;
	width: 45%
}

.feature .Plist .Plist_right .title1 {
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	font-style: normal;
	font-size: 20px;
	font-family: webfont!important;
	line-height: 25px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.feature .Plist .Plist_right .title1 span {
	display: block;
	color: #333;
	font-size: 20px;
	font-family: 微软雅黑
}

.feature .Plist .Plist_right .title1 .gran {
	color: #999;
	font-size: 14px;
	font-family: Arial
}

.feature .Plist .Plist_right .title2 {
	overflow-y: auto;
	height: 200px;
	color: #666;
	text-align: left;
	font-size: 14px;
	line-height: 27px;
	opacity: .8
}

.feature .Ylist {
	margin: 50px auto;
	height: 300px;
	max-width: 750pt
}

.feature .Ylist .Ylist_left {
	float: left;
	padding-left: 15px;
	width: 45%;
	height: 255px
}

.feature .Ylist .Ylist_right {
	float: right;
	padding-right: 15px;
	width: 45%;
	height: 255px
}

.feature .Ylist .Ylist_left .title1 {
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	font-style: normal;
	font-size: 20px;
	font-family: webfont!important;
	line-height: 25px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.feature .Ylist .Ylist_left .title1 span {
	display: block;
	color: #333;
	font-size: 20px;
	font-family: 微软雅黑
}

.feature .Ylist .Ylist_left .title1 .gran {
	color: #999;
	font-size: 14px;
	font-family: Arial
}

.feature .Ylist .Ylist_left .title2 {
	overflow-y: auto;
	height: 200px;
	color: #666;
	text-align: left;
	font-size: 14px;
	line-height: 27px;
	opacity: .8
}

.feature .Ylist .Ylist_right img {
	float: right;
	display: inline;
	width: 25pc;
	height: 290px;
	vertical-align: middle
}

.feature_Info {
	margin: 5px auto;
	padding: 0 10px;
	max-width: 750pt;
	border-top: 1px solid #e4e4e4
}

.feature_Info .title_1 {
	margin: 25px;
	width: 904px;
	height: 45px;
	color: #930031;
	text-align: center;
	font-size: 45px;
	line-height: 45px
}

.feature_Info .title_2 {
	margin: 0 0 20px;
	width: 904px;
	height: 25px;
	color: #234b71;
	text-align: left;
	font-size: 24px;
	line-height: 25px
}

.feature_Info .title_3 {
	width: 100%;
	height: 40px;
	color: #234b71;
	text-align: left;
	font-size: 20px;
	line-height: 40px
}

.feature_Info .title_content {
	width: 904px;
	color: #999;
	text-align: left;
	font-size: 13px;
	line-height: 25px
}

.cms_server {
	width: 100%;
	background: #fff;
	color: #999
}

.cms_server .cms_server_img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 300px;
	border-bottom: 5px solid #eee;
	background: #0655a4 url(../img/bannerService2.png?t=20240516) no-repeat center 74.3%;
	background-size: cover;
	text-indent: -750pt
}

.border {
	border-bottom: 1px solid #e4e4e4
}

.cms_server #bodyer {
	margin: 0 auto;
	padding: 0 15px 50px
}

.cms_server #bodyer,.cms_server .bodyerBoxs {
	position: relative;
	clear: both;
	max-width: 750pt
}

.cms_server .bodyerBoxs {
	height: auto
}

.cms_server .bodyerBoxs h3,.cms_server .bodyerBoxs h5 {
	height: 60px;
	border-bottom: 1px dashed #ccc;
	color: #38adff;
	font-size: 24px;
	line-height: 60px
}

.cms_server .bodyerBoxs h5 {
	border-bottom: 0
}

.cms_server #serviceBox00 {
	height: 345px;
	max-width: 750pt
}

.cms_server .wrap .serviceLinkBox01 li {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin: 15px;
	width: 200px;
	height: 130px
}

.cms_server .wrap .serviceLinkBox01 li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 260px;
	color: #0655a4;
	text-decoration: none;
	cursor: inherit
}

.cms_server .wrap .serviceLinkBox01 li h5 {
	padding: 90px 10px 40px;
	width: 200px;
	height: 40px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	font-size: 1pc;
	line-height: 40px
}

.cms_server .wrap .serviceLinkBox01 li div {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 20px 20px 25px;
	width: 200px;
	height: 130px;
	border: 1px dashed #ccc;
	background: #fff;
	color: #666;
	font-size: 9pt;
	line-height: 22px
}

.cms_server .wrap .serviceLinkBox01 li p {
	position: relative;
	display: block;
	overflow: hidden;
	width: 186px;
	height: 88px;
	line-height: 22px
}

.cms_server .wrap .serviceLinkBox01 li span {
	color: #09aee4;
	vertical-align: middle;
	text-decoration: none;
	font-size: 9pt
}

#product01 h5 {
    background: #09aee4 url(../img/picService01.jpg?t=20210811) no-repeat 0 0
}

#product02 h5 {
    background: #09aee4 url(../img/picService02.jpg?t=20210811) no-repeat 0 0
}

#product03 h5 {
    background: #09aee4 url(../img/picService03.jpg?t=20210811) no-repeat 0 0
}

#product04 h5 {
    background: #09aee4 url(../img/picService04.jpg?t=20210811) no-repeat 0 0
}

#product01 li,#product02 li,#product03 li,#product04 li {
	float: left;
	margin: 5px;
	width: 150px;
	height: 20px;
	list-style: none;
	text-align: left;
	text-indent: 5px;
	line-height: 20px;
	word-break: break-all
}

#product01 li i,#product02 li i,#product03 li i,#product04 li i {
	float: left;
	display: block;
	margin-top: 8px;
	width: 10px;
	height: 10px;
	background: #09aee4;
	vertical-align: middle;
	cursor: context-menu
}

.cms_server .serviceLinkBox01 {
	height: 225px
}

.cms_server .serviceLinkBox02 {
	clear: both;
	margin: 0;
	height: 130px;
	max-width: 750pt
}

.cms_server .serviceLinkBox02 ul {
	margin: 0 auto
}

.cms_server .serviceLinkBox02 li:first-child {
	margin: 0
}

.cms_server .serviceLinkBox02 li {
	float: left;
	margin: 0 0 0 15px;
	width: 175px;
	height: 50px;
	color: #999;
	text-align: center;
	line-height: 50px
}

.cms_server .serviceLinkBox02 li a {
	display: block;
	width: 186px;
	height: 3pc;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #f7f7f7;
	line-height: 3pc
}

.video {
	margin-bottom: 25px;
	width: 100%;
	background: #fff
}

.video .video_img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 300px;
	border-bottom: 5px solid #eee;
	background: #0655a4 url(../img/video_img2.png?t=20240516) no-repeat center -160px;
	text-indent: -750pt
}

.video .video_content,.video .video_content1 {
	overflow: hidden;
	margin: 25px auto;
	padding: 0 15px;
	max-width: 750pt
}

.video_content1 ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.video_content1 ul li {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 295px;
	height: 260px
}

.video .video_content1 .title {
	display: block;
	padding: 25px 0;
	color: #000;
	text-align: center;
	font-size: 20px
}

.video_content1 ul li img {
	width: 280px
}

.product-wrap {
	width: 100%;
	height: 350px;
	text-align: center
}

.product-wrap .video_left {
	float: left;
	width: 45%
}

.product-wrap .video_left video {
	width: 100%
}

.product-wrap .video_right {
	float: right;
	width: 45%
}

.product {
	position: relative;
	display: none;
	overflow: hidden;
	margin-top: 20px;
	height: 350px
}

.product ul {
	position: absolute;
	left: 0
}

.product-wrap .show {
	display: block
}

.product-wrap .product li {
	float: left;
	display: inline;
	margin-left: 13px;
	border: 2px solid #fafafa;
	background: #f3f3f3;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	-ms-transition: .4s
}

.product-wrap .product li.ml0 {
	margin-left: 0
}

.product-wrap .product li a.imgwrap {
	display: block;
	width: 226px;
	height: 200px;
	background: #fff;
	text-align: center
}

.product-wrap .product li p {
	padding-left: 15px;
	color: #666;
	line-height: 22px
}

.product-wrap .product li p a {
	color: #666;
	text-decoration: none
}

.product-wrap .product li p a:hover {
	color: #f60;
	text-decoration: none
}

.product-wrap .product h3 {
	height: 5pc;
	color: #323232;
	font-weight: 400;
	font-size: 30px;
	line-height: 5pc
}

.product-wrap .product p {
	overflow-y: auto;
	height: 135px;
	color: #6a6b6b;
	text-align: left;
	font-size: 18px;
	line-height: 36px
}

.product-wrap .product .tabDesc {
	margin-bottom: 40px
}

.product-wrap .product .expriceBtn {
	display: inline-block;
	width: 17pc;
	height: 57px;
	border: 2px solid #ff8000;
	border-radius: 5px
}

.product-wrap .product .expriceBtn span {
	float: left;
	margin-left: 2pc;
	height: 57px;
	color: #ff8000;
	vertical-align: middle;
	font-size: 30px;
	line-height: 57px
}

.product-wrap .product .expriceBtn i {
	float: left;
	margin-top: 13px;
	margin-left: 15px;
	width: 30px;
	height: 30px;
	background: url(../img/btn_Ok.png) no-repeat;
	vertical-align: middle
}

.video .video_list {
	margin: 50px auto;
	padding: 0 15px;
	height: 515px;
	max-width: 750pt
}

.video .video_list .courses {
	margin: 0 auto;
	width: 980px
}

.video .video_list .adultCourse {
	margin-right: 26px
}

.juniorCourse,.video .video_list .adultCourse {
	float: left;
	width: 457px
}

.courseImg img {
	width: 455px
}

.video .video_list .couseTypeBox,.video .video_list .couseTypeBox2 {
	background-color: #fcc800
}

.couseTypeBox2,.video .video_list .couseTypeBox {
	width: 455px;
	height: 40px
}

.video .video_list .couseType {
	padding-left: 50px;
	word-wrap: break-word;
	line-height: 40px
}

.video .video_list .couseType li {
	color: #232323
}

.video .video_list .couseType li,.video .video_list .couseType2 li {
	float: left;
	margin-right: 2pc;
	font-size: 20px;
	font-family: "微软雅黑"
}

.video .video_list .couseType2 {
	padding-left: 2pc;
	line-height: 40px
}

.video .video_list .listenBtnBox {
	width: 100%;
	height: 50px;
	text-align: center
}

.video .video_list .listenBtn {
	color: #fcbe00
}

.listenBtn2,.video .video_list .listenBtn {
	width: 102px;
	height: 50px;
	font-size: 24px;
	line-height: 50px
}

.video .orderNow {
	text-align: center
}

.video .orderNow_btn {
	display: inline-block;
	margin: 54px 0 74px;
	width: 273px;
	height: 54px;
	background: #ff8000;
	color: #fff;
	font-size: 22px;
	line-height: 54px
}

.about {
	width: 100%;
	background: #fff
}

.about .about_img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 300px;
	border-bottom: 5px solid #eee;
	background: #0655a4 url(../img/bannerAbout2.png?t=20240516) no-repeat center center;
	background-size: cover;
	text-indent: -750pt
}

.about .Company_profile,.about .comoany_culture {
	padding: 0 15px
}

.about .about_list {
	display: block;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 15px;
	width: 100%;
	color: #000
}

.about .about_list .left {
	float: left;
	margin: 0;
	padding: 15px 0;
	width: 30%;
	text-align: center
}

.about .about_list .left img{
	width: 270px;
	height: 280px;
	border-radius: 30px;
}

.about .about_list .right {
	position: relative;
	float: left;
	padding-left: 50px;
	width: 70%
}

.about .about_list .right .title {
	color: #333;
	font-size: 25px;
	font-family: 微软雅黑;
	line-height: 1.8
}

.about .about_list .right .content {
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	color: #999;
	text-align: left;
	text-indent: 25px;
	white-space: normal;
	word-wrap: break-word;
	font-size: 14px;
	font-family: 微软雅黑;
	line-height: 1.8;
	word-break: normal
}

.about .comoany_culture .content {
	padding: 10px 0;
	width: 100%;
	color: #999;
	word-wrap: break-word;
	line-height: 30px
}

.about .comoany_culture .title {
	padding: 5px 0;
	border-bottom: 1px solid #38adff;
	color: #38adff;
	font-weight: 700;
	font-size: 24px
}

.about .comoany_culture .content .title1 {
	/*float: left;*/
	margin-left: 40px;
	margin-right: 0;
	/*width: 95px;*/
	color: #38adff;
	text-align: right;
	font-size: 14px
}

.firstList {
	float: left;
	width: 225px
}

.about .contact {
	margin: 10px 0;
	padding: 0 15px
}

.about .contact img {
	padding-top: 5px;
	width: 45%;
}

.about .contact_us {
	float: right;
	width: 50%;
	line-height: 30px
}

.about .contact .title {
	width: 100%;
	color: #38adff;
	font-size: 20px
}

.about .course {
	position: relative;
	z-index: 1;
	clear: both;
	padding: 45px 15px 0;
	height: auto;
	max-width: 750pt
}

.hide {
	display: none
}

.tabImg {
	position: fixed;
	left: 0;
	z-index: 1000;
	margin: 10px;
	padding: 2px;
	width: 666px;
	height: 25pc;
	background: #38adff
}

.tabImg h3 {
	padding: 0 10px;
	height: 30px;
	color: #fff;
	line-height: 30px
}

.tabImg h3 span {
	float: right;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer
}

.BigImg img {
	cursor: pointer
}

.BigImg li img:hover {
	background: #000;
	opacity: .7
}

.tabImg h3 span:hover {
	color: red
}

.tabImg .tabImg_content {
	display: table-cell;
	padding: 1px;
	height: 360px;
	background: #fff;
	vertical-align: middle
}

.tabImg .tabImg_content img {
	width: 660px;
	height: 360px
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	opacity: .4
}

#timeBox {
	position: relative;
	padding: 5pc 0 0;
	height: auto;
	max-width: 750pt;
	background: url(../img/picAbout04.png) no-repeat 0 0
}

#timeBox1,#timeBox2,#timeBox3,#timeBox4 {
	width: 75pt;
	height: 5pc;
	text-align: center;
	line-height: 20px
}

#timeBoxs1,#timeBoxs2,#timeBoxs3,#timeBoxs4 {
	position: relative;
	display: none;
	margin: 20px 0 0;
	padding: 0;
	height: auto;
	max-width: 750pt;
	background: url(../img/picAbout02.png) repeat-y 14px 0
}

#timeBox1 a,#timeBox2 a,#timeBox3 a,#timeBox4 a {
	display: block;
	width: 75pt;
	height: 5pc;
	background: url(../img/picAbout06.png) no-repeat 40px 27px;
	color: #999;
	text-decoration: none;
	font-size: 14px
}

#timeBox1 a h4,#timeBox2 a h4,#timeBox3 a h4,#timeBox4 a h4 {
	margin: 0 0 30px;
	color: #666;
	font-size: 1pc;
	line-height: 20px
}

#timeBoxs1 h5,#timeBoxs2 h5,#timeBoxs3 h5,#timeBoxs4 h5 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 130px;
	height: 30px;
	color: #0655a4;
	text-align: right;
	font-size: 14px;
	line-height: 30px
}

#timeBoxs1 p,#timeBoxs2 p,#timeBoxs3 p,#timeBoxs4 p {
	padding: 2px 0 20px 180px;
	width: 650px;
	height: auto;
	background: url(../img/picAbout07.png) no-repeat 14px 0;
	color: #666;
	text-indent: 0;
	font-size: 14px;
	line-height: 24px
}

#timeBoxs1 p img,#timeBoxs2 p img,#timeBoxs3 p img,#timeBoxs4 p img {
	padding: 10px 20px 0 0;
	width: 130px;
	height: 90px;
	cursor: pointer
}

#timeBox1 {
	left: 75pt
}

#timeBox1,#timeBox2 {
	position: absolute;
	top: 0
}

#timeBox2 {
	left: 310px
}

#timeBox3 {
	left: 500px
}

#timeBox3,#timeBox4 {
	position: absolute;
	top: 0
}

#timeBox4 {
	left: 730px
}

.timeBox {
	position: relative
}

#timeBoxs1.select,#timeBoxs2.select,#timeBoxs3.select,#timeBoxs4.select {
	display: block
}

#timeBox1 a.select,#timeBox2 a.select,#timeBox3 a.select,#timeBox4 a.select {
	background: url(../img/picAbout05.png) no-repeat 40px 27px;
	color: #09aee4;
	font-size: 14px
}

.about_card {
	overflow: hidden;
	margin: auto;
	padding: 0;
	padding-top: 4pc;
	max-width: 750pt;
	background: #fff
}

.about_card .web-font {
	font-style: normal;
	font-size: 1pc;
	font-family: webfont!important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.about_card .phone {
	float: left;
	width: 15pc;
	height: 325px;
	border-radius: 30px
}

.about_card .phone .screen {
	margin: auto;
	width: 245px;
	height: 270px;
	border: 1px solid #e4e4e4
}

.about_card .cont {
	float: right
}

.about_card .cont .title {
	color: #333;
	font-size: 30px
}

.about_card .cont .title i {
	font-size: 30px
}

.about_card .cont .desc {
	margin-top: 10px;
	color: #999;
	font-size: 18px
}

.about_card .cont .list {
	overflow: hidden;
	margin-top: 26px
}

.about_card .list .item {
	position: relative;
	float: left;
	display: block;
	padding-top: 30px;
	width: 168px;
	height: 168px;
	border: 1px solid #e4e4e4;
	color: #999;
	text-align: center;
	cursor: pointer
}

.about_card .iconfont img {
	width: 75pt;
	height: 75pt
}

.about_card .list .item-sp {
	padding-top: 0
}

.about_card .list .item+.item {
	margin-left: 9px
}

.about_card .phone #side_code {
	margin: auto;
	margin-top: 40px;
	width: 150px;
	height: 150px
}

.about_card .phone p {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
	text-align: center;
	font-size: 9pt
}

.about_card .phone p+p {
	margin-top: -5px
}

.version_log {
	width: 100%;
	background: #fff
}

.version_log .wrap {
	margin: 0 auto;
	padding-bottom: 20px;
	max-width: 750pt
}

.version_log .hd {
	font-size: 24px
}

.version_log .item-hd {
	padding-top: 10px;
	font-size: 20px;
	line-height: 36px
}

.version_log .item-hd .t {
	display: inline-block;
	width: 200px;
	color: #444
}

.version_log .item-hd .date {
	padding-left: 20px;
	color: #999
}

.version_log .item-bd {
	padding-top: 10px
}

.version_log .title {
	line-height: 40px
}

.version_log li,.version_log ul {
	margin: 0;
	padding: 0
}

.version_log li {
	list-style: none;
	font-size: 13px
}

.flexslider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 500px;
	background: url(../img/loading.gif) 50% no-repeat
}

.slides {
	position: relative;
	z-index: 1
}

.slides li {
	height: 500px
}

.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center
}

.flex-control-nav li {
	margin: 0 5px;
	zoom: 1
}

.flex-control-nav a,.flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px
}

.flex-control-nav a {
	overflow: hidden;
	background: url(../img/dot.png) right 0 no-repeat;
	line-height: 40px;
	cursor: pointer
}

.flex-control-nav .flex-active {
	background-position: 0 0
}

.flex-direction-nav {
	position: absolute;
	top: 45%;
	z-index: 3;
	width: 100%
}

.flex-direction-nav li a {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(../img/prev.png) center center no-repeat
}

.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(../img/next.png) center center no-repeat
}