@charset "gb2312";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-size: 18px; line-height: 1.5em; font-family: "Arial", "Microsoft Yahei", "Heiti SC", simsun, sans-serif; color: #323232; background: #ffe8f6; min-width: 320px; overflow-x: hidden; -webkit-text-size-adjust: none; }
a { color: #323232; text-decoration: none; transition: all 0.5s; outline: none; }
a:hover { color: #ff8500; }
ul, li, ol { list-style: none; border: none; }
img, video { max-width: 100%; height: auto; border: 0; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal }
div, dl, ul, li, input, textarea { -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%;
}
.left { float: left }
.right { float: right }
.area { width: 100%; }
.mt40 { padding-top: 40px }
.content { width: 1200px; margin: 0 auto; position: relative; }
.bg1 { background: #f0f0f0 }
.bg2 { background: #4e4e4e }
.head { text-align: center; background: #ffe8f6; overflow: hidden; }
.head img { margin: 0 auto; display: block; position: relative; }
.head .inr { position: relative; width: 1200px; margin: 0 auto; z-index: 111 }
.head .inr #music_btn { position: absolute; left: 76px; bottom: 40px; z-index: 11111 }
.bg { width: 1198px; margin: 0 auto; border: 1px #e6e6e6 solid; padding-bottom: 30px; background: #ffffff; overflow: hidden }
.wrap { width: 1000px; margin: 40px auto 0; overflow: hidden }
.blockA { width: 415px; height: auto; float: left; margin-left: 20px }
.blockB { width: 515px; height: auto; float: right; margin-right: 20px }
.blockB .more{ float:right; color:#8b8b8d; font-size:16px; margin-right:20px}
.blockB .more a{color:#8b8b8d;}
.blockB ul { padding: 8px 0; font-size: 20px }
.blockB ul li { line-height: 24px; overflow: hidden; margin: 5px 0 16px }
.blockB ul li::before { content: "◆ "; color: #ea3f21; font-size: 1.9em; margin-left: -14px; vertical-align: middle; }
.menu { text-align: center; margin-top: 30px }
ul.sp { padding: 20px 0px }
ul.sp li { float: left; width: 27%; margin: 0 1% 0 5%; }
ul.sp li span { color: #fff; text-align: center; display: block }
/**/
.slider { position: relative; width: 993px; height: auto; margin: 40px auto; overflow: hidden; padding: 0 110px }
.ie7 .slider { width: 774px }
.slides { height: auto; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { height: auto; float: left; clear: none; display: inline; }
.slider-arrows { }
.arrowsWrapper { display: block }
.slider:hover > .arrowsWrapper { display: block }
.slider-arrow { position: absolute; width: 110px; height: 100%; background: #fff }/*左右按钮样式及放置位置*/
.slider-arrow-right { bottom: 0; right: 0px; background: #fff url(../images/arrowright.png) right no-repeat }
.slider-arrow-left { bottom: 0; left: 0px; background: #fff url(../images/arrowleft.png) left no-repeat }
.slider-nav { position: absolute; bottom: 20px; right: 14px; }
.slider-nav_item { width: 15px; height: 15px; float: left; clear: none; display: block; margin: 0 3px; background: #cdcdcd; border-radius: 50%; display: none }
.slider-nav_item:hover { background: #565656; }
.slider-nav_item--current { background: #ffffff; } /*被选中后的样式*/
.slider .cont { width: 774px; height: auto; text-align: left; color: #fff; text-transform: capitalize; vertical-align: middle; position: relative; overflow: hidden }
.slider .cont img { width: 774px; height: 370px; }
.slider .tt { width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fee589; background: rgba(138,35,11,.8); position: absolute; bottom: 7px; left: 0; }
.ie7 .slider .tt{filter:alpha(opacity=80); background:#8d2209;opacity:0.8; color: #fee589;}
.ie8 .slider .tt{filter:alpha(opacity=80); background:#8d2209;opacity:0.8; color: #fee589;}
.slider .tt h3 { font-size: 24px; color: #fee589; font-weight: bold; text-align: center; padding: 0 10px }
.slider .tt p { font-size: 14px; font-family: simsun; color: #8b8b8b; }
#footer { position: relative; width: 100%; margin: 30px auto 0; padding: 20px 0 34px; font-size: 0.875rem; font-size: 14px; font-family: simsun; color: #757373; background: #f0f0f0; z-index: 2147483641; }
#footer img { float: left; margin: 0 14px 0 0; }
@media screen and (min-width:0px) and (max-width:1024px) {
.wrap, .head .inr, .bg { width: 100% }
.slider .cont img { width: 100%; height: auto }
.pic { width: 98%; margin: 0 auto }
.slider { width: auto; }
.blockA { width: 39% }
.blockB { width: 54%; margin-right: 2%; }
.blockB ul { padding: 3px 0; font-size: 16px; }
.blockB ul li { margin: 2% 0 3%; }
ul.sp { padding: 20px 0 20px 20px }
ul.sp li { width: 28%; margin: 0 2%; }
}
@media screen and (max-width:768px) {
.head img { margin: 0 -28%; max-width: 152%; }
.banner img { margin: 0 -30%; max-width: 180%; }
.head .inr #music_btn { left: 35%; }
.slider .cont { width: 100% }
}
@media screen and (max-width:740px) {
.blockB ul li { margin: 2% 0 1%; }
.blockA, .blockB { width: 94%; float: none; margin: 0 auto; text-align: center }
.blockA img { width: 90% }
.blockB { text-align: left; margin-left: 8% }
}
@media screen and (max-width:480px) {
.wrap { margin: 3% auto 0; }
.blockB {text-align: left;margin-left: 4%;}
.head .inr #music_btn { left: 35%; bottom: 6px; }
.bg2 { background: #fff }
.bg { padding-bottom: 10px }
ul.sp li { float: none; width: 96%; margin: 0 auto 2%; text-align: center }
ul.sp li span { color: #323232 }
.head .inr img#music_btn { width: 20%; }
.slider { padding: 0; margin: 20px auto; }
.slider-arrow { width: 41px; height: 68px }
.slider-arrow-right, .slider-arrow-left { background-color: transparent; bottom: 34%; width: 6%; }
.pic { width: 94% }
ul.sp { padding: 0; }
.slider .tt { height: 40px; line-height: 40px; }
.slider .tt h3 { font-size: 18px }
#footer{ margin:3% 0 0 0;padding: 10px 0 10px; font-size:12px}
}