@charset "utf-8";
ul,li,td,div,form,img,h1,h2,h3,h4,h5,h6,dl,dt,p,dd,body{ padding:0px; margin:0px;}
ul,li,ol{ list-style-type:none; margin:0px; padding:0px }
a:link,a:visited{ text-decoration:none; color:#111 }
a:hover { color:#E6007F; text-decoration:underline}
a img,img{ border:none; vertical-align:middle}
.clear { clear:both; }
.arial{ font-family:Arial, Helvetica, sans-serif}
.normal{ font-weight:normal}
html{ overflow-x:hidden; background:#fff}
body{ font-size:.875em; font-family:"微软雅黑"; color:#111;}
input,textarea{font-family:"微软雅黑"; font-size:1em}
.over-hidden{ overflow:hidden}
.margin_5{ height:1px; display:block; clear:both}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.padding_1em{ padding:1em 0}
.padding_5em{ padding:5em 0}
.bg1{ background:#f8f7f3;}
.bg2{ background:#f1eae1;}
.bg3{ background:#000;}
.line1{ height:50px; display:block; border-bottom:solid 1px #999; clear:both}
.line2{ height:30px; display:block; border-bottom:solid 1px #999; clear:both}
.line3{ height:10px; display:block; border-bottom:solid 1px #999; clear:both}
.h5{padding:1em 0; margin:1em 0; background:url(../images/h5_line.png) bottom center no-repeat; font-size:1.25em}
.hidden,.xs-show{ display:none;}
.border_none{ border:none}
.col-6{ width:50%; float:left}
.btn_box{ text-align:center; clear:both; padding-top:2em}
.btn_box a.btn_a{ padding:10px 30px; background:#E6007F; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_a:hover{ background:#c6006d;}
.btn_box a.btn_b{ padding:10px 30px; background:#111; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_b:hover{ background:#333;}

.content{ width:98%; max-width:1060px; margin:0 auto}
.content img{ max-width:100%}

.banner{ position:relative;}
.sub_banner,.swiper-container-banner{ height:500px; overflow:hidden}
.banner .banner_form{ position:absolute; left:0; bottom:0; width:100%; z-index:1234567}
.banner_form .banner_form_box{ position:relative;}
.form_banner{ position:absolute; right:0; bottom:10px;width:320px; border-radius:3px; background:#fff; box-shadow:0 0 6px #666; z-index:9999999}
.form_action ul{ position:relative}
.form_action ul li{ width:84%; margin:0 auto}
.form_action ul li.title{ background:url(../images/form_tab.png) no-repeat; height:54px; line-height:44px; text-indent:1.6em; color:#fff; font-size:1.3333em; margin:16px 0 6px -12px;}
.form_action ul li dl{ display:block;border:solid 1px #a29988; margin-top:8px; text-align:center;}
.form_action ul li dl input{ height:26px; line-height:26px; width:92%; margin:0 auto; border:none; text-align:left; background:none; color:#93897c}
.form_action ul li dl textarea{width:92%; margin:0 auto; border:none; text-align:left; background:none; height:26px; line-height:26px; color:#93897c;resize:none;}
.user_select{ position:relative; cursor:pointer; width:48%;float:left}
.form_action ul li dl.user_select input{cursor:pointer; width:84%}
.user_select .select{ height:28px; width:30px; text-align:center; line-height:30px; position:absolute; right:0; top:0; background:#a2998a}
.form_action ul .right{ float:right}
.user_select div{ position:absolute; width:100%; left:-1px; top:28px; background:#fff; border:solid 1px #a2998a; border-top:none; z-index:123; padding-top:.5em; display:none; max-height:150px; overflow:scroll;overflow-x:hidden}
.form_action ul li p.clear{ height:1px; display:block}
.user_select div ul{ height:30px; line-height:30px; text-align:left; text-indent:1em; cursor:pointer}
.user_select div ul:hover{ background:#a2998a; color:#fff;}
.form_action ul li div.a{ padding:.5em 0}
.form_action ul li div.a span{ margin:0 .2em;cursor:pointer; position:relative}
.form_action ul li div.a span i{ position:absolute; top:5px;right:0; width:24px; height:24px; background:url(../images/gou.png) no-repeat; display:none}
.form_action ul li div.a img{border:solid 2px #fff}
.form_action ul li div.a span.in img{ border-color:#29abe5}
.form_action ul li div.a span.in i{ display:block}
.form_action a.form_bt{ height:36px; line-height:36px; background:#e6007f; color:#fff; width:100%; text-align:center; font-weight:bold; display:block; font-size:1.1113em; clear:both}
.form_action a:hover.form_bt{ background:#d40477; text-decoration:none}
.show_error{ position:absolute; width:240px; height:50px; padding:1em 0; border-radius:6px; background:url(../images/black.png); left:50%; top:50px; margin-left:-120px; color:#fff; line-height:1.8; display:none; font-size:.875em}
.show_error dt{ float:left}
.form_action .a dl{ display:none}
.course_xg h5{ font-size:1.1113em; margin-bottom:.8em}
.course_xg a{ display:block; padding:.2em 0; width:50%; float:left;}

.top{ height:120px; width:100%; background:url(../images/top_bg.png); position:absolute; top:0; left:0; z-index:1234569}
.top .a{ width:40%; float:left; line-height:120px}
.top .b{ width:58%; float:right; text-align:right; color:#fff; padding-top:1.5em; font-size:.875em}
.top .b li{ margin-bottom:1em}
.top .b li .arial{font-size:2.15em;}
.top .b a:link,.top .b a:visited{ font-weight:bold; color:#fff;}
.top .b .link dl{ display:inline-block; height:36px; line-height:36px}
.top .b .link dl.ab{margin:0 1em; position:relative}
.top .b .link dl.ab a{ display:block; padding:0 1em; }
.top .b .link dl.ab a:hover,.top .b .link dl.in a{ background:#000;}
.top .b .link dl.ab p{ display:none; position:absolute; width:280px; text-align:left; padding:2em 0; right:0; top:36px; background:#000; font-size:1em; z-index:1000}
.top .b .link dl.ab p a{ height:40px; line-height:40px; text-indent:1em; font-weight:normal}
.top .b .link dl.ab p a:hover{ background:#a2988b; color:#000; text-decoration:none}
.top .tel dl{ height:36px; line-height:36px; display:inline-block;vertical-align:middle;}
.top .tel a{ text-decoration:none}
#re_top{ position:relative;}
#open_form{ position:relative; margin:0 auto; box-shadow:none; padding-top:2em;z-index:2147483647}
#open_form ul li{ width:90%}
#open_form .title{ background:none; color:#111; text-align:center; margin:0}
#open_form .user_select div{ max-height:120px}
a.m_website{ position:relative}
a.m_website p{position:absolute; left:50%; margin-left:-80px; top:14px; display:none}
a:hover.m_website p{ display:block}
a.m_website p img{ max-width:160px; border:solid 3px #fff}
a.m_website span{ display:block; background:url(../images/up.png) bottom center no-repeat; height:15px}
a.m_website strong{ background:#fff; display:block; color:#333; text-align:center; line-height:1.6; font-weight:normal;box-shadow:3px 5px 4px #888; padding-bottom:5px}

.nav{ position:absolute; top:121px; height:42px; line-height:42px; left:0; width:100%;background:url(../images/top_bg.png); z-index:1234}
.menu ul.a{ width:78%; float:left}
.menu ul.a li{ width:12.5%; float:left; text-align:center;display:block; cursor:pointer; position:relative}
.menu ul.a li.in{ background:url(../images/menu_a.png) repeat-x}
.menu ul.a li a{ color:#fff; font-weight:bold}
.menu ul.a li img{ margin-left:5px; display:none}
.menu ul.a li dl{ display:none;background:url(../images/menu_a.png); font-size:.9285em}
.menu ul.b{ width:15%; float:right}
.sub_menu{ background:none;text-align:left;  width:150px; padding:.6em 0}
.sub_menu dd{ height:30px; line-height:30px;text-indent:1.35em;}
.menu ul.a li .sub_menu dd a{ font-weight:normal; background:none}
.menu ul.a li .sub_menu dd a:hover{background:url(../images/menu_a.png); display:block}
.menu ul.b dl{ width:100%; height:26px; margin:8px 0 0; line-height:26px; background:#fff; border-radius:13px}
.menu ul.b dl dt{ float:left; width:80%; text-align:center}
.menu ul.b dl dt input{ width:86%; margin:0 auto; border:none; color:#888; font-size:.875em}
.menu ul.b dl dd{ float:right; width:19%; text-align:center; line-height:23px}
.menu ul.b dl dd img{ cursor:pointer;}
.menu ul.a li.current,.menu ul.a li.menu_current{background:url(../images/menu_a.png) repeat-x;}
.menu ul.a span.hot,.menu ul.c span.hot{ color:#e6007f; position:relative}
.menu ul.a span.hot i,.menu ul.c span.hot i{ height:11px; width:28px; background:url(../images/hot.gif) no-repeat; position:absolute; top:-5px; right:-24px}

dl.title{ text-align:center; background:url(../images/title_line.png) top center no-repeat; clear:both; margin:3em 0}
dl.title dt,dl.title p{ font-size:2.65em; font-weight:bold}
dl.title dd{ padding:1.6em 0 0; max-width:900px; margin:0 auto}
dl.title2{ background:none}
dl.title3{background:url(../images/title_line2.png) top center no-repeat;color:#fff}
dl.title4{background:url(../images/h5_line.png) bottom center no-repeat; padding:.5em 0}

.index_course{ padding:1em 0 0}
.index_course ul{ width:25%; float:left; text-align:center}
.index_course ul dl{ width:66%; margin:0 auto}
.hover img{ box-shadow:0 0 12px #888}
.index_course ul dt img{ border-radius:50%}
.index_course ul dd{ padding:.5em 0;}
.index_course ul h4{ font-size:1.666em; font-weight:normal;}
.index_course ul h5{ font-size:1.25em;}
.index_course ul p{ color:#555}
.index_course ul a.more{ width:120px; height:35px; line-height:35px; text-align:center; background:#E6007F; color:#fff; display:inline-block; font-size:.875em; margin:.6em 0 0}
.index_course ul a:hover.more{ background:#c6006d; color:#fff}

.index_reason{ background:url(../images/bg1.png) repeat-x #f1eae0; padding:.2em 0; text-align:center}
.index_reason .content ul{ width:33.33333%; float:left}
.index_reason .content ul li{ width:90%; margin:0 auto; background:#fff; border-radius:11px; overflow:hidden}
.index_reason .content ul li:hover{ box-shadow:0 0 12px #999}
.index_reason .content ul dl{ width:86%; margin:1.8em auto}
.index_reason .content ul dt{ font-size:1.2em; font-weight:bold; line-height:1.5; padding-bottom:1em}
.index_reason .content ul dd{font-size:.9285em}
.index_reason .content ul dd a{ clear:both; display:inline-block; font-size:1.05em; margin-top:1em; font-weight:bold}
.index_reason .content ul p{ position:relative}
.index_reason .content ul p span{ width:52px; height:52px; display:block; background:url(../images/star.png) no-repeat; position:absolute; left:0; top:0}
.index_reason .content a.load_form{ width:220px; height:42px; line-height:42px; text-align:center; background:#222; color:#fff; margin:3.6em  auto; display:inline-block; clear:both; font-size:1.13333em}
.index_reason .content a:hover.load_form{ background:#000}

.index_ad1{ padding:3em 0;}
.index_ad1 dl{ width:50%; float:left}
.index_ad1 dl img{ max-width:98%;}
.index_ad1 dl.l{ text-align:left}
.index_ad1 dl.r{ text-align:right}

.index_news{ clear:both; padding:.2em 0; overflow:hidden}
.index_news li{ height:160px; line-height:160px; overflow:hidden}
.index_news .b{ width:100%;text-align:left;}
.index_news .b .swiper-slide dl{width:78%; margin:0 auto;}
.index_news .b dl{ height:160px; overflow:hidden}
.index_news .b dt{ float:left; width:30%;}
.index_news .b dt img{ max-width:250px}
.index_news .b dd{ float:right; width:67%; line-height:1.5}
.index_news .b dd h5{ font-size:1.5em; background:url(../images/h5_line.png) left bottom no-repeat; margin-bottom:.8em; padding:.1em 0 .5em 0}

.dqwz{ padding:1.8em 0; border-bottom:solid 1px #999999; color:#555; font-size:.875em}
.dqwz a{ color:#555}
.sub_menu_course{padding:1em 0 1em 0; text-align:left}
.sub_menu_course li{ display:inline-block; width:21%; height:50px;background:#333; border-radius:6px; text-align:center}
.sub_menu_course li a{ font-size:1.1113em; color:#fff; line-height:50px; display:block}
.sub_menu_course li:hover{ background:#111}
.sub_menu_course li.b{ width:3%; background:none; margin:0 0 0 4px}
.sub_menu_course li.course_current{ background:#e6007f}

.sub_course ul.a{ padding:1em 0}
.sub_course ul.a li{ width:25%; float:left}
.sub_course ul.a li dl{ width:80%; margin:0 auto; text-align:center}
.sub_course ul.a li dl h5{ font-size:1.25em; margin:.8em 0}
.sub_course ul.b{ background:#333; clear:both;}
.sub_course ul.b dl{ background:#fff; max-width:1100px; margin:0 auto; text-align:right;}
.sub_course ul.b dt{ width:34%; display:block; text-align:right; float:left; padding:5em 0 0}
.sub_course ul.b dt div.a{ width:86%; display:inline-block; text-align:left}
.sub_course ul.b dd{ width:63%; text-align:right; display:block; float:right}
.sub_course ul.b h5{ font-size:1.25em; background:url(../images/h5_line.png) left bottom no-repeat; padding:0 0 .5em 0; margin-bottom:1em}
.sub_course ul.b h6{ font-size:1em; font-weight:normal}
.sub_course ul.c{ background:#f8f7f3;position:relative; z-index:99999}
.course_tab ul{ border-left:solid 1px #ddd;}
.course_tab li{ width:25%; float:left; text-align:center; border-bottom:solid 1px #ddd}
.course_tab li a{border-right:solid 1px #ddd; background:#f8f7f3; display:block}
.course_tab li dl{ font-size:1.5em; font-weight:bold; border-bottom:5px solid #f8f7f3; border-top:solid 5px #f8f7f3; padding:.1em 0; }
.course_tab li.in{ border-bottom:none}
.course_tab li.in a{ background:#fff}
.course_tab li.in dl{ border-top:solid 5px #e6007f; border-bottom:solid 6px #fff}
.sub_course ul.sub_content{ padding:2em 0 0 0}
.sub_course div.d{clear:both; padding:.1em 0}
.course_book ul{ width:25%; float:left; text-align:center}
.course_book ul li{ width:90%; margin:0 auto}
.course_es li{ width:25%; float:left; text-align:center; padding:.6em 0}
.course_es li img{ width:94%; margin:0 auto}
.kc_a ul{ padding:1.8em 0}
.kc_a ul li{max-width:1060px; margin:0 auto; display:table}
.kc_a ul dl{ display:table-row;}
.kc_a ul dl dt{ width:20%; display:table-cell;}
.kc_a ul dl dt img{ max-width:100%; border-radius:50%}
.kc_a ul dl dd{ width:79%; display:table-cell; vertical-align:middle}
.kc_a ul dl em{ font-size:1.5em; font-style:normal; font-weight:bold;display:block;}
.kc_a ul.even{ background:#FAF6ED;}
.kc_a ul.even dt{ text-align:right}
.kc_b{ line-height:1.6}
.kc_b dl{text-align:center; margin-bottom:1.5em}
.kc_b dd{ width:24%; display:inline-block; padding-bottom:1.5em}
.kc_b dd img{ max-width:90%; margin:0 auto}
.kc_c li{ width:33.3333%; float:left}
.kc_c li dl{ width:90%; margin:0 auto; text-align:center}
.kc_c li dl h5{ font-size:1.25em; margin:.5em 0}
.kc_c li dt img{ border-radius:50%}
.kc_d li{ width:25%; float:left}
.kc_d li dl{ width:90%; margin:0 auto; background:#fff; border:solid 1px #ccc; border-radius:8px}
.kc_d li dt{ background:url(../images/label.png) no-repeat 10px 0; height:55px; line-height:55px; font-size:1.2em; margin-bottom:.5em; font-weight:bold; color:#395898}
.kc_d li dt span{ font-size:1.35em; color:#fff; width:38px; display:inline-block; margin:0 10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
.kc_d li dd{ padding:.8em; min-height:130px; color:#555}
.list_course{ margin:2em}
.list_course ul li.a{ width:40%; float:left}
.list_course ul li.b{ width:55%; float:right;}
.list_course ul li.b dt{ font-size:1.5em; background:url(../images/h5_line.png) bottom left no-repeat; padding-bottom:.5em; margin-bottom:.5em}
.list_course ul li.b dd{ padding-right:140px}
.list_course ul li.b dd h5{ font-size:1.05em; margin:.2em 0;}
.list_course ul.a0{ background:url(../userimg/list_course0.jpg) no-repeat bottom right}
.list_course ul.a1{ background:url(../userimg/list_course1.jpg) no-repeat bottom right}
.list_course ul.a2{ background:url(../userimg/list_course2.jpg) no-repeat bottom right}
.list_course ul.a3{ background:url(../userimg/list_course3.jpg) no-repeat bottom right}
.list_course ul.a4{ background:url(../userimg/list_course4.jpg) no-repeat bottom right}
.list_course ul.a5{ background:url(../userimg/list_course5.jpg) no-repeat bottom right}
.list_course ul.a6{ background:url(../userimg/list_course6.jpg) no-repeat bottom right}
.list_course ul.a7{ background:url(../userimg/list_course7.jpg) no-repeat bottom right}
.list_course ul li.b .bt{ padding-top:1em; display:block}
.list_course ul li.b .bt a{ display:inline-block; padding:.7em 1.8em; border:solid 1px #E6007F; color:#E6007F; font-size:1.025em; font-weight:bold}
.list_course ul li.b .bt a:hover{ text-decoration:underline}

.sub_about .content,.relative .content{ position:relative;}
.sub_menu_about{ width:100px;position:absolute; display:block; left:0; top:0; z-index:999999}
.sub_menu_about li{ height:59px; line-height:59px; text-align:center; margin-bottom:1px; display:block;}
.sub_menu_about li a{ color:#fff; background:#444;  display:block}
.sub_menu_about li.course_current a{ background:#e6007f}
.row3{ max-width:96%; margin:0 auto}
.row3 li{ width:33.3333%; float:left; text-align:center}
.row3 li dl{ width:80%; margin:0 auto}
.sub_about ul.b div{ width:25%; float:left; text-align:center}
.sub_about ul.b div ul{ width:94%; background:#f0eae0; margin:0 auto; padding-bottom:1em}
.sub_about ul.b div dl{ width:88%; margin:0 auto; text-align:left; font-size:.9285em}
.sub_about ul.b div h5{ font-size:1.113em; margin:1em 0}
.sub_about ul.b div dt{ min-height:160px}
.sub_about ul.b div dt ul{ width:100%; line-height:1.7}
.sub_about ul.b div dt li{ background:url(../images/li_line.png) no-repeat 0 10px; padding-left:10px; color:#555}
.sub_about ul.b div dd{ padding:1.5em 0;}
.sub_about ul.b div dd a{ display:block; height:40px; line-height:40px; color:#fff; background:#000; text-align:center}
.sub_about ul.b div dd a:hover{ background:#333}
.sub_about div.c li{ width:25%; float:left; text-align:center; height:70px; line-height:70px; margin:.6em 0}
.sub_about div.c li a{ width:90%; margin:0 auto; display:block;font-size:1.25em; border-radius:8px; background:#51668e; color:#fff}
.sub_about div.c li a:hover{ background:#5d7dbb; color:#fff}
.sub_about18 .content{ position:relative;}
.sub_about18 ul.a li{ width:20%; float:left}
.sub_about18 ul.a li dl{ width:90%; margin:0 auto; border-radius:5px; overflow:hidden; position:relative; cursor:default; z-index:1; color:#fff}
.sub_about18 ul.a li dd{ position:absolute; top:0; left:0; z-index:2; width:100%; height:500px; background:url(../images/mask50.png)}
.sub_about18 ul.a li:hover dd{background:url(../images/mask70.png)}
.sub_about18 ul.a li dd div{ padding:.8em; text-align:center}
.sub_about18 ul.a li dd h5{ font-size:3em; font-weight:normal; background:url(../images/h5_tilt_white.png) top center no-repeat; font-family:"Times New Roman", Times, serif; margin:.3em 0}
.sub_about18 div.c ul{ width:33.33333%; float:left}
.sub_about18 div.c ul li{ width:80%; border:solid 1px #333; margin:0 auto; text-align:center; padding:3em 0}
.sub_about18 div.c ul li dt{ padding-bottom:1em; background:url(../images/h5_line.png) bottom center no-repeat; margin-bottom:1.5em}
.sub_about18 div.c ul li dd{ width:80%; margin:0 auto; min-height:150px}
.sub_about18 ul.d dl{ max-width:1130px; margin:3em auto auto}
.sub_about18 ul.d dl h5{ font-size:2.65em; margin-bottom:1em}
.sub_about18 ul.d dl img{ float:right; margin:-78px 0 0 50px}
.sub_about18 ul.d dl span{ padding-bottom:2em; border-bottom:solid 1px #A19789; display:block;}
.honor_list li{}
.honor_list li dl{ width:90%; margin:1em auto;border:solid 1px #ddd;}
.honor_list li dl dt{ padding:5px}
.teacher ul.a li{ width:33.333%; margin:0 auto; float:left}
.teacher ul.a li dl{ width:86%; margin:0 auto; background:#f1eae1; border-radius:10px; overflow:hidden; text-align:center}
.teacher ul.a li dd{ padding:0 2em 2em 2em; min-height:160px}
.teacher ul.b{ padding:.2em 0}
.teacher ul.c li{ width:33.333%; margin:0 auto; float:left}
.teacher ul.c li dl{ width:82%; margin:0 auto;text-align:center}
.about_video{ width:86%; margin:0 auto;}
.about_video .a{ padding-bottom:1em}
.about_video .a dl{ background: url(../images/li_line.png) left bottom repeat-x #f1eae1;}
.about_video .a dt{ width:36%; float:left;}
.about_video .a dt div{ width:60%; margin:0 auto; padding:3em 0 0;}
.about_video .a dt h5{ font-size:1.5em; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; background:url(../images/h5_line.png) left bottom no-repeat; padding:1em 0}
.about_video .a dt ul.st{ font-size:1.05em; line-height:1.5}
.about_video .a dd{ width:64%; float:right;}
.about_video .a dd video{ float:right;}
.about_video .b{ padding:2em 0 0;color:#fff;}
.about_video .b div dl{ width:94%; margin:0 auto; text-align:center;}
.about_video .b div dt{ position:relative;}
.about_video .b div img.mask{ position:absolute; left:0; top:0}
.about_video .b div.l,.about_video .b div.r{ width:6%; float:left; padding-top:2em}
.about_video .b div.r{ text-align:right}
.about_video .b div.center{ width:88%; float:left; overflow:hidden}
.about_video .b div.center img{ cursor:pointer}
.about_video .b div.center h5{ font-size:1.11113em; padding:.8em 0 0 0}
.about_video .b div.center p{ font-style:italic}
#sub_student .about_video{ width:92%; color:#333}
#sub_student .about_video .a dl{ background:#f1eae1}
#sub_student .about_video .b div{ width:33.3333%; float:left}
#sub_student .about_video .b div h5{ font-size:1.25em; padding:.8em 0}
#sub_student .about_video .b div dl{ width:80%; color:#111; cursor:pointer}
#sub_student .about_video .b div.l,#sub_student .about_video .b div.r{ width:6%; float:left; text-align:center; line-height:180px}
#sub_student .ts{ text-align:center; padding:2em 0; font-size:1.05em}
#sub_student .honor_list h5{ text-align:center; height:30px; line-height:20px; overflow:hidden; font-size:1.25em}

.sub_l{ width:74%; float:left; overflow:hidden}
.sub_r{ width:22%; float:right; overflow:hidden}
.right_title dt{ font-weight:bold; padding:0 0 .5em 0; line-height:1}
.right_title dd{ padding:.5em 0}
.right_title p{ font-size:.875em; color:#767676; padding:.1em 0}
a.right_bt{ width:90px; height:40px; line-height:40px; text-align:center; background:#ed008c; color:#fff; display:block; border-radius:5px}
.right_course a{ display:block; padding-left:10px; line-height:28px; background:url(../images/li_line.png) 0 15px no-repeat; font-size:.875em}
.sub_r .keywords{ padding:.6em; line-height:2}
.sub_r .keywords a{ padding:0 .5em; color:#777;white-space:nowrap; display:inline-block; font-size:.875em}
.sub_r .keywords a:hover{ color:#333}
.right_news a{ padding:.4em 0; display:block; font-size:.875em; color:#444}
.sub_news_row3 ul{ width:33.3333%; float:left}
.sub_news_row3 ul li{ width:90%; margin:0 auto; background:#f5f5f5; border-bottom:solid 5px #666; margin-bottom:2em}
.sub_news_row3 ul li dl.a{ padding-bottom:.5em; border-bottom:solid 1px #ccc;}
.sub_news_row3 ul li dl.a,.sub_news_row3 ul li dl.b{ width:90%; margin:0 auto}
.sub_news_row3 ul li dl.a dt{ height:45px; line-height:45px; overflow:hidden;}
.sub_news_row3 ul li dl.a dd{ height:28px; line-height:28px; background:url(../images/time_ico.png) no-repeat left center; text-align:right}
.sub_news_row3 ul li dl.a dd span{ font-size:.875em; float:left; margin-left:20px; color:#666; font-family:Arial, Helvetica, sans-serif}
.sub_news_row3 ul h5{ font-size:1em; font-weight:normal}
.sub_news_row3 ul li dl.b{clear:both; padding:.5em 0}
.sub_news_row3 ul li dl.b dd{ height:50px; overflow:hidden;font-size:.875em; color:#333; margin:.8em 0; }
.sub_news_row3 ul li dl.b dt{ padding:.8em 0}
.right_news_hot a{ position:relative; display:block;}
.right_news_hot a p{ position:absolute; left:0; bottom:0; width:100%; padding:.8em; background:url(../images/mask50.png); color:#fff}
.view_header{ text-align:center; line-height:2}
.view_header h2{ font-size:2em; line-height:1.3}
.view_header span{ color:#888; font-size:.875em}
.view_content{ line-height:2}
a.back_list{ background:#333; color:#fff; width:120px; height:36px; line-height:36px; text-align:center; display:inline-block; border-radius:5px}
a:hover.back_list{ background:#000}
.news_next{ margin:1.5em 0; padding:1.5em 0; border-bottom:solid 1px #999; border-top:solid 1px #999; clear:both}
.news_next ul{ padding:.5em 0}
.news_xg ul strong{ font-size:1.1113em}
.news_xg ul li{ width:50%; height:28px; line-height:28px; overflow:hidden; float:left}
.news_xg ul li a{ width:90%; display:block; overflow:hidden}
.top_img ul{ height:330px; position:relative}
.top_img dl{ background:#f2e9e0; height:260px; position:absolute; top:45px; left:0; width:100%}
.top_img dl dt{ width:46%;}
.top_img dl dt div{width:80%; margin:0 auto;}
.top_img dl dt ul{ height:160px; overflow:hidden}
.top_img dl dt a{ color:#e6007f; font-weight:bold; margin-top:1em; display:inline-block}
.top_img div.img{position:absolute; right:30px; height:350px; top:25px; width:50%; min-height:260px; line-height:1; z-index:123}
.top_img div.img a{ position:relative; display:block}
.top_img div.img a p{ width:78px; height:78px; border-radius:50%; text-align:center; background:#e6007f; color:#fff; position:absolute; top:50%; margin-top:-39px; left:-39px;}
.top_img div.img a p span{ display:block; font-size:2em; padding:.5em 0 .2em 0}
.top_img dl dt a h5{ font-size:1.5em; padding:1em 0 .3em 0; margin:.5em 0; color:#333; text-decoration:none}
.top_img dl dt a:hover h5{ text-decoration:none; color:#E6007F}
.activity_title{ width:100%; text-align:center; line-height:90px; font-size:2.65em; clear:both}
.activity_old ul{ width:33.33333%; float:left; text-align:center; padding-bottom:1.5em}
.activity_old ul li{ width:86%; margin:0 auto; box-shadow:8px 8px 0 #ddd}
.activity_old ul dl{ position:relative; overflow:hidden}
.activity_old ul dl dt img{ width:100%}
.activity_old ul dd{ position:absolute; left:0; bottom:0px; padding:.8em 0; width:100%; background:url(../images/mask50.png); color:#fff}
.activity_old ul dd a h5{ font-size:1em; font-weight:normal; line-height:1.2; color:#fff}
.activity_old ul dd a.link{width:80px; height:32px; line-height:32px; text-align:center; background:#e6007f; margin:.6em auto; color:#fff; font-size:.875em; display:none}
.about_title{ width:100%; text-align:center; line-height:60px; font-size:2.2em; margin:0 auto; clear:both}
.search_contact{ width:46%; margin:0 auto;height:46px;min-width:320px }
.search_contact li.a{ width:80%; float:left;}
.search_contact li.a dl{ height:44px; border:solid 1px #999; cursor:pointer}
.search_contact li.a dl dt{ line-height:44px; padding:0 1em; position:relative}
.search_contact li.a dl dt div{ width:100%; position:absolute; top:45px; left:-1px; background:#fff; border:solid 1px #999; border-top:none; display:none; z-index:123}
.search_contact li.a dl dt div ul{ height:38px; line-height:38px; text-indent:1em; display:block}
.search_contact li.a dl dt div ul:hover{ background:#000; color:#fff}
.search_contact li.a dl dd{ float:right; height:44px;width:44px; line-height:54px; text-align:center; border-left:solid 1px #999; cursor:pointer}
.search_contact li.a dl dd.in{ color:#fff; background:#000}
.search_contact li.a dl dd strong{ font-family:Arial, Helvetica, sans-serif; display:block}
.search_contact li.b{ width:18%; float:right; cursor:pointer}
.search_contact li.b a{ display:block; background:#e6007f; height:46px; text-align:center; line-height:46px; color:#fff; font-weight:bold; font-size:1.11113em}
.flipy{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);}
.contact_list{ clear:both; width:96%; margin:0 auto}
.contact_list li.a{ clear:both; padding:4em 0 0}
.contact_list li.a dt{ width:48%; float:left}
.contact_list li.a dt h3{ font-size:2.2em}
.contact_list li.a dt h5{ font-size:1.5em; margin:1em 0 0 0}
.contact_list li.a dd h4{ text-align:center; font-size:1.5em; margin-bottom:.6em}
.contact_list li.a dt div{ display:block; line-height:2;  margin:1.5em 0; border-bottom:solid 1px #999; border-top:solid 1px #999; padding:1.5em 0}
.contact_list li.a dt div.border_none{ border:none}
.contact_list li.a dt a.a{ width:30%; text-align:center; color:#fff;background:#000; height:46px; line-height:46px;display:inline-block}
.contact_list li.a dt a.b{ width:30%; text-align:center; color:#fff;background:#000; height:46px; line-height:46px;display:inline-block;background:#ed008c; margin-left:.5em}
.contact_list li.a dt div ul.a{height:90px; overflow:hidden;}
.contact_list li.a dd{ width:46%; float:right; text-align:right}
.contact_focus div{ position:relative}
.contact_focus div dl{ background:url(../images/mask50.png); padding:1em 0; color:#fff; position:absolute; bottom:0; left:0; width:100%; text-align:center}
.contact_detailed{ padding:6em 0 0}
.contact_detailed div{ width:33.3333%; float:left;}
.contact_detailed div ul{ width:88%; margin:0 auto; text-align:center}
.contact_detailed dt,.contact_detailed dd a{ position:relative; border-radius:5px; color:#fff; display:block}
.contact_detailed dt{ padding:4.5em 0 1.6em 0}
.contact_detailed dt h5{ font-size:1.333em; font-weight:normal}
.contact_detailed dd a{ padding:.8em 0}
.contact_detailed dt img{ position:absolute; top:-86px; left:50%; margin-left:-88px}
.contact_detailed .cel1 dt,.contact_detailed .cel1  a{ background:#e6007f;}
.contact_detailed .cel2 dt,.contact_detailed .cel2  a{ background:#87b100;}
.contact_detailed .cel3 dt,.contact_detailed .cel3  a{ background:#385897;}
.min_height{ min-height:160px; padding:1em 0; text-align:left; line-height:1.8}
.contact_map{ width:96%; margin:0 auto}
.contact_list iframe{ width:100%; height:400px;}
.inline_content{ padding:2em; min-height:320px; background:#fff}
.sub_menu_encyclopedia li{ display:inline-block; padding:.8em 1em; margin-right:1em}
li.encyclopedia_current{ background:#e6007f; color:#fff; border-radius:6px}
li.encyclopedia_current a{ color:#fff}
.encyclopedia_list{ margin-top:3em; border-bottom:solid 1px #999; padding-bottom:3em}
.encyclopedia_list dt{ width:40%; float:left}
.encyclopedia_list dd{ width:55%; float:right}
.encyclopedia_list dd h5{ font-size:1.5em}
.encyclopedia_list dd span.time{ background:url(../images/time_ico.png) no-repeat; text-indent:20px; font-size:.875em; color:#999; line-height:15px; display:block; margin:.5em 0}
.encyclopedia_list dd a.a{ display:block; width:80px; height:36px; line-height:36px; text-align:center; color:#fff; background:#e6007f; margin:.8em 0 0; border-radius:5px}
.sub_faq ul{ padding:3em 0; border-top:solid 1px #999; clear:both}
.sub_faq ul dl{ clear:both}
.sub_faq ul dt{ width:10%; float:left}
.sub_faq ul dt span{ width:55px; text-align:center; height:38px; line-height:38px; display:block; background:url(../images/faq_ico.png); color:#fff; font-size:1.1113em}
.sub_faq ul dt span.a{ background-position:0 -38px}
.sub_faq ul dd{width:90%; float:left; line-height:1.6}
.sub_faq ul h5{ font-size:1.1113em; padding:.3em 0 0; color:#111; display:inline-block}
.sub_faq ul a:hover h5{color:#395898; text-decoration:underline}
.sub_faq ul dd a{ color:#395898}
.sub_faq_box{ border-top:solid 8px #599cee}
.faq_bt{ padding:2em 0;}
.faq_bt a{ padding:.6em 1.5em; color:#fff; background:#e6007f; border-radius:5px}
.faq_bt a.a{ background:#2974cf; margin-right:10px}
.faq_a h5{ font-size:1.25em}
.faq_a i{ padding:.6em 0; color:#a19797; display:block}
.faq_a form{ max-width:580px}
.faq_a form dl{padding:1em 0 0}
.faq_a form dl.w50{ width:50%; float:left}
.faq_a form dt{ width:16%; float:left; text-align:right; line-height:2}
.faq_a form dd{ width:84%; float:left}
.faq_a form dl.w50 dt{ width:32%;}
.faq_a form dl.w50 dd{ width:68%;}
.faq_a form dd input,.faq_a form dd textarea{ width:100%; border:solid 1px #a19797; font-family:"微软雅黑"; font-size:1em; padding:.3em 0; vertical-align:middle;resize: none;}
.faq_a form dd input.code{ width:70px}
.faq_a li.a{ position:relative}
.show_code{ cursor:pointer; height:29px}
a.faq_bt{width:90px; height:36px; line-height:36px; text-align:center; background:#222; padding:0; border-radius:3px; color:#fff; display:block}
a:hover.faq_bt{ background:#000}
.faq_error{ position:absolute; width:240px; height:50px; padding:1em 0; border-radius:6px; background:url(../images/black.png); left:50%; top:50px; margin-left:-120px; color:#fff; line-height:1.8; display:none}
.faq_error dt,.faq_error dd{ float:left}
.sitemap li{ margin-bottom:1em; clear:both; padding:1em 0 0}
.sitemap li dl dd{ width:50%; float:left; line-height:1.8}
.sitemap li h5{ display:block; padding:.3em 0; border-bottom:solid 1px #999; font-size:1.1113em; margin:1em 0}
.sitemap li dd a{ padding:.3em 0; display:inline-block}
.page404 li.a{ width:60%; float:left; border-right:solid 1px #ccc; text-align:center; padding:2em 0}
.page404 li.a h5{ font-size:2em; color:#e6007f}
.page404 li.b{ width:38%; float:right; padding:2em 0}
#re_form{ position:relative; margin:0 auto; box-shadow:none}
#re_form .title{ background:none; color:#111; text-align:center; margin:0}
.page404_link{ padding:2em 0}
.page404_title{ background:url(../images/h5_line.png) no-repeat bottom center; padding:.5em 0; font-size:1.25em; text-align:center; font-weight:bold}
.page404_link ul.a li{ width:33.3333%; float:left}
.page404_link ul.a li dl{ width:80%; margin:0 auto}
.page404_link ul.a li dt{ padding:.8em 0; border-bottom:solid 1px #999; font-weight:bold; margin-bottom:1em}
.page404_link ul.a li dd{ padding:.5em 0}
.page404_link ul li.li dd{ text-indent:13px; background:url(../images/li_line.png) no-repeat 0 16px}
.search_ts{ border-bottom:solid 1px #ddd; padding-bottom:1em; color:#555}
.submit{ padding-top:100px}
.submit h2{ font-size:2.25em; color:#e5007f; text-align:center}
.submit h4{ padding:3em 0; color:#666; font-size:1em; font-weight:normal; text-align:center}
.send_mail{ max-width:800px; margin:0 auto}
.send_mail input{ width:90%; height:32px; line-height:32px; border:solid 1px #555; text-indent:.5em}
.send_mail dt{ font-size:1.25em; font-weight:bold; margin:1em auto .5em auto}
.send_mail a.submit_bt{ width:160px; height:40px; line-height:40px; text-align:center; color:#fff; background:#e5007f; margin:0 auto; display:block; font-size:1.1111em}
.submit_link ul.a li{ width:25%}
.submit_link ul.a li dl{ width:90%; margin:0 auto}
.news_video ul{ padding:1em 0 2em 0; width:50%}
.html-body-overflow{overflow-x:hidden;overflow-y:hidden;}
.a_height{ height:60px;display:block}
.padding_top_none{ padding-top:0}
.offer{ width:320px; height:350px; background:#fff; display:none; color:#444; overflow:hidden; position:relative}
.offer .header{ height:110px; background:#E6007F; text-align:center; color:#fff;}
.offer .header img{ display:block; max-width:90px; margin:0 auto; padding:12px 0}
.offer li.a{ padding-top:1em; position:relative}
.offer dl{ clear:both; margin:.5em auto;}
.offer dt,.offer dl.select_down dt{ width:25%; float:left; text-align:right; line-height:40px;}
.offer dd,.offer dl.select_down dd{ width:63%; float:left; margin-left:2%; display:block;border:solid 1px #a29988; margin-top:8px; text-align:center; position:relative}
.offer dd input{ height:26px; line-height:26px; width:92%; margin:0 auto; border:none; text-align:left; background:none; color:#93897c}
.offer dl.select_down{ width:100%}
.offer dl.select_down div{ width:63%; margin-left:27.3%; top:37px}
.offer dd.offer_bt{border:none}
.offer_bt a{ height:36px; line-height:36px; background:#e6007f; color:#fff; width:100%; text-align:center; font-weight:bold; display:block; font-size:1.1113em}
#open_offer .show_error dd{ border:none; text-align:left; margin:0; float:none; width:100%;}
.offer dl.show_error{ left:40px}

#features {max-width:none;}
.row.featurette {padding: 0 80px;margin-right:0px;margin-left:0px;}
.row.featurette:nth-child(even){background:#e6f1fa;padding-bottom:50px;}
.isStuck{width:100%; left:0; z-index:1111}

.bottom_link{ background:#e6007f; clear:both; padding:1em 0 0 0; position:fixed; z-index:111666;bottom:0; left:0; width:100%; _position:absolute;
 _top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; height:86px}
.bottom_link dl{ display:block; width:320px; margin:0 auto;}
.bottom_link a{ width:250px; text-align:center; height:42px; line-height:42px; color:#111; background:#fff; font-size:1.333em; display:block; border-radius:5px; position:absolute; right:0; top:16px}
.bottom_link a:hover{ background:#eee}
.bottom_link .content{ position:relative}
.bottom_link ul{ width:60%; position:absolute; left:0; top:0}
.bottom_link ul li{ width:25%; float:left; text-align:center}
.bottom_link ul li.jt{ background:url(../images/b_r.png) center center no-repeat;}
.bottom_link ul li dl.a{ background:url(../images/b_bg.png) no-repeat; height:60px; line-height:60px; width:184px; display:block; font-size:1.25em; text-align:center}
.bottom_link ul li img{ border-radius:8px; max-height:50px}
.bottom_link ul li dd{ padding:.5em; color:#fff}
.footer{ background:#000; padding:3em 0 100px 0; color:#fff; text-align:center; font-size:.875em; line-height:1.8; position:relative; z-index:1113}
.footer .a .l{ width:100%; margin:0 auto;}
.footer .a .l dl{ width:25%; float:left; text-align:left}
.footer .a .l dt{ font-weight:bold; margin-bottom:1.3em; font-size:1.1113em}
.footer .a .l dd{ height:28px; line-height:28px}
.footer .a .l dd a{color:#a2988a;}
.footer .b{ clear:both; text-align:left}
.footer .b dt{ margin-bottom:1em}
.footer .b dd a{ margin-right:10px}
.footer .a .r{ width:19%; float:right; text-align:right}
.footer .a .r img{ max-width:130px}
.footer .c{ border-top:solid 1px #333333; border-bottom:solid 1px #333333; color:#666; padding:2em 0; margin:2em 0; text-align:left}
.footer .c strong{ display:block; float:left; margin-bottom:2em}
.footer .c div{ height:20px;overflow:hidden;word-break:break-all; word-wrap:break-word;}
.footer .c a{ color:#666; margin-left:8px; display:inline-block}
.footer .c span.more a{ background:#000; padding:0 0 0 10px; display:block; float:right;}
.go_top{ width:86px; height:86px;border-radius:50%; background:#395898; position:absolute; left:50%; top:0; margin-left:-43px; margin-top:-43px; color:#fff; text-align:center; cursor:pointer; font-size:1.1113em; line-height:2.2}
.go_top img{ margin-top:1.5em}
.footer .d,.footer .d a{ color:#ddd}
.footer .c a:hover,.footer .d a:hover{color:#a2988a;}
.bottom_tool{ background:#e6007f; display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:56px;color:#fff; font-size:0.875em; line-height:1.2em; position:fixed; bottom:0; left:0;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:99999}
.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}
.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:25%;*width:24%}
.bottom_tool h5{ font-weight:bold; font-size:1em}
.bottom_tool a:link,.bottom_tool a:visited{ color:#f5f5f5; display:block; height:56px; border-right:solid 1px #cb0070}
.bottom_tool a:hover{ background:#d10073}
.bottom_tool img{ margin:6px 0; max-width:24px}
.bottom_tool dl.a{ position:fixed; z-index:123; position:absolute; left:0; bottom:56px; padding:.8em 0; background:#fff; width:100%; box-shadow:0 0 6px #000; display:none; z-index:1234}
.bottom_tool .a dt a{ width:14.28571428571429%; height:32px; border:none; padding:0; margin:0; background-position:top center; background-repeat:no-repeat}

.fy{padding:3em 0 0; clear:both; text-align:center;}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#333; background:#fff;border:solid 1px #ccc}
.fy1,.fy2{color:#999; margin:0 1.6px}
.fy3,.fy4{color:#888; background:#fff}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#fff}
a:link .fy1,a:visited .fy1{ color:#fff}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#4bb13f;}
.page_jum{ margin:0 0 0 3px; color:#999}
#jumpMenu{height:19px; margin:0 2px;}
.inline_content{ max-width:650px}
.customNextBtn,.customPrevBtn{ cursor:pointer}
.content iframe{ min-width:600px; min-height:400px}

.swiper-container-event{ position:relative;}
.swiper-container-event .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet{ border:solid 1px #ddd; background:#fff;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active{ background:#666; border-color:#666}
.swiper-container-banner .swiper-pagination-banner{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-banner .swiper-pagination-bullets{ bottom:20px}
.swiper-container-banner .swiper-pagination-bullet{ border:solid 4px #ddd; background:#ddd;opacity:1;}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#666;}
.kc_c .swiper-container-event .swiper-pagination-bullets{ margin-top:35px}
.swiper-button-prev,.swiper-button-next{ opacity:.3}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden}
.btn-hidden{ display:none}
img.swiper-next,img.swiper-prev{ opacity:.5; cursor:pointer}
img.swiper-next:hover,img.swiper-prev:hover{ opacity:1}
.swiper-btn-box-black{ text-align:center; padding-top:2em}
.swiper-next-black,.swiper-prev-black{ opacity:.8; cursor:pointer; width:45px; height:45px; display:inline-block; text-align:center; line-height:45px; color:#fff; background:#111; font-family:"黑体"; font-size:2.2em; margin:0 2px}
.swiper-next-black:hover,.swiper-prev-black:hover{ opacity:1}