/*common*/
body {
    min-width: 1280px;
}
.hide {
	display: none;
}
.mt-50 {
	margin-top: 50px;
}
.mt-10 {
    margin-top: 10px;
}
.mr-35 {
    margin-right: 35px;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: '';
	display: block;
	float: none;
	clear: both;
}
.f-l {
    float: left;
}
.f-r {
    float: right;
}
.w-780 {
    width: 760px;
}
.w-580 {
    width: 580px;
}
.w-570 {
    width: 570px;
}
.w-560 {
    width: 560px;
}
.w-420 {
    width: 420px;
}
.w-370 {
    width: 370px;
}
.fs-18 {
    font-size: 18px !important;
}
.text-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.current {
	text-align: center;
    font-size: 40px;
    margin: 50px 0;
    font-weight: 600;
}
/*Banner Menu*/
.banner {
	background: url(../images/banner.jpg) top center no-repeat;
	height: 400px;
}
.menu {
	background: #dfdfdf;
	height: 50px;
}
.menu-cell {
	line-height: 50px;
	font-size: 18px;
	text-align: center;
}
.menu-cell .itm {
	padding: 0 30px;
	margin: 0 10px;
	display: inline-block;
}
.menu-cell .itm.active, 
.menu-cell .itm:hover {
	background: #adadad;
}
.menu-cell-1 {
	text-align: center;
	font-size: 16px;
}
.menu-cell-1 .itm {
	display: inline-block;
    line-height: 34px;
    border-radius: 34px;
    padding: 0 20px;
    margin: 8px 5px 0;
}
.menu-cell-1 .itm.active, 
.menu-cell-1 .itm:hover {
	background: #adadad;
}

