@charset "utf-8";
@import url("http://www.82228777.com/templets/maiya/css/common.css");
@import url("http://www.maiya91.com/zt/myzzyfy/css/zjtd.css");

.main{ width:1200px; margin: 0 auto;}
.xt{ border: 1px solid #8D5130;}

#q1{ background:url(banner.jpg) no-repeat center center; height: 780px;}
#q1 .main{ position:relative;}
#q1 a{ position: absolute; right: 130px; display: block; top: 700px; background-color: #AA1112; color: #fff; height: 30px; line-height: 30px; padding: 10px 30px;}
#q1 a:hover{ background-color:#8D5130;}


#q2,#q5,#q9{ background-color:#F0E6D7; width: 100%; padding-bottom: 50px;}
#q2 .tit{ height:150px; background: url(q1.jpg) no-repeat;}
#q2 p{ text-indent:2em; line-height: 30px; color: #8D5130; font-size: 16px; padding-bottom: 10px;}

#q2 .bj{ height: 510px; background: url(q2.jpg) no-repeat center; margin-top: 10px;}
#q2 .q2l{ float:left; width: 471px; margin: 35px 0 0 25px}
#q2 .focusBox { position: relative; width: 471px; height: 430px; overflow: hidden; }
#q2 .focusBox .pic img { width: 471px; height: 398px; display: block; }
#q2 .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
#q2 .focusBox .txt { position: absolute; bottom: -10px; z-index: 2; height: 36px; width:100%; overflow: hidden; }
#q2 .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px; width: 491px; text-align: center}
#q2 .focusBox .txt li a{ display: block; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; color: #8D5130}
#q2 .focusBox .num { position: absolute; z-index: 3; bottom: 40px; right: 8px; }
#q2 .focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;}
#q2 .focusBox .num li a,#q2 .focusBox .num li span { position: absolute; z-index: 2; display: block; color: #fff; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
#q2 .focusBox .num li span { z-index: 1; background: #fff; filter: alpha(opacity=50); opacity: 0.5; }
#q2 .focusBox .num li.on a,#q2 .focusBox .num a:hover{ background:#E9460F;  }

#q2 .q2r{ float:left; margin: 16% 0 0 8%;}
#q2 .q2r p{ color: #8D5130; padding-bottom: 0;}
#q2 .q2r a{ display:block; background-color: #AA1112; color:#fff; border-radius: 15px; width:120px; padding:5px 10px; text-align: center; margin: 5% 0 0 30%;}
#q2 .q2r a:hover{ background-color:#8D5130;}

#q3{ background-color:#F0E6D7; width: 100%; }
#q3 .tit{ height:150px; background: url(q3.jpg) no-repeat; padding-bottom: 20px;}
#q3 .q3l{ float:left; width: 600px}
#q3 .q3l p{color: #8D5130; text-indent: 2em; line-height: 30px; margin-bottom: 15px; font-size: 16px;}
#q3 .q3r{ float:right; width:526px;}

#q4{ width:100%; height:397px; background: url(q7.jpg) no-repeat center; overflow: hidden;}
#q4 .q4{ margin: 17% 0 0 40%}
#q4 p{ color:#fff; line-height: 30px; font-size: 16px;}
#q4 a{ display:block; width:200px; background-color: #AA1112; color: #fff; text-align: center; font-size: 14px; margin-top: 15px;}
#q4 a:hover{ color: #AA1112; background-color: #fff;}


#q5 .tit{ height:150px; background: url(q8.jpg) no-repeat; padding-bottom: 20px;}
#q5 .q5l{ float:left; width:650px;}
#q5 .q5l p{ color: #8D5130; text-indent: 2em; line-height: 30px; font-size: 16px; padding-bottom: 10px}
#q5 .q5l a{ display:block; width:200px; text-align: center; background-color: #AA1112; color: #fff; padding:15px; margin: 20px 0 0 200px;}
#q5 .q5l a:hover{ background-color: #8D5130;}
#q5 .q5r{ float:right;width:485px;}

#q5 .q5{ height: 144px; background: url(q10.jpg) no-repeat; margin-top: 30px;}
#q5 .q5 p{ text-indent:2em;  padding: 35px 30px 0; font-size: 16px; color: #8D5130; line-height: 30px;}

#q5 .poster-main{position: relative;margin: 50px auto;}
#q5 .poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;}
#q5 .poster-main .poster-list .poster-item p{ text-align:center; color: #8D5130; font-size: 16px;}
#q5 .poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;}
#q5 .poster-main .poster-prev-btn{left: 0;background: url("btn_l.png") no-repeat center center;}
#q5 .poster-main .poster-next-btn{right: 0;background: url("btn_r.png") no-repeat center center;}

#q6{ width:100%; background: url(q11.jpg) no-repeat center; height: 945px;}
#q6 ul{ padding-top: 175px; margin-left: -33px;}
#q6 ul li{ float:left; width: 390px; height: 330px; margin-bottom: 14px;}
#q6 ul li.zy{ margin:0 31px 0 32px;}


#q7{ width:100%; background: url(q12.jpg) no-repeat center; height: 1220px; position: relative;}
#q7 ul{ padding-top: 188px; margin-left: -22px}
#q7 ul li{ float:left; width: 585px; height: 220px; margin:0 0 30px 23px}
#q7 .zxyy{ position:absolute; top:1051px;}
#q7 .zxyy a{ float:left;}
#q7 .zxyy .z1{ margin-left: 235px; width: 120px; height: 32px; display: block; text-align: center; border-radius: 15px;}
#q7 .zxyy .z2{ margin-left: 80px; width: 120px; height: 32px; display: block; text-align: center; border-radius: 15px;}
#q7 .zxyy .z3{ margin-left: 85px; width: 120px; height: 32px; display: block; text-align: center; border-radius: 15px;}
#q7 .zxyy .z4{ margin-left: 90px; width: 120px; height: 32px; display: block; text-align: center; border-radius: 15px;}
#q7 .zxyy .z5{ margin-left: 80px; width: 120px; height: 32px; display: block; text-align: center; border-radius: 15px;}

#q9 .tit{ height:150px; background: url(q13.jpg) no-repeat; padding-bottom: 20px;}
#q9 ul li{ width:380px; height: 220px; float: left; margin-bottom: 30px;}
#q9 ul li.zy{ margin:0 30px;}