@charset "utf-8";
/* reset */
html { font-size:  62.5%;}
html.lt9 { font-size:100%;}
body { min-height: 100%; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none;  background:#fff;  }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none; background:#fff;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
*:focus {outline: none;}

* {    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, input, select, button, textarea {color:#666; font-size: 1.4rem; *font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53",Tahoma,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;  }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-size: 1.4rem; *font-size: 14px;  font-weight:normal;  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#000; /*transition:0.5s all; -webkit-transition:0.5s all;*/ }
		a:hover { color:#f14d5c!important;}

.song { font-family:"\5b8b\4f53";  }
.arial { font-family:Arial, Helvetica, sans-serif; }

.edit_con_original{ line-height:1.8; font-size:1.4rem; *font-size: 14px; padding:0 0; color:#333; text-align:justify;}
.edit_con_original ul{ margin:initial; padding:initial; padding-left:1.5em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:initial}
.edit_con_original ol{ margin:initial; padding:initial; padding-left:1.5em;}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:initial}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: collapse;
    border-spacing: 0; width:100% !important; border-radius:5px; overflow:hidden; border:1px solid #f0f0f0 !important; display:block; margin-bottom:10px; }
    .edit_con_original table td { padding:0.5em; border:0 !important; }
    .edit_con_original table tr { border-bottom:1px solid #f0f0f0;}
.edit_con_original img{ max-width:100%; height:auto; overflow:hidden; }
.edit_con_original p { margin-bottom:0.5em;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both }
.cf { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*公用样式end*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center top;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}
.ratio-img{ width:100%; height:auto;  display:block;}

.scaleimg { overflow:hidden; display:block;}
.scaleimg img { transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}
.scaleimg:hover img{ transform:scale(1.1,1.1) rotate(-1deg); -webkit-transform:scale(1.1,1.1) rotate(-1deg);}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s  all;}
.tran_scale:hover img{transform:scale(1.1,1.1) rotate(-2deg); -webkit-transform:scale(1.1,1.1) rotate(-2deg);}


a,
a:active,
a:focus,
input:focus,
a:hover,
a.music-toggle-btn:active,
a.music-toggle-btn:focus,
input:focus,
a.music-toggle-btn:hover,
img,
img:active,
img:focus,
li:active,
li:focus,
li:focus,
div,
div:active,
div:focus,
div:hover,
select,
select:focus,
select:active,
select:hover,
button,
button:active,
button:focus,
button:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify: read-write-plainteeet-only; outline: none; -webkit-tap-highlight-color: transparent; }

/*低版本浏览器检测弹窗*/
.browser-old { position:fixed; z-index:100000000; background:rgba(0,0,0,0.5); width:100%; left:0; top:0; height:100%; display:none;}
.browser-old {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000") }
    .browser-old .box{ width:480px; height:360px; border:10px solid #333; background:#f8f8f8; padding:20px; margin:-210px 0 0 -270px; position:absolute; left:50%; top:50%;}
        .browser-old .box .i { background:#fff; border:5px solid #b30009; color:#b30009; font-size:30px; font-weight:bold; width:40px; display:inline-block; margin-right:20px; text-align:center;}
        .browser-old .box h3 { font-size:30px; }
            .browser-old .box h3 em { color:#b30009; font-size:38px; display:inline-block; margin:0 10px;}
        .browser-old .box p { padding:20px 0 30px; font-size:18px;}
        .browser-old .box h4 { margin-top:30px; text-align:right;}
        .browser-old .box dt { color:#2d739c; font-size:16px; margin-bottom:10px; }
            .browser-old .box dd a { display:block; float:left; width:20%; text-align:center; color:#999;}
        .browser-old .box dd a .icon.google { background-position:0px 0px; }
        .browser-old .box dd a .icon.firefox { background-position:-98px 0px; }
        .browser-old .box dd a .icon.ie { background-position:-204px 0px; }
        .browser-old .box dd a .icon.safari { background-position:-310px 0px; }
        .browser-old .box dd a .icon.opera { background-position:-410px 0px; }
                .browser-old .box dd a .icon { background:url(../images/browser.jpg) no-repeat; width:75px; height:75px; display:block; margin:0 auto 10px;}
            .browser-old .box h4 a { color:#999;}
/*end*/

.bk { display:block;}
.fl { float:left; }
.fr { float:right;}
.oh { overflow:hidden;}
.center { text-align:center;}
.f-left { text-align:left;}
.f-right { text-align:right;}


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

 .phone_hide { display:block; }
 .phone_show { display:none; }


.f-12 { font-size:12px;  }
.f-13 { font-size:13px; }
.f-14 { font-size:14px; }
.f-15 { font-size:15px; }
.f-16 { font-size:16px; }
.f-17 { font-size:17px; }
.f-18 { font-size:18px; }
.f-19 { font-size:19px; }
.f-20 { font-size:20px; }
.f-21 { font-size:21px; }
.f-22 { font-size:22px; }
.f-23 { font-size:23px; }
.f-24 { font-size:24px; }
.f-25 { font-size:25px; }
.f-26 { font-size:26px; }
.f-27 { font-size:27px; }
.f-28 { font-size:28px; }
.f-30 { font-size:30px; }
.f-32 { font-size:32px; }
.f-34 { font-size:34px; }
.f-35 { font-size:35px; }
.f-36 { font-size:36px; }
.f-38 { font-size:38px; }
.f-40 { font-size:40px; }
.f-42 { font-size:42px; }
.f-46 { font-size:46px; }
.f-50 { font-size:50px; }
.f-54 { font-size:54px; }
.f-60 { font-size:60px; }
.f-70 { font-size:70px; }
.f-100 { font-size:100px; }


.uppercase{text-transform:uppercase; }

.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.ellipsis-2 {  overflow:hidden;  max-height:3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {  overflow:hidden;  max-height:4.5em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-4 {  overflow:hidden;  max-height:6em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis-5 {  overflow:hidden; max-height:7.5em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis-6 {  overflow:hidden;  max-height:9em; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}


.ht { height:66px; }
.ht2 { height:40px; }

/*分页*/
.page {  text-align:center; line-height:25px; }
.page a { display:inline-block; background:#dcdcdc; color:#000;min-width:25px;  text-align:center; height:25px; line-height:25px; *+line-height:25px; margin:0 2px; }
.page a:hover { background:#d9ab67;  color:#fff!important;}
.page a.page_prev { background:url(../images/page_01.png) no-repeat center center #dcdcdc; margin-right:6px; }
.page a.page_next { background:url(../images/page_02.png) no-repeat center center #dcdcdc; margin-left:6px; }
.page a.page_prev:hover,.page a.page_next:hover {background-color:#dcdcdc; color:#000!important;}
.page span { padding:0px 0px 0px 15px; font-weight:normal; }
.page a.on { background:#d9ab67; color:#fff!important; }
.page label { position:relative; display:block;cursor:pointer; }
.page label img { position:absolute; left:7px; top:4px; }

.page-phone{text-align: center; display: none; margin-top:0.2rem;}
.page-phone a{padding:0px 15px; display:inline-block; height:28px; line-height:28px; background:#f14d5c;color:#fff;font-weight:bold;}
.page-phone a.on{background:#f14d5c;}
.page-phone a:hover { color:#fff!important; }



.auto-bg { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; }

.bot_noe { border-bottom:none!important; }

.ft_fix { position:fixed; left:0px; bottom:0px; right:0px; }

.header {  }
.header .hd_top { background:#282b34; } 
.header .hd_top .wrap { position:relative; }
.header .hd_top .biaoyu { position:absolute; left:0px; top:32px; }
.header .hd_top .biaoyu img { width:274px; }
.header .hd_top .ht_rt { position:absolute; right:0px; top:10px; }
.header .hd_top .in_tel { text-align:right; color:#ff5a5e; padding-top:5px; }
.header .hd_top .language { position:relative; float:right; }
.header .hd_top .language dl dt { text-align:right; }
.header .hd_top .language dl dt span {  position:relative; cursor:pointer; color:#fff; padding-left:19px; display:inline-block; }
.header .hd_top .language dl dt span i { width:9px; position:absolute; left:0px; top:50%; margin-top:-2px; background:url(../images/jt01.png) no-repeat; height:4px;}
.header .hd_top .language a { color:#000; }
.header .hd_top .language dl dd { display:none;position:absolute; padding:5px 0px; line-height:2; right:0px; width:74px; text-align:center; background:#fff; top:100%; border:1px solid #ddd;  }
.header .hd_top .language dl dd a { display:block;  }
.header .hd_top .language dl:hover dd { display:block; }

.header .hd_top .in_tel { float:right;}
.header .hd_top .in_tel span { display:block;}
.header .hd_top .in_tel span:first-child { color:#fff; padding-bottom:3px; }
.header .logo { text-align:center; padding-bottom:10px; }
.header .logo img { width:147px; }
.header .nav { background:#191c24; padding:17px 0px; }
.header .menu { text-align:center; line-height:25px; }
.header .menu ul li { display:inline-block; position:relative; *+display:inline; padding:0px 2px; }
.header .menu ul li a { display:block; width:94px; height:25px; color:#fff; }
.header .menu ul li > a:hover,.header .menu ul li.on > a,.header .menu li.hover01 > a {background:url(../images/navbg.png) no-repeat center center;  color:#fff!important; }







.footer { background:#282b34;  color:#fff; padding:36px 0px 49px;  }
.footer .ft_nav { text-align:center; }
.footer .ft_nav ul li { display:inline-block; *+display:inline;}
.footer .ft_nav ul li a { display:inline-block; margin:0px 30px; }
.footer a { color:#fff; }
.footer a:hover { color:#f0f0f0!important; }

.footer .copy {  text-align:center; color:#a8abb4; line-height:1.71; padding-top:25px; }
.footer .copy a { display:inline-block;color:#a8abb4;  }




.wrap { width:1000px; margin:0px auto; }



.weixin{ position:fixed; width:300px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow:1px 1px 2px #aaa;}
.weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin .img{ padding:10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin .img img{ width:180px; height:180px; }
.weixin p{ padding:2px 10px 0; text-align:center;}






.radio_bon { }
.radio_bon span {  min-height:16px; white-space: normal;  display:inline-block;  }
.radio_bon span i { width:16px; height:16px; position:absolute; left:0px; top:7px; background: url(../images/radio.png) no-repeat 0 0px; display:inline-block; }
.radio_bon span.on i { background-position: 0 -16px; }
.radio_bon .radio { display: none; }