/*news list category*/
.category {
    position: relative;
    line-height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.category .name {
    font-size: 24px;
    font-weight: 600;
}
.category .more {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    font-size: 14px;
}
.category-1 {
    height: 55px;
    line-height: 55px;
    display: block;
    background: url(../images/category_bg.png) center center no-repeat;
    text-align: center;
    border: 0;
    padding: 0;
}
.category-1 .name {
    font-size: 36px;
    font-weight: 600;
}
.category-2 {
    background: url(../images/category_bg2.png) center center no-repeat;
}
.category-2 .name {
    color: #fff;
}
.category-3 {
    position: relative;
    height: 43px;
    border-bottom: 2px solid #dadada;
}
.category-3 .name {
    line-height: 42px;
    font-size: 22px;
    background: #666;
    color: #fff;
    padding: 0 15px 2px;
    display: inline-block;
    position: relative;
    height: 38px;
    float: left;
}
.category-3 .name .line {
    width: 100%;
    height: 2px;
    background: #666;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.category-4 {
    border-bottom: 0;
    line-height: 25px;
}
.category-4 .name {
    padding-left: 11px;
    border-left: 5px solid #dfdfdf;
    float: left;
}
.category-4 .more {
    line-height: 25px;
}
/*Slide*/
.slider {
    width: 560px;
    height: 420px;
    float: left;
    overflow: hidden;
    position: relative;
}
.slider .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 14px;
    z-index: 1;
}
.slider .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slider .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
}
.slider .hd ul li.on {
    background: #ba2a21;
    color: #fff;
}
.slider .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slider .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 560px;
    height: 420px;
    position: relative;
}
.slider .bd img {
    width: 560px;
    height: 420px;
    display: block;
}
.slider .prev,
.slider .next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 50px;
    background: url(../images/left.png) center center no-repeat;
    opacity: .5;
}
.slider .next {
    background: url(../images/right.png) center center no-repeat;
    left: auto;
    right: 0;
}
.slider .prev:hover,
.slider .next:hover {
    opacity: 1;
}
.slider .u-tit {
    background: url(../images/opacity.png) repeat;
    color: #fff;
    font-size: 16px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.slider .u-tit p {
    padding: 8px;
    width: 80%;
}
.slider-1 {
    width: 720px;
    height: 405px;
}
.slider-1 .bd li {
     width: 720px;
    height: 405px;
}
.slider-1 .bd img  {
    width: 720px;
    height: 405px;
}
.headline {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.headline .u-tit {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.headline .u-ct {
    line-height: 1.8;
    color: #666;
    margin: 15px 0;
}
.headline-1 {
    border-bottom: 0;
    margin-top: 20px;
}
.headline-1 .u-ct {
    background: #f5f5f5;
    padding: 15px;
    
}
.headline-1 .u-ct p {
    height: 56px;
    overflow: hidden;
}
.headline-2 .u-ct {
    height: 56px;
    overflow: hidden;
}
.headline-3 .u-ct {
    background: #f5f5f5;
}

/*List*/
.t-list .itm {
    line-height: 52px;
    background: url(../images/list_point.png) left center no-repeat;
    text-indent: 20px;
    font-size: 18px;
}
.t-list-1 {
    margin: 0 -20px;
}
.t-list-1 .itm {
    float: left;
    width: 570px;
    margin: 0 20px;
    line-height: 45px;
}
.t-list-2 {
    margin: 0 -10px;
}
.t-list-2 .itm {
    width: 370px;
    float: left;
    margin: 0 10px;
}
.t-list-3 .itm {
    line-height: 38px;
}
.hl-list .itm {
    margin: 15px 0;
}
.hl-list .itm .u-ct{
    height: 56px;
    overflow: hidden;
}
.hl-list-1 {
    margin: 0 -20px;
}
.hl-list-1 .itm {
    float: left;
    width: 570px;
    margin: 20px;
}
.hl-list-2 {
    margin: 0 -10px;
}
.hl-list-2 .itm {
    border: 0;
    float: left;
    width: 370px;
    margin: 10px 10px;
}
.hl-list-2 .itm .u-tit {
    font-size: 18px;
}
.hl-list-2 .itm .u-ct {
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    margin: 10px 0;
}
.pt-list .itm {
    margin-top: 20px;
}
.pt-list .u-pic {
    display: block;
    width: 160px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.pt-list .u-pic img {
    width: 100%;
}
.pt-list .u-ct {
    height: 120px;
    line-height: 1.8;
    overflow: hidden;
}
.pt-list .u-tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.pt-list .u-txt{
    font-size: 14px;
    color: #666;
}
.pt-list-1 .u-pic {
    width: 120px;
    height: 90px;
}
.pt-list-1 .u-ct {
    height: 90px;
    line-height: 1.3;
    margin-right: 15px;
}
.pt-list-1 .u-tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.p-list {
    margin: 0 -10px;
}
.p-list .itm {
    width: 580px;
    float: left;
    margin: 10px;
}
.p-list .itm .u-pic {
    display: block;
    height: 435px;
    overflow: hidden;
}
.p-list .itm .u-pic img {
    width: 100%;
}
.p-list .itm .u-tit {
    text-align: center;
    margin-top: 10px;
}
.p-list-1 .itm {
    width: 380px;
    margin: 10px;
}
.p-list-1 .itm .u-pic {
    display: block;
    width: 380px;
    height: 285px;
    overflow: hidden;
}
.p-list-2 .itm {
    width: 280px;
    margin: 10px;
}
.p-list-2 .itm .u-pic {
    display: block;
    height: 210px;
    overflow: hidden;
}

/*slider-txt*/
.slider-txt {
    overflow: hidden;
    position: relative;
    padding: 30px 80px;
    background: #f9f9f9;
}
.slider-txt .hd {
    overflow: hidden;
    position: absolute;
    text-align: center;
    z-index: 1;
    bottom: 30px;
    right: 80px;
}
.slider-txt .hd ul {
    overflow: hidden;
    zoom: 1;
    text-align: center;
}
.slider-txt .hd ul li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #000;
    margin-right: 5px;
    cursor: pointer;
    float: left;
}
.slider-txt .hd ul li.on  {
    background: #e7e7e7;
    color: #fff;
}
.slider-txt .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slider-txt .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    position: relative;
}
.slider-txt .bd .u-pic {
    display: block;
    width: 560px;
    height: 420px;
    overflow: hidden;
    float: left;
}
.slider-txt .bd img {
    width: 560px;
    height: 420px;
    display: block;
}
.slider-txt .bd img:hover {
    opacity: .9;
}
.slider-txt .prev,
.slider-txt .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 15px;
    display: block;
    width: 40px;
    height: 50px;
    background:#f5f5f5 url(../images/left.png) center center no-repeat;
    opacity: .5;
}
.slider-txt .next {
    background:#f5f5f5 url(../images/right.png) center center no-repeat;
    left: auto;
    right: 15px;
}
.slider-txt .prev:hover,
.slider-txt .next:hover {
    opacity: 1;
}
.slider-txt .u-ct {
    float: right;
    width: 420px;
    text-align: justify;
}
.slider-txt .u-tit {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.slider-txt .u-txt {
    line-height: 2;
}
.slider-txt-1 {
    background: none;
    padding: 0;
}
.slider-txt-1 .hd {
    bottom: 0;
    right: 0;
}
.slider-txt-1 .hd ul li {
    width: 20px;
    height: 8px;
    border-radius: 0;
}
.slider-txt-1 .bd .u-pic {
    display: block;
    width: 720px;
    height: 405px;
}
.slider-txt-1 .bd img {
    width: 720px;
    height: 405px;
    display: block;
}

/*Pic List*/
.slide-pic {
    width: 1180px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.slide-pic .hd {
    height: 0;
    width: 100%;
    position: relative;
}
.slide-pic .hd .prev,
.slide-pic .hd .next {
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/left.png) no-repeat center center;
    position: absolute;
    top: 75px;
    left: 0;
    height: 60px;
    width: 40px;
}
.slide-pic .hd .next {
    background: url(../images/right.png) no-repeat center center;
    left: auto;
    right: 0;
}
.slide-pic .hd .prevStop {
    background-position: -60px 0;
}
.slide-pic .hd .nextStop {
    background-position: -60px -50px;
}
.slide-pic .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}
.slide-pic .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    display: none;
}
.slide-pic .hd ul li.on {
    background-position: 0 0;
}
.slide-pic .bd {
    width: 1080px;
    margin: 0 auto;
}
.slide-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.slide-pic .bd ul li {
    margin: 0 5px;
    width: 260px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.slide-pic .bd ul li .pic {
    text-align: center;
    display: block;
    height: 195px;
    position: relative;
}
.slide-pic .bd .pic img {
    width: 100%;
    display: block;
}
.slide-pic .bd .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/opacity.png) repeat;
    color: #fff;
}
.slide-pic .bd .title p {
    font-size: 14px;
    text-align: center;
    padding: 5px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}






