/* reset */
body{line-height: 1.8;}
body,input,textarea,select{font-size:12px;font-family:\5B8B\4F53,arial,sans-serif;}
body,h1,h2,h3,h4,h5,h6,h7,h8,h9,p,ul,ol,dl,dd,form{margin:0;}
em,i{font-style:normal;}
ul,ol{list-style-type:none;padding-left:0;}
img{border:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
html{background:#f4f4f4 ;}
.bg_1{background:url(bg_1.png) repeat-y 50% 0;}

/* common */
.region,.mod,.mhd,.mbd{clear:both;content:".";display:block; height:auto;overflow:hidden;}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-left: auto;margin-right: auto;}
.ovh{overflow: hidden;}
.fs{font-family:\5B8B\4F53;}

.fw{font-family:\5FAE\8F6F\96C5\9ED1;}
.f0{font-size: 0;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.n{font-weight: normal;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tit-m,.tit-m2{display: block;position:absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);background-color:rgba(000,000,000,0.6);overflow: hidden;}
.dot .item{background: url(dot1.png) 6px 50% no-repeat;padding-left: 18px;line-height:36px;}

/* layout */
.layout{width: 1150px;margin-left: auto;margin-right: auto;clear: both;}
.lay-a,
.lay-b,
.lay-c,
.lay-d,.lay-e{float:left;display:inline;}

.lay-a{width:465px;}
.lay-b{width:670px;}
.lay-c{width:327px;}
.lay-d{width:242px;}
.lay-e{width:882px; max-height:1630px;overflow: scroll;overflow-x: hidden;}

.mt30{ margin-top:30px;}
.mt28{ margin-top:26px;}
.mr15{margin-right: 15px;} 
.mr16{margin-right: 16px;}
.mb7{margin-bottom:7px;}
.mb26{margin-bottom:26px;}
.mr26{margin-right:26px;}

/* color */
.c1,.c1:visited{color: #fff;}
.c2{color: #848484;}
.c3{color:#fc4f4f;}
.c4{color:#878787}

.bg1{ background:url(bg.jpg) no-repeat 50% 0; border-top:3px solid #640a02;}
.bg2{ background:url(bg2.jpg) no-repeat 50% 0; border-top:3px solid #640a02;}
.bgc{ background:#e1d2be url(bottom.jpg) 0 bottom no-repeat;min-height: 330px;}
.bgc2{ background-color:#fff;}
.build{background:url(build.png) no-repeat 50% bottom; width: 100%; background-size: 100% auto;}

body{}
/* header */
.header{ width:1150px; margin:0 auto; height:130px; }
.header .logo{ float:left; width:580px; height:128px; background:url(logo.png) no-repeat 0 0; }
.header .nav{width:540px; float:left; padding-left: 30px;}
.nav-menu{ width:616px;margin:0 auto;  }
.nav .item{color: #fff;text-decoration: none; float:left; width:66px;}
.nav-menu .cat{line-height: 38px; display: block; top:2px;  }
.nav-menu .cat a{font-size: 18px; display: block; text-decoration: none; color: #22190f;}
.nav .item:hover{ }
.nav-menu .sub{position: absolute; display:none; width:100px; top: 37px; padding:10px 20px;*padding:10px 0px 10px 20px!important; background-color: rgba( 255, 255, 255 ,0.3);}
.nav-menu .on{z-index: 100; height: auto;}
.nav-menu .sub li{ float:left;width:100px; }
.nav-menu .sub a{font-size: 14px; text-decoration: none; color: #fff; padding:5px 5px 5px 16px; }
.nav-menu .sub a:hover{color: #fff; text-decoration:none; background: url(dot1.png) 0 10px no-repeat;}

/* focus */
.focus-pic{ width:1140px; height:340px; background:url(box.png) no-repeat 0 0; padding:5px;}
.focus-pic .pan,
.focus-pic .item{width: 1140px;height: 340px;overflow: hidden;} 
.focus-pic .item .it1{position: absolute; left: -1140px;}
.focus-pic .item .it2{position: absolute; left: -570px;}
.focus-pic .item .it3{position: absolute; left: 0px;}
.focus-pic .tit-m{width: 30px;height: 38px;background-repeat: no-repeat;background-position: 50% 50%;z-index: 1000;margin-top: 126px;cursor: pointer;}
.focus-pic .tabs{position: absolute;margin-top: 320px;margin-left: 1060px;z-index: 2;}
.focus-pic .tab{background: #fff;width: 13px;height: 4px;display: inline-block;margin-right: 5px;}
.focus-pic .on{background: #8b5c01;}
.focus-pic .pan{position: relative; overflow: hidden; }

/* focus2 */
/* .focus-pic2{ width:380px; height:365px; }
.focus-pic2 .pan,
.focus-pic2 .item{width: 380px;height: 365px;overflow: hidden;} 
.focus-pic2 .item .it1{position: absolute; left: -740px;}
.focus-pic2 .item .it2{position: absolute; left: -370px;}
.focus-pic2 .item .it3{position: absolute; left: 0px;}
.focus-pic2 .tit-m2{width: 380px;height: 34px;margin-top: 296px;padding: 5px 10px; text-align:left;}
.focus-pic2 .tabs{position: absolute;margin-top: 320px;margin-left: 340px;z-index: 2;}
.focus-pic2 .tab{background: #fff;width: 13px;height: 4px;display: inline-block;margin-right: 5px;}
.focus-pic2 .on{background: #8b5c01;}
.focus-pic2 .pan{position: relative; overflow: hidden; }
.focus-pic2 .btn-l{background-image: url(i-l.png);}
.focus-pic2 .btn-r{background-image: url(i-r.png);right: 0;} */



.focus-pic2{position: relative;width: 380px;}
.focus-pic2 .pan,
.focus-pic2 .item{width: 380px;height: 365px;overflow: hidden;background: #ececec;}
.focus-pic2 .tabs{position: absolute;margin-top: 273px;width: 380px;z-index: 2; text-align:right;}
.focus-pic2 .tab{background: #8e8c8c;width: 10px;height: 10px;display: inline-block;margin: 0 10px 0 0; border-radius:5px;}
.focus-pic2 .on{background: #38b8ed;}
.focus-pic2 .tit{
	position: absolute;
	font: 18px/50px Microsoft YaHei;    
    margin-top: -51px;
    width: 380px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
	overflow: hidden;
}
.focus-pic2 .tit-m2{width: 30px;height: 38px;background-repeat: no-repeat;background-position: 50% 50%;z-index: 1000;margin-top: 162px;cursor: pointer;}
.focus-pic2 .btn-l{background-image: url(i-l.png);}
.focus-pic2 .btn-r{background-image: url(i-r.png);right: 0;}


/* focus3 */
.focus-pic3{position: relative;width: 242px;}
.focus-pic3 .pan,
.focus-pic3 .item{width: 242px;height: 190px;overflow: hidden;background: #ececec;}
.focus-pic3 .tabs{position: absolute;margin-top: 273px;width: 242px;z-index: 2; text-align:right;}
.focus-pic3 .tab{background: #8e8c8c;width: 10px;height: 10px;display: inline-block;margin: 0 10px 0 0; border-radius:5px;}
.focus-pic3 .on{background: #38b8ed;}
.focus-pic3 .tit{font: 18px/50px Microsoft YaHei;}
.focus-pic3 .tit-m2{width: 30px;height: 38px;background-repeat: no-repeat;background-position: 50% 50%;z-index: 1000;margin-top: 80px;cursor: pointer;}
.focus-pic3 .btn-l{background-image: url(i-l.png);}
.focus-pic3 .btn-r{background-image: url(i-r.png);right: 0;}


/* wrapper */
.video{ width:380px; height:245px; background-color:#000; text-align:center; padding:120px 0 0 0; cursor:pointer;}
.showPIC{ width:380px; height:365px; text-align:center;  cursor:pointer;}
.t-bg{ background-color:#e6e6e6;}
.t-bg2{background: url(halfbg.png) repeat 0 0;}
.title-left{width:494px;float:left; color:#434343;}
.title-left a{color:#434343;}
.title-left a:visited{color:#434343;}
.title_list{ width:494px; float:left; padding:20px 28px; line-height:35px;}
.environment{ width:380px; height:190px; overflow:hidden;}
.collection{ width:242px; height:190px; overflow:hidden;}
.book{ width:242px; height:190px; overflow:hidden;}

/* footer */
.footer{ background:url(halfbg.png) repeat 0 0; height:190px;overflow:hidden; padding:26px 20px 26px; width:1110px; margin:26px auto 0;} 
.footer p{ line-height:26px; color:#7e7e7e;}
.dropdown,.dropdown1,.dropdown2{width:120px;padding-top:10px;height:25px;float:left;margin-left:10px}
.dropdown dd,.dropdown dt,.dropdown ul,.dropdown1 dd,.dropdown1 dt,.dropdown1 ul,.dropdown2 dd,.dropdown2 dt,.dropdown2 ul{margin:0;padding:0}
.dropdown dd,.dropdown1 dd,.dropdown2 dd{position:absolute;z-index:66;}
.dropdown a,.dropdown a:visited,.dropdown1 a,.dropdown1 a:visited,.dropdown2 a,.dropdown2 a:visited{color:#fff;text-decoration:none;outline:0;font-family:\5FAE\8F6F\96C5\9ED1;}
.dropdown a:hover,.dropdown1 a:hover,.dropdown2 a:hover{color:#fff}
.dropdown dt a:hover,.dropdown1 dt a:hover,.dropdown2 dt a:hover{color:#fff;}
.dropdown dt a,.dropdown1 dt a,.dropdown2 dt a{background:#640a02 url(arrow.png) no-repeat scroll right center;display:block;color:#fff; padding-right:20px;width:106px;font-family:\5FAE\8F6F\96C5\9ED1;}
.dropdown dt a span,.dropdown1 dt a span,.dropdown2 dt a span{cursor:pointer;display:block;padding:5px}
.dropdown dd ul,.dropdown1 dd ul,.dropdown2 dd ul{background:#640a02 none repeat scroll 0 0;color:#fff;display:none;left:0;padding:5px 0;position:absolute;top:-235px;overflow-y:auto;scrollbar-face-color:#a29455;scrollbar-highlight-color:#d4ca9a;scrollbar-3dlight-color:#a29455;scrollbar-darkshadow-color:#a29455;scrollbar-shadow-color:#d4ca9a;scrollbar-arrow-color:#d4ca9a;scrollbar-track-color:#d4ca9a;list-style:none;height:200px;width:126px}
.dropdown dd ul li,.dropdown1 dd ul li,.dropdown2 dd ul li{padding:5px;line-height:18px}
.dropdown dd ul li a,.dropdown1 dd ul li a,.dropdown2 dd ul li a{padding:1px;display:block}
.dropdown dd ul li a:hover,.dropdown1 dd ul li a:hover,.dropdown2 dd ul li a:hover{background-color:#bf736d}
.explain{ padding-top:20px; float:left; width:868px;}
.w868{ width:868px;}
.link_name{ width:106px; height:30px; text-align:center; line-height:30px; background-color:#640a02; color:#fff; margin-top:10px;font-family:\5FAE\8F6F\96C5\9ED1;}
.link_name a{color:#fff;}

/*view*/
.lay-nav{ background:url(header-nav.jpg) no-repeat 0 0; width:242px; float:left; min-height:400px; padding-top:36px;}
.lay-nav ul li{ width:162px; float:left; height:48px; line-height:48px; padding-left:12px; border-left:1px solid #fff;}
.lay-nav ul li a{color:#2d2a26; text-decoration:none;}
.lay-nav ul li:hover{color:#2d2a26; background:#f4f0df; }

.lineA{ border-bottom:2px solid #cfcfcf; line-height:40px; color:#878787; margin:0 30px; padding-top:18px}
.dot_con a,.lineA a{color:#878787;}
.dotB,.dotA{ margin:0 30px;}
.dotA .item{ line-height:24px; border-bottom:1px dashed #cfcfcf; padding:40px 0; float:left;}
.dot_img{ width:200px; padding:6px 0 0 10px;}
.dot_con{ width: 580px; text-align:left;}
.ln24{ line-height:24px;}
.mt4{ margin-top:4px;}
.mt8{ margin-top:16px;}
.mb8{ margin-bottom:12px;}
.dotA i a{color:#fc4f4f;}
.lay-bottom{ float:left; width:242px;}
.dotB .item{padding:0 22px;line-height:46px; border-bottom:1px dashed #878787; color:#878787;}
.dotB .item a{color:#878787;}

/* page */
.prev{margin-right:4px;}
.page{text-align:center;margin: 30px 30px 52px 0; width:852px;}
.page a,
.page i{display: inline-block;border: 1px solid #d0a469;padding: 2px 10px;color: #d0a469;}
.page i{background: #d0a469;color: #fff;margin-right:4px;}
.page a:hover{background: #d0a469;text-decoration: none; color:#fff;}

/* detailed.html */

.m2 {background: none repeat scroll 0 0 #fff;display: inline;float: left; height: auto; margin-top: 10px; padding:10px 30px 20px;width: 822px;}
.tit1{font-size: 20px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;text-align: center;font-weight: bold;color: #878787;}
.from{color: #878787;text-align: center;line-height: 40px; font-size:14px;}
.cont{font-size: 16px;line-height: 32px;color: #878787; padding-top:10px;}

.pt190{padding-top:130px;}
.swf_F{position:absolute;z-index:-1;top:2px;left:448px;}
.swf_nav{position:absolute; z-index:99; top:0; left:0; right:0;}
.swf_S{position:absolute;z-index:-1;top:0;left:520px;}
.hidden{ display:none;}

ul.nav-second{display:none;  color: #dec189; float: left; width: 635px;}
ul.nav-second li{ padding: 5px 16px; float: left;background: #640a02;}
ul.nav-second li a,ul.nav-second li a:hover{color:#dec189}
#channel_list{margin-left:66px; }
.layoutP{width: 1070px; padding:30px 40px; margin-left: auto;margin-right: auto;clear: both;background: #eaeaea;}
.Site{ font-size: 16px; color:#5c5c5c; font-family:\5FAE\8F6F\96C5\9ED1;}
.Site i{ padding: 0 5px;}
.Size{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; padding: 6px 0;}

@-webkit-keyframes bounceInDown {
	0%,60%,75%,90%,100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	0%,60%,75%,90%,100% {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
.animated.bounceIn,.animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
.cove{width:100%;height:100%;overflow:hidden;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5) url(bg.png) no-repeat 50% 50%; background-size:contain;z-index:99999;}
.cove_text{  width:800px; margin:6% auto 0 auto; padding: 2% 0; text-align:center;  background:#fff; color:#3d3d3d;   overflow: scroll;height: 550px;}
.close img,.panel img{cursor: pointer;}
.close{left: 68%;position: absolute;top: 14%;}
.close img{width:50px;}

.photo-text{width: 100%;position:relative; z-index: 999;}
.photo-title{width: 500px; height: 240px;margin-top: 20px; overflow: hidden;}
.photo-box{width: 500px; position: absolute;z-index: 1001;}
.photo-TP{width: 500px; position: absolute;z-index: 1000;padding: 42px 0 0 42px;}
.photo-cont{width: 470px; padding-left: 30px;color:#3d3d3d; line-height: 30px; font-size: 14px;height:400px;overflow: scroll;overflow-x: hidden;}
.filmstrip li p.pic {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    /* border: 1px solid #ddd; */
    width: 100%;
    font-size: 0;
}
.panel p.pic {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    /* border: 1px solid #ddd; */
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    /* margin-top: 50px; */
}

.nianfeng {
    background: #E6DDCC;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 14px;
    margin: 0 30px;
}

.nianfeng a {
    margin: 0 5px;
    color: black;
}

.nfck {
    font-weight: bold;
}

.panel {width: 1072px!important; }

.title{
	font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
}