@charset "utf-8";
/*总体设置(不可更改)*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;}
textarea,td,div,input{font-size:12px;}
body{color:#333;font-size:12px;text-align:center;background:#fff; behavior:url(css/iehoverfix.htc);}
ul,ol{list-style:none; }
img{display:block;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
/**链接**/
a{outline: none;text-decoration: none; text-decoration:none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover{text-decoration:none; color:#715125;}



/**---------时代轴样式--------**/
.sdz { width:1260px; height:390px; margin:0 auto; text-align:left; overflow:hidden; }
.indexTypes{width:1260px;}
.indexTypes ul li{position:relative;float:left;width:54px;overflow:hidden;height:390px;overflow:hidden; margin-right:1px;}
.indexTypes ul li:nth-child(8) { margin-right:0;}
.indexTypes ul li:hover{cursor:pointer;}
.indexTypes ul li.currnet{width:875px;}
.indexTypes ul li .title{width:54px;font-size:18px;color:#fff;height:390px; float:left; position:relative; overflow:hidden;}
.indexTypes ul li .title img {position:absolute; top:0; left:0; z-index:1; width:60px;}
.indexTypes ul li .title em { display:block; width:54px; height:390px;  background-color:rgba(0,0,0,0.5); z-index:2; position:absolute; top:0; left:0;  -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.indexTypes ul li .title h2{ color: #dea85f;font-size:24px;font-weight: normal; display:block; padding:30px 20px 0 16px; text-align:center; z-index:3; position:absolute; left:0; top:0;font-family: HYQuanTangShiJ; -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s; line-height:26px;}
.indexTypes ul li .con{position:absolute;top:0; width:821px;left:54px;height:390px;overflow:hidden;}
.indexTypes ul li .con .con_main { width:801px; height:390px; background-color:rgba(255,255,255,0.9); margin:0 auto; background-image:url(../images/sdz_bg02.png); background-repeat:no-repeat; background-size:781px 370px; background-position:10px 10px; overflow:hidden;}
.indexTypes ul li .con .con_main h3 { font-size:34px; font-weight:normal; font-family: HYQuanTangShiJ; display:block; text-align:center; margin-top:36px; color:#715125;}
.indexTypes ul li .con .con_main p { width:700px; font-size:15px; line-height:24px; font-weight:normal; color:#715125; display:block; height:210px; overflow:hidden; margin:0 auto; margin-top:20px; font-family: HYQuanTangShiJ;}
.indexTypes ul li .con .con_main a { background-image:url(../images/sdz_bg01.png); background-repeat:no-repeat; width:108px; height:42px; display:block; margin:0 auto; margin-top:10px;font-weight:normal; font-family: HYQuanTangShiJ; color:#fff; line-height:42px; font-size:16px; padding:0 0 0 18px; box-sizing:border-box; position:relative; top:0;}
.indexTypes ul li .con .con_main a:hover { top:-3px;}

.indexTypes ul li .con .con_main dl { width:680px; font-size:15px; line-height:24px; font-weight:normal; color:#715125; display:block; height:210px; overflow:hidden; margin:0 auto; margin-top:20px; font-family: HYQuanTangShiJ;}
.indexTypes ul li .con .con_main dl dt { width:270px; float:left; display:inline;}
.indexTypes ul li .con .con_main dl dt img{ width:250px; margin-top:10px}
.indexTypes ul li .con .con_main dl dd { width:390px; float:right; display:inline; text-align:left; font-size:15px; line-height:24px; font-weight:normal; color:#715125; display:block; height:190px; overflow:hidden;font-family: HYQuanTangShiJ;}


.indexTypes ul li:hover .title em { display:block; width:54px; height:390px;  background-color:rgba(0,0,0,0.2); z-index:2; position:absolute; top:0; left:0;}
.indexTypes ul li:hover .title h2 { color:#fff;}
.indexTypes ul li.current .title h2 {color:#fff;}
.indexTypes ul li.current .title em { display:block; width:54px; height:390px;  background-color:rgba(0,0,0,0.1); z-index:2; position:absolute; top:0; left:0;}