@charset "utf-8";
/* CSS Document */


.cont-bj{ width:100%;background:url(../images/bk2-bj.jpg) repeat;}
.cont-box{ width:1180px; margin:0 auto;}
.cont-l{ width:293px;float: left; padding-top:33px; padding-bottom:33px;}
.cont-r{ width:853px;float: right; overflow:hidden;}
.gy-bj{ width:293px; height:327px; background:url(../images/lef-bj.png) no-repeat; position:relative;}
.gy-bj .gm1{ position:absolute; left:127px ; top:47px; font-size:60px; color:#d2b99b}
.gy-bj .gm2{ position:absolute; left:98px ; top:128px;}
.er-box{ width:293px; background:url(../images/lf2-bj.png) repeat-y; position:relative; left:-2px;}
.er-box ul{ width:293px; padding-bottom:10px;}
.er-box ul li{ width:293px; height:64px;}
.er-box ul li a{ width:244px; height:64px; display:block; margin-left:29px; overflow:hidden}
.er-box ul li a h3{ width:244px; height:22px; line-height:22px; font-size:20px; color:#d2b99b; text-align:center; overflow:hidden; margin:6px 0 5px 0;}
.er-box ul li a h4{ width:244px; height:16px; line-height:16px; font-size:12px; color:#a67e5f; text-align:center;text-transform:uppercase; overflow:hidden}
.er-box ul li:hover{ background:url(../images/lf-hover.png) no-repeat; background-position: -10px top; }
.er-box ul li:hover a h3{ color:#fff }
.er-box ul li:hover a h4{ color:#fff }
.tou{ float: left}

.er-box ul .td{ background:url(../images/lf-hover.png) no-repeat; background-position: -10px top; }
.er-box ul .td a h3{ color:#fff }
.er-box ul .td a h4{ color:#fff }

.position_bj{ width:853px; height:40px; border-bottom:1px solid #b1b0b0; padding-top:19px; position:relative; overflow:hidden}			
.position_bj span{ width:500px; height:28px; line-height:28px; display:block; font-size:12px; color:#312f2f; float:right; text-align:right}		
.position_bj h2{ height:29px; line-height:29px; background:url(../images/rr1.png) no-repeat; background-position: left center; padding-left:48px; font-size:18px; font-weight:600; color:#312f2f; float:left; font-family:"黑体"}			
.position_bj span a{font-size:14px; color:#312f2f;}			
.position_bj span a:hover{ color:#79200f}


.img-box{ width:853px; border-bottom:1px dashed #b1b1b1; overflow:hidden; position:relative}
.img-box ul{width:893px; padding-top:8px; padding-bottom:8px;}
.img-box ul li{ width:409px; height:324px; position:relative; float: left; margin-right:25px; margin-left:4px; margin-top:20px; overflow:hidden}
.img-box ul li a .cstype-a{width:409px; height:273px; position:relative;}
.img-box ul li a .cstype-a img{width:409px; height:273px;}
.img-box ul li a .cstype-b{width:409px; height:273px; background:url(../images/tt-bj.png) no-repeat; position:absolute; left:0; top:0; display:none}
.img-box ul li a .cstype-b h3{ width:100%; font-size:16px; color:#fff; padding-top:158px; text-align:center}
.img-box ul li a h4{ width:409px; height:20px; line-height:20px; font-size:16px; color:#474342; padding-top:15px; font-weight:600;overflow:hidden}
.img-box ul li:hover a .cstype-b{ display:block}
.img-box ul li:hover a h4{ color:#7a200f}

	/*翻页*/
.Flip_box{width:853px;padding-top:38px;}
.Flip{width:853px; text-align:center; padding-bottom:40px;}
.Flip a{ width:26px; height:26px; text-align:center; line-height:26px; display:inline-block; color:#9c9999; background:url(../images/fg-b1.png) no-repeat; font-size:14px; margin:0 3px}
.Flip .and{ width:26px; height:26px; line-height:26px; display:inline-block; background:url(../images/fg1.jpg) no-repeat}
.Flip .ai{ width:26px; height:26px; line-height:26px; display:inline-block;background:url(../images/fg3.jpg) no-repeat}
.Flip a:hover{ background:url(../images/fg-b2.png) no-repeat; color:#fff }
.Flip .and:hover{background:url(../images/fg2.jpg) no-repeat}
.Flip .ai:hover{background:url(../images/fg4.jpg) no-repeat}


	/*翻页ed*/


.an-box{ width:853px;}
.an-box ul{width:853px; padding-top:8px;}
.an-box ul li{width:853px; height:240px; border-bottom:1px dashed #b0b0b0; margin-top:26px; overflow:hidden}
.an-box ul li a{width:853px;}
.an-box ul li a img{ width:312px; height:205px; float: left}
.an-box ul li a .at-r{ width:505px; height:205px; float:left; margin-left:21px;overflow:hidden; }
.an-box ul li a .at-r h3{ width:505px; height:20px; line-height:20px; font-size:18px; color:#5d5756; white-space:nowrap;  text-overflow:ellipsis; font-weight:600; margin:11px 0 13px 0; overflow:hidden}
.an-box ul li a .at-r p{ width:505px; height:88px; line-height:22px; font-size:14px; color:#ababab; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow:hidden}
.an-box ul li a:hover .at-r h3{ color:#ae251f}

.wom{ width:843px; height:224px; background-color:#f7f7f7; border:solid 2px #c8a188; position:relative; margin-left:4px; margin-top:30px; margin-bottom:32px;}
.wom .mm{ position:absolute; right:-2px; top:-2px;}
.wu-k{ width:421px; height:190px; padding-top:24px; margin-left:22px; overflow:hidden;}
.wu-k h2{width:421px; height:20px; line-height:20px; font-size:18px; font-weight:600; color:#8a1f0b; overflow:hidden; margin-bottom:20px;}
.wu-k h3{width:421px; height:20px; line-height:20px; font-size:16px;  color:#515761; margin-top:10px; overflow:hidden}

.dit{ margin-left:4px;}
.text-cont{ width:853px; font-size:16px; color:#312f2f; line-height:38px; padding:14px 0 10px 0; overflow:hidden}
.text-cont img{ max-width:100%;}
.text-cont p{ margin:16px 0}

.title{ width:853px; border-bottom:1px dashed #d8d8d8; text-align:center; padding:32px 0 28px 0}
.title h1{ font-size:18px; color:#84210e; font-weight:600}
.describe{width:853px; border-bottom:1px dashed #d8d8d8; font-size:14px; color:#8d8c8c; line-height:26px; padding:15px 0;}
.des-b{width:853px; border-bottom:1px dashed #d8d8d8; padding:20px 0 40px 0}

.fx-box{ width:853px; padding-top:18px;}
.jiathis_style a{ color:#666666;}

.pg-box{ width:853px; height:42px; padding-bottom:20px;  overflow:hidden;}
.tp3{ width:330px; height:42px; float: left}
.tp3 h5{width:70px; height:42px; line-height:42px; font-size:14px; color:#8d8c8c; float: left; text-align:left;}
.tp3 a{width:260px; height:42px;line-height:42px; font-size:14px; color:#8d8c8c; float: left; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden}
.tp3:hover a{ text-decoration:underline; color:#813b30}
.tp3:hover h5{color:#813b30}


.more{ width:1180px; height:35px; border-bottom:1px solid #d2d2d2; margin-top:15px; position:relative}
.more h3{ font-size:16px; color:#4c4344; position:absolute; left:0; bottom:10px;}
.more a{font-size:12px; color:#4c4344; position:absolute; right:3px; bottom:10px;font-family:"Arial" ;}
.picScroll-left{ width:1180px; height:258px; padding-top:20px; overflow:hidden; position:relative;   }
.picScroll-left .hd{/* overflow:hidden;*/ width:1121px;  height:38px; text-align:center; padding:0 10px; z-index:9999 ; position:absolute; left:0; bottom:5px; }
/*		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;border:solid 1px red }
.picScroll-left .hd .next{ background-position:0 -50px; border:solid 1px red  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/
.picScroll-left .hd ul{ width:160px; text-align:center; overflow:hidden; zoom:1; margin-top:18px; zoom:1; position:relative; right:-552px; z-index:999999999}
.picScroll-left .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width:1180px; }
.picScroll-left .bd ul{/* overflow:hidden;*/ zoom:1; }

.picScroll-left .bd ul li{ width:281px; height:230px; position:relative; float: left; margin-right:17px; overflow:hidden}
.picScroll-left .bd ul li a .cstype-a{width:281px; height:196px; position:relative;}
.picScroll-left .bd ul li a .cstype-a img{width:281px; height:196px;}
.picScroll-left .bd ul li a .cstype-b{width:281px; height:196px; background:url(../images/tt-bj2.png) no-repeat; position:absolute; left:0; top:0; display:none}
.picScroll-left .bd ul li a .cstype-b h3{ width:100%; font-size:16px; color:#fff; padding-top:112px; text-align:center}
.picScroll-left .bd ul li a h4{ width:281px; height:20px; line-height:20px; font-size:14px; color:#696868; padding-top:8px;  text-align:center;overflow:hidden}
.picScroll-left .bd ul li:hover a .cstype-b{ display:block}
.picScroll-left .bd ul li:hover a h4{ color:#7a200f}


/*2018.4.9新增页*/
.tet-x{border-bottom:1px dashed #b1b0b0;}
.ti-box{ width:853px; border-bottom:1px dashed #b1b0b0; text-align:center; padding:20px 0 8px 0}
.ti-box h1{ font-size:32px; color:#c50c00; line-height:40px;}
.Appreciate-box{width:853px; padding-top:24px; padding-bottom:26px;}
.apr1{width:853px; height:64px; background:url(../images/zeng1.png) no-repeat;}
.apr1 h3{ width:824px; height:62px; line-height:78px; border-bottom:2px solid #dfbb90; margin:0 auto; font-size:24px; color:#da0008; overflow:hidden;}
.apr2{width:853px; background:url(../images/zeng2.jpg) repeat;}
.apr3{width:853px; height:63px; background:url(../images/zeng3.png) repeat; padding-top:16px;}
.img-box2{ width:824px; margin:0 auto; border-bottom:1px dashed #b1b1b1; overflow:hidden; position:relative}
.img-box2 ul{width:864px;  padding-top:8px; padding-bottom:8px;}
.img-box2 ul li{ width:265px; height:224px; position:relative; float: left; margin-right:14px; margin-left:4px; margin-top:20px; overflow:hidden}
.img-box2 ul li a .cstype-a{width:265px; height:224px position:relative;}
.img-box2 ul li a .cstype-a img{width:265px; height:177px;}
.img-box2 ul li a .cstype-b{width:265px; height:177px; background:url(../images/zeng5.png) no-repeat; position:absolute; left:0; top:0; display:none}
.img-box2 ul li a .cstype-b h3{ width:100%; font-size:16px; color:#fff; padding-top:108px; text-align:center}
.img-box2 ul li a h4{ width:250px; height:20px; line-height:20px; font-size:16px; color:#474342; padding-top:15px; font-weight:600;overflow:hidden}
.img-box2 ul li:hover a .cstype-b{ display:block}
.img-box2 ul li:hover a h4{ color:#7a200f}

.button {display:block;position:relative;background:url(../images/anniu.png) no-repeat;color:#fff;width:168px;height:47px;line-height:47px;text-align:center;font-size:15px;font-weight:bold;text-decoration:none;overflow:hidden; margin:0 auto;
-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;}
.button:before {content:' ';position:absolute;background:#fff;width:25px;height:50px;
top:0;left:-45px;opacity:0.3;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.button:hover:before {width:45px;left:205px;}
.button:hover{background:url(../images/zeng6.png) no-repeat;}