html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	font-weight: normal;



}



body {font: 14px/1.5 arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;color:#333; background:#f5f5f5;}

nav, ul {list-style: none}

.lbpic_ms{width:1200px;margin:0 auto;margin-top:56px; display:block;}

.tempWrap{overflow:hidden; position:relative; /*height:374px;*/ top:17px;}

.sy_xxhj1_wap .tempWrap{overflow:hidden; position:relative; /*height:374px;*/ top:0px;}



.sy_xxhj_ms{ position:relative;}

.sy_xxhj2_ms {

	position: absolute;

	height: 0.28rem;

	line-height: 0.28rem;

	bottom: -3%;

	z-index: 1;

	right:2%;

}



.sy_xxhj2_ms li {

	display: inline-block;

	width: 8px;

	height:8px;

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:8px;

	background: #fff;

	text-indent: -9999px;

	overflow: hidden;

	margin:6px;

}

.sy_xxhj2_ms .on{ background:#f33;}





/*获得奖项开始*/

.sy_xxhj_jx{ position:relative;width: 540px;margin: 0 auto; padding-top:30px;}

.sy_xxhj2_jx {

	height: 0.28rem;

	line-height: 0.28rem;

	z-index: 1;

	text-align:center;

	padding-top:18px;

}



.sy_xxhj2_jx li {

	display: inline-block;

	width: 10px;

	height:10px;

	-webkit-border-radius:8px;

	-moz-border-radius:8px;

	border-radius:10px;

	background: #aaa;

	opacity:0.5;

	text-indent: -9999px;

	overflow: hidden;

	margin:6px;

	transition: all .3s ease-in 0ms;

}

.sy_xxhj2_jx:hover{cursor:pointer;}

.sy_xxhj2_jx .on{ background:#C8161D; opacity:1; width: 16px;}



/*获得奖项结束*/













/*header top开始*/

.header_top{width:100%; height:40px; background:#F5F5F5;}

.header_top_1200{width:1200px; margin:0 auto; height:40px;}

.header_top_left{width:234px; height:40px; float:left;}

.cur_school{width:64px; height:24px; border-radius:12px; background:#000; margin-top:8px; float:left;}

.cur_school p{font-size:14px; color:#fff; text-align:center; line-height:24px;}

.tony_school{width:166px; height:24px; font-size:14px; color:#B9B9B9; float:left; line-height:24px; margin-top:8px;}

.header_top_right{width:278px; height:40px; float:left; margin-left:686px;}

.child_school_name{width:152px; height:40px; float:left;}

.address_div{width: 14px;
    height: 32px;
    float: left;
    background: url(../images/dtpng.png) no-repeat;
    background-position: 0px -209px;
    overflow: hidden;}

.child_school_name1{width:132px; height:40px; float:left;}



.bj_school_name{width:61px; height:40px; float:left;}

.bj_school_name p{font-size:12px; color:#f33; line-height:40px; text-align:center;}

.cd_school_name{width:61px; height:40px; float:left; margin-left:2px;}

.cd_school_name p{font-size:12px; color:#f33; line-height:40px; text-align:center;}



.bj_school_name p a{color:#f33;}

.cd_school_name p a{color:#f33;}



.zdd_div{width:88px; height:40px; float:left; margin-left:37px;}

.reg_div{width:32px; height:40px; float:left; margin-left:6px;}

.reg_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}

.login_div{width:32px; height:40px; float:left; margin-left:14px;}

.login_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}

.tel_div{width:88px; height:40px; float:right; margin-left:40px;}

.tel_div p{font-size:14px; color:#B9B9B9; text-align:center; line-height:40px;}

/*header top结束*/



/*导航开始*/

.nav_100{ width:100%; height:82px; background:#fff; display:block; border-bottom:1px solid #f5f5f5;}

.nav_div{width:1215px; height:82px; margin:0 auto;}

.nav_icon_div{width:150px; height:42px; float:left; margin-top:18px;}

.menu_search_div{width:1010px; height:64px; float:left; margin-left:45px; margin-top:5px;}

.menu_start{width:845px; height:28px; float:left; margin-top: 10px;}

.menu  a {display: block;color: #000;float:left;text-align: center;padding: 0 13px;line-height: 54px;font-size: 16px;-webkit-transition: none;transition: none;text-decoration:none; width:auto; height:28px;}

.menu a h1{ color:#000; font-size:14px; }

.menu a:hover{color:#f33;}



.search_div{width:125px; height:36px; border:1px solid #e0e0e0; float:left;margin-top:17px; position:relative; border-right:0px;}

.search_con_div{width:116px; height:16px; position:absolute; left:52px; top:10px;}

.search_ys_div{width:56px; height:18px; background:#ECECEC; float:left;}

.search_ys_div h3{font-size:12px; color:#8C8B8B; text-align:center; line-height:18px;}

.search_ss_div{width:56px; height:18px; background:#ECECEC; float:left; margin-left:4px;}

.search_ss_div h3{font-size:12px; color:#8C8B8B; text-align:center; line-height:18px;}



.search_ys_div:hover a h3{ background:#f33; color:#fff;}

.search_ss_div:hover a h3{ background:#f33; color:#fff;}



.search_icon_div{width:35px; height:36px; border:1px solid #e0e0e0; float:left;  margin-top:17px; position:relative;}

.address_icon_div1{width:24px; height:24px; float:left; top:6px; left:6px; position:absolute;}

.search_icon_div1{position:absolute;margin-top:8px;left:6px;}

.search_text{width:125px; height:34px; border:0px; outline:none; text-indent:1em;}

.search_icon_div i{color:#bbb; font-size:24px;}

/*.search_icon_div:hover i{color:#fff; font-size:24px; background:#f33;}*/

/*导航结束*/



/*课程开始*/

.brand_crouse_title_div{width:1200px; height:64px; margin:0 auto; margin-top:48px;}

.left_line{width:432px; height:1px;background:#bbb; float:left; margin-top:30px; opacity:0.2;}

.brand_crouse_title{width:336px; height:64px;float:left;}

.brand_crouse_title_cn{width:336px; height:26px;}

.brand_crouse_title_cn p{font-size:1.4em; text-align:center;}

.brand_crouse_title_en{width:336px; height:26px;}

.brand_crouse_title_en p{font-size:16px; color:#bbb; text-align:center;}

.right_line{width:432px; height:1px;background:#bbb; float:left; margin-top:30px; opacity:0.2;}

.brand_crouse_con{width:1200px; height:666px; margin:0 auto; margin-top:24px;}

.about{height:410px}

.abouts{height:250px}

.jianjie{width:100%!important;height:310px!important}

.brand_crouse_fl_div{width:1200px; height:26px; position:relative;}

.ljc_div{width:376px; height:24px; float:left;}

.ljc_div p{ font-size:1.38em;}

.ljc_child_div{width:790px; height:52px; float:left; margin-left:376px; margin-top:-8px; margin-left:33px; position:absolute; right:-10px;}

.ljc_child{width:auto; height:38px; float:right; padding:0 13px;}

.ljc_child h3{color:#000; font-size:14px; line-height:54px;}

.brand_crouse_list{width:1200px; height:450px; margin-top:22px;}

.brand_crouse_left{width:376px; height:450px; float:left;}

.brand_crouse_left_pic_div{width:376px; height:450px;}

.brand_crouse_left_con{width:376px; height:72px; background:#fff;}

.brand_crouse_left_title{width:338px; height:20px; margin:0 auto;}

.brand_crouse_left_title a h3{font-size:16px; color:#000; padding-top:12px;}

/*.brand_crouse_left_title h3:hover{color:#C8161D;}*/



.brand_crouse_left_xz{width:338px; height:16px; margin:0 auto; margin-top:20px;}

.xz_span{font-size:14px; color:#BBBBBB; float:left;}

.kx_span{font-size:14px; color:#BBBBBB; float:left; margin-left:44px;}

.brand_crouse_right{width:832px; height:620px; float:left;margin-left:-8px; margin-top:-34px;}

.brand_crouse_right1{width:376px; height:292px; float:left; margin-left:40px; margin-top:34px;}

.brand_crouse_right1:hover img{ opacity:0.92;}

.brand_crouse_right1:hover{box-shadow: 1px 1px 5px 8px #f1f1f1;}

.brand_crouse_right1_pic_div{width:376px; height:222px;}

.brand_crouse_right1_pic_div img{width:376px; height: 222px;}

.brand_crouse_right1_con{width:376px; height:72px; background:#fff;}

.brand_crouse_right1_title{width:338px; height:20px; margin:0 auto}

.brand_crouse_right1_title p{font-size:16px; color:#000; padding-top:12px;}

.brand_crouse_right1_xz{width:338px; height:16px; margin:0 auto; margin-top:20px;}

/*东田品牌课程结束*/



/*国际游学开始*/

.tour_crouse_title_div{width:1200px; height:64px; margin:0 auto; margin-top:93px;}

/*国际游学结束*/



/*研修课程开始*/

.yxkc_div{width:376px; height:24px; float:left;}

.yxkc_div p{font-size:22px;}

.yxkc_child_div{width:667px; height:52px; float:left; margin-left:157px; margin-top:-8px;}

.yxkc_child{width:auto; height:24px; float:right; padding:0 13px;}

.yxkc_child h3{color:#000; font-size:14px; line-height:54px;}

/*研修课程结束*/



/*空白块开始*/

.empty_div{width:376px; height:292px; float:left; margin-left:40px; margin-top:34px;}

.empty_div_btn2{width:376px; height:133px; background:#fff; margin-top:26px;}

.empty_div_btn2 a:hover .btn-fill-vert{

	color:#f33;

}

/*空白块结束*/







/*东田视频开始*/

.dtsp_start_div{width:1236px; height:1186px; margin:0 auto; /*margin-top:-51px;*/}

.spfl_start_div{width:1236px; height:34px; position:relative; top:19px;}

.spfl_div{width:327px; height:34px; margin:0 auto;}

.spfl_name{width:auto; height:34px; padding:0 12px; float:left; color:#B9B9B9;}

.spfl_ckgd{width:88px; height:34px; position:absolute; right:18px; text-align:right; bottom:3px; color:#B9B9B9;}

.sp_con_start{width:1236px; height:1186px; margin-left:-18px; top:6px;}

.sp_div{width:376px; height:262px; float:left; background:#fff; margin-top:18px; margin-left:36px;}

.sp_div:hover{box-shadow: 1px 1px 5px 8px #f1f1f1;}

.sp_pic{width:376px; height:222px; position:relative; overflow:hidden;}

.sp_pic img:hover{ transform: scale(1.2); overflow:hidden; transition: all 0.6s; width:376px; height:222px;}

.sp_pic1{position:absolute;  left:157px; top:80px; width: 40px; height: 40px; background: url(../images/dtpng.png) no-repeat; background-position: 0 -303px;}

.sp_title{width:376px; height:40px;}

.sp_title h3{font-size:16px; margin-left:10px; line-height:40px;}

.wap_sp_black{ display:none;}

/*东田视频结束*/







/*师资开始*/

.teacher_start{width:1236px;height:742px;margin: 0 auto;}

.teacher_div{width:1236px;height:742px;margin-left:7px; margin-top:-11px;}

.teacher_pic_font{width:190px;height:300px;float: left; margin-left:12px; margin-top:28px;}

.teacher_pic_font:hover{box-shadow: 1px 1px 5px 8px #f1f1f1;}

.teacher_pic_div{width:190px;height:270px;}

.teacher_pic_div img{width:190px; height: 270px;}

.teacher_pic_div:hover{ opacity:0.92;}

.teacher_title_div{width:190px;height:30px;background:#fff;}

.teacher_title_div a h3{font-size:16px; color:#000; line-height:30px; text-indent:0.5em;}

/*师资结束*/





/*东田新闻开始*/

.dtnews_start_div{width:1236px; height:642px; margin:0 auto; /*margin-top:-51px;*/}

.spflnews_start_div{width:1236px; height:34px; position:relative; top:19px;}

.spflnews_div{width:327px; height:34px; margin:0 auto;}

.spflnews_name{width:auto; height:34px; padding:0 12px; float:left; color:#B9B9B9;}

.spflnews_ckgd{width:88px; height:34px; position:absolute; right:18px; text-align:right; bottom:3px; color:#B9B9B9;}

.news_con_start{width:1236px; height:540px; margin-left:-18px; top:6px;}

.news_div{width:376px; height:262px; float:left; background:#fff; margin-top:18px; margin-left:36px;}

.news_div:hover{box-shadow: 1px 1px 5px 8px #f1f1f1;}

.news_pic{width:376px; height:222px; position:relative; overflow:hidden;}

.news_pic img:hover{ transform: scale(1.2); overflow:hidden; transition: all 0.6s;}

.news_pic1{position:absolute;  left:157px; top:80px;}

.news_title{width:376px; height:40px; overflow:hidden;}

.news_title h3{font-size:16px; margin-left:10px; line-height:40px;}

/*东田新闻结束*/















.news_pic_div{width:376px; height:222px; position:relative; overflow:hidden;}

.news_pic_div:hover{ opacity:0.92;}



/*底部开始*/

.footer_100{width:100%; height:246px; background:#000;}

.footer_1200{width:1200px; height:180px; margin:0 auto;}

.footer_left{width:578px; height:180px; float:left; margin-top:16px;}

.footer_oneline{width:578px; height:44px; margin-top:26px;}

.footer_logo{width:178px; height:38px; float:left;}

.qgfx_div{width:96px; height:30px; float:left; margin-left:26px;}

.select{border:0px; border-radius:4px; width:96px; height:30px;font-size: 14px;color:#bbb;text-align: center; padding: 0 8%; background:#fff;}

.wechat{width: 32px;height: 32px;float: left;background: url(../images/dtpng.png);margin-left: 52px;background-position: -1px 233px;}
.weibo{width: 28px;height: 28px;float: left;background: url(../images/dtpng.png);margin-left: 30px;background-position: 0px 204px;}

.ewm_div{width:200; height:200px; position:absolute; top:-176px; left:146px; display:none;}

.phone{width: 28px;height: 28px;float: left;background: url(../images/dtpng.png);margin-left: 30px;background-position: 0 167px;}

.phone_font_div{width:44px; height:24px; float:left;}

.phone_font_div p{font-size:14px; color:#fff; line-height:42px;}

.footer_twoline{width:578px; height:38px; margin-top:20px;}

.footer_twoline p{font-size:16px; color:#bbb;}

.footer_threeline{width:578px; height:38px; margin-top:5px;}

.hot_search{width:70px; height:38px; float:left;}

.hot_search p{font-size:12px; font-weight:bold; color:#fff;}

.hot_con_div{width:486px; height:24px; float:left; margin-left:-13px;}

.hot_con_child{width:auto; height:38px; float:left; padding:0 14px; font-size:12px; color:#CECECE;}

.hot_con_child a{color:#CECECE;}

.hot_con_child a:hover{color:#fff;}

.fgx{width:1px; height:158px; background:#BBBBBB; opacity:0.3; float:left; margin-top:26px; margin-left:14px;}

.footer_right{width:546px; height:150px; float:left; margin-top:37px; margin-left:56px;}

.footer_right1{width:88px; height:134px; float:left;}

.footer_right1_title{width:88px; height:24px;}

.footer_right1_title p{font-size:14px; font-weight:bold; color:#F5F5F5;}

.footer_right1_con{width:88px; height:96px; margin-top:8px;}

.footer_right1_child{width:88px; height:14px; margin-top:10px;}

.footer_right1_child h2{font-size:14px; color:#CECECE;}
.footer_right1_child h3{font-size:14px; color:#CECECE;}

.footer_right1_child:hover h2{color:#fff;}
.footer_right1_child:hover h3{color:#fff;}

.footer_right2{width:60px; height:134px; float:left; margin-left:54px;}

.footer_beian{width:1200px; height:24px; margin:0 auto; margin-top:26px;}

.footer_beian p{font-size:12px; color:#CECECE; text-align:center;}

.footer_beian p strong{ font-weight:normal;}

/*底部结束*/







/*下划线样式开始*/

a,a:link,a:visited,a:focus{

	  text-decoration:none;

  }

.right-to-left{

	position:relative;

	width: auto;

	height: 28px;

	float: right;

	line-height:55px;

}

.right-to-left::after{

	content:'';

	display:block;

	width:0;

	height:1px;

	position:absolute;

	left:0;   /*区别就是开始时在右边*/

	bottom:-12px;

	background:#000;

	transition:all 0.3s ease-in-out;

}

.right-to-left:hover::after{

	width:100%;

}



.ljc_child:hover h3{ color:#000;}



.right-to-left1{

	  position:relative;

	  width: auto;

      height: 14px;

      float: right;

	  line-height:16px;

  }



.right-to-left1{ color:#b9b9b9;} 

.right-to-left1:hover{ color:#000;}

.right-to-left1::after{

	  content:'';

	  display:block;

	  width:0;

	  height:1px;

	  position:absolute;

	  left:0;   /*区别就是开始时在右边*/

	  bottom:-8px;

	  background:#000;

	  transition:all 0.3s ease-in-out;

  }

.right-to-left1:hover::after{width:100%;}  

/*下划线样式结束*/



.right-to-left2{

	  position:relative;

	  width: auto;

      height: 12px;

	  line-height:12px;

	  margin-left:6px;

  }



.right-to-left2{ color:#b9b9b9;} 

.right-to-left2:hover{ color:#fff;}

.right-to-left2::after{

	  content:'';

	  display:block;

	  width:0;

	  height:1px;

	  position:absolute;

	  left:0;   /*区别就是开始时在右边*/

	  bottom:-6px;

	  background:#fff;

	  transition:all 0.3s ease-in-out;

  }

.right-to-left2:hover::after{width:100%;} 















/*品牌故事开始*/

#smallban{width:100%; height:222px;margin-top:40px;background:#e4e4e4;}

.brand-story {width:1200px;height:222px;margin:0 auto;}

.brand-story ul{margin-left:-40px; padding-top:46px;}

.brand-story ul li {float: left;height: 130px;width: 270px;margin: 0px 0px 0px 40px;}

.brand-story ul li a {position: relative;display: block;height: 100%;width: 100%;overflow: hidden;}

.brand-story ul li a img {height: 100%;width: 100%;}

.brand-story ul li a div {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.3);transition-delay: 400ms;transition: 600ms;

}

.brand-story ul li a div h2{position: absolute;left: 50%;top: 50%;height: 32px;width: 128px;margin: -17px 0 0 -75px;padding: 0 10px;text-align: center;line-height: 32px;color: #EEE;transition: 400ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

}

.brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0;transition: 400ms;border: 1px solid rgba(255,255,255,.3);}

.brand-story ul li a:hover div {background: rgba(0,0,0,.0);}

.brand-story ul li a:hover div h2 {left: -100%;}

.brand-story ul li a:hover div i {right: -100%;}

/*品牌故事结束*/



/*友情链接开始*/

.yq_link_div{width:1212px; height:50px;margin:0 auto; margin-top:20px; margin-bottom:36px;}

.yq_link_font{width:1212px; height:50px; margin-left:12px}

.yq_link_font p{font-size:14px; color:#bbbbbb; line-height:20px; padding-top:16px; margin-left:-12px;}

.yq_link_font p a{color:#bbbbbb;}

.yq_link_font p a:hover{color:#000;}

/*友情链接结束*/

.nav_start_div{ display:none;}

#wapnavlist{ display:none;}

.sy_xxhj_wap{ display:none;}

.wap_tuijian{ display:none;}

.wap_kctag{ display:none;}

.lbpic{ display:none;}

.wap_kccontent{ display:none;}



.mtbd{width:1200px; height:234px; margin:0 auto; margin-top:35px;}

.mtbd_one{width:580px; height:234px; float:left;}

.mtbd_two{ width:580px; height:234px; float:left; margin-left:40px;}

.mtbd_one_title{width:580px; height:26px;}

.mtbd_one_title p{color:#bbb; font-size:22px; font-weight:bold; text-align:left;}

.mtbd_lb_div{width:580px; height:186px;background:#fff; margin-top:24px;}



.news_mt_fg{width:100%; height:20px;}



/*媒体开始*/

.sy_xxhj_wapmt{ position:relative;width:96%;margin: 0 auto;}

.sy_xxhj2_wapmt{height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;padding-top:35px;}

.sy_xxhj2_wapmt li {display: inline-block;width:10px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

.sy_xxhj2_wapmt:hover{cursor:pointer;}

.sy_xxhj2_wapmt .on{ background:#f33; opacity:1; width: 16px;}

/*媒体结束*/



/*企业开始*/

.sy_xxhj_wapqy{ position:relative;width:96%;margin: 0 auto;}

.sy_xxhj2_wapqy {height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;padding-top:35px;}

.sy_xxhj2_wapqy li {display: inline-block;width: 10px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

.sy_xxhj2_wapqy:hover{cursor:pointer;}

.sy_xxhj2_wapqy .on{ background:#f33; opacity:1; width: 16px;}

/*企业结束*/



/*获得奖项开始*/

.sy_xxhj_wapjx{ position:relative;width:96%;margin: 0 auto;}

.wapjx_title{width:540px; margin:0 auto; height:36px; padding-top:10px;}

.wapjx_title p{text-align:center; font-size:24px; color:#0F0F0F; padding-top:18px;}

.wapjx_bm{width:540px; margin:0 auto; height:32px; margin-top:30px;}

.wapjx_leftline{width:141px; height:1px; background:#DBDBDB; float:left; margin-top:15px;}

.wapjx_bm_font{width:258px; height:32px; float:left;}

.wapjx_bm_font p{font-size:14px; color:#BBBBBB; text-align:center; line-height:32px;}

.wapjx_rightline{width:141px; height:1px; background:#DBDBDB; float:left; margin-top:15px;}







.sy_xxhj2_wapjx {height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center; margin-top:39px;}

.sy_xxhj2_wapjx li {display: inline-block;width: 10px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

.sy_xxhj2_wapjx:hover{cursor:pointer;}

.sy_xxhj2_wapjx .on{ background:#f33; opacity:1; width: 16px;}

/*wap获得奖项结束*/





/*杂志开始*/

.sy_xxhj_wapma{ position:relative;width:96%;margin: 0 auto;}

.sy_xxhj2_wapma{height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;padding-top:35px;}

.sy_xxhj2_wapma li {display: inline-block;width: 10px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

.sy_xxhj2_wapma:hover{cursor:pointer;}

.sy_xxhj2_wapma .on{ background:#f33; opacity:1; width: 16px;}

/*杂志结束*/

.wap_fx{ display:none;}

.wap_footer{ display:none;}

.wap_from{ display:none;}

.wap_fgdiv{ display:none;}

.wap_fxall{ display:none;}

.wap_title_bottom{ display:none;}

.wap_xzxf{ display:none;}

.pc_left_kc{display:block;}

.wap_left_kc{ display:none;}

.shadow_div{ display:none;}



@keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-webkit-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-moz-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}

@-o-keyframes icon-bounce {

  0%, 100% {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  25% {

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  50% {

    -moz-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  75% {

    -moz-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }



  85% {

    -moz-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

}


.shadow_div{width:100%; height:0.24rem; background:#f5f5f5; display:block;}


.right_zx_div{width:46px; height:120px; background:#fff; position:fixed; right:0; top:74%; z-index:999; border-radius:8px 0px 0px 8px;}

.zx_div1{width:46px; height:28px;}

.zx_div1_img{width: 24px;height: 24px;margin: 0 auto; margin-top: 16px; background-position: 0 316px; max-width:100%;
	-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s infinite;}

.zx_fg{width:46px; height:1px; margin-top:16px;}

.zx_fg1{width:14px; height:1px; border:0px; background:#DBDBDB; margin:0 auto;}

.tel_num{position:relative; width:144px; height:30px; background:#f33; border-radius:4px; top:0;}

.tel_num p{color:#fff; font-size:16px; width:144px; text-align:center; line-height:30px;}

.tel_num p a{ color:#fff;}



.zx_icon1{

	max-width:100%;

	-webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s infinite;

}



.qp_tel{width:46px; height:28px; position:relative;}

.zixuntel{width: 22px; height: 22px;margin: 0 auto;margin-top: 16px;cursor: pointer;}

.red_zxtel{ display:none;}



.arrow_span{ display:block;

    width:0;

    height:0;

    border-width:7px 0 7px 10px;

    border-style:solid;

    border-color:transparent transparent transparent #f33;/*透明 透明 透明 黄*/

    position:absolute;

    top:8px;

    right:-8px;

}

.qp_div{position:absolute; top:0;right:0px; width:200px; display:none;}

.red_gotop{display:none;}s

.gotop_sum{width:46px; height:28px;}

.gotop_div{width:22px; height:22px; margin:0 auto; margin-top:16px; cursor:pointer;}



#wap_sp_title{ margin-top:0rem;}

.lbpic_ms_wap{ display:none;}

.mt_empty{ display:none;}

.wap_tuijian_sp{ display:none;}

.wap_tuijian_teacher{ display:none;}
.zz_back{opacity: 0.5;filter:alpha(opacity=30);background-color:#000;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; display:none;}
.img_div{width:18%; height: auto; position:fixed; top: 32%; left: 42%; z-index: 999;display:none;}
.close_div{width: 6%;height: auto;position: absolute;top: -6%;left: 96%;z-index: 999;}
.syabout{
	height: 410px;margin-top:0px
}

/*******************************************手机开始**************************************/

/*手机顶部开始*/

@media only screen and (max-width:767px){
	.wxabout{display:block!important;padding-bottom:1rem!important}
	.jianjie{height:auto!important;}
	.syabout{height:auto!important}
  .img_div {width: 80%; height: auto; position:fixed; top:20%; left: 10%; z-index: 999;}
   body{ background:#fff;}

   .pc_left_kc{ display:none;}

   .wap_left_kc{ display:block;width: 100%; height: auto}

   .header_top{ display:none;}

   .nav_start_div {position: fixed;z-index: 999;width: 100%;height: 0.8rem;top: 0;left: 0;background: #000;display: block;}

   .nav_100{ display:none;}

    #wapnavlist{ font-size:14px; background-color: #fff;display:block; position:fixed;margin-top:0.8rem; z-index:99;}

	#wapnavlist ul li{ text-align:center; width:auto;}

	#wapnavlist ul li a{padding:10px 10px 8px 10px; display:inline-block; color: #333; margin-left:5px;}

	#wapnavlist ul li a.now{ background-color: #fff; border-bottom: 2px solid #f33;}

	.wp100{ display:none;}

	.sy_xxhj_wap{ position:relative;display:block; top:92px; /*overflow-y:hidden;*/}

    .sy_xxhj2_wap {position:absolute;height: 0.28rem;line-height: 0.28rem;bottom:10%;/*left:29%;*/z-index: 1;    padding: 0 46%;}

    .sy_xxhj2_wap li {display: inline-block;width:0.1rem;height:2px; background: #ddd;text-indent: -9999px;overflow: hidden;margin: 0.06rem; border-radius:1rem;}

    .sy_xxhj2_wap .on{ background:#f33;}

	.brand_crouse_title_div{ display:none;}

	.brand_crouse_con{ display:block;}

	.tour_crouse_title_div{ display:none;}

	.wap_tuijian{width:96%; height:0.6rem; margin:0 auto; margin-top:0.42rem; display:block; overflow:hidden;}

	.wap_kctag{ width:96%; height:0.3rem; margin:0 auto; margin-left:-1%;}

	.wap_kctag ul{ width:100%;}

	.kcfx_cur{float:left; padding:0.04rem 0.16rem 0rem 0.16rem; color:#fff;background:#000;border-radius:12px; margin-left:0.2rem; font-size:0.22rem; height:0.34rem; line-height:0.34rem;}

	.kcfx{float:left; padding:0 0.16rem; color:#000;background:#f5f5f5;border-radius:12px; margin-left:0.2rem; font-size:0.22rem; height:0.4rem; line-height:0.4rem;}

	

	.wap_kccontent{ display:block;}

	.wap_kctag{ display:block;}

	.get_prize{ display:none;}

	.yq_link_div{ display:none;}

	.footer_100{ display:none;}

	

	.lbpic{width:100%; height:2.8rem; margin-top:0.4rem; display:block;}

    /*.lbpic_ms{width:100%; height:2.2rem; margin-top:0.4rem; display:block;}*/

	

	.lbpic_ms_wap{width:100%; height:3rem; margin-top:0.4rem; display:block;}
    .sy_xxhj_ms_wap{ position:relative;}
	.sy_xxhj2_ms_wap{right:4%; bottom:0%;position:absolute;height:0.28rem; line-height:0.28rem;z-index: 1;}
	.sy_xxhj2_ms_wap li {display: inline-block;width: 6px;height: 6px;-webkit-border-radius: 6px;-moz-border-radius: 8px;border-radius: 8px;
 background: #fff;text-indent: -9999px;overflow: hidden;margin:0.06rem;}
    .sy_xxhj2_ms_wap .on{ background:#f33;}

	
	






	

	.lbpic_ms{display:none;}	

	.tour_crouse_title_div{ display:none;}

	.tempWrap{ top:0;}

	/*视频开始*/

	.wap_tuijian_sp{width:96%; height:0.6rem; margin:0 auto; margin-top:0.8rem; display:block; overflow:hidden;}

	.spfl_start_div{ display:none;}

	.left_line{ display:none}

	.right_line{ display:none;}

	.spfl_start_div{ display:none;}

	.dtsp_start_div{ width:100%; margin:0 auto; margin-top:0px; height:18rem}

	.sp_con_start{width:100%;height:6.9rem; margin:0 auto; margin-top:-0.2rem;}

	.sp_div{width:50%; height:auto; margin-top:0.2rem; float:left; position:relative; margin-left:0px; background:#fff;}

	.sp_div:hover{box-shadow:none;}

	.sp_pic{width:92%; margin:0 auto; background:#fff;height:auto;}

	.sp_pic img{width: 100%; height: auto;}
	
	.sp_pic1{position:absolute;top:32%; left:41%;}

	.sp_title{width:92%; margin:0 auto; height:0.4rem; overflow:hidden;text-align: center;}

	.sp_title h3{font-size:0.22rem; line-height:0.36rem; color:#2b2b2b; margin-left:0px;}

	#wap_sp_title{ margin-top:0.1rem;}

    /*视频结束*/

	

	/*新闻开始*/

	.spflnews_start_div{ display:none;}

	.left_line{ display:none}

	.right_line{ display:none;}

	.spflnews_start_div{ display:none;}

	.dtnews_start_div{ width:100%; margin:0 auto; margin-top:0px; height:8rem}

	.news_con_start{width:100%;height:8.2rem; margin:0 auto; margin-top:-0.2rem;}

	.news_div{width:50%; height:2.48rem; margin-top:0.2rem; float:left; position:relative; margin-left:0px; background:#fff;}

	.news_div:hover{box-shadow:none;}

	.news_pic{width:92%; margin:0 auto; background:#fff;height:auto;}

	.news_pic1{position:absolute;top:32%; left:41%;}

	.news_title{width:92%; margin:0 auto; height:auto;}

	.news_title h3{font-size:0.22rem; line-height:0.36rem; color:#2b2b2b; margin-left:0px;}

	#wap_news_title{ margin-top:0.1rem;}

	/*新闻结束*/

	

	

	

	

		

	.wap_tuijian_teacher{width:96%; height:0.6rem; margin:0 auto; margin-top:0.4rem; display:block; overflow:hidden;}

	.teacher_start{width:100%;height:13.4rem;margin:0 auto; margin-top:-0.2rem;}

	.teacher_div{width:100%;height:13.4rem;margin-left:0px; margin-top:0px;}

    .teacher_pic_font{width:33.3%;height:3.08rem;float: left; margin-left:0px; margin-top:0.2rem;}

    .teacher_pic_div{width:88%;height:2.7rem; margin:0 auto;}
	
	.teacher_pic_div img{width: 100%;height: 2.67rem;}

    .teacher_title_div{width:88%;height:0.3rem;background:#fff; margin:0 auto;}

	.teacher_title_div a h3 {font-size:0.24rem; color:#000; line-height:0.4rem; text-indent:0;}

	

	.mt_empty{width:100%; height:0.46rem; display:block;}

	

		

	

	

	.news_pic_div{width:92%; margin:0 auto; height:auto; position:relative; overflow:hidden;}

	.back_sp{width:100%;position: absolute;top:0;opacity:0.2;height:94%;}

	

	

	

	.sy_xxhj1_wap .tempWrap{background:#fff; top:0rem; height:auto;}

	

	.news_mt_fg{ display:none;}

	.mtbd{width:100%; height:auto; margin-top:0px;}

	.mtbd_one_title{width:100%; height:0.4rem; padding-top:0.16rem}

	.mtbd_one{width:96%; height:2.34rem; float:none;border:1px  solid #f5f5f5;border-radius: 0.2rem; margin:0 auto; margin-top:0.4rem;}

	.mtbd_two{width:96%; height:2.34rem; float:none; margin-left:0px; border:1px  solid #f5f5f5;border-radius: 0.2rem; margin:0 auto; margin-top:0.4rem;}

	.mtbd_lb_div{width:100%; height:1.2rem;background:#fff; margin-top:0px;}

	.mtbd_one_title p{color:#000; font-size:0.28rem; font-weight:bold; text-align:center;}

	.empty_div{display:none;}

	/*wap媒体开始*/

	.sy_xxhj_wapmt{ position:relative;width:96%;margin: 0 auto;}

	.sy_xxhj1_wapmt{/* padding-top:0.2rem;*/}

	.sy_xxhj2_wapmt{height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;margin-top:-0.58rem;}

	.sy_xxhj2_wapmt li {display: inline-block;width: 6px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

	.sy_xxhj2_wapmt:hover{cursor:pointer;}

	.sy_xxhj2_wapmt .on{ background:#f33; opacity:1; width:14px; height:6px;}

	/*wap媒体结束*/

	

	/*wap企业开始*/

	.sy_xxhj_wapqy{ position:relative;width:96%;margin: 0 auto;}

	.sy_xxhj1_wapqy{ /*padding-top:0.2rem;*/}

	.sy_xxhj2_wapqy {height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;margin-top:-0.58rem;}

	.sy_xxhj2_wapqy li {display: inline-block;width: 6px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

	.sy_xxhj2_wapqy:hover{cursor:pointer;}

	.sy_xxhj2_wapqy .on{ background:#f33; opacity:1; width: 14px; height:6px;}

	/*wap企业结束*/

	

	/*wap获得奖项开始*/

	.sy_xxhj_wapjx{ position:relative;width:96%;margin: 0 auto;}

	.sy_xxhj2_wapjx {height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center; margin-top:0.05rem;}

	.sy_xxhj2_wapjx li {display: inline-block;width: 6px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

	.sy_xxhj2_wapjx:hover{cursor:pointer;}

	.sy_xxhj2_wapjx .on{ background:#f33; opacity:1; width: 14px; height:6px;}

	.wapjx_title{width:100%; margin:0 auto; height:0.4rem; padding:0px}

	.wapjx_title p{text-align:center; font-size:0.28rem; color:#0F0F0F;}

	.wapjx_bm{width:100%; height:0.6rem; margin-top:0.25rem;}

	.wapjx_leftline{width:18%; height:1px; background:#DBDBDB; float:left; margin-top:15px;}

	.wapjx_rightline{width:18%; height:1px; background:#DBDBDB; float:left; margin-top:15px;}

	.wapjx_bm_font{width:64%; height:0.6rem; float:left;}

	.wapjx_bm_font p{font-size:14px; color:#BBBBBB; text-align:center; line-height:32px;}

	/*wap获得奖项结束*/

	

	/*wap杂志开始*/

	.sy_xxhj_wapma{ position:relative;width:96%;margin: 0 auto;}

	.sy_xxhj1_wapma{ /*padding-top:0.2rem;*/}

	.sy_xxhj2_wapma {height: 0.28rem;line-height: 0.28rem;z-index: 1;text-align:center;margin-top:-0.58rem;}

	.sy_xxhj2_wapma li {display: inline-block;width: 6px;height:6px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:10px;

background: #aaa;opacity:0.5;text-indent: -9999px;overflow: hidden;margin:6px;transition: all .3s ease-in 0ms;}

	.sy_xxhj2_wapma:hover{cursor:pointer;}

	.sy_xxhj2_wapma .on{ background:#f33; opacity:1; width: 14px; height:6px;}

	/*wap杂志结束*/

	

	

	/*品牌故事开始*/

	#smallban {width:96%;height: auto;margin: 0 auto;background: #fff;display: block; margin-top:0.24rem;}

	.brand-story {width:100%;height:3.14rem;margin:0 auto;}

	.brand-story ul{ margin-left:0px; padding-top:0px;}

	.brand-story ul li {float:left;width:50%; margin:0px; height:auto;}

    .brand-story ul li a {position: relative;display: block;height: 100%;width: 100%;overflow: hidden; text-align:center;}

    .brand-story ul li a img {width:96%; height:auto;}

    .brand-story ul li a div {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background:none; transition-delay: 400ms;transition: 600ms;

}

    .brand-story ul li a div h2{position: absolute;left: 50%;top: 50%;height: 32px;width: 128px;margin: -17px 0 0 -75px;padding: 0 10px;text-align: center;line-height: 32px;color: #EEE;transition: 400ms;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

}

    .brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0;transition: 400ms;border: 1px solid rgba(255,255,255,.3);}

    .brand-story ul li a:hover div {background: rgba(0,0,0,.0);}

    .brand-story ul li a:hover div h2 {left: -100%;}

    .brand-story ul li a:hover div i {right: -100%;}	

	/*品牌故事结束*/

	

	.wap_fgdiv{width:100%; height:0.25rem; background:#f5f5f5; display:block;}

	 .wap_fxall{width:96%; height:0.86rem; background:#fff; margin:0 auto; display:block; margin-top:-0.1rem;}

	.wap_fx{width:96%; height:0.5rem; margin:0 auto; display:block; padding-top:0.3rem;padding-top: 0.2rem;padding-bottom: 0.15rem;}

	.wap_fx_font{width:2.1rem; float:left;}

	.wap_fx_font p{font-size:0.2rem; color:#101010; line-height:0.46rem;}

	.wap_fx_small{width:auto; margin-left:-0.2rem; float:left;}

	.wap_bjfx{width:auto; float:left; padding:0 0.2rem; background:#000; color:#fff; height:0.36rem; border-radius:12px; line-height:0.4rem; font-size:0.2rem;border:1px solid #000;}

	.wap_cdfx{width:auto; float:left; padding:0 0.2rem; border:1px solid #000; color:#000; height:0.36rem; border-radius:12px; line-height:0.4rem;margin-left:0.2rem; font-size:0.2rem;}

	

	.wap_footer{width:100%; background:#000; height:auto; display:block;}

	.wap_footer_logo{width:100%; height:1rem;}

	.wap_footer_logo_pic{width:2.6rem; height:1rem; margin:0 auto; padding-top:0.4rem;}

	.wap_footer_app{width:100%; height:0.5rem; margin-top:0.4rem;}

	.wap_footer_app_icon{width:53%; margin:0 auto; height:0.5rem;}

	.wap_footer_wechat{width:0.45rem; height:0.5rem;float:left;}

	.wap_footer_weibo{width:0.45rem; height:0.5rem;float:left; margin-left:1.02rem;}

	.wap_footer_pc{width:0.45rem; height:0.5rem;float:left; margin-left:1.02rem; padding-top:0.07rem;}

	.wap_address{width:96%;margin:0 auto; margin-top:0.14rem}

	.wap_address p{font-size:0.18rem; color:#CECECE; text-align:center;}

	.wap_beian{width:96%;  margin:0 auto;}

	.wap_beian p{font-size:0.18rem; color:#CECECE; text-align:center;}

	

	

	/*pc变wap课程开始*/

	.brand_crouse_con {width:100%;height:auto;margin:0 auto;margin-top:0.1rem;}

	.brand_crouse_fl_div{ display:none;}

	.brand_crouse_list {width:100%;height:auto;margin-top:22px; padding-bottom:0.2rem; display:none;}

	.brand_crouse_left{ width:96%; height:1.8rem; margin:0 auto; float:none;}

	.brand_crouse_left_title {width:100%;height:0.23rem;margin:0 auto; overflow:hidden;}

	.brand_crouse_left_pic_div {width:100%;height:auto!important;float:left;}

	.brand_crouse_left_con {width:58%;height:1.8rem;background:#fff;float:left; margin-left:2%;}

	.brand_crouse_left_title a h3 {font-size: 0.23rem; color: #000;font-weight: bold;line-height:0.29rem; padding-top:0px;}

	.brand_crouse_left_xz {width:100%;height:auto;margin: 0 auto; margin-top:0.06rem;}

	.xz_span{ display:none;}

	.kx_span {font-size:0.22rem;color:#BBBBBB;float:left;margin-left:0px;}

	

	

	.wap_title_bottom{height:0.39rem; display:block; margin-top:0.1rem; overflow-y:hidden;}

	.wap_xzxf{height:auto; display:block; margin-top:0.07rem;}

	.wap_xzxf p{font-size:0.22rem; color:#bbb; line-height:0.3rem;}

	.wap_xzxf p span{color:#f00;}

	

	.wap_title_bottom p{font-size:0.22rem; color:#bbb; line-height:0.36rem;}

	.brand_crouse_right {width:100%;height:auto;float:none;margin-left:0px;margin-top: -34px;}

	.brand_crouse_right1 {width:96%;height:1.8rem; float:none; margin-left:0px; margin-top:0px; margin:0 auto;}

	.brand_crouse_right1_pic_div {width:40%;height: 1.8rem; float:left;}
   
	.brand_crouse_right1_pic_div img{width: 96%; height: 1.46rem;}
	
	.brand_crouse_right1_con {width:58%;height:1.8rem;background:#fff; float:left; margin-left:2%;}

	.brand_crouse_right1_xz{width:100%;height:0.36rem;margin: 0 auto; margin-top:0.07rem; line-height:0.36rem;}

	/*pc变wap课程结束*/

	.nav__trigger {display:block;position:absolute;width:30px;height:25px;top:10px;z-index:200;}

	.nav__icon {

    display: inline-block;

    position: relative;

    width: 0.3rem;

    height: 2px;

    background-color: #FFFFFF;

    -webkit-transition-property: background-color, -webkit-transform;

    transition-property: background-color, -webkit-transform;

    transition-property: background-color, transform;

    transition-property: background-color, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}

    .nav__icon:before {

    margin-top:-0.1rem;

}

.nav__icon:before, .nav__icon:after {

    content: '';

    display: block;

    width: 0.3rem;

    height: 2px;

    position: absolute;

    background: #FFFFFF;

    -webkit-transition-property: margin, -webkit-transform;

    transition-property: margin, -webkit-transform;

    transition-property: margin, transform;

    transition-property: margin, transform, -webkit-transform;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}



.nav__icon:after {margin-top: 0.1rem;}

.nav {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 100;

    opacity: 0;

	top:0;

	left:0;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

}



.nav__list {

    margin: 0;

	padding-top: 0.8rem;

    /*padding-left: 0.6rem;*/

}

.nav__item {

    list-style-type: none;

    text-align: center;

	font-size:0.28rem;

	margin-top:0.4rem;

}

.nav__link {

    opacity: 0;

    -webkit-transition-delay: 500ms;

    transition-delay: 500ms;

    font-size: 1.3em;

    text-transform: uppercase;

    text-decoration: none;

    color: #FFFFFF;

    opacity: 1;

    -webkit-transition: opacity 300ms ease-in-out;

    transition: opacity 300ms ease-in-out;

}



.nav--active .nav__link {

  opacity: 1;

}

.nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

          transform: translateX(0);

    opacity: 1;

    background-color: #333;

}

.nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}

.nav--active .nav__icon:before {

  margin-top: 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

.nav--active .nav__icon:after {

  margin-top: 0;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

}

	

.brand-story ul li a div i {display: block;position: absolute;right: 50%;top: 50%;height: 32px;width: 148px;margin: -17px -75px 0 0;border: 1px solid rgba(255,255,255,.3);}







/*右侧咨询条开始*/

.right_zx_div{width:0.7rem; height:2rem; background:#fff; position:fixed; right:0; top:68%; z-index:999; border-radius:8px 0px 0px 8px;}

.zx_div1{width:0.7rem; height:0.3rem; margin-top:0.3rem}

.zx_div1_img{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:0.12rem;}


.zx_fg{width:100%; height:1px; margin-top:0.3rem;}

.zx_fg1{width:0.3rem; height:1px; border:0px; background:#DBDBDB; margin:0 auto;}

.tel_num{ display:none;}

.zx_icon1{

	max-width:100%;

	-webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s infinite;

}



.qp_tel{width:100%; height:0.3rem; position:relative;}

.zixuntel{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:16px; cursor:pointer; }

.red_zxtel{ display:none;}



.arrow_span{ display:block;

    width:0;

    height:0;

    border-width:7px 0 7px 10px;

    border-style:solid;

    border-color:transparent transparent transparent #f33;

    position:absolute;

    top:8px;

    right:-8px;

}

.qp_div{position:absolute; top:0;right:0px; width:200px; display:none;}

.red_gotop{display:none;}

.gotop_div_sum{width:100%; height:0.3rem;}

.gotop_div{width:0.3rem; height:0.3rem; margin:0 auto; margin-top:16px; cursor:pointer;}

/*右侧咨询条结束*/	

	

}



/*手机顶部结束*/


#page nav

{

	display: none;

}



#header,

.header

{

	/*background: #999;*/

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	text-align: center;

	line-height: 40px;

	height: 40px;

}

#header a,

.header a

{

	background: center center no-repeat transparent;

	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;

    width: 0.36rem;

    height: 0.36rem;

    position: absolute;

    top: 0.12rem;

}

#header a.friends,

.header a.friends

{

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);

}

#header a.right,

.header a.right

{

	left: auto;

	right: 10px;

}

#content,

.content

{

	padding: 20px;

}
.brand_crouse_right p{
	text-indent: 2em;
    padding: 0 5%;
    line-height: 35px;
    font-size: 16px;
}
.more{
	padding-right: 6%;
    line-height: 30px;
    font-size: 16px;
    float: right;
}
.more a:hover{
	color:#2197c1
}