/*photo*/
.photo {
    width:100%;
    position:relative;
    height:665px;
    overflow:hidden;
}
.photo .img-wrap {
    position:relative;
    width: 100000px;
    height:665px;
    font-size: 0;
}
.photo .img-wrap ul {
    position:absolute;
    top:0;
    left:0;
}
.photo .img-itm {
    display:inline-block;
    position:relative;
    float:left;
}
.photo .img-itm img {
    display:block;
    width:1180px;
    height:665px;
}
.photo .img-itm .txt {
    position: absolute;
    color: #fff;
    font-size: 24px;
    bottom: 0;
    left: 0;
    background: url(../images/opacity.png) repeat;
    width: 100%;
}
.photo .img-itm .txt p {
    padding: 10px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.photo .wrap-btn {
    position:absolute;
    top: 300px;
    width: 100%;
    z-index:3;
}
.photo .pre-btn {
    display:inline-block;
    left:0;
    z-index:3;
    position:absolute;
    cursor: pointer;
}
.photo .next-btn {
    right:0;
    z-index:3;
    position: absolute;
    cursor: pointer;
}
.photo .pre-btn:hover,.next-btn:hover {
    opacity: 1;
}
.photo .filter-left {
    width: 140px;
    height:665px;
    position: absolute;
    top: 0;
    background: #000;
    opacity: 0.4;
    z-index: 2;
    filter: alpha(opacity=50);
}
.photo .filter-right {
    width: 140px;
    height:665px;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    z-index: 2;
    filter: alpha(opacity=50);
}

/*gallery*/
.gallery-page {
   margin-bottom: 10px
}
.gallery-page .cell {
    text-align: center;
    font-size: 18px;
    color: #212121;
}
.gallery-page .gallery-index {
    color: #d91f2b;
    font-size: 24px;
}
.gallery-big-wrap {
    position: relative;
    overflow: hidden;
}
.gallery-big {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 665px !important;
}
.gallery-big ul {
    width: 20000em;
    position: relative;
}
.gallery-big ul li {
    float: left;
    width: 1180px;
    text-align: center;
    overflow: hidden;
}
.gallery-big ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.gallery-big .u-tit {
    background: url(../images/opacity.png) repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.gallery-big .u-tit p {
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.gallery-big ul li img {
    height: 665px;
    margin: 0 auto;
    display: block;
}
.gallery-prev, 
.gallery-next {
    position: absolute;
    width: 65px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    z-index: 2;
    cursor: pointer;
}
.gallery-prev {
    background:url(../images/arrow_l.png) no-repeat;
    background-position: center center;
    left: 15px;
}

.gallery-next {
    background:url(../images/arrow_r.png) no-repeat;
    background-position: center center;
    left: auto;
    right: 15px;
}
.gallery-small-wrap {
    position: relative;
    margin: 20px auto;
}
.gallery-small-prev,
.gallery-small-next {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 30px;
    cursor: pointer;
    z-index: 2;
}
.gallery-small-prev {
    background:url(../images/left.png) no-repeat;
    background-position: center center;
    left: 0px;
}
.gallery-small-next {
    background:url(../images/right.png) no-repeat;
    background-position: center center;
    left: auto;
    right:0;
}
.gallery-small-wrap .cell {
    margin-left: 2px;
}
.gallery-small {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.gallery-small ul {
    width: 20000em;
    position: relative;
}
.gallery-small ul li {
    float: left;
    width: 192px;
    overflow: hidden;
    margin-right: 5px;
    opacity: .7;
    position: relative;
}
.gallery-small ul li img {
    width: 100%;
    height: 108px;
    display: block;
    margin:0 auto;
}
.gallery-small ul li.active {
    opacity: 1;
}
/*sidebar*/
.pop-show {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 10px;
    bottom: 10px;
    background: url(../images/menu.png) center center no-repeat;
    z-index: 9;
}
.pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/opacity.png) repeat;
    top: 0;
    left: 0;
    z-index: 9;
}
.sidebar {
    width: 300px;
    height: 100%;
    background: #fff;
    position: fixed;
    right: -300px;
    top: 0;
    transition: all .3s ease-in;
    z-index: 9;
}
.sidebar-show {
    right: 0;
}
.sidebar .itm {
    display: block;
    margin: 15px;
    background: #f5f5f5;
    padding: 10px;
}