@charset "utf-8";



/* CSS Document */

* {padding: 0;margin: 0;}

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}

body {margin:0;padding:0;color: #333;font-family:"微软雅黑", Arial, Helvetica, sans-serif;background:#f5f5f5;text-align:left;position:relative; line-height:0.35rem;font-size:0.25rem;}

img {border: 0;position:relative; max-width:100%;}

.clear {height:0;line-height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}

div,ul,dl,dd,dt,li,td,th,tr,table,p,span,h1,h2,h3,h4,h5,h6,form{ margin:0;padding:0;list-style:none;list-style-type:none;word-wrap:break-word;position:relative;border:none; font-weight:400;}

a {color:#333;text-decoration:none;position:relative;cursor:pointer;}

header, footer, nav, section, article, menu, aside {display:block;position:relative;} 

textarea { resize:none;font-family:"微软雅黑";font-size:0.25rem;}

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

th, td { text-align:left;}

input {font-family:"微软雅黑";font-size:0.25rem;}

input:focus {outline:none;}

input.sub {cursor:pointer; background:none; border:none;-webkit-appearance:none;}

input.text {background:none; border:none;}

a,button,input{

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  -webkit-tap-highlight-color: transparent; /* For some Androids */}



/* common main */

.red, a.red { color:#b41909;}

.blue, a.blue { color:#3399ff;}

.white, a.white { color:#fff;}

.orange, a.orange { color:#e84419;}

.c0 { color:#000;}

.c1 { color:#111;}

.c2 { color:#222;}

.c3 { color:#333;}

.c4 { color:#444;}

.c5 { color:#555;}

.c6 { color:#666;}

.c7 { color:#777;}

.c8 { color:#888;}

.c9 { color:#999;}

.fs2 { font-size:0.2rem;}

.fs25 { font-size:0.25rem;}

.fs3 { font-size:0.3rem;}

.fs35 { font-size:0.35rem;}

.fs4 { font-size:0.4rem;}

.fs45 { font-size:0.45rem;}

.fs5 { font-size:0.5rem;}

.fs55 { font-size:0.55rem;}

.fs6 { font-size:0.6rem;}

.fs66 { font-size:0.66rem;}

.fw-b { font-weight:bold;}

.fw400 { font-weight:400;}

.ti1 { text-indent:0.25rem;}

.ti2 { text-indent:0.5rem;}

.lh3 { line-height:0.3rem;}

.lh4 { line-height:0.4rem;}

.lh5 { line-height:0.5rem;}

.lh6 { line-height:0.6rem;}

.lh7 { line-height:0.7rem;}

.lh8 { line-height:0.8rem;}

.lh9 { line-height:0.9rem;}

.unl { text-decoration:underline;}

.unl-no { text-decoration:none;}

.unl-th { text-decoration:line-through;}

.ta-l { text-align:left;}

.ta-c { text-align:center;}

.ta-r { text-align:right;}

.fl { float:left;}

.fr { float:right;}

.va-m { vertical-align:middle;}

.va-t { vertical-align:top;}

.pr { position:relative;}

.pa { position:absolute;}

.oh { overflow:hidden;}

.none { display:none;}

.block { display:block;}

.inblock { display:inline-block;}

.pointer { cursor:pointer;}

.w100 { width:100%;}

.w96 { width:96%;}

.w94 { width:94%;}

.w90 { width:90%}

.w80 { width:80%;}

.w70 { width:70%;}

.w60 { width:60%;}

.w50 { width:50%;}

.w40 { width:40%;}

.w30 { width:30%;}

.w20 { width:20%;}

.w10 { width:10%;}

.h01 { height:0.1rem;}

.h02 { height:0.2rem;}

.h03 { height:0.3rem;}

.h04 { height:0.4rem;}

.h05 { height:0.5rem;}

.h06 { height:0.6rem;}

.h07 { height:0.7rem;}

.h08 { height:0.8rem;}

.h09 { height:0.9rem;}

.h100 { height:100%;}

.ma10 { margin:0.1rem;}

.ma20 { margin:0.2rem;}

.ma30 { margin:0.3rem;}

.ma40 { margin:0.4rem;}

.ml10 { margin-left:0.1rem;}

.ml20 { margin-left:0.2rem;}

.ml30 { margin-left:0.3rem;}

.ml40 { margin-left:0.4rem;}

.mt10 { margin-top:0.1rem;}

.mt20 { margin-top:0.2rem;}

.mt30 { margin-top:0.3rem;}

.mt40 { margin-top:0.4rem;}

.mr10 { margin-right:0.1rem;}

.mr20 { margin-right:0.2rem;}

.mr30 { margin-right:0.3rem;}

.mr40 { margin-right:0.4rem;}

.mb10 { margin-bottom:0.1rem;}

.mb20 { margin-bottom:0.2rem;}

.mb30 { margin-bottom:0.3rem;}

.mb40 { margin-bottom:0.4rem;}

.pa10 { padding:0.1rem;}

.pa20 { padding:0.2rem;}

.pa30 { padding:0.3rem;}

.pa40 { padding:0.4rem;}

.pl10 { padding-left:0.1rem;}

.pl20 { padding-left:0.2rem;}

.pl30 { padding-left:0.3rem;}

.pl40 { padding-left:0.4rem;}

.pt10 { padding-top:0.1rem;}

.pt20 { padding-top:0.2rem;}

.pt30 { padding-top:0.3rem;}

.pt40 { padding-top:0.4rem;}

.pr10 { padding-right:0.1rem;}

.pr20 { padding-right:0.2rem;}

.pr30 { padding-right:0.3rem;}

.pr40 { padding-right:0.4rem;}

.pb10 { padding-bottom:0.1rem;}

.pb20 { padding-bottom:0.2rem;}

.pb30 { padding-bottom:0.3rem;}

.pb40 { padding-bottom:0.4rem;}



.whitebg,input.whitebg { background:#fff;}

.greybg,input.greybg { background:#e5e5e5;}

.redbg,input.redbg { background:#b41909;}



.mga { margin-left:auto;margin-right:auto;}

.main {width:100%;margin-left:auto;margin-right:auto;}

.center {width:94%;margin-left:auto;margin-right:auto;}

.mainbox {width:94%;padding-left:3%;padding-right:3%;margin-left:auto;margin-right:auto;}

.absolute-r { position:absolute;left:auto;right:0;}

.absolute-l { position:absolute;left:0;right:auto;}

.tabfix { display:table; table-layout:fixed;border-collapse:collapse;}

.tabfix nav,.tabfix menu { display:table-row;}

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

.combtn,input.combtn { display:block;text-align:center;}



.bot-border{ border-bottom:1px solid #ddd;}

.top-border{ border-top:1px solid #ddd;}

.border {border:1px solid #ddd;}

.bor-rad {border-radius:3px;}



/* JS相关 */

.bannerbox {position:relative;width:100%;height:auto;margin:0 auto;overflow:hidden;margin-top: 56px;}

.bannerbox img {width:100%; display:block;}

.bannersum {width:99999px;position:relative;top:0;left:0;}

.bannersum li {float:left;}

#num {z-index:10;position:absolute;width:100%;text-align:center;bottom:0.1rem;left:0;}

#num a {margin:0 0.05rem;display:inline-block;width:0.3rem;height:0.06rem;background:#fff;}

#num a.sel { background: #f08205;}







/*-------------------------------*/

.main_top{width: 100%;height: 0.88rem;background: #f08205;position: fixed;left:0;top:0;z-index: 100;}

.main_top a.logo{display: block;width: 0.63rem;height: 0.63rem;position: absolute;left:3%;top:50%;margin-top: -0.315rem;}

.main_top a.logo img{width: 100%;}

.main_top a.back{display: block;width: 0.17rem;height: 0.35rem;background: url(../images/back.png) no-repeat;background-size: 100%;position: absolute;left:3%;top:50%;margin-top:-0.175rem;}



.main_top .tit{font-size: 0.32rem;color:#fff;text-align: center;line-height: 0.88rem;}









.search_box{width: 4.2rem;height: 0.5rem;background: #fff;margin:0.2rem auto 0;border-radius: 0.3rem;overflow: hidden;}

.search_box .text{width: 84%;height: 0.5rem;line-height: 0.5rem;font-size: 0.26rem;text-indent: 0.2rem;color:#808080;}

.search_box .sub{width: 16%;height: 0.5rem;position: absolute;top:0;right:0;background: url(../images/search_btn.png) no-repeat center center;background-size: 0.3rem;}



.menu_down{display: block;width: 0.54rem;height: 0.12rem;background: url(../images/top_menu.png) no-repeat;background-size: 100%;position: absolute;top:0.38rem;right:3%;}



.down_list{background: rgba(255,255,255,0.75);position: absolute;top:0.68rem;right:0.2rem;width: 1.5rem;display: none;}

.down_list a{display: block;width: 100%;height: 0.45rem;border-bottom: 1px solid #f08205;font-size: 0.18rem;color:#000;text-align: center;line-height: 0.45rem;}





.menu_enter{width: 100%;background: #ffc30d url(../images/enter_bg.png) no-repeat;/*height: 2.3rem;*/background-size: 100%;overflow: hidden;padding-top: 0.6rem;padding-bottom: 0.6rem;}

.menu_enter a{display: block;width: 25%;float:left;padding-top: 1.4rem;}

.menu_enter a p{color:#fff;font-size: 0.26rem;text-align: center;text-shadow:0 1px 5px #666;}







.index_tit{color:#000000;font-size: 0.28rem;text-align: center;padding-bottom: 0.15rem;background: url(../images/tit_bot.png) no-repeat left bottom;background-size: 100%;}



.news_list{background: #f6dd75;padding-top: 0.26rem;}

.news_list menu{padding:0 3% 0.16rem;margin-top: 0.3rem;}

.news_list menu a{display: block;width: 100%;overflow: hidden;background: #ffc30d;margin-bottom: 0.1rem;}

.news_list menu a img{display: block;float:left;width: 20%;}

.news_list menu a p{width: 75%;float:right;}

.news_list menu a p:nth-child(2){font-size: 0.22rem;color:#000000;margin-top: 0.1rem;}

.news_list menu a p:nth-child(3){color:#8d6a04;font-size: 0.18rem;height: 0.35rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.news_list menu a p:nth-child(4){color:#ca9a08;font-size: 0.16rem;}





.case_list{background: #f8ce3a;border-top: 2px solid #f6c822;padding-top: 0.26rem;}

.case_list menu{overflow: hidden;padding:0 3% 0.16rem;margin-top: 0.3rem;}

.case_list menu a{display: block;width: 48.6%;border:1px solid #f2972b;margin-bottom: 0.1rem;height: 145px;overflow: hidden;}

.case_list menu a:nth-child(odd){float:left;}

.case_list menu a:nth-child(even){float:right;}

.case_list menu a img{width: 100%;display: block;height: 145px;}





.project_show{background: #f6dd75;padding-top: 0.26rem;padding-bottom: 0.16rem;}

.project_show.whitebg{background: #fff;}

.project_show .tit{color:#000000;font-size: 0.28rem;text-align: center;padding-bottom: 0.15rem;background: url(../images/tit_bot.jpg) no-repeat left bottom;background-size: 100%;margin-bottom: 0.18rem;}

.project_show .tit.orange{color:#f08205;}



.slide_box{width: 94%;margin:0 auto;}

.slide_box a{display: block;text-align: center;}

.slide_box a img{width: 92%;}

.slide_box a p{text-align: center;font-size: 0.18rem;color:#000000;height: 0.35rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}





.main_foot{width: 100%;height: 0.98rem;background: #fff;position: fixed;left:0;bottom: 0;z-index: 100;box-shadow: 0 0 10px #666;}

.main_foot a{display: table-cell;text-align: center;font-size: 0.2rem;color:#666666;padding-top:0.64rem;}

.main_foot a:nth-child(1){background: url(../images/foot01.png) center 0.12rem no-repeat;background-size: 0.46rem;}

.main_foot a:nth-child(1).on{background: url(../images/foot01-1.png) center 0.12rem no-repeat;background-size: 0.46rem;color:#f08205;}



.main_foot a:nth-child(2){background: url(../images/foot02.png) center 0.12rem no-repeat;background-size: 0.46rem;}

.main_foot a:nth-child(2).on{background: url(../images/foot02-1.png) center 0.12rem no-repeat;background-size: 0.46rem;color:#f08205;}



.main_foot a:nth-child(3){background: url(../images/foot03.png) center 0.12rem no-repeat;background-size: 0.46rem;}

.main_foot a:nth-child(3).on{background: url(../images/foot03-1.png) center 0.12rem no-repeat;background-size: 0.46rem;color:#f08205;}



.main_foot a:nth-child(4){background: url(../images/foot04.png) center 0.12rem no-repeat;background-size: 0.46rem;}

.main_foot a:nth-child(4).on{background: url(../images/foot04-1.png) center 0.12rem no-repeat;background-size: 0.46rem;color:#f08205;}







.in_banner,.in_banner img{width: 100%;display: block;}



.case_switch{overflow: hidden;background: url(../images/tit_bot.jpg) no-repeat left bottom;background-size: 100%;margin-top: 0.1rem;}

.case_switch a{display: block;float:left;width: 25%;font-size: 0.24rem;color:#666666;text-align: center;height: 0.6rem;line-height: 0.6rem;}

.case_switch a:after{content: "";display: block;width: 1px;height: 0.22rem;position: absolute;top:50%;margin-top: -0.11rem;right:0;background: #666666;}

.case_switch a:last-child:after{content: "";display: none;}

.case_switch a.on{color:#f08205;}





.in_case{overflow: hidden;padding:0 3% 0.16rem;margin-top: 0.3rem;}

.in_case a{display: block;width: 48.6%;border:1px solid #e6e6e6;margin-bottom: 0.1rem;}

.in_case a:nth-child(odd){float:left;}

.in_case a:nth-child(even){float:right;}

.in_case a img{width: 100%;display: block;}





.about_us{margin-top: 0.4rem;}

.about_us a{display: block;background: #fff;height: 1rem;margin-bottom: 0.2rem;padding-left: 1.36rem;}

.about_us a p:nth-child(1){color:#f08205;font-size: 0.28rem;padding-top: 0.1rem;}

.about_us a p:nth-child(2){font-size: 0.2rem;color:#333333;height: 0.35rem;line-height: 0.35rem;width:84%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;margin-top: 0.08rem;}

.about_us a span{display: block;width: 0.17rem;height: 0.35rem;background: url(../images/arrow.png)no-repeat;background-size: 100%;position: absolute;top:50%;margin-top: -0.175rem;right:4%;}

.about_us a:nth-child(1){background: url(../images/icon01.png) no-repeat left 0.3rem center #fff;background-size: 0.86rem;}

.about_us a:nth-child(2){background: url(../images/icon02.png) no-repeat left 0.3rem center #fff;background-size: 0.86rem;}

.about_us a:nth-child(3){background: url(../images/icon03.png) no-repeat left 0.3rem center #fff;background-size: 0.86rem;}

.about_us a:nth-child(4){background: url(../images/icon04.png) no-repeat left 0.3rem center #fff;background-size: 0.86rem;}
.about_us a:nth-child(5){background: url(../images/icon05.png) no-repeat left 0.3rem center #fff;background-size: 0.86rem;}





.course_list{padding:0 4%;margin-top: 0.4rem;}

.course_list a{display: block;background: #fff;height: 1.1rem;margin-bottom: 0.2rem;border-radius: 0.1rem;padding-left: 1.2rem;}

.course_list a span{display: block;background: url(../images/null.png) no-repeat;width: 0.96rem;height: 0.96rem;position: absolute;left:0.1rem;top:50%;margin-top:-0.48rem;background-size: 100%;z-index: 5;overflow: hidden;}

.course_list a img{width: 0.96rem;height: 0.96rem;position: absolute;left:0.1rem;top:50%;margin-top:-0.48rem;display: block;z-index: 3;}

.course_list a p.p1{color:#f08205;font-size: 0.26rem;padding-top: 0.12rem;}

.course_list a p.p2{color:#333333;font-size: 0.2rem;padding-top:0.08rem;height: 0.35rem;line-height: 0.35rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.course_list a i{display: block; width: 0.17rem; height: 0.35rem; background: url(../images/arrow02.png)no-repeat; background-size: 100%; position: absolute; top: 50%; margin-top: -0.175rem; right: 4%;}



.course_list.radius a img{border:1px solid #f08205;border-radius: 50%;-webkit-border-radius: 50%;}



.course_detail{padding:0 4%;}



.course_detail .con{background: #fff;padding-bottom: 0.2rem;margin: 0.3rem 0;border-radius: 0.1rem;}

.course_detail .tit{height: 0.65rem;line-height: 0.65rem;border-bottom: 1px solid #ededed;text-align: center;font-size: 0.28rem;color:#383838;margin-bottom: 0.2rem;}

.course_detail .subtit{font-size: 0.16rem;color:#b2b2b2;overflow: hidden;padding:0 4%;margin-bottom: 0.1rem;}

.course_detail .txt{font-size: 0.2rem;color:#656565;line-height: 0.4rem;}







.course_detail img{width: 100%;}

.course_detail dl{margin-top: 0.4rem;margin-bottom: 0.26rem;line-height: 0.4rem;}

.course_detail dl dt{font-size: 0.24rem;color:#f08205;}

.course_detail dl dd{font-size: 0.2rem;color:#656565;}





.contact_us .top{background: #fff;color:#f08205;padding:0.5rem 4%;}

.contact_us .qq{padding:0 3% 0.2rem;margin-top: 0.3rem;}

.contact_us .qq a{display: block;height: 0.58rem;background: #fff;border:1px solid #e0e0e0;line-height: 0.58rem;font-size: 0.26rem;text-indent: 0.05rem;margin-bottom: 0.1rem;border-radius: 0.1rem;}

.contact_us .qq a:nth-child(1){color:#f08205;}

.contact_us .qq a:nth-child(2){color:#72d4ed;}

.contact_us .qq a:nth-child(3){color:#ff6100;}

.contact_us .qq a:nth-child(4){color:#00b827;}

.contact_us .qq a:nth-child(5){color:#ea4824;}





.contact_us .qr_code{background: #fff;padding:0.28rem 0;text-align: center;}

.contact_us .qr_code img{width: 70%;}

.contact_us .qr_code p{font-size: 0.26rem;color:#808080;}

.contact_us .map{background: #fff;padding:0.3rem 4%;margin-top: 0.2rem;}

.contact_us .map img{width: 100%;}





.in_menu{background: #fff;padding:0.3rem 4%;}

.in_menu a{display: block;background: #f5f5f5;padding:0.12rem;overflow: hidden;border-radius: 0.1rem;margin-bottom: 0.1rem;}

.in_menu a img{display: block;width: 20%;float: left;}

.in_menu a p{ width: 75%;float: right;}

.in_menu a p:nth-child(2){font-size: 0.22rem; color: #383838; margin-top: 0.1rem;}

.in_menu a p:nth-child(3){color: #808080; font-size: 0.18rem; height: 0.35rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.in_menu a p:nth-child(4){color: #707070; font-size: 0.16rem;}







/*======================================*/



.act_menu{overflow: hidden;width: 100%; background: #ffc30d url(../images/act_bg01.png) no-repeat; background-size: 100%; overflow: hidden; padding-top: 0.6rem; padding-bottom: 0.4rem;}

.act_menu.other{background: #ffc30d url(../images/act_bg02.png) no-repeat; background-size: 100%;}



.act_menu a{display: block; width: 50%; float: left; padding-top: 2.2rem;}

.act_menu a p{color: #fff; font-size: 0.26rem; text-align: center; text-shadow: 0 1px 5px #666;}





.act_list{background: #f8ce3a;padding-top: 0.26rem;}

.act_list .tit{color: #000000; font-size: 0.28rem; text-align: center; padding-bottom: 0.15rem; background: url(../images/tit_bot.png) no-repeat left bottom; background-size: 100%;}

.act_list menu{overflow: hidden; padding: 0 3% 0.16rem; margin-top: 0.3rem;}

.act_list menu a{display: block; width: 48.6%; margin-bottom: 0.1rem;}

.act_list menu a img{width: 100%;display: block;border:1px solid #f2972b;}

.act_list menu a:nth-child(odd) {float: left;}

.act_list menu a:nth-child(even) {float: right;}



.act_list menu a p{font-size: 0.22rem;color:#4c4c4c;text-align: center;height: 0.35rem;line-height: 0.35rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-top: 0.05rem;}






.index_tit a{display: block;width: 0.28rem;height: 0.28rem;position: absolute;top:50%;margin-top: -0.2rem;right:4%;background: url(images/more_btn.png) no-repeat;background-size: 100%;}


/*浮动热线*/
.float_line{width: 1.84rem;height: 2.04rem;background: url(../images/logo.png) no-repeat right 0.08rem bottom 0.08rem #fe9921;position: fixed;right:4%;bottom: 1.8rem;background-size: 0.37rem;border:0.08rem solid #ffc30d;text-align: center;color:#fff;font-size: 0.22rem;padding: 0.3rem 0 0.4rem;}


  .index_tit a{display: block;width: 0.28rem;height: 0.28rem;position: absolute;top:50%;margin-top: -0.2rem;right:4%;background: url(../images/more_btn.png) no-repeat;background-size: 100%;}