body{background: url(../Images/main/body-bg.jpg) repeat center;}

/*========================================================
	indexbanner
========================================================*/
.indexbanner{position: relative;height: 800px;font-size: 0;}
.slide li{position:relative;display:block;height:100%;}
.indexbanner .owl-carousel{height: 800px;}
.indexbanner .owl-wrapper-outer,.indexbanner .owl-wrapper,.indexbanner .owl-item{height: 100%;}
.indexbanner .owl-pagination{position:absolute;bottom: -25px;z-index: 44;width: 100%;text-align: center;}
.indexbanner .owl-pagination .owl-page{display:inline-block;zoom:1;}
.indexbanner .owl-pagination .owl-page span{display:block;overflow:hidden;margin:5px 7px;width: 45px;height: 5px;background: #fff;}
.indexbanner .owl-pagination .owl-page.active span,.survey .owl-controls.clickable .owl-page:hover span{background: #9f7d4b;}

/*========================================================
	主体部分
========================================================*/
.indexcont{margin-top: 45px;position: relative;}
.indexcont:before,.indexcont:after{content:"";position:absolute;z-index:-1;background:no-repeat / 100% 100%;}
.indexcont:before{bottom: 73px;left: 0;width:100%;height:701px;background-image:url(../Images/index/body-left.png);}
.indexcont:after{top: 455px;right:0;width:1034px;height:665px;background-image:url(../Images/index/body-right.png);}
.indexcont p:hover{color:#7c1701;transition: color .5s ease;}

.imgstyle{position:relative;display:block;overflow:hidden;width:100%;height:100%;}
.imgstyle img{position:absolute;top:0;left:0;display:block;}

.news h3,
.activity h3,
.exhibition h3,
.collection h3,
.ccproduct h3,
.learning h3{width: 40px;height: 90px;padding-top: 16px;box-sizing: border-box;color:  #000;font-family:"KaiTi";font-size: 32px;text-align: center;line-height: 31px;background: url(../Images/index/vertical.png) no-repeat center;background-size: 100% 100%;}


.allcenter{width: 1330px;}
.section-top{width: 100%;height: 175px;margin-bottom:  42px;}
/*服务*/
.services{float:left;font-size:  0;}
.services li:first-child{margin-left: 0;}
.services li{margin-left: 30px;display: inline-block;}
.services li:hover .services-rect{box-shadow: 3px 2px 4px 0px #999;}
.services li:hover .services-circle{box-shadow: 2px 2px 10px 0px #999;}
.services .services-circle{width: 90px;height: 90px;margin: 14px auto 13px;border-radius:50%;background-position: center;background-repeat: no-repeat;background-size:  cover;transition: box-shadow .5s ease;}
.services .services-rect{width: 136px;height: 43px;font-family: "KaiTi";font-size: 22px;color: #000;text-align:  center;line-height: 45px;background:url(../Images/index/service-rect-big.png) no-repeat top left / 100% 200%;transition: box-shadow .5s ease;}
.services .services-circle.time{background-image: url(../Images/index/time.png);}
.services .services-circle.road{background-image: url(../Images/index/road.png);}
.services .services-circle.view{background-image: url(../Images/index/view.png);}
.services .services-circle.appointment{background-image: url(../Images/index/appointment.png);}
/*公告*/
.notice{position:relative;float: right;width: 49.5%;height: 100%;background: url(../Images/index/notice-bg.png) no-repeat center;background-size: 100% 100%;}
.notice h3{position:  relative;width: 100%;height: 34%;line-height: 2;font-family:"KaiTi";font-size: 26px;text-indent: 78px;background: url(../Images/index/jiandu.png) no-repeat 6.5% center;}
.notice h3 span{position: absolute;top: 50%;margin-top:  -9.5px;right: 6%;font-size: 16px;color: #a07c4c;line-height:  normal;}
.notice ul{width: 87.72%;margin: 0 auto;max-height: 93px;overflow: hidden;}
.notice ul li p{font-size: 16px;color: #000;line-height: 32px;overflow:  hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice ul li p span{padding-right: 36px;}
.notice i{cursor: pointer;font-size: 32px;padding: 0 5px;}
.notice .active{color: #7b1702;}
/*资讯*/
.news{position:relative;margin-bottom: 65px;}
.news .right-bottom{position: absolute;bottom: -26px;right: -49px;width: 145px;height: 200px;background: url(../Images/index/news-right-bottom.png) no-repeat center;background-size: 100% 100%;}
.news ul li{float: right;width: 88px;cursor: pointer;overflow:  hidden;}
/*.news ul li.active{width: 838px;}*/
.news-item{position:  relative;float: left;width: 88px;height: 704px;line-height: 704px;margin: 0;text-align:  center;background: url(../Images/index/news-item.png) no-repeat center;background-size: 100% 100%;}
.news-item+a{display:block;}
.news .news-logo{position: absolute;top: 22.2%;left: 50%;width: 33px;height: 39px;margin-left:-16.5px;background: url(../Images/index/jiandu.png) no-repeat center;}
.news h3{position: absolute;top: 32%;left: 50%;margin-left:-23px;background: url(../Images/index/vertical-news.png) no-repeat center/100% 100%;}
.news .news-item-img{display:  inline-block;width: 70px;height: 70.59%;vertical-align:  middle;background: url(../Images/index/news-item-p.png) no-repeat center;background-size: 100% 100%;}
.news .news-time{width: 45px;height: 45px;padding-top: 6.5px;margin: 48px 12px;background-color: #ab8556;border-radius: 50%;box-sizing:  border-box;transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);}
.news .news-time p{font-size: 13px;color: #fff;text-align: center;line-height: 1.3;}
.news .news-time.active{background-color: #7c1701;}
.news .news-item-img >a{ display: block;line-height: 1;}
.news .news-item-img >a p{writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-lr;}
.news .news-item-img >a p{display: inline-block;height: 310px;font-size: 18px;line-height: 1.5;color: #151515;text-align:  left;vertical-align: sub;}
.news .news-item-img >a p:hover{color: #7c1701;}
.news .news-detail{position:  relative;width: 627px;height: 632px;margin-left: 88px;margin-top: 36px;background: url(../Images/index/news-detail-img.png) no-repeat center;background-size: 100% 100%;}
.news .news-detail .imgstyle{position: relative;top: 70px;width: 320px;height: 320px;margin: 0 auto 100px;border-radius: 50%;background-color: #fff;transform: rotate(0);}
.news .news-detail p,.news .news-detail span{font-size: 18px;color: #000;text-align: left;line-height: 35px;}
.news .news-detail p{width: 500px;margin-left: 110px;overflow:  hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news-detail .detail{width: 440px;max-height: 140px;margin-left: 90px;font-size: 16px;line-height: 28px;text-indent: 2em;white-space:  normal;text-align: justify;}

.news .view-more{position:  absolute;bottom: 155px;left:  50%;margin-left: -15px;width: 30px;height: 85px;padding: 0 3px;font-family:"KaiTi";font-size: 18px;line-height: 1.2;color: #dcc5a6;border: 1px solid #dcc5a6;box-sizing:  border-box;}

.section-middle{height: 830px;margin-bottom: 60px;}
.section-middle-left{float: left;width: 970px;height: 100%;margin-right: 15px;}
.label-img{position: absolute;top: 20px;left: 17px;width: 46px;height: 103px;z-index: 10;}
.activity{position: relative;height: 455px;margin-bottom: 15px;}
.ccproduct.imgstyle img,
.activity.imgstyle img,
.exhibition.imgstyle img,
.collection.imgstyle img{transition: transform .6s cubic-bezier(.215,.61,.355,1);filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand');}
.ccproduct.imgstyle img:hover,
.activity.imgstyle img:hover,
.exhibition.imgstyle img:hover,
.collection.imgstyle img:hover{transform: scale(1.05);}

.exhibition,.ccproduct,.terrace{position: relative;float:left;height: 360px;}

.exhibition{width: 485px;margin-right: 15px;}
.ccproduct{width: 245px;margin-right: 15px;}

.terrace{width: 210px;}
.terrace a{display: block;width:  100%;background: url(../Images/index/terrace-bg.png) no-repeat center;background-size: 94% 94%;text-align: center;line-height: 172.5px;}
.terrace a p{display:  inline-block;font-family: "KaiTi";font-size: 26px;color: #fff;line-height:  normal;vertical-align:  middle;}
.terrace a:hover p{ color: #ecdccf;}
.terrace .terrace-top,.terrace .terrace-bottom{height: 172.5px;}
.terrace .terrace-top{margin-bottom: 15px;background: url(../Images/index/terrace-top.png) repeat center;}
.terrace .terrace-bottom{background: url(../Images/index/terrace-bottom.png) repeat center;}
.section-middle-right{float: left;width: 345px;height: 100%;}
.collection,.learning{position: relative;width: 100%;}
.collection{height: 545px;margin-bottom: 15px;}

.learning{height: 270px;}

.section-bottom{position:relative;height: 90px;background: url(../Images/index/section-bottom.png) no-repeat center;background-size:  100% 100%;}
.society{position: absolute;top: 50%;left: 35px;width: 103px;height: 46px;margin-top:  -23px;}
.society{font-family:"KaiTi";font-size: 36px;color:  #fff;text-align: center;line-height: 50px;background: url(../Images/index/society-bg.png) no-repeat center;background-size: 100% 100%;}
.section-bottom ul{margin-left: 140px;height: 100%;font-size:  0;}
.section-bottom ul li{display: inline-block;}
.section-bottom ul li a{font-size: 20px;color: #000;padding: 0px 38px;line-height: 90px;}
.section-bottom ul li a:hover{color:#7c1701}

@media only screen and (max-width:1750px){

	.news h3,
	.activity h3,
	.exhibition h3,
	.collection h3,
	.ccproduct h3,
	.learning h3{padding-top: 15px;width:  38px;height: 86px;}

	.indexcont:before{bottom: 16px;}
	.indexcont:after{top: 997px;width:  861px;height: 554px;}
	.allcenter{width:1310px;}
    .section-middle{height: 820px;}
	
	.services .services-rect{width: 128px;height: 40px;font-size: 21px;line-height: 42px;}
	.services .services-circle{margin: 15px auto;}

	.notice ul li p{font-size: 15px;}
	.notice ul li p span{padding-right: 10px;}

    .news{ margin-right: 4px;}
	.news ul li{width: 86px;}
	.news-item{width: 86px;height: 700px;line-height: 700px;}
	.news .news-time{width: 45px;height: 45px;}
	.news .news-time p{font-size: 13px;}
    .news .news-item-img{ width: 69px;}
	.news .news-item-img >a p{height: 300px;font-size: 18px;}
	.news .news-detail{width: 612px;height: 628px;margin-top: 35px;margin-left: 87px;}
	.news .news-detail .imgstyle{top: 75px;width: 305px;height: 305px;margin-bottom: 110px;}
	.news .news-detail p{margin-left: 100px;width: 430px;}
	.news .news-detail .detail{margin-left: 100px;width: 432px;}
	.news .right-bottom{  right: -50px;bottom: -26px;width: 145px;height: 193px;}

	.terrace a{line-height: 175px;background-size: 94% 94%;}
	.terrace a p{font-size: 26px;}

	.society{font-size: 30px;width:  86px;height:  38px;line-height: 42px;}
	.section-bottom ul li a{padding: 0 35px;font-size:  20px;line-height: 90px;}

    .section-middle-left{ width: 955px;}
    .section-middle-right{ width: 340px;}
    .activity{ height: 440px;}
    .exhibition, .ccproduct, .terrace{ height: 365px;}
    .exhibition{ width: 475px;}
    .ccproduct{ width: 240px;}
    .terrace{width: 210px;}
    .collection{ height: 535px;}
    .terrace .terrace-top, .terrace .terrace-bottom{ height: 175px;}
}
@media only screen and (max-width:1450px){
	.news h3{margin-left: -19px;}
	.activity h3,
	.exhibition h3,
	.collection h3,
	.ccproduct h3,
	.learning h3{margin-top: -8px;margin-left: -6px;}
	.section-top{height: 165px;}
	.indexcont:before{bottom: 16px;}
	.indexcont:after{top: 997px;width:  861px;height: 554px;}
	.allcenter{width: 1120px;}

	
	.services .services-rect{width: 107px;height: 34px;font-size: 18px;line-height: 35px;}
	.services .services-circle{width: 80px;height: 80px;margin: 18px auto;}

	.notice h3 span{font-size: 14px;}
	.notice ul{margin-top: 5px;max-height: 84px;}
	.notice ul li p{font-size: 14px;line-height: 28px;}
	.notice ul li p span{padding-right: 10px;}

    .news{ margin-right: 0;}
	.news ul li{width: 74px;}

	.news-item{width: 74px;height: 595px;line-height: 595px;}
	.news .news-time{width: 44px;height: 44px;margin: 40px auto;}
	.news .news-time p{font-size: 12px;}
    .news .news-item-img{ width: 59px;}
	.news .news-item-img >a p{height: 256px;font-size: 15px;}
	.news .news-detail{width: 527px;height: 533px;margin-top: 30px;margin-left: 75px;}
	.news .news-detail p, .news .news-detail span{font-size: 15px;line-height: 30px;}
	.news .news-detail .imgstyle{top: 60px;width: 268px;height: 268px;margin-bottom: 90px;}
	.news .news-detail p{margin-left: 85px;width: 372px;}
	.news .news-detail .detail{margin-left: 78px;width: 380px;font-size: 14px;line-height: 23px;}
	.news .view-more{height: 75px;font-size: 16px;bottom: 126px;line-height: 18px;}
	.news .right-bottom{  right: -50px;bottom: -26px;width: 145px;height: 193px;}

    .section-middle{ height: 700px;}

	.terrace a{line-height: 145px;background-size: 94% 90%;}
	.terrace a p{font-size: 23px;}
	.section-bottom{height: 80px;}
	.section-bottom ul li a{padding: 0 20px;font-size: 18px;line-height: 80px;}

    .section-middle-left{width: 815px;}
    .section-middle-right{width: 290px;}
    .activity{height: 380px;}
    .exhibition, .ccproduct, .terrace{height: 305px;}
    .exhibition{width: 410px;}
    .ccproduct{width: 200px;}
    .collection{height: 460px;}
    .terrace .terrace-top, .terrace .terrace-bottom{ height: 145px;}
    .learning{ height: 225px;}
    .terrace{ width: 175px;}
}