@charset "utf-8";
.wrap{ position:relative; width:100%; height:auto;}
.header{ width:1020px; height:144px; margin:0 auto;}
.logo{background: url("../images/logo.png") no-repeat center; text-indent: -9999px;height: 144px;width:180px;}
.logo a{height: 144px; width:180px; display: block;}
.topr{
	position: relative;
	width: 328px;
    font-size: 12px;
    margin-top: 48px;
    padding-right: 25px;
}
.topbox{
	position: absolute;
    top: 0;
    right: 15px;
    
}
.topbox p{ line-height:16px;}
.nav ul{margin-right: 180px; margin-bottom: 50px;}
.nav ul li{ padding:20px 10px 0 10px;float: left;font-size: 16px; margin-right:20px;  background: url("../images/line_06.png") repeat-x left bottom;  }
.nav ul li a{color: #101010;font-family:Fangsong, Microsoft YaHei, Verdana, Geneva, sans-serif;}
.nav ul li.on{background: url("../images/line-h_03.png") repeat-x left bottom;}
.nav ul li.on a{color: #a46b11;   }

.matt{width: 1020px; margin:20px auto 30px auto;}

.matt ul li{/*width: 209.328px; height: 209.328px;*/ 
    float: left;
    margin: 6px 0;
    margin-right: 6%;
    cursor: pointer;
    width: 44%; 
}
.matt ul li:nth-child(2n+0){margin-right: 0;}
.matt ul li.g3{background: url(../images/gg_3.png) no-repeat;}
.matt ul li.dc{background:#dcdcdc;}
.matt ul li.e8{background:#e8e8e8;}
.matt ul li.bg6{background: url(../images/gg_2.png) no-repeat;}
.matt ul li.g5{background: url(../images/gg_5.png) no-repeat;}

/*多媒体页面*/
.video{
    width: 1020px;
    margin: 0px auto 30px auto;
}
 .video .videolist{
   width:100%;
   height:auto;
   overflow:hidden;
}
.video .videolist li{
	float:left;
	width:31.33%;
	height:250px;
	padding-right:1%;
	margin-bottom: 45px;
}
.video .videolist li:nth-child(3n){
	padding-left:1%;
	padding-right:0;
}
.video .videolist li h1{
	width:90%;
	margin:0 auto;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#4d4d4d;
	overflow:hidden;
	white-space:normal;
	text-overflow: ellipsis;
}



/*右侧导航*/
.aside{ position: fixed; top:36%; right:50px; margin-left:550px; width:210px; height:auto; background:url("../images/aside-bg.png") left top no-repeat; z-index: 9;}
.aside .aside-list{ margin-left: 10px; font-size:10px; color:#949494;}
.aside .aside-list > li{ float:left; width:200px; height:90px; margin:0;}
.aside .aside-list > li {height:122px;}
.aside .aside-list > li a{display: block; width: 100%;  margin-left: 15px; height:35px; line-height:35px; color:#a9a9a9; transition:padding-left 0.5s; }
.aside .aside-list > li a i{ display:inline-block; width:55px; font-style:normal;}
.aside .aside-list > li a span{ margin-left:0px; font-size:8px;}
.aside .aside-list > li a:hover{ color: #d3111a; padding-left: 15px; font-weight: bold;}



.brand a{width:30%;margin-right: 3.33%; margin-bottom:55px; float: left; display: block; height: 295px; overflow: hidden;}
.brand a:nth-child(3n+0){margin-right: 0;}
.brand a .titlepic{height: 100%;}
.sIntro{ position:absolute; background:rgba(126,99,52,0.55); width:100% !important; height:295px !important; -webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center;}
.brandImg img{margin:0 auto; height: 100%; margin-bottom: 55px;}





.ul-01{width: 25%; float: left; }
.ul-02{width: 25%; float: left;}
/*.matt ul.ul-02 li,.matt ul.ul-07 li,.matt ul.ul-05 li{width: 88%;}*/
.ul-03{width: 25%; float: left;}
.ul-04{width: 25%; float:left;}
.ul-05{width: 25%;float: left;}
.ul-06{width: 25%;float: left;}
.ul-07{width: 25%;float: left;}
.ul-08{width: 25%;float: left;}
.ul-01 li{float: left; overflow:hidden;}

.ul-03 li.bg5{background: url("../images/gg_3.png") no-repeat center center; background-size: contain; }
.ul-03 li.bg6{background: url("../images/gg_5.png") no-repeat center center; background-size: contain; }
.ul-04 li.bg12{background: url("../images/gg_1.png") no-repeat center center; background-size: contain; }
.ul-02:hover .bg1, .ul-04:hover .bg1, .ul-05:hover .bg1, .ul-06:hover .bg1, .ul-07:hover .bg1, .ul-08:hover .bg1{background:url("../images/gg_3.png") no-repeat center center; background-size: contain; }
.ul-01:hover .bg2, .ul-02:hover .bg2, .ul-04:hover .bg2,.ul-06:hover .bg2,.ul-07:hover .bg2, .ul-08:hover .bg2{background:url("../images/gg_5.png") no-repeat center center; background-size: contain; }
.ul-01:hover .bg3, .ul-03:hover .bg3, .ul-04:hover .bg3, .ul-05:hover .bg3, .ul-06:hover .bg3, .ul-08:hover .bg3{background:url("../images/gg_2.png") no-repeat center center; background-size: contain;}
.ul-01:hover .bg4, .ul-02:hover .bg4, .ul-03:hover .bg4,.ul-05:hover .bg4, .ul-06:hover .bg4, .ul-07:hover .bg4, .ul-08:hover .bg4{background:url("../images/gg_1.png") no-repeat center center; background-size: contain; }

/*底部*/
.footer{ height:60px;}
.footer p{ widht:100%; height:40px; line-height:40px; margin:0 auto; text-align:center; font-size: 10px;}

.ndcList ul li{float: left; width: 265px; height: 165px; margin-right: 12px; margin-top: 12px; overflow: hidden; cursor: pointer;}
/* effect-1 css */
.text-desc{position: absolute; left:0; top: 0; background-color: #fff; height: 100%; opacity: 0; width:100%; }
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.text-desc{opacity: 1.0; top: -100%; transition: 0.3s; color: #000;}
.text-desc h3{font-weight: normal; font-size: 16px; display: block;}

.port-1.effect-2 .text-desc{top: auto; bottom: -86%; font-weight: normal; height: 36px; line-height: 36px;}
.port-1.effect-2:hover .text-desc{bottom: 0;left: 0;width: 100%;background:rgba(255,255,255,1.0); }
.port-1.effect-2:hover .text-desc h3{ color: #333; font-size: 16px; }
/*/
/* effect-1 css end */
.item_list ul.imgul li{margin-right: 30px; float: left; margin-bottom: 30px;}
.item_list ul.imgul li:nth-child(4n+0){margin-right: 0;}

/*分页 开始*/
.s-pager { font-size: 20px; clear: both;overflow: hidden; width:100%; height: 25px; margin: 30px auto 30px auto;  color: #31221d; text-align: center; line-height: 24px; padding-top: 10px; }
.s-pager .a-pager-pn { color: #808080; }
.s-pager a { padding: 0px 9px; background-color: #fff; margin-left: 6px; display: inline-block; text-align: center; color:#808080; font-size:16px; }
.s-pager a:hover, .s-pager a.cur {color: #000; cursor: pointer; }
.s-pager a.hui { background-color: #fff; color: #31221d; }
.s-pager a.hui:hover { background-color: #fff; color: #31221d; cursor: inherit; }
.s-pager .txt-pagerto { width: 30px; height: 24px; border: none; text-align: center; }
.s-pager .btn-pagergo { width: 28px; height: 20px; background-color: #e1473f; border-radius: 3px; border: none; color: #fff;cursor:pointer }
.s-pager .btn-pagergo:hover { background-color: #c52b24; }
/*分页 end*/


.Box{ width:1000px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px;}
.leftBox{ width:570px; height:auto; float:left; position:relative;}
.leftBoximg{ width:100%; height:480px; overflow:hidden; float:left; background:#F4F3EF;}
.leftBoximg img{ width:100%; height:100%; transition:all 0.6s;}
.leftBoxtxt{display: none; width:100%; height:auto; float:left; position:absolute; bottom:20px; padding:25px; box-sizing:border-box;}
.leftBoxtxt h1{ font-size:35px; color:#2a2a2a;border-bottom:1px solid #C01733; line-height:65px; vertical-align:middle;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.leftBoxtxt p{font-size:28px; color:#919191; line-height:40px; vertical-align:middle;}
.leftBox:hover .leftBoximg img{ transform:scale(1.2);}
.rightBox{width:415px; height:auto; float:right;}
.list{width:415px; height:auto; float:right;}
.list li{width:100%; height:auto; float:left; margin-bottom:30px; overflow:hidden; }
.list li a{ display:block;}
.listimg{width:215px; height:140px; float:left; background:#F4F3EF; overflow:hidden;}
.listimg img{width:100%; height:100%;transition:all 0.6s;}
.listtxt{width:165px; height:auto; float:right;}
.listtxt h1{ font-size:16px; color:#2a2a2a; border-bottom:1px solid #C01733; line-height:35px; vertical-align:middle; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.listtxt p{ font-size:16px; color:#919191;}
.list li:hover .listimg img{transform:scale(1.2);}

.Box2{width:986px; height:auto; overflow:hidden; margin:0 auto; }
.box2banner{width:100%; height:495px; float:left; background:#F4F3EF; margin-bottom:60px;}
.box2txt{width:100%; height:auto; float:left;/* background:url(../images/1.png) right 20px no-repeat;*/ min-height:400px; padding-left:200px; padding-right:200px; box-sizing:border-box; }
.box2title{width:100%; height:auto; color:#2a2a2a; margin-bottom:30px; float:left; font-size:27px; border-bottom:1px solid #C01733; padding-bottom:30px; font-weight:bold; }
.box2cont{width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#484849; }
.box2cont p{ text-indent:2em;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;}
#playBox{ width:100%; height:495px; margin:0px auto;  position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; width:1110px; height:495px; text-align:center;}
#playBox .oUlplay li img{ height:100%;}
#playBox .pre{ cursor:pointer; width:45px; height:52px; background:url(../images/l.png) no-repeat; position:absolute; top:210px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:52px; background:url(../images/r.png) no-repeat; position:absolute; top:210px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:30px; z-index:10}
#playBox .smalltitle ul{ width:100%; margin:0 auto; text-align:center;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; display:inline-block; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#beb9a4;}




/*内页*/
.box8{
    width:996px;height: 800px;margin:0 auto;
}
.all{
    width:996px;height: auto;margin:0px auto;overflow: hidden;
}
.top-img{
    width:996px;height: auto;font-size: 0;position: relative; background:#fff;
}
.activeimg{
    overflow: hidden;height:565px;position: relative;
}
.top-img .activeimg img{
    width:996px;height:565px; float:left;
}
.top-img .left{
    width: 60px;height:565px;background:rgba(255,255,255,0.7);position: absolute;left:0px;top: 0;text-align: center;line-height:565px; vertical-align:middle; transition:all 0.6s; opacity:0;
    cursor: pointer;
}
.top-img .right{
    width: 60px;height:565px;background:rgba(255,255,255,0.7);position: absolute;right:0px;top: 0;text-align: center;line-height:565px; vertical-align:middle; transition:all 0.6s;opacity:0;
    cursor: pointer;
}
.top-img .left img,.top-img .right img{ display:inline-block;}
.top-img .left:hover{   left:0px;opacity:1;}
.top-img .right:hover{  right:0px;opacity:1;}

.bot-img{
    height: 90px;width: 500px;margin-top: 15px
}
.bot-img ul{
    width: 100%;height: 100px; overflow:hidden;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border-top:2px solid #ede6d6;cursor: pointer;font-size: 0;
}
.bot-img ul li.active,.bot-img ul li:hover{
    border-top: 2px solid #978662;
}
.bot-img ul li img{ opacity:0; margin-top:-45px; transition:all 0.6s;
    width: 100%;
}
.bot-img ul:hover li img{ opacity:1; margin-top:0px;}
.bot-img ul li:last-child{
    margin-right: 0;
}

.bottomb{ width:100%; height:auto; float:left; border-top:1px solid #e2dddd; padding-top:30px; margin-bottom:40px;}
.bottomb ul{}
.bottomb ul li{font-size:16px; color:#999; width:48%; height:auto; float:left;  box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bottomb ul li a{ font-size:16px; color:#999; transition:all 0.6;}
.bottomb ul li a:hover{ color:#000;}
.bottomb ul .bpre{ text-align:left; float:left;}
.bottomb ul .bnext{ text-align:right; float:right;}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

#owl-demo{position:relative;width:570px;height:480px;margin:0px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:590px;height:480px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:-40px;width:100%;height:22px;text-align:right;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}

.page{ width:100%; height:auto; float:left; text-align:center; border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding-top:0px; padding-bottom:0px;}
.page a{ display:inline-block; padding-left:15px; padding-right:15px; line-height:30px; vertical-align:middle; margin:1px; color:#877964; /*border:1px solid #e7e5dd;*/}
.page a:hover,.page .curr{ background:#694f25; color:#fff;}
@media screen and (max-width:1366px){
		.matt ul li a{width: 82%;margin-top: 4px;}
}

@media screen and (max-width:600px){
.aside {
    position: fixed;
    top: 36%;
    /* left: 50%; */
    right: 10px;
}
}