html {
   overflow-x: hidden;
}
body {
   font-family: "微软雅黑" !important;
   font-size: 14px;
   padding: 0;
   margin: 0;
}
a {
   text-decoration: none;
}
a:hover {
   cursor: pointer;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
button, input {
	outline: none;
}
.no-info {
   color: #cd0000;
}
placeholder { color:#474747;}
.main {
   width: 100%;
   background-color: #fff;
   clear: both;
   overflow: hidden;
}

/*yi_daohang*/
.logo { width: 17%; height: 60px; padding-top: 36.5px; float: left;}
.logo img { width: 100%; height: auto;}
.top_nav { float: right; width: 80%;margin-left: 3%;}
/*.top_nav li { width: 100px; height: 133px; line-height: 133px; float: left; margin: 0 0 0 44px; text-align: center;}
.top_nav li a { color:#474747; font-size: 20px;}
.top_nav li a:hover { border-top: 3px solid #f8a82a; display: block; line-height: 130px; height: 130px;}
.top_nav ul li .active { border-top: 3px solid #f8a82a; display: block; line-height: 130px; height: 130px;}*/
.carousel-caption h1 { font-size: 30px; color: #fff; font-weight: initial; margin:0; padding-top: 60px;}
.carousel-caption p { margin: 0; line-height: 46px; font-size: 18px;}
.carousel_blue { color: #04b2d4;}
.detail { float: right; width: 233px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; border: 2px solid #04b2d4; border-radius: 20px; margin-top: 20px !important;}
.detail a { width: 233px; height: 42px; display: block; color: #fff;}
.detail a:hover {color: rgb(80, 156, 230);}


/*er_daohang*/
#sticky { background: #2967b1; width: 100%; margin: 0 auto; overflow: hidden; z-index: 999;}
.nav_sy { /*width: 1332px;*/ margin: 0 auto;}
.logo_sy { float: left; width: 39%; background: #f8a82a;}
.logo_sy img { float: left; padding-left: 20%;}
.logo_sy li { float: right; height: 68px; line-height: 68px; width: 26.66666666%; height: 68px;}
.logo_sy li a { text-align: center; line-height: 68px; color: #fff; text-decoration: none; display: block; font-size: 18px;}
.nav { width: 61%; float: right; height: 68px; line-height: 68px; margin: 0 auto; padding: 0; list-style-type: none;}
.nav li {width: 17%; text-align: center; float: left; height: 68px; line-height: 68px;}
.nav a { height: 68px; line-height: 68px; color: #fff; text-decoration: none; display: block; font-size: 18px;}
.highlight { color: #f50;}
pre { padding: 10px; border: 1px solid #ededed; line-height: 20px; font-size: 12px; background-color: #f9f9f9;}
table { width: 100%; border-spacing: 0; border-collapse: collapse;}
.list { list-style-type: square;}
.list a { color: #2864BE;}
.gotop { font-size: 12px; padding: 5px; line-height: 14px; color: #fff; background-color: #0099CC; text-decoration: none;}
.vad { margin:30px 0 5px; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}
.log_in_text { width: 595px; height: 37px; margin: 0 auto; border: 1px solid #a5b0b6; overflow: hidden; background: #d8e2f4;}
.log_in_text .contact__field { float: left; width:122px; height: 35px;}
.user_name { float: left; overflow:hidden;}
.user_name img { float: left; border-right: 1px solid #a5b0b6;}
.password { float: left; overflow:hidden;}
.password img { float: left; border-left: 1px solid #a5b0b6; border-right: 1px solid #a5b0b6;}
.sign_in { float: left;}
.sign_in .form_noneborder { width: 109px; height: 35px; line-height: 35px; margin:0; color: #fff; font-size: 14px; border-radius: 0; text-indent: 20px; background: url(../images/sign_in.jpg) no-repeat 0 0; border: 1px solid #a5b0b6}
.verification_code { float: left; width:166px; padding-top: 3px;}


/*sy_lunbo*/
.fullSlide{width:100%;position:relative;height:auto;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; height: 443px !important;}
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;}
.fullSlide .bd li a{display:block;height:auto;}
.fullSlide .bd ul li img {display: block;width: 100%;height:100%;line-height: 1;}


/*fuwuhangye*/
.columns { width: 33.3333333333%; float: left; text-align: center;}
.features-item { padding-top: 60px;}
.features-item p { margin: 0; font-size: 14px; color: #000; line-height: 33px;}
.icon-blue {margin-bottom: 28px !important;}
.features-item h1 { font-size: 16px; margin: 0 0 70px 0;}
.features-item h1 a {color: #98a0a7;}


/*zhongdiankehu*/
.client { width: 100%; overflow: hidden; margin: 63px auto 90px; text-align: center; clear: both;}
.client_t { width: 273px; height: 44px; line-height: 44px; border-radius: 6px; background: #1c5791; font-size: 16px;  margin: 0 auto;}
.client_t a {width: 273px; height: 44px; display: block; color: #fff;}
.client_t a:hover {color: rgb(80, 156, 230);}
#Marquee_x { overflow:hidden; width: 100%; height: 156px; padding: 0 20px; margin-bottom: 94px; border:1px solid #e7e7e7;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;overflow:hidden}
#Marquee_x ul li div{ float:left; width:255px; overflow:hidden;}
#Marquee_x ul li div img{  width:255px; height:156px; display:block; border-left:1px solid #e7e7e7;}


/*kehushuo*/
.customers_title { width: 100%; margin: 80px auto 75px; text-align: center;}
.customers_title h1 { font-size: 30px; color:#1c5791; font-weight: normal; margin: 0;}
.evaluation {overflow: hidden;margin: 0 0 17px 0;width: 100%;list-style: none;text-align: center;}
.evaluation figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.135em;width: 100%;height: 245px;background: none;text-align: center;cursor: pointer;}
.evaluation figure img { width: 100%; min-height: 100%; position: relative;display: block;/*opacity: 0.8;*/}
.evaluation figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.evaluation figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.evaluation figure figcaption,.grid figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.customers_say { width: 890px; margin: 0 auto; overflow: hidden;}

/***** Sadie *****/

figure.effect-sadie figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(41,103,177,0) 0%, rgba(41,103,177,0.8) 75%);background: linear-gradient( rgba(41,103,177, 0.75), rgba(41,103,177, 0.75) );content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0);}
figure.effect-sadie h2 {position: absolute;top: 50%;left: 0;width: 100%;color: #fff;-webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,figure.effect-sadie p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {font-size: 14px;text-align:justify;position: absolute;bottom: 0;left: 0;width: 100%;opacity: 0;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); padding: 0 30px;}
figure.effect-sadie:hover h2 {color: #fff;-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.evaluation {padding-bottom: 80px !important; text-align: center !important;}

.container p img {
	text-align: center;
}
.container {
	text-align: center;
}

/*xinwenzhongxin*/
.news_title { width: 100%; overflow: hidden; text-align: center; margin: 58px 0 17px 0; font-size: 32px; font-weight: bold;}
.news_title span { color:#1c5791;}
.news_titleer { width: 100%; height: 43px; line-height: 43px; background: url(../images/news_xian.jpg) repeat-x center center;}
.news_titleer h1 { width: 218px; height: 43px; line-height: 43px; text-align: center; border: 1px solid #dadada; background: #fff; margin: 0 auto; font-size: 18px; font-weight: normal;}
.news_titleer h1 a { width: 218px; height: 43px; color: #000; display: block;}
.news_center { width: 100%; overflow: hidden; margin: 79px auto 47px; padding: 0 44px;}
.home-news-box {float: left;box-sizing: border-box;width: 50%; min-height: 147px; margin-bottom: 45px;}
.home-news-box .photo { width: 34%; float: left;overflow: hidden;width: 155px;height: 118px; background: #fff;}
.news_bg { width: 150px;height: 123px;float: right;background: #dee8f5; color: #dee8f5; z-index: 999;/*position: absolute;*/left: 5px;top: 5px;}
.home-news-box .photo img { position: absolute; z-index: 999;}
.home-news-box .text { width: 66%; float: left; min-height: 115px; padding-left: 6%;}
.home-news-box .text h1 { font-size: 16px !important; line-height: 32px; color: #5f5f5f; font-weight: normal; margin: 0;}
.home-news-box .text h1 a { color: inherit;}
.time { width: 100%; margin: 0; font-size: 12px; line-height: 24px; border-bottom: 1px solid #dcdcdc; color: #8a8a8a; padding-left: 22px; background: url(../images/time.png) no-repeat 0 center; }
.home-news-box .text p { width: 100%; font-size: 12px; line-height: 24px; color: #8a8a8a; margin: 5px 0 0 0; }
.home-news-box .text p a {color: inherit;}
.orange { color: #ee7700;}


/*jiaobu*/
.footer { width: 100%; height: 50px; overflow: hidden; line-height: 50px; background: #2c333f;}
.nav_ft { width: 30%; margin: 0 auto;}
.footer li { float: left; margin-top: 19px; line-height: 20px; border-right: 1px solid #fff; padding: 0 5px;}
.footer li a { color: #fff;}
.frame { border: none !important;}
.the_way { float: right; padding-right: 100px; overflow: hidden;}
.qq { float: left;}
.weixin { float: left; margin-left: 28px;}
.weibo { float: left; margin-left: 28px;}
.tell { float: left; margin-left: 28px;}
.copyright { width: 100%; overflow: hidden; background: #252b35;}
.footer_logo { float: left; margin-top: 29px; width: 18%;}
.footer_logo img { width: 100%;}
.footer_text { width: 60%; float: right; margin: 2% 6% 0 0; text-align: right;}
.footer_text p { font-size: 12px; color: #8e929a; margin: 0; line-height: 42px;}
.footer_text p a { color: #8e929a;}

/*** dinbu ***/
#box {
    width: 120px;
    height: 234px;
    background: #fff;
    position: fixed;
    top: 50%;
    right: 0px;
	z-index: 999;
}
#box .title {
    width: 39px;
    height: 348px;
    color: #006ab8;
    position: absolute;
    left: -39px;
    /* background: url(../images/bg_title_float.png); */
    background: url(../images/20250618/carbat_zx_img.png);
    top: 0;
    color: white;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}
#box .call {
    width: 118px;
    height: 117px;
    text-indent: -9999px;
    border-bottom: solid 1px #e5e8ec;
    background: url(../images/icon_float_call.png) no-repeat 0 0;
	cursor:pointer;
}
#box .call:hover {
    background: url(../images/icon_float_call.png) no-repeat 0 -117px;
}
#box .mailbox {
	width: 118px;
    height: 117px;
    text-indent: -9999px;
    border-bottom: solid 1px #e5e8ec;
    background: url(../images/icon_float_mailbox.png) no-repeat 0 0;
	cursor:pointer;
}
#box .mailbox:hover {
    background: url(../images/icon_float_mailbox.png) no-repeat 0 -117px;
}

#top{ width: 39px; height: 39px; background: #032a65; padding-top: 5px; position:fixed;right:0;bottom:10px;display:none; text-align: center;}
.am-gotop-fixed {
	right: 0;
	width: 46px;
	height: 46px;
	background-color: #2967b1;
}
.am-gotop-fixed a {
	height: 46px;
	line-height: 40px
}
.am-gotop-fixed img {
	width: 20px
}

.am-gotop-fixed, .am-gotop-one {
    text-align: center;
    right: 0px;
    position: fixed;
}
.am-gotop-fixed {
	bottom: 10px;
	z-index: 1010;
	opacity: 0;
	width: 46px;
	min-height: 46px;
	overflow: hidden;
	border-radius: 0
}

.am-gotop-fixed.am-active {
	opacity: .9
}
.am-gotop-fixed.am-active:hover {
	opacity: 1
}
.am-gotop-fixed a {
	display: block
}
.am-gotop-fixed .am-gotop-title {
	display: none
}
.am-gotop-fixed .am-gotop-icon-custom {
	display: inline-block;
	max-width: 30px;
	vertical-align: middle
}
.am-intro img, .am-paragraph img {
	max-width: 100%
}
.am-gotop-fixed .am-gotop-icon {
	width: 100%;
	line-height: 32px;
	background-color: #555;
	vertical-align: middle;
	color: #ddd
}
.am-gotop-fixed .am-gotop-icon:hover {
	color: #fff
}
.am-with-fixed-navbar .am-gotop-fixed {
	bottom: 60px
}
.am-gotop-one {
	bottom: 10px;
	z-index: 1005;
	width: 32px;
	height: 32px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #15afef
}
.am-gotop-one .am-gotop-title {
	display: none
}
.am-gotop-one .am-gotop-icon {
	vertical-align: middle;
	display: inline-block;
	color: #15afef
}

.fix-mailbox {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: 90px;
	background-color:#032a65;
	z-index: 999;
}
.fix-mailbox a {
	display: block;
	width: 46px;
	height: 61px;
	text-align: center;
	color: #fff
}

.fix-tel {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: 34px;
	background-color:#032a65;
	z-index: 999;
}
.fix-tel a {
	display: block;
	width: 46px;
	height: 61px;
	text-align: center;
	color: #fff
}
.fix-tel a:before {
	font-size: 30px;
	line-height: 61px
}
.fix-tel a:hover {
	width: 160px
}
.fix-tel a:hover:before {
	content: "010-59396460";
	font-size: 20px
}
.am-icon-phone::before {
    content: "\f095";
}
[class*="am-icon-"]::before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.back_top { cursor:pointer;}


/* details_page */
.details_page { width:100%; overflow: hidden;}
.details_page img {display: block;height: auto;width: 100%;line-height: 1;margin-left: 0;}
.details_title { width: 100%; overflow: hidden; text-align: center;}
.Orange { font-family:"Cordia New";font-size: 60px; color: #f1b500; margin: 0; font-weight: initial; line-height: 33px; margin-top: 82px !important;}
.gray { width: 133px;height: 15px;line-height: 15px !important;font-size: 16px;color: #676767;margin: 14px auto 75px auto !important;text-align: center;background: url(../images/Details_bg.png) no-repeat center center;}
.service_trade_gray { width: 133px;height: 15px;line-height: 15px !important;font-size: 16px;color: #676767;margin: 14px auto 45px auto !important;text-align: center;background: url(../images/Details_bg.png) no-repeat center center;}
.line {width: 100%; overflow: hidden; height: 15px; line-height: 15px; background:url(../images/line.jpg) repeat-x; background-position:center 9px; margin-bottom: 115px;}
.white { width: 518px; overflow: hidden; margin: 0 auto; background: #fff; text-align: center;}
.white_text { width: 270px; margin: 0 auto;}
.blue { color:#1c5791; margin: 0; float: left;}
.line_x { width: 20px; float: left; background:url(../images/line.jpg) repeat-x; background-position:center 7px; margin:0 39px; text-indent: 999px;}
.light_blue { color:#8e929a; margin: 0; float: left; }
.container p { line-height: 30px; margin: 0;}
.purpose { width: 100%; height: 120px; overflow: hidden; background: #fafafa; margin: 110px 0 50px 0;}
.purpose_photo { float: left;}
.purpose_text { float: left; padding-left: 28px; height: 120px; line-height:120px; font-size: 18px; color: #666666;}
.purpose_text span { float: left; padding-top: 47px; font-size: 20px; color: #1c5791; border-bottom: 1px solid #f7b401; line-height: 24px;}
.purpose_text p { float: left; height: 120px; line-height: 120px;}


/* Join_us */
.Join_us { width: 100%; height: 464px; background: url(../images/joinus_bg.jpg) no-repeat 0 0; overflow: hidden; padding: 93px 208px 105px 206px;}
.Join_us .contact__field {float: left;clear:both;margin-bottom: 30px;padding: 9px 15px;background: #fff;border: none;border: solid 1px #dddddd;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: none;}
.contact__fielda {width: 100%;height: 180px;float: left;clear:both;margin-bottom: 30px;}
.input_button {background-color: #f7b500;width: 100px;height: 42px;text-align: center;line-height: 34px;color: #fff;font-size: 18px;-webkit-border-radius: 6px;-moz-border-radius: 6px;box-shadow: none;border: none;float: right;clear: both;}
.group_left { width: 30%; float: left;}
.group_right { width: 60%; float: right;}
.recr_1{ width: 910px; margin: 145px auto 0 auto; display:block; background:url(../images/zwec1.jpg) 870px bottom no-repeat #f1f1f1; border-bottom:10px solid #f1f1f1; margin-bottom:40px;}
.recr_1 img{ width:100%}
.recr_1l{background:url(../images/zwec.jpg) 20px 20px no-repeat; padding:30px 20px 20px 40px; line-height: 30px;}
.recr_1l a { color:#0156a9;}
.recr_2 
.recr_h2 { height:55px; line-height:55px; background-color:#d3e9ff;}
.recr_tr { height:40px; line-height:40px; background-color:#f9f9f9; text-align:center;}
.recr_2 { width: 910px; margin: 0 auto 72px auto;}
.red { color: #f00; font-weight: bold;}


/* lianxiwomen */
.method { width: 690px; overflow: hidden; margin: 0 auto;}
.method img { padding: 0 50px;}
.log { width: 365px; margin: 0 auto; text-align: center;}
.log h1 { font-size: 30px; color: #474747; margin: 122px 0 45px 0; font-weight: normal;}
.log span { font-size: 24px;}
.input_select { width: 100%; overflow: hidden; float: left; margin-bottom: 35px;}
.form_noneborder { width: 100%; height: 40px; overflow: hidden; border: 1px solid #bfc0c2; border-radius: 3px; margin-top: 7px;font-size: 16px; color: #474747; text-indent: 5px;}
.input_select .contact__field { width: 100%; height: 40px; overflow: hidden; border: 1px solid #bfc0c2; border-radius: 3px; margin-top: 7px;font-size: 16px; text-indent: 15px;}
.input_select #contact-form #name { color: #000;}
.service { width: 100%; overflow: hidden; background: url(../images/joinus_bger.jpg) no-repeat center center; background-size: 100% 100%; background-origin: content-box }
.service img {display: block;height: auto;max-width: 100%;line-height: 1;margin-left: 0;}
.service_text {width: 100%; height: 600px; overflow: hidden; padding: 198px 208px 105px 336px;}
.service_text .contact__field {float: left;clear:both;margin-bottom: 30px;padding: 9px 15px;background: #fff;border: none;border: solid 1px #dddddd;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: none;}
.service_right {width: 50%; float: left; margin-left: 120px;}
.contact__fieldas {width: 100%;height: 180px;float: left;clear: both;margin-bottom: 30px;border: 1px solid #000; padding: 10px;}
.tijiao {width: 105px;height: 40px;
line-height: 40px;
background: #032a65;
overflow: hidden;
border: none;
font-size: 16px;
color: #fff;
float: right;
}
.download {
	width: 210px;height: 40px;
line-height: 40px;
background: #032a65;
overflow: hidden;
border: none;
font-size: 16px;
color: #fff;
float: right;
margin-right: 63px;
}

/* fuwumoshi */

.Tab{width:100%;overflow:hidden;}
.TabTitle {width:100%;border:1px solid #ebe8e8;overflow:hidden;}
.none {display:none;}
.Tab .TabTitle li{float:left;cursor:pointer;height:45px;line-height:45px;font-weight:bold;text-align:center;width:182px}
.Tab .TabTitle li a{text-decoration:none;}
.Tab .TabTitle .active{color:#fff; background-image: linear-gradient(rgba(11, 115, 177,1), rgba(20, 155, 211, 1));}
.Tab .TabTitle .normal{color:#7b7b7b;}
.Tab .TabContent{clear: both;
overflow: hidden;
background: #fff;
padding: 5px;
display: block;}

.Tab .TabTitle #myTab .active .tab1 { background: url(../images/tab_dj1.png) no-repeat right center; line-height: 45px;}
.Tab .TabTitle #myTab .normal .tab1 { background: url(../images/tab_1.png) no-repeat right center; line-height: 45px;}

.Tab .TabTitle #myTab .active .tab2 { background: url(../images/tab_dj2.png) no-repeat right center; line-height: 45px;}
.Tab .TabTitle #myTab .normal .tab2 { background: url(../images/tab_2.png) no-repeat right center; line-height: 45px;}

.Tab .TabTitle #myTab .active .tab3 { background: url(../images/tab_dj3.png) no-repeat right center; line-height: 45px;}
.Tab .TabTitle #myTab .normal .tab3 { background: url(../images/tab_3.png) no-repeat right center; line-height: 45px;}

.Tab .TabTitle #myTab .active .tab4 { background: url(../images/tab_dj4.png) no-repeat right center; line-height: 45px;}
.Tab .TabTitle #myTab .normal .tab4 { background: url(../images/tab_4.png) no-repeat right center; line-height: 45px;}

.tab1_text { width: 100%; margin: 40px 0 20px 0; overflow: hidden;}
.tab1_left { float: left; width: 518px;}
.tab1_left p { color: #8d8d8d; line-height: 30px; margin: 0; text-align: justify;}
.tab1_photo { width: 500px; height: 200px; float: right; padding: 3px; border:1px solid #98a0a7;}
.tab_title { width: 100%; overflow: hidden; clear: both; color: #98a0a7; font-size: 24px; font-weight: bold;}
.tab1_text2 { width: 100%; text-align: center; overflow: hidden; margin-bottom: 20px;}
.tab1_text2_l { width: 470PX; float: left;}
.tab1_text2 P { font-size: 16px; color: #98a0a7; margin: 0; line-height: 33px;}
.tab1_text2_r { width: 416px; float: right;}
.tab1_text2 p img:hover {
	transform: rotateY(180deg);
}
.tab1_text2 p img {transition: 0.6s;
	transform-style: preserve-3d;z-index: 2;}
.principle { font-size: 18px !important; margin: 0 0 26px 0 !important;}
.tab1_text3 {width: 100%; margin-top: 40px; overflow: hidden;}
.customer_base { width: 905px; border-bottom: 1px solid #032a65; height: 34px; line-height: 34px;}
.customer_base h1 { width: 110px; height: 33px; line-height: 33px; text-align: center; background: #032a65; color: #fff; font-size: 16px;}
.service_industry { width: 100%; overflow: hidden;}
.service_industry_text { float: left; padding: 112px 0 105px 0;}
.service_industry_text p { width: 95px; text-align: center; font-size: 18px; color: #474747; margin: 0 60px; line-height: 60px;}


.orderbox { width: 1100px; height:1569px; background: url(../images/khq_bg.jpg);}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6,.htwp5,.wp12,.wp22{ visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.orderbox_4{max-width:1100px;padding:109px 0 75px 0;}
.orderbox_4 p{float:left;width:50%;}
.orderbox_4 p img {padding-left:20%;}
.orderbox .orderbox_4.ma .wp2 {width: 20%; float: right; margin-top: 100px;}

.orderbox_5 { width: 1100px; overflow: hidden;}
.orderbox_5 p { float: left;}
.orderbox .orderbox_5.ma .wp3 { width: 40%;text-align: center;margin-top: 205px;}
.orderbox .orderbox_5.ma .wp4 { width: 60%; margin-top: 40px;}

.orderbox_6 {width: 1100px; overflow: hidden;}
.orderbox .orderbox_6.ma .wp5 { float: left; width: 60%;margin-left: 100px;margin-top: 50px;}
.orderbox .orderbox_6.ma .wp6 { float: right; width: 30%; margin-top: 155px;}

.orderbox_7 {width: 1100px; overflow: hidden;}
.orderbox_7 p  { float: left;} 
.orderbox .orderbox_7.ma .wp7 { width: 50%;padding-top: 230px;padding-left: 200px;}
.orderbox .orderbox_7.ma .wp8 { width: 50%; margin-top: 50px;}

/* fuwuwangdian */
/* 地图内容 */
.pandian_map{background: url(../images/ditu.png) no-repeat center center;height: 733px;position: relative;}
.pandian_map li{position: absolute;cursor:pointer;/*width: 50px;height: 30px;*/}
.pandian_map .con13Active{opacity:0;}
.pandian_icon{width: 19px;height: 27px;background: url(../images/a_icon4.png) no-repeat;position: absolute;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;}
.pandian_icon span{font-size: 14px;color:#ed0000;position: absolute;left:50px;top:0;width:60px;background:rgba(207,0,0,0.9);color:#fff;text-align: center;height: 26px;line-height: 24px;opacity:0;}
.pandian_icon span::before{border-width:5px;border-style:solid;border-color:transparent rgba(207,0,0,0.9) transparent transparent;position: absolute;left:-10px;top:50%;margin-top: -5px;content:"";}


.pandian_map li em{display: block;width:6px;height:6px;background: #000;border-radius:50%;position: absolute;left:10px;top:23px;}
.pandian_map li em::before{position: absolute;width:16px;height:16px;border-radius:50%;background: #000;content:"";left:50%;top:50%;margin:-8px 0 0 -8px;animation:changeShow 0.9s infinite linear;-webkit-animation:changeShow 0.9s infinite linear;-o-animation:changeShow 0.9s infinite linear;-moz-animation:changeShow 0.9s infinite linear;box-shadow:0 0 3px #000;opacity:0;}

@keyframes changeShow{
    0% {
        transform:scale(0);
        opacity:1;
        }
    100% {
        transform:scale(1);
        opacity:0;
    }

}
@-webkit-keyframes changeShow{
    0% {
        -webkit-transform:scale(0);
        opacity:1;

        }
    100% {
        -webkit-transform:scale(1);
        opacity:0;
    }
}
@-moz-keyframes changeShow{
    0% {
        -moz-transform:scale(0);
        opacity:1;

        }
    100% {
        -moz-transform:scale(1);
        opacity:0;
    }
}
@-o-keyframes changeShow{
    0% {
        -o-transform:scale(0);
        opacity:1;
        }
    100% {
        opacity:0;
        -o-transform:scale(1);
    }
}

.pandian_map li:nth-of-type(1) {
  left: 755px;
  top: 265px;
}
.pandian_map li:nth-of-type(2) {
  left: 858px;
  top: 430px;
}
.pandian_map li:nth-of-type(3) {
  left: 730px;
  top: 610px;
}
.pandian_map li:nth-of-type(4) {
  left: 745px;
  top: 615px;
}
.pandian_map li:nth-of-type(5) {
  left: 633px;
  top: 405px;
}
.pandian_map li:nth-of-type(6) {
  left: 720px;
  bottom: 240px;
}
.pandian_map li:nth-of-type(7) {
  left: 645px;
  bottom: 80px;
}
.pandian_map li:nth-of-type(8) {
  left: 570px;
  bottom: 240px;
}
.pandian_map li:nth-of-type(9) {
  left: 850px;
  top: 240px;
}
.pandian_map li:nth-of-type(10) {
  left: 889px;
  top: 185px;
}
.pandian_map li:nth-of-type(11){
  left: 880px;
  top: 130px;
}
.pandian_map li:nth-of-type(12){
  left: 715px;
  top: 500px;
}
.pandian_map li:nth-of-type(13){
  left: 778px;
  top: 280px;
}
.pandian_map li:nth-of-type(14){
  left: 630px;
  top: 470px;
}
.pandian_map li:nth-of-type(15){
  left: 730px;
  top: 300px;
}
.pandian_map li:nth-of-type(16){
  left: 725px;
  top: 385px;
}
.pandian_map li:nth-of-type(17){
  left: 810px;
  top: 420px;
}
.pandian_map li:nth-of-type(18){
  left: 765px;
  top: 495px;
}
.pandian_map li:nth-of-type(19){
  left: 695px;
  top: 305px;
}
.pandian_map li:nth-of-type(20){
  left: 775px;
  top: 335px;
}
.pandian_map li:nth-of-type(21){
  left: 520px;
  top: 335px;
}
.pandian_map li:nth-of-type(22){
  left: 780px;
  top: 425px;
}
.pandian_map li:nth-of-type(23){
  left: 675px;
  top: 680px;
}
.pandian_map li:nth-of-type(24){
  left: 610px;
  top: 550px;
}
.pandian_map li:nth-of-type(25){
  left: 835px;
  top: 450px;
}
.pandian_map li:nth-of-type(26){
  left: 835px;
  top: 532px;
}
/* .pandian_map li:nth-of-type(27){
  left: 875px;
  top: 556px;
} */
.pandian_map li:nth-of-type(27){
  left: 565px;
  top: 360px;
}
.pandian_map li:nth-of-type(28){
  left: 535px;
  top: 580px;
}
.pandian_map li:nth-of-type(29){
  left: 602px;
  top: 305px;
}
.pandian_map li:nth-of-type(30){
  left: 680px;
  top: 250px;
}



.pandian_pic,.a_con13_radius{width:209px;height: 209px;/*border-radius:50%;*/}
.pandian_radius{padding:9px;position: absolute;left:260px;top:50px;border: 1px solid #ed0000;}
.pandian_pic{background: #fff;display: block;text-align: center;line-height: 34px;color:#333;position: relative;overflow: hidden;z-index:10;}
.pandian_pic:hover{color:#ed0000;}
.pandian_radius:hover{border-style:dashed;}
.pandian_pic span{display: block;background:#fff;width:209px;height: 100px;/*border-radius:0 0 120px 120px;*/position: absolute;left:0;bottom:-50px;}

.pandian_pic img{animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */}

@keyframes myfirst{
    0% {
        transform:scale(1,2);
        }
    100% {
        transform:scale(1);
    }

}
@-webkit-keyframes myfirst{
    0% {
        -webkit-transform:scale(1.2);

        }
    100% {
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes myfirst{
    0% {
        -moz-transform:scale(1.2);

        }
    100% {
        -moz-transform:scale(1);
    }
}
@-o-keyframes myfirst{
    0% {
        -o-transform:scale(1.2);
        }
    100% {
        -o-transform:scale(1);
    }
}


.pandian_pic {
    background: #fff;
    display: block;
    text-align: center;
    line-height: 34px;
    color: #333;
    position: relative;
    overflow: hidden;
    /*border-radius: 50%;*/
    z-index: 10;
}
.pandian_pic, .pandian_radius {
   /* width: 209px;
    height: 209px;*/
}
.pandian img {
    animation: scaleBig 1s;
    -webkit-animation: scaleBig 1s;
    -o-animation: scaleBig 1s;
    -moz-animation: scaleBig 1s;
}
.pandian span {
    display: block;
    background: #fff;
    width: 209px;
    height: 100px;
    border-radius: 0 0 120px 120px;
    position: absolute;
    left: 0;
    bottom: -50px;
}
.pandian_pic:hover {
    color: #ed0000;
}
/* 地图结束 */



.case_wrap { width: 100%; overflow: hidden; background: #002565;}
.showcase_left{ float:left; width:705px;}
.showcase_bigimg{width:705px; height:430px; overflow:hidden; position:relative;}
.showcase_bigimg ul{height:430px; position:absolute;}
.showcase_bigimg ul li{float:left; width:705px; height:430px; overflow:hidden; position:relative;}
.showcase_bigimg ul li div{position:absolute; overflow:hidden;}
.showcase_bigimg .btnBg{position:absolute; width:705px; height:26px; left:0; bottom:0; display:none;}
.showcase_bigimg .btn{position:absolute; height:26px; right:18px; bottom:0; text-align:right; display:none;}
.showcase_bigimg .btn span{display:inline-block; margin-right:20px; width:12px; height:12px; cursor:pointer;}
.showcase_bigimg .btn span.on{display:inline-block; margin-right:20px; width:12px; height:12px; cursor:pointer;}
.showcase_bigimg .preNext{ position:absolute; width:50px; height:65px;}
.showcase_bigimg .pre{ left:5%; top:50%; cursor:pointer; background: url(../images/showcasefoucs_pre.png) no-repeat center center; }
.showcase_bigimg .next{ right:5%; top:50%; cursor:pointer; background: url(../images/showcasefoucs_next.png) no-repeat center center;}
.showcase_right { float: right; width: 395px; position: relative;}
.showcase_text { position: absolute; width: 402px;  background: url(../images/sanjiao.png) no-repeat left center; padding: 18px 35px 20px 18px; left:-7px;}
.showcase_text p { line-height: 34px; margin: 0; color: #fff; text-align: justify;}


.pandian_case { width: 100%; overflow: hidden; padding: 12px 0 30px 0;}
.pandian_case li { float: left; width: 355px; height: 353px; padding: 5px; margin: 0 4px; -moz-box-shadow: 5px 5px 5px #efefef; box-shadow: 5px 5px 5px #efefef; overflow: hidden; position: relative;}
.pandian_case li p { text-align: center; height: 80px; line-height: 80px; margin: 0; font-size: 15px; color: #626262;}
.pandian_case li a { overflow: hidden;width: 345px;height: 262px;display: block;}
.pandian_case li p a { color:inherit;}

/*img enlarge*/
.pandian_case li img{
  width: 100%;  
}
img.zoom-img:hover {
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
/*img enlarge*/



/* shangchao */
.columns { padding-bottom: 90px;}
.super { width: 100%; overflow: hidden; text-align: center;}
.super_left { float: left; width: 40%; height: auto; margin-bottom: 120px;}
.super_title { font-size: 18px !important; color: #98a0a7; margin: 5px 0 45px 0 !important;}
.super p { font-size: 16px; color: #98a0a7;}
.super_right { float: right; width: 50%;}



/*.container .columns.sc a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.sc a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/about_photo.jpg); background-position: center center; background-repeat:no-repeat;}

.container .columns.zc a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.zc a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/zichang.jpg); background-position: center center; background-repeat:no-repeat;}

.container .columns.fz a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.fz a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/fushi.jpg); background-position: center center; background-repeat:no-repeat;}

.container .columns.cy a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.cy a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/canyin.jpg); background-position: center center; background-repeat:no-repeat;}

.container .columns.hzp a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.hzp a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/huazhuangpin.jpg); background-position: center center; background-repeat:no-repeat;}

.container .columns.yf a { width: 100%; height: 100%; display: block; color:#000;}
.container .columns.yf a:hover { background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url(../images/huazhuangpin.jpg); background-position: center center; background-repeat:no-repeat;}*/



/* denglu */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


#supersized img { max-width: none !important }

.page-container {
margin: 0 auto;
width: 100%;
position: absolute;
top: 30%;
bottom: 50%;
}

.log_in_logo { text-align: center;}
.log_in { width: 690px; height: 185px; background: url(../images/log_in.png) no-repeat center center; text-align: center; margin: 0 auto; padding-top: 125px;}



/* news */

/* 旋转木马 */
.poster-main{ position:relative;width:1100px;height:600px !important;}
.poster-main a,.poster-main img{display:block; border: 4px solid #fff;}
.poster-main .poster-list{width:670px;height:457px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0; background: url(btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(btn_r.png) no-repeat center center;}



.page-news { width: 100%; overflow: hidden;}
.news-top { width: 100%; overflow: hidden;}
.page-news .news-top h1 {font-size: 18px;line-height: 1.5;overflow: hidden; color: #0f87c2; float: left; margin: 0; background: url(../images/news_h1.jpg) no-repeat left bottom; height: 50px;}
.page-news .news-top h1 a {color: inherit;}
.page-news .news-top .time { width: auto; font-size: 12px; color:#999999; float: right; border: none; background: none;}
.page-news .news-top .info { color:#7f7f7f; line-height: 24px; clear:both; padding: 32px 0 65px 0; float: left; border-bottom: 1px solid #dfdfdf;}
.page-news .news-list { padding-top: 50px; min-height: 168px;}
.page-news .news-list li { height: 49px; line-height: 58px; border-bottom: 1px dashed #dfdfdf; color: #444444; clear:both;}
.page-news .news-list li a { background: url(../images/news_list.jpg) no-repeat 0 center; padding-left: 15px; color: inherit;    float: left;}
.page-news .news-list li span { float: right; color: #b4b4b4;}
.page-news-title { font-size: 18px; color:#014099; line-height: 33px; margin:0; text-align:center; font-weight: bold;}
.page-news-meta {font-size: 12px; line-height: 35px; width: 100%; text-align: center; color: #676767; background-color: #e8f2ff; margin: 25px 0px 40px 0;}
.page-news-meta span {
    display: inline-block;
    margin: 0 29px;
}
.page-content-article { width: 886px; margin: 0 auto; text-align:justify;}
.page-content-article p { color: #474747; line-height: 30px;}


.page-pagination {
   width: 100%;
   margin: 30px 0;
   text-align: center;
}
.page-pagination a {
   display: inline-block;

   margin: 0 5px;
   padding: 3px 10px;

   cursor: pointer;
   text-decoration: none;

   color: #5b5b5b;
   border: 1px solid #ddd;
}
.page-pagination a:hover {
   color: #fff;
   border-color: #032a65;
   background-color: #032a65;
}
.page-pagination a.jp-disabled {
   cursor: no-drop;

   opacity: .5;
}
.page-pagination a.jp-disabled:hover {
   color: #5b5b5b;
   border-color: #ddd;
   background-color: #fff;
}
.page-pagination a.jp-current {
   cursor: default;
   color: #fff;
   border-color: #032a65;
   background-color: #032a65;
}


.page-news-pager {
   width: 100%;
   margin-top: 60px;
   border-top: 1px solid #dedede;
}
.page-news-pager a {
   font-size: 14px;
   line-height: 48px;
   display: block;
   overflow: hidden;
   box-sizing: border-box;
   width: 100%;
   padding: 0 15px;
   white-space: nowrap;
   text-decoration: none;
   text-overflow: ellipsis;
   color: #444444;
   border-bottom: 1px solid #dedede;
}
.page-news-pager a .fa {
   margin-right: 15px;
}
.page-news-pager a:hover,
.page-news-pager a:focus {
   color: #444444;
}
.page-news-back {
	width: 120px;
	height: 40px;
   line-height:40px;
   display: block;
   float: right;
   margin: 20px 0 94px 0;
   text-align: center;
   color: #272625;
   border-radius: 5px;
   background-color: #e2cda4;
}
.page-news-back .fa {
   margin-right: 5px;
}

.pandian_nr {
	padding: 9px;
	position: absolute;
	left: 15%;
	top: 30px;
	border: 1px solid #ed0000;
	right: 15%;
}
.pandian_nr:hover {
    border-style: dashed;
}


/* 20250618 */
.user_content{
  width: 100%;
  overflow: auto;
  min-height: calc(100vh);
}
.user_content .container::before{
   content: '';
    display: table;
}
.user_content .container::after{
   content: '';
    display: table;
}
.user_content .login_main{
    margin: 18% auto 30px;
    width: 44%;
}

.login_bg {
    background: url(../images/20250618/login_bg.png) no-repeat center;
    background-size: cover;
    width: 100%;
    min-height: calc(100vh);
}
.loginMain_box .layui-form-label{
    display: block;
    padding: 7px 0;
    width: 100%;
    text-align: left;
    color: #000;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    float: inherit;
}
.loginMain_box{
    background: #fff;
    padding: 30px 50px 50px 45px;
}
.loginMain_box .layui-nav.layui-bg-gray{
    background-color: #fff !important;
    margin-bottom: 4rem;
    display: flex;
    justify-content: space-around;
}
.loginMain_box .layui-nav.layui-bg-gray a{
    color: #9A9A9C;
    font-family: "Source Han Sans CN";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.loginMain_box .layui-nav.layui-bg-gray .layui-this a{
    color: #000;
}
.loginMain_box .layui-nav .layui-this:after, .loginMain_box .layui-nav-bar {
    background: #0069C6;
    bottom: -8px;
}
.loginMain_box .layui-nav-bar{
    top: 37px !important;
}
.loginMain_box .layui-input{
    border: 1px solid #D9D9D9;
    background: #FFF;
}
.loginMain_box .layui-input:focus{
    border-color: #0069C6 !important;
}
.loginMain_box .layui-input::placeholder{
  color: #AAA;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.loginMain_box .btn-comfirm{
    border-radius: 6px;
    background: #2967B2;
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 43px;
    line-height: 43px;
}
.loginMain_box .btn-regist{
    border-radius: 6px;
    background: #F4F4F4;
    color: #0E202F;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 43px;
    line-height: 43px;
}
.loginMain_box .btn-regist:hover {
     color: #0E202F;
}
.loginMain_box .layui-msg:hover{
  border-color: #0069C6;
}
.forget-form .layui-btn-fluid{
    border-radius: 6px;
    background: #2967B2;
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.forget-form #getCodeBtn:hover {
    border-color: #0069C6;
}
.forget-form .layui-input:focus {
    border-color: #0069C6 !important;
}

.userCourse_content{
  background: #F5F5F5;
  padding: 27px 0 44px;
}
.userCourse_content .container{
  text-align: left;
}
.userCourse_box{
  display: flex;
}
.userCourse_box .box_tab{
  background: #FFF;
  padding: 40px 0;
  width: 23%;
}
.userCourse_box .box_tab .tab_ul li{
  border-bottom: 1px solid #E7E7E7;
}
.userCourse_box .box_tab .tab_ul a{
  color: #000;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16px 27px;
  display: block;
  position: relative;
}
.userCourse_box .box_tab .tab_ul a.active::after{
  opacity: 1;
  visibility: inherit;
}
.userCourse_box .box_tab .tab_ul a::after{
  content: "";
  width: 2px;
  height: 28px;
  background: #F7A72C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.userCourse_box .box_cent{
  background: #FFF;
  flex: 1;
  padding: 30px;
  margin-left: 22px;
}
.userCourse_box .box_cent .cent_tit h2{
  color: #000;
  font-family: "PingFang SC";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.userCourse_history{
  margin-top: 16px;
}
.userCourse_history .box_link{
  display: flex;
  align-items: center;
}
.userCourse_history li{
  border-bottom: 1px solid #E7E7E7;
  padding: 20px 0;
}
.userCourse_history .box_link .linkImg img{
  width: 148px;
  height: 90px;
  object-fit: cover;
}
.userCourse_history .box_link .linkText{
  flex: 1;
  margin-left: 20px;
}
.userCourse_history .box_link .linkText h2{
  color: #000;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.userCourse_history .box_link .linkText .text_tip{
  margin-top: 15px;
}
.userCourse_history .box_link .linkText .tip_suc span{
  color: #01BD8B;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.userCourse_history .box_link .linkText .tip_time{
  display: flex;
  align-items: center;
}
.userCourse_history .box_link .linkText .tip_time span{
  color: #737373;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}
.userCourse_password{
  margin-top: 36px;
}
.userCourse_password #change-password-form{
  max-width: 65%;
}
.userCourse_password #change-password-form .layui-form-label{
  width: 115px;
}
.userCourse_password #change-password-form  .layui-input-block {
    margin-left: 125px;
}
.userCourse_password #change-password-form .layui-input:focus {
    border-color: #0069C6 !important;
}
.userCourse_password #change-password-form .layui-btn-fluid {
    border-radius: 6px;
    background: #2967B2;
    color: #FFF;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.listCourse_tips{
  margin-top: 90px;
}
.listCourse_tips img{
  width: 100%;
}
.listCourse_box{
  padding: 50px 0;
}
.listCourse_box .box_tit{
  text-align: center;
}
.listCourse_box .box_tit h2{
  color: #F1B500;
  font-family: Arial;
  font-size: 63px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.listCourse_box .box_tit p{
  color: #676767;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  position: relative;
}
.listCourse_box .box_tit p::before{
  content: "";
  width: 24px;
  height: 2px;
  background: #676767;
  position: absolute;
  top: 50%;
  left: -38px;
  transform: translateY(-50%);
}
.listCourse_box .box_tit p::after{
  content: "";
  width: 24px;
  height: 2px;
  background: #676767;
  position: absolute;
  top: 50%;
  right: -38px;
  transform: translateY(-50%);
}
.listCourse_box .box_tab{
  margin: 46px 0 36px 0;
  display: flex;
  justify-content: center;
}
.listCourse_box .box_tab li{
  margin: 0 30px;
}
.listCourse_box .box_tab li.active a{
  color: #2B81E2;
}
.listCourse_box .box_tab a{
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.listCourse_box .box_list {
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  flex-wrap: wrap;
}
.listCourse_box .box_list li{
  margin: 12px;
  width: 31%;
}
.listCourse_box .box_list .list_link{
  display: block;
  background: #FFF;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
}
.listCourse_box .box_list .link_img{
  position: relative;
}
.listCourse_box .box_list .link_img img{
  width: 100%;
  height: 215px;
  object-fit: cover;
}
.listCourse_box .box_list .link_img .link_tips{
  position: absolute;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.40);
  padding: 3px 10px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.listCourse_box .box_list .link_img .link_tips span{
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.listCourse_box .box_list .link_text{
  padding: 22px;
}
.listCourse_box .box_list .link_text .text1 h2{
  color: #000;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
  -webkit-line-clamp: 2;
  transition: all .2s;
}
.listCourse_box .box_list .list_link:hover .link_text .text1 h2{
  color: #2B81E2;
}
.listCourse_box .box_list .link_text .text2{
  display: flex;
  align-items: center;
  padding-top: 13px;
  margin-top: 20px;
  border-top: 1px solid #EBEBEB;
}
.listCourse_box .box_list .link_text .text2 span{
  color: #737373;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}

.showCourse_tips{
  background: #FFC523;
  padding: 80px 0 140px;
}
.showCourse_tips .tips_cont h2{
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_tips .titBox{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
}
.showCourse_tips .titBox_type{
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.40);
  padding: 3px 10px;
}
.showCourse_tips .titBox_type span{
  color: #000;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_tips .titBox_time{
  display: flex;
  align-items: center;
  margin-left: 17px;
}
.showCourse_tips .titBox_time span{
  color: #000;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}
.showCourse_box{
  padding: 35px;
  background: #fff;
  margin-top: -7rem;
}
.showCourse_box .box_tab{
  display: flex;
  align-items: center;
}
.showCourse_box .box_tab li:not(:last-child){
  margin-right: 50px;
}
.showCourse_box .box_tab li.active a::after{
  opacity: 1;
}
.showCourse_box .box_tab a{
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}
.showCourse_box .box_tab a::after{
  content: "";
  width: 27px;
  height: 2px;
  background: #2B81E2;
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  opacity: 0;
}
.showCourse_box .boxcomtit h2{
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_box .box_intro{
  padding: 35px 0;
}
.showCourse_box .box_intro .intro_text{
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
  margin-top: 22px;
}
.showCourse_box .box_intro img{
  max-width: 100%;
}
.showCourse_box .box_cat li{
  border-bottom: 1px solid #E5E5E5;
  padding: 30px 0;
}
.showCourse_box .box_cat .catList{
  margin-top: 22px;
}
.showCourse_box .box_cat .catList_cent{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.showCourse_box .box_cat .cent_right a{
  display: inline-block;
  background: #2967B2;
  padding: 7px 23px;
}
.showCourse_box .box_cat .cent_right a span{
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_box .box_cat .cent_left{
  display: flex;
  align-items: baseline;
  flex: 1;
  margin-right: 20px;
}
.showCourse_box .box_cat .cent_left .left1 i{
  color: #8D8D8D;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_box .box_cat .cent_left .left2{
  margin-left: 35px;
}
.showCourse_box .box_cat .cent_left .left2 h2{
  color: #000;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 3px;
}
.showCourse_box .box_cat .cent_left .left2 .tip_suc span{
  color: #42A240;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_box .box_cat .cent_left .left2 .tip_time{
  display: flex;
  align-items: center;
}
.showCourse_box .box_cat .cent_left .left2 .tip_time span{
  color: #8D8D8D;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}
.showCourse_box .box_return{
  margin-top: 40px;
  text-align: center;
}
.showCourse_box .box_return a{
  border: 1px solid #D2D2D2;
  padding: 12px 48px;
  display: inline-block;
}
.showCourse_box .box_return a span{
  color: #000;
  text-align: justify;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.showCourse_content{
  background: #F6F6F6;
  padding-bottom: 70px;
  margin-top: 90px;
}
.showCourse_content .container{
  text-align: left;
}

.videoCourse_content{
  height: 85vh;
  width: 100%;
  background: #3F4249;
}
.videoCourse_box{
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.videoCourse_box .box_video{
  flex: 1;
  width: 79%;
}
.videoCourse_box .box_video video{
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.videoCourse_box .box_video .video-js{
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.videoCourse_box .box_cent{
  background: #3F4249;
  padding: 20px;
  width: 21%;
  display: flex;
  flex-direction: column;
}
.videoCourse_ul{
  flex: 1;    
  overflow-y: auto;
}
.videoCourse_ul::-webkit-scrollbar{
    width: 4px;
    height: 4px;
    background-color:#DFDFDF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.videoCourse_ul::-webkit-scrollbar-thumb{
    background-color: #2967B2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.videoCourse_ul li{
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.videoCourse_ul .list_link.active{
  background: rgba(255, 255, 255, 0.10);
}
.videoCourse_ul .list_link.active::after{
  opacity: 1;
  visibility: inherit;
}
.videoCourse_ul .list_link{
  display: flex;
  align-items: baseline;
  padding: 22px 18px;
  position: relative;
}
.videoCourse_ul .list_link::after{
  content: "";
  width: 15px;
  height: 16px;
  background: url(../images/20250618/videoCourse_ul_play.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  opacity: 0;
  visibility: hidden;
}
.videoCourse_ul .list_link .link_num i{
  color: rgb(255 255 255 / 60%);
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.videoCourse_ul .list_link .link_text{
  margin-left: 18px;
  margin-right: 35px;
}
.videoCourse_ul .list_link .link_text h2{
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
  -webkit-line-clamp: 1;
}
.videoCourse_ul .list_link .link_text .tip_suc span{
  color: rgb(255 255 255 / 60%);
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.videoCourse_ul .list_link .link_text .tip_play span{
  color: rgb(255 255 255 / 60%);
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.videoCourse_ul .list_link .link_text .tip_time{
  display: flex;
  align-items: center;
}
.videoCourse_ul .list_link .link_text .tip_time span{
  color: #8D8D8D;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}
.videoCourse_return{
  text-align: center;
  margin-top: 3rem;
}
.videoCourse_return a{
  border: 1px solid #FFF;
  padding: 12px 48px;
  display: inline-block;
}
.videoCourse_return a span{
  color: #FFF;
  text-align: justify;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.carbat_ai a{
  display: block;
  padding: 20px 8px;
  text-align: center;
  border-bottom: solid 1px #e5e8ec;
}
.carbat_ai p{
  color: #032A65;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 12px;
  margin: 0;
}
.carbat_ai:hover{
  background: #032A65;
}
.carbat_ai:hover p{
  color: #fff;
}
/* 20250618 */