﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif; overflow-x:hidden;background-color: #101010;}

address, caption, cite, code, dfn, em, _em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:actived{text-decoration:none;}
img{vertical-align:top;border:none; }
ol,ul,li{list-style:none;}
li{float:left;}
table{border-collapse:collapse; }
.clearit{clear:both;*display:inline;}
/*a:focus { -moz-outline-style: none;}*/
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/


#curFrame{width:1920px;height:1007px; position:absolute;top:73px;left:50%; margin-left:-960px; z-index:6;}
#curFrame .topinfo {color:#FF0000; z-index:10;text-align: center;font: 28px/40px "微软雅黑"; }

.frame{width:1920px;height:1140px; position:relative;}

.top{width:100%;height:73px;background:url("navBg.jpg"/*tpa=http://www.mp887.com/images/navBg.jpg*/) center top no-repeat; position:relative;}
.nav{width:990px;height:73px;margin:0 auto;}



.wrap{width:100%; height:auto;background:url("body_bg2.jpg"/*tpa=http://www.mp887.com/images/body_bg2.jpg*/) center top no-repeat;margin-bottom: 82px}
.logo{width:230px;height:100px; position:absolute;left:50%; margin-left:-500px;top:130px; z-index:99;background:url("logo.png"/*tpa=http://www.mp887.com/css/..images/logo.png*/) center top no-repeat;}
.bnContent{width:1920px;height:1007px; position:relative; z-index:30;}

.txt1{width:860px;height:365px; position:absolute;top:500px;left:514px;z-index:8;background:url("txt1.png"/*tpa=http://www.mp887.com/images/txt1.png*/) center top no-repeat;}
.txt1 .txt1_sy{width:340px;height:70px; position:absolute;left:66px;bottom:0;}
.txt1 .txt1_tan{width:340px;height:70px; position:absolute;left:450px;bottom:0;}

.h_10{width:100%;height:10px; float:left;}
.h_20{width:100%;height:20px; float:left;}
.h_30{width:100%;height:30px; float:left;}
.h_40{width:100%;height:40px; float:left;}

