*{margin: 0;padding: 0;}
li{ list-style:none;}
body,input,select,textarea,button{font-size: 14px; font-family:"微软雅黑";}
body{ background:#fff; color: #333;}
body.home{ background:#fff url(../images/bg-body.jpg) center 715px no-repeat;}
div{margin: 0 auto;}
img{border: 0;vertical-align: middle;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration: none;color:#d8261a;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
:focus{outline: none;}
::-moz-focus-inner{ border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] , input[type="disabled"]{-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important;}
.fl{float: left;}
.fr{float: right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tc{text-align:center;}
.w{ width:1200px;}
.none{ display:none;}
.ico{ display:inline-block; vertical-align:middle; background-size:100%;}
.btn{ height:40px; line-height:40px; background:#ab8159; width:150px; display: inline-block; text-align:center; vertical-align:middle; border-radius:25px; color:#fff; font-size:16px;}
.btn:hover{ opacity:.9;}
.transform-img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.case-list li:hover .transform-img,.news-thumbnail-list li:hover .transform-img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

/*标题*/
.title{ border-bottom:1px solid #cfcfcf; position:relative;}
.title h2{ font-weight:600; color:#54483f; font-size:24px;}
.title span.en{ text-transform:uppercase; font-family:"Times New Roman", Times, serif; display:block; padding:8px 0 12px 0;}
.title:after{content:" "; display:block; vertical-align:middle; background:#b91e00; width:233px; height:2px; margin:0 auto; margin-bottom:-2px;}
.title .child a{ display:inline-block; margin-right:8px; font-size:16px; color:#636363;}
.title .child a:hover{ color:#d8261a;}

/*头部*/
.header-box{ padding:0 0; height:100px; border-top:1px solid #ddd; background:#d6d6d6 url(../images/bg-header.jpg) no-repeat; background-position:center top;}
.header-box .logo{ padding-top:10px;}
.header-box .logo img{ width:410px; height:80px; display:inline-block; vertical-align:middle;}
.header-box .w{ position: relative; background:url(../images/bg-header.png) no-repeat; background-position: right top;}
.slogan-words{ padding-top:35px;}

/*菜单*/
.menu-box{  height:56px; background:#ab1d03; overflow:visible; position:relative; z-index:100000;}
.menu-box li{ display:inline-block; position: relative;}
.menu-box a{ color:#fff; display: inline-block; height:55px; line-height:55px; padding:0 20px;font-size:16px; font-weight:500; letter-spacing:1px;}
.menu-box li:hover a,.menu-box a.active{ color:#fff; background:#b18c6f;}
.menu-box li .subnav{ display:none; position:absolute; left:0; top:55px; width:180px; background:#b18c6f;}
.menu-box li:hover .subnav{ display: block;}
.menu-box li .subnav a{ display:block; border:none; margin:0 18px; height:48px; background:#b18c6f; color:#fff; line-height:48px; border-bottom:1px dotted rgba(255,255,255,0.5); padding:0; font-weight:400;}
.menu-box li .subnav a:last-child{ border:none;}
.menu-box li .subnav a:hover{ color:#ab1d03;}

/*轮换大图*/
#bannerSwiper{ width: 100%; height:560px; position:relative;}
#bannerSwiper a{ display:block; height:100%; width:100%; background-position:center top; background-repeat:no-repeat; background-size:100% 100% ;}
#bannerPagination{ bottom:80px;}
#bannerPagination .swiper-pagination-bullet{ background:#c4c4c4; width:30px; height:8px; margin:0 5px; border-radius:0; opacity:1;}
#bannerPagination .swiper-pagination-bullet-active{ background:#b91e00;}

.main-box{ background:#fff; padding-top:20px; min-height:500px;}
.left-area,.right-area{ width:585px;}


.exhibition-hall{ background:#fff; padding:20px; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; top:-35px; z-index:9999;}
#swiper-move{ width: 100%;}
#swiper-move .swiper-pagination-bullet{ top:20px; background:#c4c4c4; width:12px; height:12px; opacity:1;}
#swiper-move .swiper-pagination-bullet-active{ background:#b91e00;}
#swiper-move .swiper-pagination-bullets{ bottom:0;}
.exhibition-hall .swiper-button-prev,.exhibition-hall .swiper-button-next{ position: absolute; bottom:0; padding:0; display:block; width:28px; height:28px; background-size:100%;}
.exhibition-hall .swiper-button-prev{ left:-30px; background-image:url(../images/ico-prev.png);}
.exhibition-hall .swiper-button-next{ right:-30px; background-image:url(../images/ico-next.png);}
.hall-item{ text-align:center; width:375px; height:380px; margin:25px 20px 40px 0; background:#efefef; float:left;}
.hall-item .img{ height:270px; overflow:hidden;}
.hall-item .img img{ height:100%; width:100%;}
.hall-item .name{ padding:10px 0;}
.hall-item .en{ color:#6c6c6c; font-family:"Times New Roman"; font-size:17px;}
.hall-item:hover{ background:#bda18b;}
.hall-item:hover .en{ color:#fff;}

.latest-news{ background:#edddd1; padding:20px 0;}
.latest-news .title{ border-bottom:1px solid #f9f4f0;}
.recent-news-list li{ float:left; padding:20px 0; width:32%; position: relative; border-bottom:1px solid #f7efea;}
.recent-news-list li:nth-child(3n-1){ margin:0 2%;}
.recent-news-list .time{ position:absolute; left:0; top:20px; width:70px; height:80px; background:#ffffff; text-align:center; border-radius:10px; overflow: hidden; color:#af7c54;}
.recent-news-list .time .day{ background:#af7c54; display:block; height:50px; line-height:50px; color:#fff; margin-bottom:5px; font-size:21px;}
.recent-news-list .info{ padding-left:85px; height:80px;}
.recent-news-list .info h2{ height:28px; line-height:28px;font-weight: 600; font-size:16px;}
.recent-news-list .info p{ height:40px; overflow:hidden; padding-top:5px; color:#2c2b2b; font-size:16px;}
.latest-news .btn-more{ background:#b91e00; display:block; width:200px; height:40px; line-height:40px; padding:0; border-radius:6px; margin:35px auto 15px auto; position:relative;}
.latest-news .btn-more .ico-arrow{ width:13px; height:9px; background-image:url(../images/ico-arrow.png); position:absolute; right:18px; top:50%; margin-top:-6px;}
.latest-news .btn-more:hover{ color:#fff;}

/*底部*/
.footer-box{ background:#fff; border-top:2px solid #edddd1; padding:22px 0; color:#666; font-size:14px;}
.footer-box a{ color:#8e8e8e;}
.footer-box .item{ padding:26px 0; float:left; width:33.33%;}
.footer-box .qr1{ padding-right:5px;}
.footer-box .qr1 .img{ padding-top:12px; padding-right:15px;}
.footer-box .qr2{ padding:26px 20px; width:400px; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6;}
.footer-box .qrcode img{ width:100px; margin-right:15px;}
.footer-box .qrcode strong{ font-weight:600; font-size:16px; color:#333; display:inline-block; margin:5px 0;}
.footer-box .copyright{ float:right; width:340px; padding-left:10px; font-size:14px; padding-top:0; color:#747474;}
.footer-box .copyright p{ margin-bottom:10px; position:relative; line-height:140%;}
.footer-box .copyright p a{ color:#999;}

/*内页*/
.inside-banner{ height:400px; background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
.container{ margin-top:-25px;}
.area-title{ border-bottom:2px solid #b91e00; border-top:2px solid #b91e00; text-align:center; font-size:21px; padding:15px 0; font-weight:600; color:#b91e00;}
.area-left{ float:left; width:200px;}
.area-right{ float:right; width:960px;}
.area-fullw{ width:100%;}


/*侧栏分类*/
.sidebar-head{ background:#b91e00; height:50px; line-height:50px; color:#fff; text-align:center; font-size:18px; font-weight:500;}
.sidebar-cat-list{ background:#eadfcf;}
.sidebar-cat-list li{ height:48px; position:relative; border-bottom:1px dashed #707070; margin:0 20px; text-align:center; font-size:16px; font-weight:500;}
.sidebar-cat-list li a{ color:#75453b; display:block; height:48px; line-height:48px;}
.sidebar-cat-list li a:hover{ border-bottom:solid 2px #b91e00;color:#b91e00;}
.sidebar-cat-list li.active a{ color:#b91e00;}
.sidebar-cat-list li:last-child{ border-bottom:none;}
.sidebar-cat-list li:last-child a:hover{ border:none;}
/*图片列表*/
.case-list{ width:100%; padding:25px 0 5px 0;}
.case-list li{ width:300px; margin:0 10px 15px 10px; float:left;}
.case-list li .img{ height:189px; overflow:hidden;}
.case-list li img{ height:100%; width:100%;}
.case-list li .name{ font-size:16px; height:100px; padding-top:10px;line-height:22px; text-align:center!important;}

/*新闻列表*/
.full-news-list li{ width:100%;}
.full-news-list li:nth-child(3n-1){ margin:0;}
.full-news-list li .time{background:#f0f0f0; color:#333;}


.news-list li{ height:48px; line-height:48px; padding-left:17px; border-bottom:1px dotted #ccc; background:url(../images/dot-gray.jpg) 0 50% no-repeat; overflow:hidden;}
.news-list li a{ font-size:16px; color:#000; display:block; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-list li a:hover{ color:#d8261a;}
.news-list li .time{ color:#979797; font-size:12px;}
.uers-news li{ height:46px; line-height:46px;}
.uers-news li:last-child{ border-bottom:1px solid #d3d3d3;}

/*详细*/
.news-con-box{ padding:15px 15px 0 15px;}
.news-title{ font-size:25px; padding:15px 0 0 0; font-weight:normal;}
.news-other{ font-size:16px; padding:0 0 30px 0; color:#999;}
.news-other span{ margin:0 12px;}
.content-box{ padding: 25px; font-size: 16px; color: #333; line-height: 160%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align:left;}
.content-box p{ padding: 8px 0;text-indent: 24px;}
.about-history p{ padding: 8px 0;font-size: 16px; color: #333; line-height: 160%; text-indent: 24px;}
.content-box img{ max-width:100%;}
.page-up-down{ padding:25px 0; color:#999;}
.page-up-down a{ color:#999;}
.news-con-box .picture{ padding:30px 0;}
.news-con-box .picture img{ max-width:100%;}
.about-content{ padding: 25px 0 50px 0; font-size: 16px; color: #333; line-height: 160%;}
.about-content p{ padding-bottom:15px; text-indent:2em;}
.about-content img{ max-width:100%;}

/*页码*/
.pages{ padding-top:15px; text-align: center; margin-bottom:60px; color:#7f7f7f; font-size:14px;}
.pages a{ display:inline-block; height:26px; line-height:26px; width:26px; text-align:center; border:1px solid #9b9b9b; color:#9b9b9b; margin:0 5px;}
.pages a.prev,.pages a.next{ width:60px; color:#9b9b9b;}
.pages a.active,.pages a:hover{ background:#b91e00; border-color:#b91e00; font-weight:bold; color:#fff;}
.pages span{ margin-right:20px;}

.history-list{ background:url(../images/bg-history.jpg) repeat-y;}
.history-list li{ position:relative; padding:30px 0 30px 156px; font-size:16px; line-height:160%; color:#656565;}
.history-list li span{ position:absolute; left:50px; top:50%; color:#ab1d03; font-family: "Times New Roman", Times, serif; font-size:32px; height:50px; line-height:50px; margin-top:-25px;}
.history-list li:after{ position:absolute; left:-10px; top:50%; margin-top:-15px; content:" "; width:31px; height:29px; background:url(../images/ico-history.jpg); display:block;}
.history-list p{}

#mobileSwiper{ display:none;}

@media screen and (max-width: 1200px) and (min-width: 751px){
	
.w{ width:1000px;}

.menu-box a{  padding:0 16px;}

#bannerSwiper{ height:450px;}

.hall-item{ width:300px; height:350px;}
.hall-item .img{ height:230px;}

.footer-box{ padding:22px 0; font-size:12px;}
.footer-box .item{ padding:20px 0;}
.footer-box .qr1{ padding-right:5px;}
.footer-box .qr1 .img{ padding-top:12px; padding-right:10px;}
.footer-box .qr2{ padding:26px 10px; width:320px;}
.footer-box .qrcode img{ width:80px; margin-right:8px;}
.footer-box .qrcode strong{ font-size:13px;}
.footer-box .copyright{  width:300px; padding-top:0; padding-left:0; font-size:12px;}

.area-left{ width:200px;}
.area-right{ width:760px;}

.case-list{ width:900px; padding:25px 0 5px 0;}
.case-list li{ width:240px; margin:0 20px 15px 0; float:left;}
.case-list li .img{ height:150px; overflow:hidden;}
.case-list li img{ height:100%; width:100%;}
.case-list li .name{ font-size:16px; height:38px; line-height:38px; text-align:center!important; overflow:hidden;}
	
}

@media screen and (max-width: 750px) {
body.home{ background:none;}
.hidden-m{ display:none;}
#bannerSwiper{ display:none;}
#mobileSwiper{ display: block;}
#mobileSwiper{ width: 100%; height:180px; position:relative;}
#mobileSwiper a{ display:block; height:100%; width:100%; background-position:center top; background-repeat:no-repeat; background-size: 100% 100% ;}
#mobilePagination{ bottom:30px;}
#mobilePagination .swiper-pagination-bullet{ background:#c4c4c4; width:30px; height:8px; margin:0 5px; border-radius:0; opacity:1;}
#mobilePagination .swiper-pagination-bullet-active{ background:#b91e00;}

.header-box .w{ position:relative; z-index:999;}
.slogan-words{ padding-top:20px;}
.slogan-words .ico-menu{ width:30px; height:30px; background-image:url(../images/ico-menu.png);}

.w{ width: auto; padding:0 15px;}
.title .child{ text-align:right;}
.title .child a{ display:inline-block; margin-right:0; margin-left:8px; font-size:16px; color:#636363;}

.header-box{ height:70px;}
.header-box .logo{ padding-top:12px;}
.header-box .logo img{ width: auto; height:50px;}

.news-list li a{ font-size:14px;}

.inside-banner{ height:250px;}
.area-left,.area-right{float: none; width:100%;overflow-x: hidden;}

.case-list{ width: 100%!important;}
.case-list li{ width:100%; margin:0 0 15px 0; float:left;text-align:center;}
.case-list li:nth-child(even) { float: right;}
.case-list li .img{ height:auto;}


.exhibition-hall{ top:-20px; padding-bottom:0;}
.exhibition-hall .swiper-button-prev{ left:-10px;}
.exhibition-hall .swiper-button-next{ right:-10px;}
.hall-item{ width:100%; height:380px; margin:25px 0 40px 0;}


/*文章列表*/
.recent-news-list li{ float: none; width: auto;}
.recent-news-list li:nth-child(3n-1){ margin:0;}
.recent-news-list li .info h2{ padding-top:10px; overflow: visible;}
.recent-news-list li .info p{ display:none;}
.pages{ padding-bottom:20px;}

/*网站导航*/
.cat-list{ border-top:2px solid #666; padding:30px 0 15px 0;}
.cat-list li{ float:left; width:100%; font-size:13px; margin-bottom:18px; position:relative;}
.cat-list li dl{ padding-left:70px; height: 65px; border-right: none; padding-top:3px;}
.cat-list li dt{ color:#000; font-weight:600; font-size:17px; padding-bottom:5px;}
.cat-list li dd{ line-height:140%;}
.cat-list li dd a{ display:inline-block; margin-right:10px;}
.cat-list li .ico{ width:60px; height:60px; position:absolute; left:0; top:0;}

/*底部*/
.footer-box{ background:#fff; border-top:2px solid #edddd1; padding:15px 0; color:#666; font-size:13px;}
.footer-box a{ color:#8e8e8e;}
.footer-box .item{ height:100%; float: none; width:100%;}
.footer-box .qr1{ padding:0; width:100%; overflow:hidden;}
.footer-box .qr1 .img{ padding-right:10px; float:none; margin-bottom:10px;}
.footer-box .qr2{ padding:20px 0; width:100%; border:none; overflow:hidden;}
.footer-box .qrcode img{ width:70px; margin-right:10px;}
.footer-box .qrcode strong{ font-weight:600; font-size:14px; color:#666; display:inline-block; margin:5px 0;}
.footer-box .copyright{ float: none; width: 100%; padding-left:0; font-size:14px; padding-top:0; padding-bottom:0; color:#747474;}
.footer-box .copyright p{ margin-bottom:10px; line-height:140%;}
.footer-box .copyright p a{ color:#999;}

.sidebar-head{ display:none;}
.sidebar-cat-list{ background:none; text-align:center; margin:25px 0;}
.sidebar-cat-list li{ display:inline-block; width:100px; margin:0 5px 15px 0; height:35px; position:relative; border:none;}
.sidebar-cat-list li a{ color:#666; line-height:35px; height:35px;  border:1px solid #666;}
.sidebar-cat-list li a:hover,.sidebar-cat-list li:last-child a:hover{ border:1px solid #b91e00;}
.sidebar-cat-list li.active{  border:1px solid #b91e00;}
.sidebar-cat-list li.active a{ color:#b91e00;}


.content-box{ padding: 15px 0;}

.history-list{ margin-top:0;}
.history-list li{ padding:20px 0 20px 120px; font-size:14px;}
.history-list li span{ position:absolute; left:8px!important; top:50%; font-size:29px; height:40px; line-height:40px; margin-top:-20px;}
.case-list li .name{height:50px!important;}

}
/*返回顶部*/
	.container{
		padding:5px;
		min-width:320px;}
	#one{
		width:100%;}
	#one li{
	float:left;}
	#one li .a-1{
		
		min-height:70px;}
	#one li a{
		display:block;
		margin:5px;
		background:yellow;}
	#one li img{
		width:100%;
		min-height:70px;
		vertical-align: middle;}
	.scroll{
		width:40px;
		height:40px;
		background-color:#d00000 !important;
		color:#fff;
		line-height:44px;
		text-align:center;
		position:fixed;
		right:10px;
		bottom:10px;
		cursor:pointer;
		border-radius:30px;
		font-size:14px;
		background:url(../images/jiantou.png) center no-repeat;
		 background-size:50%;}
	
/*返回顶部*/
.page{color:#666;padding:20px 0 20px 0;height:30px;}
.page span{float:left;padding:0px 10px;line-height:30px;}
.page a{height:30px;padding:0px 10px;float:left;color:#666;border-radius:30px;line-height:30px;}
.page a:hover{background:#efefef;}
.page .active{background:#C9151E;color:#FFF;border-radius:30px;}


.about-content p img{max-width:100%;display:block;margin:0 auto;}