@charset "utf-8";
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,span{ margin:0; padding:0; list-style:none}
html{ overflow-x:hidden}
body{font-family:"微软雅黑"; color:#555;overflow-x:hidden; background:#ffffff; font-size:.875em}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#555; text-decoration:none;_cursor:pointer}
a:hover{ color:#d4a800; text-decoration:none;_cursor:pointer;transition:all 0.3s}
*{transition: all .5s}
.menu *,.link *,.swiper-wrapper *{transition:none}
.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}
.margin_top1em{ padding-top:1em !important}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.bg_gray{ background:#ffffff}
.color_cc{ color:#cc0000}
.text_right{ text-align:right}
.text_left{ text-align:left}
.float_l{ float:left}
.float_r{ float:right}
.line{ height:1px; border-bottom:solid 1px #ccc}
.text-center{ text-align:center}
.padding_left_10{ padding-left:10px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.overflow-hidden{ overflow:hidden}
.content,.content_full{width:96%; margin:0 auto; max-width:1200px; min-width:320px;clear:both;}
.content img{ max-width:100%}

.menu_power{ cursor:pointer; height:60px; line-height:60px;display:none; background:rgba(255,255,255,.9);position:fixed;width:100%; z-index:123456; font-size:1.2em}
.menu_power ul.content{text-align:center; position:relative}
.menu_power img.home{ max-height:22px; position:absolute; left:0px; top:18px}
.power{cursor:pointer; position:absolute; top:18px; right:0px; width:24px; height:30px; line-height:1.5;overflow:hidden; z-index:5}
.menu_power p{ display:block;font-weight:bold; color:#333}
.menu_power p span{ font-size:.75em}
.power span.line{ height:2px; margin:5px 0; display:block;background:#444; border:none}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
.main{position:relative; padding:0; background:#ffffff}
.sub_main{min-height:700px; background:#fff}

.top_po{ position:absolute; top:0; left:0; width:100%; z-index:99999}
.top_box{width:100%; height:100px;background:rgba(0,0,0,.4)}
.top_box .a{ width:20%; float:left; font-size:1.9em;}
.top_box .a img{max-height:80px; margin-top:12px}
.top_box .b{ width:73%; float:right; text-align:right;}
.menu ul{ width:100%; text-align:right;}
.menu ul li{ line-height:1;display:inline-block; height:100px;width:14.285%; margin:0 -4px; text-align:center; position:relative}
.menu ul li.active a,.menu ul li.active a p{ color:#d4a800}
.menu ul li strong{ font-weight:blod; font-size:1.2em; display:block; padding:40px 0 13px 0;}
.menu ul li span{ font-size:.75em; display:block; font-family:Arial, Helvetica, sans-serif }
.menu ul li i{ display:none;font-style:normal; font-size:1.5em;}
.menu ul li a{display:block; color:#fff}
.menu ul li a:hover,.menu ul li a:hover p,#menu_current a strong,#menu_current a span{ color:#d4a800;}
.menu ul li a p{ height:3px; width:0; display:block; background:#d4a800; position:absolute;  top:0px; left:50%}
.menu ul li.active p{ width:100%; left:0; transition:.5s}
.menu ul li dl{ position:absolute; top:80px; left:0; z-index:123;text-align:center; width:100%; font-size:.75em;  display:none; background:#d4a800; font-size:.875em; padding:.5em 0}
.menu ul li dd a,.menu ul li.active dd a{ color:#fff; height:30px; line-height:30px}
.menu ul li dd a:hover{ color:#333}
.top_posub .top_box{ background:none !important}
.top_posub .header{ background:#444 !important}
.top_posub .menu a{ color:#444 !important}
.top_posub .menu ul li.active a,.top_posub .menu ul li a:hover p{color:#d4a800 !important}
.top_posub .menu ul li dl{ background:#d4a800 !important}
.top_posub .menu ul li.active dl a{ color:#fff !important}
.top_posub .menu ul li.active dl a:hover{ background:#444 !important}
.banner{ position:relative; background:url(../images/loading2.gif) no-repeat center center}
.banner a{ clear:both; height:700px;}
.sub_banner_box{ height:480px; clear:both;display:table; width:100%}
.sub_banner_box ul{ display:table-row; color:#fff}
.sub_banner_box dl{ text-align:right; display:table-cell; vertical-align:middle}
.sub_banner_box dt,.sub_banner_box dd{ max-width:1100px; margin:0 auto; font-size:2em; font-family:Arial, Helvetica, sans-serif}
.sub_banner_box dt span{ font-size:.75em; padding-right:.5em}

div.title{text-align:center; margin:2em auto; height:140px; line-height:1; background:url(../images/title.png) top center no-repeat}
div.title h5{ display:block;margin:0 auto;font-size:2.4em; position:relative; max-width:300px;}
div.title h5 span{ padding:1em 10px 10px; display:inline-block; position:relative; z-index:123}
div.title h5 hr{ padding:0; margin:10px auto; height:5px; width:40px;display:block; background:#555}
div.title a{ color:#333}

.prolist dl.s0{ background:#cf3349}
.prolist dl.s1{ background:#ad8900}
.prolist dl.s2{ background:#231443}
.prolist li{ width: 33.333%; display: inline-block; margin:0 -4px;}
.prolist li:hover dt ul{border-width:8px; transition:all .2s}
.prolist dl{ width:82%; margin:0 auto; text-align:center; color:#fff; border-radius: 10px;}
.prolist dl dd{ padding:0 .8em 2em .8em; line-height: 1.8}
.prolist dl strong{ font-size:1.8em; padding:1em 0; display:block; color:#fff}
.prolist .m{ text-align: center; font-size: 1.8em; padding: 2em 0 1em 0; font-weight: bold; color: #333}

.case div{ width:25%; display:block; float:left}
.case div dl{ width:100%; margin:0 auto; position:relative;}
.case div dd{ position:absolute; bottom:0; padding:1em 0; text-align:center; width:100%; display:block; color:#fff; background:rgba(0,0,0,.5)}
.case a.btn{ max-width:200px; height:40px; line-height:40px; text-align:center; display:block; border-radius:1px; margin:.5em auto auto; background:#CF3349; color:#fff}
.case a:hover.btn{ background:#e77505}
.case img{ max-width: 100%}
.field dl{ width:90%; margin:0 auto; text-align:center;}
.field dd{ padding:.8em 0; font-size:1.05em}
.field_list a{ padding:0 .5em; font-size:1.15em; display:inline-block}
.field_list a:hover{ text-decoration:underline}

.index_news{ width:90%; margin:0 auto}
.index_news dd{ color:#888; font-size:.9285em}
.index_news h5{ color:#444; font-weight:normal}
.index_news span{ display:block; padding:.3em 0; color:#888; }
.index_news .a{ width:30%; float:left;}
.index_news .a h5{ font-size:1.2em; padding:.6em 0; display:block;color:#444}
.index_news  a{line-height:1.6}
.index_news .a dt img{ vertical-align:bottom}
.index_news .b{ width:68%; float:right}
.index_news .b ul{ width:50%; display: inline-block; margin:0 -4px}
.index_news .b .line{ clear:both; height:10px; border-bottom:solid 1px #ddd; margin-bottom:10px}
.index_news .b dd h5{ font-size:1em; padding-bottom:.6em; line-height:1.2; display:block;}
.index_news .b dd div.a{ width:100%}
.index_news .b dd span.time{text-align:right}
.index_news .b ul.l{ width:12%; float:left}
.index_news .b ul.l li{ border-left:solid 4px #d4a800; line-height:1.2; padding-left:8px; font-size:.875em}
.index_news .b h6{ font-size:1.25em; font-weight:normal}
.index_news span.time img{ max-width:13px; margin-right:5px}
.index_news a:hover h5{ color:#d4a800}
.index_news .b a{ width: 90%; margin: 0 auto; display: block; vertical-align: top}

.hl ul{ width:33.333%; float:left}
.hl ul dl{ width:94%; margin:0 auto;}
.hl ul dt{ width:35%; display:inline-block; margin:0 -4px; vertical-align:middle; text-align:center}
.hl ul dt img{ width:84%}
.hl ul dd{ width:65%; display:inline-block; margin:0 -4px; vertical-align:middle}
.hl ul dd h5{ font-size:1.46em}

.feedback{ padding:2em;}
.feedback_t{ padding:3em 0; border-bottom:solid 1px #ddd}
.feedback_t h2{ text-align:center; font-size:2em; font-weight:normal}
.feedback_t h4{ text-align:center;font-weight:normal}
.feedback dl{ clear:clear; margin-bottom:2em}
.feedback dt,.feedback dd{ float:left; width:33.333%; text-align:center}
.feedback dt{ text-align:right; font-size:1.1333em}
.feedback dt span{ color:#f00; font-weight:bold}
.feedback dd input{ width:88%; margin:0 auto; padding:0 5px; height:34px; line-height:34px; border:solid 1px #999}
.feedback dd p{ text-align:left; color:#888}
.feedback a.submit{ background:#FF6633; padding:.6em 4em; color:#fff; display:inline-block}
.feedback a:hover.submit{ background:#FF4400}
.feedback img{ vertical-align:top}
a.bt_feedback{ height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#1d9c50; cursor:pointer; display:inline-block;*display:inline;*zoom:1; margin-left:70px}
.error_feedback{color:#1d9c50; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}
.message_tip{ width:400px; height:200px; position:fixed; left:50%; top:50%; margin-top:-100px; margin-left:-200px; background:#fff; border:solid 1px #ddd; display:none; z-index:9999; line-height:3; font-size:.875em; }
.message_tip ul{ padding:1em; text-align:center;}
.message_tip h4{font-weight:normal}
.message_tip p{ font-size:1em}
.message_tip a{ display:inline-block;*display:inline;*zoom:1; padding:.5em 2em; background:#FF6633; line-height:1; color:#fff; border-radius:2px}
.message_tip a:hover{background:#FF4400}
#post_text{ text-align:left; color:#d10000}

.sub_content .r{ width:100%; float:right; min-height:400px; padding-bottom:2em}

.sub_title{ clear:both; margin:0 0 2.4em 0;border-bottom:solid 1px #eee; padding-bottom:1em}
.sub_content{line-height:2;}
.sub_content h4{ font-size:1.1333em; color:#d4a800}
.dqwz{ text-align:right}
.sub_nav ul.a{ width:16%; float:left}
.sub_nav ul.a h5{ font-size:1.5em}
.sub_nav ul.b{ width:80%; float:right; text-align:right;}
.sub_nav div{ display:inline-block; padding:.5em 1em; border:solid 1px #ccc; background:#f8f8f8}
.sub_nav #left_current{ background:#d4a800; border:solid 1px #d4a800}
.sub_nav #left_current a{color:#fff;}

div.news_l{ width:63%; border-right:solid 1px #ddd;float:left;}
.news_l .l{ width:40%; float:left; color:#555; margin:15px 0 0 0}
.news_l .l h3{ padding:10px 0;color:#555; font-size:1.166em}
.news_l .l dt img{border:solid 1px #ddd; background:#fff; padding:5px}
.news_l .l dt a:hover img{ border:solid 1px #888}
.news_l .r{width:53%; float:right;}
.news_l .r dl{ width:86%; margin:1em 0 1em 0; border-bottom:solid 1px #ddd; padding-bottom:1em}
.news_l .r h3{font-size:1.166em}
.news_l .r span{ color:#999}
.news_l .r dd{ color:#555; padding:3px 0 0 0}
.news_l img,.news_r img{ width:100%}
div.news_r{ width:32%; float:right;position:relative;}

#left_current a{color:#d4a800;}
.left_nav dl{ width:80%; margin:0 auto; font-size:1.05em}
.left_nav dd div{ padding:.3em 0; display:block; text-indent:1em}

.service_item ul{ display:inline-block; margin:0 -4px; vertical-align:top}
.service_item ul.a{ width:25%; text-align:center; color:#666; vertical-align:top}
.service_item ul.a ul{ width:30%; max-width:100px; font-size:3.5em; font-weight:bold; line-height:1.3; vertical-align:middle}
.service_item ul.a ul h5{ font-size:1.55em; font-family:Arial, Helvetica, sans-serif}
.service_item ul.a ul.l{ width:70%}
.service_item ul.b{ width:45%}
.service_item ul.b dl{border-left:solid 1px #ccc;border-right:solid 1px #ccc; line-height:2.5; min-height:260px}
.service_item ul.b dd{ padding:0 3em}
.service_item ul.c{ width:30%; font-size:.9285em}
.service_item ul.c li{ width:86%; float:right}
.service_hr{ clear:both; height:30px; display:block; border-bottom:solid 1px #ccc; margin-bottom:30px}
.service_item .news_img dt{ width:40%; float:left}
.service_item .news_img dd{ width:55%; float:right; line-height:1.2; font-size:.875em; color:#888}
.service_item .news_img dd h5{ font-size:1.125em; margin-bottom:.5em}
.service_item .news dd{padding:0.05em 0}
.service_item .tt{ padding-bottom:.5em; line-height:1.2}
.service_item .tt h5{ font-size:1.15em}
.service_item .tt a{ float:right; font-size:.875em; font-family:Arial, Helvetica, sans-serif}
.service_item .img1{ width:50%; display:inline-block; margin:0 -4px; vertical-align:top}
.service_item .img1 img{ margin-bottom:.5em}
.service_item .img1 dd{ width:84%; margin:0 auto; line-height:1.2; padding-bottom:.5em}
.service_item .img2{ width:33.333%; display:inline-block; margin:0 -4px; vertical-align:top}
.service_item .img2 img{ width:90%; margin:0 auto}
.good_tel{ font-size:1.65em; clear:both; font-weight:bold; padding:2em 0; text-align:center; color:#222}

/*新闻页*/
.sub_newslist li{ width:50%; float:left}
.sub_newslist li a:link,.sub_newslist li a:visited{}
.sub_newslist dl{ width:90%; margin:0 auto;}
.sub_newslist dl dt{width:36%; float:left; text-align:center}
.sub_newslist dl dd{ float:right; width:64%; line-height:1.3; color:#888; font-size:.875em;}
.sub_newslist dd h3{ font-size:1.1333em; margin-bottom:.5em}
.sub_newslist dl dt img{max-width:40%; margin:0 auto; background:#d4a800; padding:20%;}
.sub_news_basic dl{ width:50%; display:inline-block; margin:0 -8px 2em 0; vertical-align:top}
.sub_news_basic dt img{ width:96%; margin:0 auto}
.sub_news_basic dd{ width:90%; float:none; line-height:1.5; color:#888;}
.sub_news_basic dd h3{ font-size:1.05em; margin-bottom:.5em}
.sub_news_basic div.line{ height:20px; border-bottom:solid 1px #ddd; clear:both; margin-bottom:20px;}
.sub_news_basic .link{ clear:both; padding-top:1em}
.sub_news_basic .link a{ color:#d4a800}
.sub_news_basic .link a:hover{ text-decoration:underline}
.news_other{ padding:1em 0 0}
.news_tt{ color:#999; height:30px; line-height:30px; font-size:.875em}
.news_tt i{height:16px; display:inline-block; vertical-align:middle; margin-right:.2em; width:16px;background:url(../images/ico.png) no-repeat -22px -423px;}
.news_tt strong{height:16px; display:inline-block; vertical-align:middle; margin-right:.2em; margin-left:1em; width:16px;background:url(../images/ico.png) no-repeat 0px -423px;}
.news_time{ float:right; color:#ccc; font-size:12px}
.img_news dl{ background:#eee}
.img_news dt{ width:40%; float:left}
.img_news dd{ width:56%; float:left; margin-left:2%; line-height:1.5; padding-top:.8em}
.img_news dd h5 a{ font-size:2em; font-weight:normal; color:#d4a800; padding:.5em 0; display:block}
.img_news .swiper-pagination{bottom:65px; width:98%; text-align:right;}
.list_show h3{ font-size:1.3em; text-align:center}
.case_list a{ width:25%; float:left}
.case_list a dl{ width:96%; margin:0 auto 2em auto; text-align:center;}
.case_list a img{}
.case_list a dt,.case_list a dd{ width:90%; margin:0 auto}
.case_list a dd{ height:22px; overflow:hidden}
.case_list a h3{ font-size:1em; font-weight:normal}
.sub_musiclist dl{ width:25%; float:left}
.sub_musiclist dl dt,.sub_musiclist dl dd{ width:90%; margin:0 auto}
.music_top .a{ width:45%; float:left}
.music_top .a img{ border:solid 1px #ddd; padding:5px; background:#fff}
.music_top .b{ width:50%; float:right}
.music_top .b dt{ width:35%; float:left}
.sub_video a{ width:25%; float:left}
.sub_video dl{ width:90%; margin:0 auto .2em auto; text-align:center;}
.sub_video dt{ position:relative}
.sub_video dt span{ background:url(../images/m2.png); height:36px; width:36px; display:block; position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; display:none}
.sub_video dd{ height:25px; line-height:25px; overflow:hidden}

.case_show .a{ width:60%; float:left}
.case_show .a .thum{ background:#ddd; padding:8px 0 0}
.case_show .a .thum dd{ width:16.66666666%; float:left; text-align:center}
.case_show .a .thum dd img{ max-width:96%; margin:0 auto 8px auto}
.case_show .a .thum dd img:hover{ opacity:0.7}
.case_show .b{ width:35%; float:right}
.case_more{ border-top:solid 1px #ddd}
.case_more h5{ font-size:1.35em; margin-bottom:.5em}
.case_more a{ width:20%; float:left}
.case_more a dl{ width:90%; margin:0 auto;}
.case_more a dd{ line-height:1.2; padding-top:.5em}

.list_video dt{ position:relative; height:200px; overflow:hidden;}
.list_video dt img.b{ width:300px;height:200px; overflow:hidden; position:absolute; left:0; top:0; z-index:2;}
.list_video dt img.a{ height:200px; position:absolute; left:200px; z-index:1}
.list_video dt h4{ position:absolute; left:0; top:0; z-index:3; width:20px; padding:1em; line-height:1.2}
.video_r dl{ clear:both; padding-bottom:1em}
.video_r dt{ width:40%; float:left}
.video_r dd{ width:57%; float:right; font-size:.875em}
.video_r dd h5{ font-size:1.1333em; line-height:1.3}
.play_head dt{ width:30%; float:left;}
.play_head dt img{ border:solid 1px #ddd; padding:5px}
.play_head dd{ width:63%; float:right; text-align:left; line-height:1.6}
.play_head dd h5{ font-size:1.4em; margin-bottom:1em; font-weight:normal}
.play_head dd p.num{ float:right; color:#888}
.play_head dd div.a{ color:#888}

.partner_l{ width:25%; float:left; text-align:center; background:#eee; border-radius:10px}
.partner_l dl{ padding:2em 1em}
.partner_l dl h3{ font-size:1.5em; margin-bottom:1em}
.case_partner{ width:72%; float:right}
.case_partner dl{ width:20%; float:left}
.case_partner dl dt{ padding:1em 0; text-align:center}
.case_partner dl  img{ width:90%; margin:0 auto}

.bottom{line-height:1.8; width:100%;clear:both; color:#999;background:#0c081a; padding:4em 0; }
.bottom ul{margin:0 auto; text-align:left;}
.bottom a{ color:#999}
.bottom a:hover{ color:#d4a800}
.bottom li.a{ width:38%; float:left; border-right:solid 1px #444; padding-right:2%; line-height:3}
.bottom li.a img{ width:100%; max-width:140px; vertical-align:text-bottom; margin-right:15px}
.bottom li.a .code{ float:right; max-width:100px; margin:0 0 50px 20px; text-align:center; font-size:.875em}
.bottom li.a .code img{ max-width:100px}
.bottom li.a dt{ font-size:1.15em}
.bottom li.a dt strong{ font-size:1.25em; font-style:italic; padding:0 .3em; color:#d4a800}
.bottom h5{ font-size:1.1333em; padding-bottom:.5em; display:block}
.bottom li.b{ width:55%; float:right; line-height:2.2}
.bottom li.b dd{ display:inline-block;font-size:1.05em;}
.bottom li.b dd strong{ display:inline-block; padding:0 20px; font-weight:normal}
.bottom strong{ font-size:1.333em; color:#d4a800 }

.copyright{line-height:2}
.links{ clear:both; padding:.2em 0;}
.links a:link,.links a:visited{margin:0 5px;}
.news_view h3{ font-size:1.5em;padding:.2em 0; text-align:center}
.news_ts{  text-align:center; color:#999}
.page_news{ border-top:solid 1px #ddd; padding-top:.8em; color:#999}
.page_news a{ color:#999}
.page_news a:hover{ color:#333}

.sub_baoming .ts{ padding:.5em 0; border-bottom:solid 1px #eee; text-align:center; line-height:1.5}
.sub_baoming .ts h4{ font-size:1.8em}
.sub_baoming dl{ clear:both;}
.sub_baoming dt{ width:26%; float:left; text-align:right; margin-bottom:1em}
.sub_baoming dt span{ color:#ff0000; margin-right:.3em; font-weight:bold}
.sub_baoming dd{ width:73%; float:right; margin-bottom:1em}
.sub_baoming dd img{ max-height:28px; vertical-align:middle}
.sub_baoming dd input.a{ width:30%; border:solid 1px #ccc; height:24px; line-height:24px; vertical-align:middle}
.sub_baoming dd input.b{ width:15%; border:solid 1px #ccc; height:24px; line-height:24px; vertical-align:middle}
.sub_baoming dd textarea{ width:50%; border:solid 1px #ccc}
a.reset,a.submit{ width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#d4a800; margin-right:10px; display:block; float:left; border-radius:2px; font-weight:bold; color:#f9f9f9}
a:hover.submit{ background:#d72931}
a.reset{ background:#999; color:#333}
a:hover.reset{ background:#ccc}
#post_text{ color:#cc0000}

input,textarea{ font-size:1em;font-family:"微软雅黑";}
input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0; color:#999;}
textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0;color:#999;}
input.m_in,textarea.m_in{ color:#555; width:100%}
.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}
.bottom_js{display: none;}

/*分页样式*/
.fy{padding:3em 0; clear:both; text-align:right}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#ff7d01; background:#888; margin:0 1px;border:solid 1px #ccc}
.fy2{color:#fff;}
.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:#fff;}
a:hover .fy1,a:hover .fy4{ background:#555}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}
.contact_img{ float: left; margin:0 20px 20px 0}
.mask_box{ width:100%; height:100%; background:none; position:fixed; _position:absolute;left:0; top:0; z-index:1; display:none}
.mask_box2{ width:100%; height:100%; background:#000; opacity:0.8; position:fixed; _position:absolute;left:0; top:0; z-index:122; display:none}
.btn-success{ width:80px; height:30px; border-radius:2px; line-height:30px; text-align:center; background:#13501a; padding:0; margin:.5em 0 0; border:none; color:#fff; cursor:pointer;}
.btn-success:hover{ background:#1e6927}
.bottom_tool{ background:rgba(255,255,255,.9); opacity:.8; display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:50px;color:#fff; font-size:0.75em; line-height:1.2em; overflow:hidden; position:fixed; bottom:0; left:0; z-index:99999;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: content_animate;-webkit-animation-name: content_animate;}
.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}
.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:33.3%; opacity:.8}
.bottom_tool h5{ font-weight:normal; font-size:14px}
.bottom_tool img{ max-width:30px}
.weixin_code{ position:fixed; top:50%; left:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px; background:#fff; padding:15px; text-align:center; line-height:2; z-index:99999; font-size:12px; display:none}
/*QQ*/
.izl-rmenu{position:fixed; right:0;bottom:10px; padding-bottom:73px; z-index:9999999; }
.izl-rmenu .btn{width:40px; height:40px;background:url(../images/ico.png) 5px -480px no-repeat #fff; background-color:#62B4FD; margin-bottom:5px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{ text-decoration:none; display:block;}
.izl-rmenu .btn-qq:hover{ background-color:#666}
.izl-rmenu .btn-wx{ background-position:5px -442px}
.izl-rmenu .btn-wx:hover{background-color:#666;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background-position:7px -513px}
.izl-rmenu .btn-phone:hover{background-color:#555;}
.izl-rmenu .btn-phone .phone{background-color:#555; position:absolute; width:160px; left:-160px; top:0px; line-height:40px; color:#FFF; font-size:1.25em; text-align:center; display:none;}
.izl-rmenu .btn-top{background-position:7px -546px; display:none;}
.izl-rmenu .btn-top:hover{background-color:#555;}

.swiper-container-event{ position:relative;}
.swiper-container-event .swiper-pagination,.swiper-container-other .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet,.swiper-container-other .swiper-pagination-bullet{ border:solid 1px #ddd; background:#fff;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active,.swiper-container-other .swiper-pagination-bullet-active{ background:#555; border-color:#555}
.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:30px}
.swiper-container-banner .swiper-pagination-bullet{ border:solid 2px #fff; background:#fff;opacity:1;}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#666; border-color:#fff}
.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}
.footer{height:50px;background:rgba(255,255,255,.9);position:fixed;width:100%; z-index:123456; left:0; bottom:0 }
.footer a{ width:33.3333%; float:left; text-align:center; color:#333}
.footer a dt span{ width:18px; height:18px; margin:8px auto 2px auto; display:block; background:url(../images/toolbar.png) top center no-repeat; background-size:100% auto}
.footer a dt span.tel{ background-position:0 -72px}
.footer a dt span.home{ background-position:0 -18px}
.footer a dt span.qq{ background-position:0 -36px}
@media screen and (max-width:1200px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
.hl ul dd h5{ font-size:1.25em}
}
@media screen and (max-width:1023px){
	body{ font-size:.875em;-webkit-text-size-adjust:none; padding-bottom:50px}
	.top_box{ position:absolute; top:0; left:0; background:none}
	.top_box .a{ display:none}
	.header{ display:none}
	.menu_power{text-align:left; display:block; position:fixed; top:0; right:0;z-index:99}
    .power{display:block;}
	.banner{ padding-top:60px}
    .banner a{ clear:both; height:400px;}
	.nav{position:fixed;right:-280px; top:0px; width:280px; background:#ffffff; z-index:999;}
	.menu ul{ text-align:left;width:86%; margin:0 auto; padding-top:.6em}
	.menu ul li{text-indent:0;width:100%;height:auto; line-height:auto; display:block; line-height:1.5;padding:.8em 0; clear:both; text-align:left}
    .menu ul li a{font-size:1em;line-height:1.5; padding:0; height:auto; text-align:left;color:#444; background:#ffffff;}
	.menu ul li a p,.menu ul li a span,.menu ul div.bg{display:none}
	.menu ul li strong{ padding:0}
	.menu ul li dl{ position:relative; display:block; left:0; top:0; padding:0; display:none; text-align:left}
	.menu ul li dl dd{ width:100%; float:left}
	.menu ul li dd{ height:22px; line-height:22px}
	.menu ul li dd a,.menu ul li dd a.in{ color:#999}
	.menu ul li dd a:hover{ color:#444;background:none;}
	.menu ul li i{ display:inline-block; position:absolute; right:0; top:.3em; cursor:pointer}
	.prolist .swiper-wrapper{ font-size:.875em}
	div.title h5{ font-size:1.8em; max-width:200px}
	div.news_l,div.news_r{ width:100%; float:none}
	div.news_r{ padding:40px 0 0; clear:both}
	.news_l .r dl{ width:98%}
	.video_content .r dd{ line-height:1.5; font-size:.875em}
	.bottom_a,.bottom_c{ display:none}
	.bottom_b{ width:100%; float:none;}
	.sub_title ul.a,.sub_title ul.b{ width:100%; float:none; margin-bottom:。3em; text-align:left}
	.sub_newslist dl dt{ width:30%;}
	.sub_newslist dl dd{ width:65%;}
	.teacher_list a{ font-size:.75em}
	.hl ul{ font-size:.875em}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
}
@media(max-width:768px){
	.index_news{ width:100%}
    .index_news .l{ width:100%; float:none;}
    .index_news .r{ width:100%; float:none; border:none;padding-top:3em; clear:both}
    .index_news .r div{ padding:0}
	.index_news .r dt,.index_news .r dd{ float:none; width:100%; text-align:left}
	.index_news .r ul.t{ border:none; font-size:1.5em}
	.index_news .r dd input,.index_news .r dd textarea{ padding:.6em 0; border-color:#999; margin-top:.3em}
	.hl ul dt{ width:100%;margin:0;}
	.hl ul dt img{ max-width:60px}
    .hl ul dd{ width:100%;margin:0; text-align:center; padding-top:1em}
	.sub_banner_box{ margin-top:60px; height:300px; background-size:auto 100%!important}
	.sub_content .l,.sub_content .r{ width:100%; float:none; clear:both; background:none; padding:0;}
	.dqwz .a{ display:none;}
	.dqwz .b{ width:100%}
	.left_nav dl{ width:100%;}
	.left_nav dd div{ padding:.2em .6em; border-radius:3px; background:#ddd; display:inline-block; text-indent:0; margin-right:.3em; font-size:.875em; margin-bottom:.5em}
	.service_item ul.a{ width:100%; margin:0; padding-bottom:2em; border-bottom:solid 1px #ccc; margin-bottom:30px; font-size:.65em}
	.service_item ul.a ul{max-width:100%;  width:100%; margin:0 -4px; text-align:center}
	.service_item ul.a ul.r{ width:50%; margin:0 -4px; text-align:left}
	.service_item ul.b{ width:60%}
	.service_item ul.b dl{ border-left:none; min-height:auto; line-height:2}
	.service_item ul.c{ width:40%}
	.margin_50{ height:25px}
	.fy2,.fy_total,.page_jum,.fy4{ display:none}
    .case_list a{width:50%;}
	.case_list a dl{ width:100%}
	.news_content dt{width:22%}
    .news_content dd{width:74%;}
	.feedback dl{ width:80%; margin:0 auto 2em auto}
    .feedback dt,.feedback dd{ float:none; width:100%; text-align:left}
	.sub_video a{ width:50%}
    .sub_newslist dl dt{ text-align:center}
    .bottom li.a,.bottom li.b{ width:100%; float:none; margin:0 auto;clear:both}
	.bottom li.b{ padding-top:2em}
	.bottom dl input,.bottom dl select{ padding:.7em 0}
}
@media(max-width:767px){
	.sub_nav div{ padding:.3em .5em;margin-bottom:.2em;}
	.case div{ width:50%}
    .banner a{ clear:both; height:280px;}
	.video_content .r,.video_content .l{ float:none; width:100%}
	.index_news .a,.index_news .b{ width:100%; float:none;}
	.index_news .b ul.l{ width:20%;}
	.index_news .b ul.r{ width:80%;}
	.index_news .b{ padding-top:3em}
	.copyright{ font-size:.875em}
    .sub_main .small .box{ width:100%}
	.clas{ text-indent:.5em; font-size:0.875em}
	.news_list dl dt{ width:20%;}
	.news_list a dl dd{ width:75%;}
	.sub_newslist a dl dd div{ font-size:.875em; line-height:1.3}
	.fy{ font-size:0.875em}
	.error_feedback{ display:block; padding:1em 2em}
	.q_link li img{ max-width:40%}
	.q_link li a h5{ font-size:.9285em;}
	.good_tel{ font-size:1.25em}
	.case_show .a,.case_show .b{ width:100%; float:none; padding-bottom:2em}
    .case_show .b{ padding-bottom:0}
	.partner_l{ width:100%; margin:0 0 1em 0}
	.case_partner{ width:100%; margin:0 0 1em 0}
	.case_more a{ width:100%; }
}
@media(max-width:640px){
	.content{ width:90%;}
	.sub_main .content{ width:90%}
	.sub_title,.news_ts{ font-size:1em}
	.news_ts,.sub_title{ font-size:0.875em}
	.news_view h3{ line-height:1.2}
	.sub_baoming dt,.sub_baoming dd{ width:80%; float:none; text-align:left; margin:0 auto}
	.sub_baoming dt{ margin-top:1em}
	.sub_baoming dd input.a,.sub_baoming dd  textarea{ width:100%}
	.sub_baoming dd input.b{ width:30%}
	.sub_newslist a h3{ font-size:1.1333em}
	.index_news .b ul{ width:100%}
	.index_news .b a{ width:100%}
}
@media(max-width:639px){
	.sub_banner_box{ height:180px}
	div.title{ background-size:auto 80%; margin-bottom:0}
	div.title dt{ line-height:1.3; font-size:.875em}
	div.title h5 hr{ margin:0 auto}
	.menu_power img{ max-width:140px}
    .menu_power dt{font-size:1.5em;}
    .banner a{ clear:both; height:200px;}
	.prolist li{width:100%; margin: 0 auto 1em auto}
	.prolist dl{ width:94%;}
	.prolist .m{ font-size: 1.25em; padding: 1em;}
	
	.case div dl{ width:90%; position:relative;}
	.case div dd{ position: relative; left: 0;bottom: 0; background: none; color: #333}
	.case a{color: #333}
	.feedback dl{ width:100%;}
	.bottom{ padding:3em 0; font-size:.875em;}
	.bottom li.a{ border:none; }
	.bottom li.a .code{ display:none}
	.bottom li.b dd strong{ padding:0 3px}
	.sub_newslist li{width:100%; float:none;}
	.sub_newslist li dl{ width:100%}
	.sub_newslist li dt{ text-align:left}
	.sub_news_basic{ font-size:.875em}
	.sub_news_basic dl{ width:100%; margin:0 0 2em 0}
	.sub_news_basic dd{ width:100%;}
	.sub_news_basic .con{ display:none}
	.teacher_list a{ width:25%}
	.service_item ul.b{ width:100%; margin:0 0 1em 0}
	.service_item ul.b dl{ border:none; width:100%}
	.service_item ul.b dd{ width:100%; margin:0; padding:0}
	.service_item ul.c{ width:100%; margin:0}
	.service_item ul.c li{ width:100%; float:none}
	.service_item .tt{ font-size:1.25em; font-weight:bold; padding:.6em 0}
}
@media(max-width:360px){
	.news_content dt{width:28%}
    .news_content dd{width:68%;}
	.te_list ul{ width:100%;}
}
@media(max-width:320px){
}