@charset "utf-8";

/* = CSS重定义
------------------------------------------------------------ */

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote 
{ margin: 0;padding: 0; } 
input, button, textarea,select, optgroup, option {font-family: inherit;font-size:100%;font-style: inherit;font-weight: inherit;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; display: block; }
ul, li, dl, dt, dd {
	display: block;
	list-style-image: none;
}
fieldset, img {border: 0;}
ol, ul {list-style: none;} 
iframe {background-image: none; }
caption{text-align: left;}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
.clear { clear:both; font-size: 0px; line-height: 0px; }
.clearfix{zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.copyright { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.checkbox { line-height: 13px; height: 13px; width: 13px; padding: 0px; margin: 0px; }
.indent {text-indent: 24px;}

.fl{float:left;}
.fr{float:right;}
.clearspan{
	display:block !important;
	float:none !important;
	clear:both;
}

.block1{ width:100%; height:10px; clear:both;}
.block2{ width:100%; height:20px; clear:both;}
.block3{ width:100%; height:30px; clear:both;}


/* 全局CSS*/

body{  font-family: "微软雅黑"; color:#e2e2e2; font-size: 14px; background:#000 url(../images/banner.jpg) no-repeat center 39px; margin: 0 auto;}
a { text-decoration:none; color:#fff;}
a:hover{ text-decoration:underline; }


/* CSS开始*/





.top{ width:100%; height:40px; background:#000; }
.top .top1{ width:1100px;margin:0 auto;height: 40px;overflow:hidden; line-height: 40px;  text-align: center;}
.top .top1 a{ color: #e8e8e8; font-size: 14px;  padding:0 5px; display: inline-block; }
.top .top1 a:hover{ color:#fff; text-decoration:none;}
.more{ color:#f4cc8a;}

.banner{ text-align:center;}


.page2{ width:100%; background-position:center top;}

.pageIN{ width:1100px; margin:0 auto;  position:relative; overflow:hidden; }
.pageIN .xx{position:absolute; display:block; width:312px; height:307px; top:0; z-index:0;}
.pageIN .xxl{ background:url(../images/xx_l.png) no-repeat; left:-40px;}
.pageIN .xxr{ background:url(../images/xx_r.png) no-repeat; right:-40px;}
.pageIN .h2_title{ text-align:center; width:100%; height:85px;}
.page1 .h2_title{ background:url(../images/t_jj.png) no-repeat center;}
.page2 .h2_title{ background:url(../images/t_jb.png) no-repeat center;}
.page3 .h2_title{ background:url(../images/t_yysd.png) no-repeat center;}
.page4 .h2_title{ background:url(../images/t_gy.png) no-repeat center;}
.page5 .h2_title{ background:url(../images/t_jbjx.png) no-repeat center;}
.page6 .h2_title{ background:url(../images/t_jcxc.png) no-repeat center;}
.page7 .h2_title{ background:url(../images/t_lj.png) no-repeat center;}
.page8 .h2_title{ background:url(../images/t_xgbd.png) no-repeat center;}

.page1{ margin:-80px 0 42px;}
.page1 .c1{ overflow:hidden; margin-top:40px; position:relative; z-index:9}
.page1 .jj_slideBox{ width:1084px; height:600px; margin:0 auto; overflow:hidden; position:relative;}
.page1 .jj_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:22px; bottom:25px; z-index:1; }
.page1 .jj_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.page1 .jj_slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:14px; text-align:center; background:#919191; cursor:pointer; font-size:0; border-radius:50%; }
.page1 .jj_slideBox .hd ul li.on{ background:#f00; color:#000; }
.page1 .jj_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.page1 .jj_slideBox .bd li{ zoom:1; vertical-align:middle; }
.page1 .jj_slideBox .bd img{ width:1084px; height:600px; display:block;  }


.page1 .list{}
.page1 .list a{ float:left; line-height:30px; color:#f4cc8a; font-size:16px; padding:20px 30px 0;}


.page2{ height:820px; background:url(../images/p2bg.jpg) no-repeat center top; overflow:visible;}
.page2 .pageIN{ margin-top:30px; padding-top:20px;}

@media screen and (max-width: 1000px) { 
.page2 .pageIN{ background:url(../images/p2bgin.jpg) no-repeat center 2px }
} 

.page2 .jbPic{ margin-top:20px; position:relative; z-index:9;}
.page2 .jbPic .line{ width:1000px; height:1px; background:#bf6a4b; margin:0 auto; position:absolute; left:50px; top:60px; z-index:0;}
.page2 .jbPic li{ width:124px; height:124px;  float:left; margin:0 6px; position:relative; z-index:9;}
.page2 .jbPic li img{ width:110px; height:110px; border-radius:50%; }
.page2 .jbPic li.active img{border:3px solid #d00022;
 transform:scale(1.1);
  -ms-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
	 -o-transform:scale(1.1);}
.page2 .jbPic li span{ position:absolute; left:0; display:inline-block; width:110px; height:110px;border-radius:50%; vertical-align: middle; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000")}
.page2 .jbPic li.active span{opacity:0; filter:alpha(opacity=0);}
.page2 .jbCon{ overflow:hidden; height:582px; position:relative; z-index:9;}
.page2 .left{ width:694px; overflow:hidden}
.page2 .left .intro{ width:481px; height:90px; margin:34px 0 0 212px;line-height:30px; padding-top:10px;text-align:right; background:url(../images/jbintro.png) no-repeat;}
.page2 .left .intro span{ font-size:20px; font-weight:bold;color:#f4cc8a; padding-right:30px; }
.page2 .left .intro p{ font-size:18px; color:#e2e2e2;padding-right:30px;}
.page2 .left .info{ padding:60px 120px 0 50px;}
.page2 .left .info .title{ font-size:20px; font-weight:bold; color:#f4cc8a; text-align:center; line-height:50px;}
.page2 .left .info .text{ line-height:30px; text-indent:2em;}
.page2 .right{ width:406px; padding-top:16px; overflow:hidden }
.page2 .right img { width:398px; height:552px; border:3px solid #d00022;}


.page3{}
.page3 .pageIN{ margin-top:50px;}
.page3 .pageIN .c1{margin:40px auto 0;}
.page3 .Jbox{position:relative;  overflow:hidden; z-index:9;}
.page3 .Jbox .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.page3 .Jbox #prev,.page3 .Jbox #next{ bottom:48px;width: 18px;height: 25px;}
.page3 .Jbox #prev{background:url(../images/btnl.gif) no-repeat; left:10px;}
.page3 .Jbox #next{background:url(../images/btnr.gif) no-repeat; right:10px;}
.page3 .Jbox #prevTop,.page3 .Jbox #nextTop{ top:260px; width: 53px;height:74px;}
.page3 .Jbox #prevTop{background:url(../images/left.png) 0 0 no-repeat; left:60px;}
.page3 .Jbox #nextTop{background: url(../images/right.png) 0 0 no-repeat; right:60px;}
.page3 .Jbox li{float:left;}
.page3 .Jbox .cf li{position: relative;color: #fff;}
.page3 .Jbox .picBox{ width:1100px; height:502px;position:relative;overflow:hidden;}
.page3 .Jbox .picBox ul{height:500px;position:absolute;}
.page3 .Jbox .picBox li{width:1100px;height:500px; position:relative;}
.page3 .Jbox .picBox li .leftPic{ }
.page3 .Jbox .picBox li .leftPic p{ position:absolute; bottom:1px; left:3px;  width:786px; padding:5px; text-align:center;font-size:20px; color:#f4cc8a;height:40px; line-height:40px; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000")}
.page3 .Jbox .picBox li .leftPic strong{ padding-right:10px;}
.page3 .Jbox .picBox li .leftPic img{ width:796px; height:496px; border:3px solid #d00022;}
.page3 .Jbox .picBox li .rigPic img{ width:280px; height:502px;}
.listBoxWrap{ background: #030203;}
.page3 .Jbox .listBox{ width:1000px; height:64px; padding:30px 0; margin:0 auto;position:relative; overflow:hidden; }
.page3 .Jbox .listBox ul{height:auto;position:absolute; margin:0 auto; overflow:hidden; height:100px; width:5000px;}
.page3 .Jbox .listBox li{ width:64px; height:64px; cursor:pointer;position:relative; margin: 0 10px;}
.page3 .Jbox .listBox li i{display:none;}
.page3 .Jbox .listBox li img{width:64px; height:64px;}
.page3 .Jbox .listBox .on img{border:2px solid #7b6747;  width:60px; height:60px;}
.page3 .Jbox .listBox .on i{display:block;}
.page3 .c2{ overflow:hidden;}
.page3 .c2 strong{ float:left; font-size:18px; color:#dfba7e; padding:12px 8px; text-align:center; border:2px solid #d00022;}

.page3 .tmj_Marquee{ width:1010px;  overflow:hidden; position:relative; float:right; }
.page3 .tmj_Marquee .bd{  }
.page3 .tmj_Marquee .bd ul{ overflow:hidden; zoom:1; }
.page3 .tmj_Marquee .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.page3 .tmj_Marquee .bd ul li{ text-align:center; position:relative; }
.page3 .tmj_Marquee .bd ul li img{ width:500px; height:300px; display:block;}
.page3 .tmj_Marquee .bd ul li p{ position:absolute; left:0; bottom:0; line-height:40px; width:100%; color: #f4cc8a; font-size:16px; background:rgba(0,0,0,0.8);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000")}



.page4{ background:url(../images/p4bg.jpg) no-repeat center bottom;}
.page4 .pageIN{margin-top:50px; }
.page4 .c1{ position:relative; z-index:9; margin-top:40px;}
.page4 .pic img{width: 500px;height: 326px;display: block;border: 1px solid #7d6848;padding: 17px 0 18px 0;}
.page4 .video{ width:580px;  height:360px; overflow:hidden; border:1px solid #7d6848;}


.page5{ background:url(../images/p5bg.jpg) no-repeat center top;}
.page5 .pageIN{ padding-top:50px; }
.page5 .c1{ position:relative; z-index:9; margin-top:40px;}
.page5 .c1 img{ width:1084px; height:664px;}


.page6{  background:url(../images/p6bg.jpg) no-repeat center bottom;}
.page6 .pageIN{ margin-top:36px; }

@media screen and (max-width: 1000px) { 
.page6 .pageIN{  background:url(../images/p6bgin.jpg) no-repeat center bottom; }
} 

.jcxc_slideBox{ width:1084px; height:600px; overflow:hidden; position:relative; margin: 30px auto 0; }
.jcxc_slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.jcxc_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.jcxc_slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:14px; text-align:center; background:#919191; cursor:pointer; font-size:0; border-radius:50%;}
.jcxc_slideBox .hd ul li.on{ background:#f00; color:#fff; }
.jcxc_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.jcxc_slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.jcxc_slideBox .bd img{ width:1084px; height:600px; display:block;  }
.jcxc_slideBox .bd li p{ position:absolute; left:0; bottom:0; line-height:50px;color:#f4cc8a; font-size:18px; text-align: center; width:100%;background:rgba(15,15,15,0.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7f000000', endColorstr='#7f000000');}
.jcxc_slideBox .bd li p span{ display:block; width:810px;}


.page7{background:#101010 url(../images/p7bg.jpg) no-repeat center top;}
.page7 .pageIN{ padding-top:40px;}

@media screen and (max-width: 1000px) { 
.page7 .pageIN{  background:#101010 url(../images/p7bgin.jpg) no-repeat; }
} 
.page7 .c1{ position:relative; z-index:9; margin-top:40px;}
.page7 .c1 img{ float:left}

.page8{ background:#101010;}
.page8 .pageIN{padding-top:40px; background:#101010;}
.page8 .list{ width:720px; height:150px; position:relative; z-index:9; margin:30px auto 0;padding:10px 0 10px 20px;  border:1px solid #826e4d; }
.page8 li{ width:360px; line-height:30px; font-size:16px; background:url(../images/ico.gif) no-repeat left center; text-indent:12px; float:left; }


.sideNav{ width:74px; overflow:hidden; position:fixed;right:50%;margin-right:600px; display:inline; top:100px; z-index:99999; }
.sideNav ul{ }
.sideNav ul li{ text-align:center; margin:3px 0;}
.sideNav ul li a{ width:52px; padding:5px; border:1px solid #7a6645; font-size:18px;color:#f4cc8a; text-decoration:none; display:block;}
.sideNav ul li a.current{ background:#9b0a0d;border:1px solid #9b0a0d;}






.footer{ width:100%; height:auto;  position:relative; z-index:99; color:#919191; background:#101010;}
.footer .fin{ margin:0 auto; width:1100px; text-align:center; line-height:30px; font-size:14px;  background:#101010;  padding:60px 0 20px; }
.footer .fin a{ color:#919191; font-size:14px; margin:0 5px; }