@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:#0599c9; text-decoration:none;_cursor:pointer;}

.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% !important; height:auto !important;}

.menu_power{ cursor:pointer; height:60px; line-height:60px;display:none; background:url(mask_white_90.png);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{  top:0; left:0; width:100%; z-index:99999}
.top_box{width:100%; height:100px;background:#383738;}
.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;}

.top_menu{width:100%; height:100px;background:#383738;}
.top_menu .a{ width:40%; float:left; padding-top: .7em;font-size:1.9em;}
.top_menu .a a{font-size: 1.666em; color: #0599c9;font-weight:500}
.top_menu .a img{max-height:80px; margin-top:12px}
.top_menu .b{ width:60%; float:right; text-align:right;}
.menu ul{ width:100%; text-align:right;}
.menu ul li{ line-height:1;display:inline-block; height:100px;width:13%; 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:#0599c9;}
.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 .top_menu{ 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;}
.banner a{ clear:both; height:700px;}
.sub_banner_box{ 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}

.sub_banner_tu{ clear:both;display:table; width:100%}
.sub_banner_tu ul{ display:table-row; color:#fff}
.sub_banner_tu dl{ text-align:right; display:table-cell; vertical-align:middle}
.sub_banner_tu dt,.sub_banner_tu dd{ max-width:1100px; margin:0 auto; font-size:2em; font-family:Arial, Helvetica, sans-serif}
.sub_banner_tu 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;}
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{}
.case ul{ margin: 0 auto;min-width: 320px;}
.case div{ width:21%; display:block; float:left; margin: 15px 2%;}
.case div dl{ width:100%; margin:0 auto; position:relative; text-align: center;}
.case div dd{ position:absolute; bottom:0; padding:1em 0; text-align:center; width:100%; display:block; color:#fff; background:url(../images/mask_black_50.png)}
.case div dl:hover dd{ color:#0599c9}
.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:#0599c9}
.prolist 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}
.prolist a:hover.btn{ background:#0599c9}
.case img{ max-width: 100%;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:50%; float:left; padding-top:3.5em;}
.index_news .b dt{ width:25%; float:left}
.index_news .b dd{ width:70%; float:right;}
.index_news .b ul{ width:100%; 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:#0599c9}
.index_news .b a{ width: 90%; margin: 0 auto; display: block; vertical-align: top}


.index_news .b .first dl {
    height: 40px;
    border-bottom: solid 2px #ddd;
    width: 90%;
    margin: 0 auto 20px auto;
}
.index_news .b .first dt {
    font-size: 1.5em;
    width: 36%;
}
.index_news .b .first dt h5 {
    height: 39px;
    border-bottom: solid 2px #cd2055;
}
.index_news .b .first dd {
    width: 63%;
    text-align: right;
    font-size: .875em;
}
.index_news .b .first a{ width: 100%; margin: 0 auto; display: block; vertical-align: top; line-height:40px;}

.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{ width:30%; float:left;}
.sub_news_basic dt img{ width:96%; margin:0 auto}
.sub_news_basic dd{ width:65%; float:left; 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:#0599c9}
.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;}
.news_tt strong{height:16px; display:inline-block; vertical-align:middle; margin-right:.2em; margin-left:1em; width:16px;}
.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{ 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:#383738; padding:4em 0; }
.bottom ul{margin:0 auto; text-align:left;}
.bottom a{ color:#999}
.bottom a:hover{ color:#0599c9}
.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:100%; /*float:right;*/ line-height:2.2;text-align: center;}
.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:#0599c9 }

.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:center;}
.fy ul li{ display:inline-block;padding: 3px 8px;border:solid 1px #ccc;margin: 3px 0;}
.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:url(mask_white_90.png); 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;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 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-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:url(mask_white_90.png);position:fixed;width:100%; z-index:123456; left:0; bottom:0 }
.footer a{ width:50%; float:left; text-align:center; color:#333}
.footer a dt span{ width:18px; height:18px; margin:8px auto 2px auto; display:block; background:url(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}
.pcdt1 {
    position: fixed;
    left: 5px;
    top: 260px;
    z-index: 999999;
}
.pcdt2 {
    position: fixed;
    right: 5px;
    top: 260px;
    z-index: 999999;
}
.wapdt1 {
    display: none;
}
.wapdt2 {
    display: none;
}
.pcbanner { display:block;}
.wapbanner { display:none;}

.content1 a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{font-style:normal;}
.content1{width:75pc;text-align:left;margin-left:auto;margin-right:auto;padding-bottom:15px}
.content1 .cleft{width:227px;float:left;margin-right:10px}
.content1 .cleft .store_logo img{border:1px #d5d5d5 solid; border-radius:50%; width:160px; height:160px; -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;}
.content1 .cleft .store_logo img:hover{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.content1 .cleft .pInfor{border-bottom:1px solid #dedede;height:auto;border-top:1px solid #dedede;padding:10px 0}
.content1 .cleft .pInfor .qq{padding-top:5px;height:30px;line-height:2pc;clear:both}
.content1 .cleft .pInfor img{vertical-align:-6px;padding-right:2px}
.content1 .cleft .pInfor span.b{display:block;float:left;width:60px}
.content1 .cleft .pInfor span.c{display:block;float:left;width:107px;color:#404040}
.content1 .cleft .pInfor span.d{color:#404040}
.content1 .cleft .pInfor .tel{display:block;height:29px}
.content1 .cleft .pInfor .tel em{line-height:28px;padding:5px 0 0;text-align:left;font-weight:700;color:#ff4500;font-size:14px}
.content1 .cleft .pingjia{border-bottom:1px solid #dedede;padding:8px 0;height:auto;overflow:auto}
.content1 .cleft .Identity span{padding-bottom:3px;display:inline-block;#margin-top:-2px;#padding-bottom:0}
.content1 .cleft .Identity img{vertical-align:-4px;padding-right:2px;#vertical-align:5px}
.content1 .cleft .viewhit{background-color:#fff;border-top:1px #d4d4d4 solid;padding-top:10px}
.content1 .cleft .viewhit li{margin:0;color:#888}
.content1 .cleft .viewhit li .hit{color:#429300;font-weight:700;font-family:microsoft yahei}
.content1 .cleft .viewhit li .time{color:#404040}
.content1 .cleft .br{overflow:auto;height:auto}
.content1 .cleft .br a{color:#000;line-height:27px;margin-left:30px}
.content1 .cleft .br a:hover{text-decoration:none}
.content1 .cleft .baocuo{background:url(images/renling.gif) top left no-repeat;float:left;display:inline-block;width:71px;height:27px}
.content1 .cleft .renling{background:url(images/renling.gif) bottom left no-repeat;float:right;display:inline-block;width:115px;height:27px}
.content1 .cleft .renzheng{padding:2px 0 0 2px}
.content1 .cleft .renzheng p{margin-bottom:8px;text-align:left}
.content1 .cleft .renzheng p img{vertical-align:middle}
.content1 .cleft .tit{color:#fff;background-color:#0599c9;height:27px}
.content1 .cleft .bdshare{text-align:center;border:1px #ddd solid;padding:5px 10px;margin-top:10px;background-color:#fff}
.content1 .cleft .bdsharebuttonbox{margin:0 auto}
.cleft .dpScore li span.tits{height:24px;float:left;text-align:right;padding-right:0;clear:both}
.cleft .dpScore li .kBg{margin-top:8px;float:right;height:10px;width:114px;background:url(../images/kBg.gif) no-repeat 0}
.cleft .dpScore li .hBg{margin:2px;height:6px;overflow:hidden;background:url(../images/sprite.png) no-repeat 0 -1px}
.cright .dpScore li span.tits{height:24px;float:left;width:90px;text-align:left;padding-right:0;clear:both}
.cright .dpScore li .kBg{margin-top:8px;float:right;height:10px;width:93pt;background:url(../images/kBg.gif) no-repeat 0}
.cright .dpScore li .hBg{margin:2px;height:6px;overflow:hidden;background:url(../images/sprite.png) no-repeat 0 -1px}
.content1 .cright{float:right;width:80%;height:100%}
.content1 .cright ul{margin:10px}
.content1 .cright .hd{font-size:18px;padding:10px}
.cleft .renzheng{padding:2px 0 0 2px}
.cleft .renzheng p{margin-bottom:8px;text-align:left}
.cleft .renzheng p img{vertical-align:middle}
.box{background-color:#fff;overflow:auto;height:auto;border:1px #dadada solid}
.cleft .box .tit{padding:7px 10px;line-height:26px;font-size:18px;margin-bottom:20px}
.cright .box .tit{height:26px;padding:15px;line-height:26px;font-size:18px}
.cright .box .tit span{border-bottom:3px #0599c9 solid;padding:8px 0}
.cright .box .tit a{float:right;font-weight:400;text-decoration:none}
.cright .box .tit a:hover{color:red;text-decoration:none}
.box .con{padding:0 15px 15px;background-color:#fff}
.box .con li{padding-bottom:5px}
.box .con .shop_name{font-size:14px;font-weight:700;color:#4b78a5}
.mbk-send{border-top:1px solid #dedede;overflow:hidden}
.mbk-send p{width:90px;margin:0 auto 0 29px;height:40px;margin-top:15px;float:left;display:inline}
.mbk-send p strong{font-size:14px;color:#555;font-weight:400}
.mbk-send textarea{width:658px;height:78px;border:1px solid #ccc;margin:0 auto 0 29px;padding:10px;color:#666}
.mbk-reply-trace .at_but,.mbk-send .at_but{float:right}
.mbk-reply-trace span,.mbk-send span{line-height:25px}
.mbk-send span font{font-size:9pt}
.dpRight{margin:10px 15px 15px}
.commentpage .pageSelect{overflow:hidden;width:100%;background-color: #fefdf8;border-bottom: 2px #0599c9 solid;}
.commentpage .pageSelect li{float:left;padding:6px 13px;display:block}
.commentpage .pageSelect li.selected{background-color:#fefdf8;border-top:2px #0599c9 solid;border-left:1px #0599c9 solid;border-right:1px #0599c9 solid}
.commentpage .pageSelect li.selected a{color:#ff4500}
.commentpage .selectBd{padding:10px;height:91px;background-color:#fefdf8;border-bottom:1px #0599c9 solid}
.commentpage .selectBd .left{float:left;width:290px}
.commentpage .selectBd .middle{float:left;padding-top:30px;width:317px;height:65px;text-align:center;border-left:1px #0599c9 solid;border-right:1px #0599c9 solid}
.commentpage .selectBd .middle em{color:#d00;font-weight:100;font-size:18px}
.commentpage .selectBd .middle a.gray{color:#888}
.commentpage .selectBd .middle img{vertical-align:middle}
.commentpage .selectBd .right{float:right;padding-top:30px;text-align:center;width:220px}
.right .pjMenu{display:block;font-size:18px;overflow:hidden;margin:0 auto;width:75pt;height:33px;line-height: 1.8;text-align:center;background-color:#0599c9;color:#fff}
.commentpage .commentTj{padding:0 0 0 40px!important}
.commentpage .commentTj li{margin-bottom:4px!important}
.commentpage .pageBd h3{margin-top:10px;padding:0 10px;height:30px;background-color:#fff4e2;text-align:right;line-height:30px}
.commentpage .pageBd h3 a{float:right;display:block;padding-left:18px;background-position:0 -212px}
.commentpage .pageBd a.red{color:#f30;font-weight:700}
.commentpage .commentFB .hd{background-position:0 -254px}
.commentpage .text{width:840px!important}
.commentpage .mrw_list{float:left;margin-bottom:5px;width:730px;color:#585858}
.commentpage .mrw_list .list_left{text-align:left}
.commentpage .mrw_list th{padding:3px 6px;border-bottom:1px solid #eee;color:#333;font-weight:700}
.commentpage .mrw_list td{padding:4px 6px;height:22px;border-bottom:1px solid #eee;color:#666}
.commentpage .mrw_list td a{font-size:9pt}
.commentpage .mrw_list td a:hover{text-decoration:underline;font-weight:400}
.comment{position:relative}
.comment .hd{padding-left:1pc;height:28px;color:#fff;text-align:left;font-weight:700;font-size:14px;line-height:28px}
.comment .ft{position:absolute;top:7px;right:8px}
.comment .dpContent{clear:both;padding:15px 10px;height:auto;overflow:auto}
.comment .dpContent .pic{float:left;display:block;width:40px;margin-right:15px;vertical-align:middle}
.comment .dpContent .textt{float:left;display:block;width:50pc;text-align:left}
.comment .starB{padding:0 0 3px}
.comment .starB li,.comment .starB li span.zi{float:left;margin-right:7px}
.comment .starB li span.zi{display:block;overflow:hidden;height:21px;line-height:21px}
.comment .starB li span.startimg{float:left;display:block;margin-top:3px}
.comment .dpContent .textt .gray{margin-top:5px;color:#888}
.comment .huip{margin:0 10px 10px;width:auto;height:auto;overflow:auto;padding:5px 10px;background-color:#f3f3f3}
.comment .huip em{font-size:9pt}
.comment .time{color:#888;font-size:9pt}
.comment .tit{padding:0 10px;height:2pc;color:#333;font-weight:400;font-size:14px;line-height:28px}
#comment{margin:0;clear:both}
#comment ul li{border-top:1px solid #ededed;list-style:none}
.ulstyle{padding:0;margin:0}
.comment{background-color:#fff;overflow:hidden;border:1px #ddd solid}
.comment .tit{height:2pc;color:#333;font-weight:400;padding:0 10px;line-height:28px;font-size:14px}
.pagination{margin-top:10px;font-size:9pt;font-weight:400;margin:0 5px 10px 10px;height:30px;overflow:auto}
.pagination a,.pagination span{color:#000;float:left;border:1px solid #dedede;background-color:#fff;height:22px;padding:5px 11px 0;margin-right:3px}
.pagination a:hover{text-decoration:none}
.pagination a:hover,.pagination span.current{background-color:#efefef;font-weight:400}
.pagination a.pages-goto:link,.pagination a.pages-goto:visited{background-color:#fff;border-color:#d1e3f1}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.ml10{margin-left:10px}
.cfix:after{display:block;height:0;clear:both}
input{font-size:9pt;font-family:microsoft yahei}
textarea{overflow:auto}
input,textarea{padding:1px 2px}
.like{padding-top:18px;margin-bottom:15px;margin-left:25px;margin-right:25px}
.like .radio{vertical-align:-2px;#vertical-align:0;background:0 0}
.radio{border:none!important}
.comment_login{margin:8px 0 10px 20px;color:#666;line-height:22px;padding-bottom:15px;height:auto;overflow:auto}
.comment_login .left{display:inline;float:left;margin-left:5px}
.comment_login .login_test{border:1px solid #ddd;height:26px;line-height:24px;width:85px;#vertical-align:-5px}
.comment_login .send{background:url(../images/ly.gif) no-repeat 0;width:5pc;height:24px;color:#fff;font-size:9pt;border:0;cursor:pointer;line-height:22px;margin-left:8px}
.authcode{float:left;border:1px #ddd solid;cursor:pointer}
.clear,.clear15{clear:both;visibility:hidden;overflow:hidden}
.clear15{height:15px}
.clear10{height:10px}
.cleft .mb5 span{padding:0 5px;border-radius:10px;color:#f30;border:1px #ff4500 solid;font-size:9pt}