/* ====弹窗 */
.overlay{ width:983px;display:none; border:0px solid #000;}
.overlay .close{cursor: pointer; height:100px;width:100px; position: absolute;right:0;top:0; z-index:99;}
.overlay .overlayCon{ padding:0; height:527px; background:url("tanBg.png"/*tpa=http://www.mp887.com/images/tanBg.png*/) center top no-repeat;}
.overlay .overlayCon .con{width:852px;height:290px; float:left; margin:145px 0 0 63px;}
.overlay .overlayCon .con h1{width:100%;height:50px; line-height:50px; float:left; font-size:20px;color:#ca993a; font-weight:bold;}
.overlay .overlayCon .con p{width:100%; line-height:24px; float:left; font-size:16px; color:#eed5a5; margin:0; text-indent:2em;}
.overlay .overlayCon .con a{width:280px;height:60px; position:absolute;left:350px;bottom:30px; z-index:10;}

#overlay {
	width:100%;
	height:100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;
	position:absolute;
	background:#000;
	top:0; left:0;
	z-index:3000;
	display:none;
}
.overlay{position:absolute;z-index:5000;display:none; top:150px; left:50%;margin:0 0 0 -490px;}
*html,*html body /* IE6bug */{background-image:url(about:blank);background-attachment:fixed;}

.main-content{background-color: #101010;}
.warp,.main-warp{width: 1200px; margin-left: auto; margin-right: auto;}
.main-warp{position: relative;}
.mb5{margin-bottom:5px}

/*btn*/
.idx-p1{ height: 345px; width: 300px;overflow: hidden; margin-bottom: 5px; float: left; margin-right: 5px }
a{color:#333; text-decoration:none} 
a:hover{color:#f40}
.sub-btn-down,.sub-btn-down a{height: 135px; width: 300px; overflow: hidden; display: block;}
.sub-btn-down{position: relative; background-image: url("btn-down.png"/*tpa=http://www.mp887.com/images/btn-down.png*/)}
.sub-btn-down a:hover{background-image: url("btn-down-hover.png"/*tpa=http://www.mp887.com/images/btn-down-hover.png*/)}
.sub-btn-down a:active{background-image: url("btn-down-acive.png"/*tpa=http://www.mp887.com/images/btn-down-acive.png*/)}
.sub-ico{display: inline-block; vertical-align: -9px; width: 32px; height: 32px; margin-right: 6px; background-image: url("sub-ico.png"/*tpa=http://www.mp887.com/images/sub-ico.png*/)}
.sub-ico-1{ background-position: 0 0}
.sub-ico-2{ background-position: 0 -32px}
.sub-ico-3{ background-position: 0 -64px}
.sub-ico-4{ background-position: 0 -96px}
.sub-ico-5{ background-position: 0 -64px}
.sub-ico-6{ background-position: 0 -96px}
.idx-down { display: block; height: 60px; background-color: #daa64a; font: 18px/60px "微软雅黑"; color: #7a4e00; text-align: center; margin-bottom: 5px; float: left; }
.idx-down:hover { background-color: #efca8a; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.idx-down-1, .idx-down-3, .idx-down-5 { width: 149px; border-right: 1px solid #8e6215 }
.idx-down-2, .idx-down-4, .idx-down-6 { width: 150px }

.idx-p3 { width: 760px; float: right; padding: 0 20px;}
.idx-p3 { height: 265px; overflow: hidden; margin-bottom: 5px ;border: 1px solid #4f4442; }
.idx-p3 .hd { border-bottom: 1px solid #4f4442; color: #c9b075; height: 27px; padding-top: 15px; position: relative; margin-bottom: 12px }
.idx-p3 .h2 { font: 16px/18px "微软雅黑" ;}
.idx-p3 .more {top: 15px; right: 0}
.idx-p3 .idx-news .first a{width: 260px; color: #af8a33; font-size: 14px; font-weight: 700}
.idx-p3 .idx-news .first span{ display: none}

.clear{clear:both} 
.idx-p4 { height: 290px; overflow: hidden; margin-bottom: 20px ;border: 2px solid #4f4442;}
.idx-p4 li { width: 298px; float: left; position: relative; overflow: hidden; }
.idx-p4 a { display: block; width: 300px; height: 290px }
.idx-p4 img { width: 298px; height: 290px; z-index: 1; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 1s ease-in; overflow: hidden; }
.idx-p4 p { left:0;bottom: 0; width: 240px; height: 70px; overflow: hidden; padding: 10px 30px 0; position: absolute; z-index: 5; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.idx-p4 p strong { color: #fff; display: block; font-size: 26px; height: 38px; line-height: 38px; color: #efcc87; font-weight: 400; font-family: "微软雅黑"; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.idx-p4 p span {font: 16px/18px "微软雅黑" ; color: #CCCCCC; display: block; font-family: arial, verdana, sans-serif; height: 25px; width: 240px; }
.idx-p4 .more { display: block; width: 200px; height: 23px; line-height: 23px; font-size: 14px; color: #fff; text-align: center; background: url() center top no-repeat; margin-top: 8px; font-weight: 400 }
.idx-p4 .img-blank { width: 298px; height: 110px; bottom: -30px; }
.idx-p4 a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 1s ease-in; }
.idx-p4 a:hover p { height: 105px }
.idx-p4 a:hover strong { color: #af8a33 }
.idx-p4 a:hover .img-blank { bottom: 0; }

.idx-p10 { width: 850px;height: 330px; float: right;border: 1px solid #4f4442;overflow: hidden; margin-bottom: 20px ;padding: 0 20px; margin-top: 15px}
.idx-p10 .hd { border-bottom: 1px solid #4f4442; color: #c9b075; height: 27px; padding-top: 15px; position: relative; margin-bottom: 12px }
.idx-p10 .hd h2 { font: 18px/18px "微软雅黑" ;}
.idx-p10 .content{width:850px;height: 330px;line-height:30px;font-size:14px;color:#8b816d;background:url("line_x.gif"/*tpa=http://www.mp887.com/images/line_x.gif*/) repeat left top}
.idx-p10 .content bb{ display:block;}

#con5 {width:1196px;height:auto;position:relative;overflow:hidden;margin:10px auto;background-color:#101010;border: 2px solid #4f4442;}
#con5 h8{float:left;width:1180px;height:50px;line-height:50px;font:16px/48px "微软雅黑" ;color:#fff;text-indent:20px;border-bottom: 2px solid #4f4442;}
#con5 ul{float:left;margin:30px 0 30px 70px }
#con5 ul li{float:left;margin:30px 50px 0 0px;border: 5px solid #4f4442;}
#con5 .smallpic{float:left;margin:30px 10px 0 0px;border: 2px solid #4f4442;} 
#con5 .smallpic2{float:left;margin:30px 7px 0 0px;border: 2px solid #4f4442;}
/**footer**/
#footer{clear:both; border-top:1px #1b1b1b solid;margin-top:60px; color:#999; background-color: #000}
.footer-content{padding-bottom:30px;overflow:hidden}
.footer-logo{padding:20px 0 0 20px}
.footer-logo span{padding-right:20px;float:left;margin-right:20px}
.footer-logo .footer-logoimg{padding:20px 20px 14px 0;display:inline-block}
.footer-info{line-height:24px;padding:20px 0 0 20px;font: 12px/18px "微软雅黑"}
.footer-info a,.footer-info div{color:#e5af20}
.footer-info a:hover{color:#f40}
.footer-img{padding:40px 20px 0 0}
.footer-img img{margin:0 12px}
.sinSun{font-family:"SimSun"}


.s1_wrapper{width:100%;height:auto;}
.s1_main{width:1196px;height:auto;margin:0 auto; position:relative;border: 2px solid #4f4442;}
.num{width:1196px;height:110px; float:left;}
.lunbo1{width:1196px;height:auto; position:absolute;left:-500px;top:110px; z-index:6;transition:all ease-in 0.8s; -webkit-transition:all ease-in 0.8s; -moz-transition:all ease-in 0.8s; -ms-transition:all ease-in 0.8s;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;}
.lunbo1_f{width:1196px;height:auto; position:absolute;left:0;top:110px; z-index:6;transition:all ease-in 0.8s; -webkit-transition:all ease-in 0.8s; -moz-transition:all ease-in 0.8s; -ms-transition:all ease-in 0.8s;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;}


/*轮播1 CSS*/
.main_visual{height:500px;position:relative; margin:0 0 10px 0px; }
.main_image{width:1198px;height:500px;overflow:hidden;position:relative;background:url("boxbg2.jpg"/*tpa=http://www.mp887.com/images/boxbg2.jpg*/) no-repeat left top;}
.main_image ul{width:9999px;height:auto;position:absolute;top:70px;left:0}
.main_image li{float:left;width:1100px;height:auto; position:relative;height:450px;overflow:hidden;font-size:16px; color:#efe3c1; padding:30px 50px}
.main_image li span{width:15px;height:20px;line-height:20px;text-align:center;font-size:16px;font-style:italic;color:#FF0033;margin-right:7px;background-color:#000000;display:inline-block;}
.main_image li p{width:1100px;height:20px; line-height:20px;overflow:hidden; }



div.flicking_con{position:absolute;top:30px;left:0;z-index:999;width:1100px;height:30px; margin:0 auto}
div.flicking_con ul{min-width:80px;height:30px;float:right; margin-right:50px;}
div.flicking_con ul li{min-width:80px;height:30px;float:left;margin:0 0 0 10px;display:block;}
div.flicking_con ul li a{min-width:80px;height:30px; line-height:30px; float:left;margin:0;display:block; font-size:20px; color:#b9884d;background:url("p3.png"/*tpa=http://www.mp887.com/images/p3.png*/) 10px center no-repeat; padding:0 15px 0 31px;}
div.flicking_con ul li a span{min-width:80px;height:30px; line-height:30px; float:left;display:block; font-size:20px; color:#b9884d; padding:0 10px;}
div.flicking_con ul li a.on{min-width:80px;height:30px; line-height:30px; float:left;margin:0;display:block; font-size:20px; color:#371103;background:url("p1.png"/*tpa=http://www.mp887.com/images/p1.png*/) left center no-repeat,url("p2.png"/*tpa=http://www.mp887.com/images/p2.png*/) right center no-repeat;}
div.flicking_con ul li a.on span{min-width:80px;height:30px; line-height:30px; float:left;display:block; font-size:20px; color:#371103; text-align:center; background-color:#b9884d; padding:0 10px;}

#btn_prev,#btn_next{z-index:1111111;position:absolute;display:block;width:64px!important;height:128px!important;top:260px;display:block;  }
#btn_prev{background:url("leftB.png"/*tpa=http://www.mp887.com/images/leftB.png*/) left top no-repeat;left:-30px;}
#btn_next{background:url("rightB.png"/*tpa=http://www.mp887.com/images/rightB.png*/) right top no-repeat;right:-30px;}

