@charset "utf-8";
.footer{ margin-top:0!important}
.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden}
.banner>img{ width:100%; height:auto; }
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%);  z-index:9; color:#fff;}
.banner .item .title{ font-size:46px; font-weight:bold; color:rgba(255,255,255,1); line-height:1 }
.banner .item .intro{ font-size:22px; color:rgba(255,255,255,1); line-height:1; padding:20px 0 55px; background:url(g_22.png) left bottom no-repeat }
.banner .play{ width:70px; height:70px; position:absolute; right:20%; top:50%; transform:translateY(-50%); background:url(g_63.png) center center no-repeat; background-size:cover; cursor:pointer; z-index:9}
@media (max-width: 1600px){
	.banner .item .title{ font-size:36px; }
	.banner .item .intro{ font-size:18px; padding:20px 0 50px; background:url(g_22.png) left bottom no-repeat; background-size:auto 14px }
	.banner .play{ width:60px; height:60px; }

}
@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:24px; }
	.banner .item .intro{ font-size:14px; padding:16px 0 40px; background:url(g_22.png) left bottom no-repeat; background-size:auto 12px }
	.banner .play{ width:50px; height:50px; }
}
@media (max-width: 750px){
	.banner .item .title{ font-size:20px; }
	.banner .item .intro{ font-size:12px; padding:16px 0 30px; background:url(g_22.png) left bottom no-repeat; background-size:auto 10px }
	.banner .play{ width:40px; height:40px; right:10% }
}

.location{ height:90px;display:flex; align-items: center; font-size:14px; color:#666666}
.location a{ color:#666}
.location a:hover{ color:#932d18}
.location a:nth-child(1){ background:url(g_37.png) left center no-repeat; padding-left:25px}

/* 内容模式 */
.container{ background:url(g_32.jpg) top center no-repeat #fff; padding-bottom:40px}
.article { width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .ihd{ text-align:center; position:relative; font-size:24px; color:#953320; line-height:1; font-weight:bold; padding-bottom:18px; margin-bottom:40px}
.article .ihd:after{ content:""; display:block; width:26px; height:3px; background:#953320; position:absolute; left:calc(50% - 13px); bottom:0}
.article .content{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15)}
.article .hd { padding:60px 35px 50px; }
.article .hd h1 { color:#333333; font-size:24px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd { padding: 0 35px; box-sizing:border-box; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { border-top:1px solid #eeeeee; margin-top:30px}
.article .ft .nr{}
.article .ft ul{ padding:30px}
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#ed7421}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}

.article_info{ margin-top:60px;}
.article_info .bd{ padding:60px 35px}
@media all and (max-width:1440px){
	.article { }
}
@media all and (max-width:1200px){
	.location{ height:50px; font-size:12px; }
	
	.article .ihd{ font-size:20px;  padding-bottom:15px; margin-bottom:20px}
	.article .ihd:after{ width:22px; height:2px; left:calc(50% - 11px) }
	
	.article .content{ background:none; box-shadow:0 0 0 }
	.article .hd{ padding:20px 0}
	.article .hd h1{ font-size:18px}
	.article .hd{ }
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2; padding:0}	
	
	.article_info{ margin-top:40px;}
	.article_info .bd{ padding:0}
}

.n_nav{ background:url(g_33.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.n_nav .ihd{ text-align:center}
.n_nav .ihd .title{ position:relative; width:fit-content; margin:0 auto; font-size:28px; color:#333333; font-weight:bold; line-height:1}
.n_nav .ihd .title:after{ content:""; display:block; width:100%; height:100%; background:url(g_35.png) left center no-repeat; position:absolute; left:-50px; top:0; background-size:auto 100%}
.n_nav .ihd .title:before{ content:""; display:block; width:100%; height:100%; background:url(g_36.png) right center no-repeat; position:absolute; right:-50px; top:0; background-size:auto 100%}
.n_nav ul{ width:100%; text-align:center; margin-top:30px; font-size:0}
.n_nav ul li{ display:inline-block; vertical-align:top; width:150px; margin:0 20px}
.n_nav ul li a{ display:flex; align-items: center; justify-content: center; width:100%; height:55px; background:#fff; box-sizing:border-box; border-left:3px solid #932d18; border-right:3px solid #932d18; font-size:16px; color:#333333}
.n_nav ul li.on a{ background:#932d18; color:#fff}
.n_nav ul li:hover a{ background:#932d18; color:#fff}
@media all and (max-width:1440px){
	.n_nav{  padding:100px 0}
	.n_nav .ihd .title{ font-size:24px; }
	.n_nav .ihd .title:after{ left:-45px; }
	.n_nav .ihd .title:before{ right:-45px; }
	.n_nav ul{ margin-top:25px; }
	.n_nav ul li{ width:120px; margin:0 15px}
	.n_nav ul li a{ height:45px;  font-size:14px; }
}
@media all and (max-width:1200px){
	.n_nav{  padding:60px 0}
	.n_nav .ihd .title{ font-size:20px; }
	.n_nav .ihd .title:after{ left:-35px; }
	.n_nav .ihd .title:before{ right:-35px; }
	.n_nav ul{ margin-top:20px; }
	.n_nav ul li{ width:100px; margin:0 12px}
	.n_nav ul li a{ height:40px;  font-size:14px; }
}
@media all and (max-width:750px){
	.n_nav{  padding:40px 0}
	.n_nav .ihd .title{ font-size:20px; }
	.n_nav .ihd .title:after{ left:-25px; }
	.n_nav .ihd .title:before{ right:-25px; }
	.n_nav ul{  width:92%; margin:0 auto; margin-top:20px; text-align:left; box-sizing:border-box; border-top:1px solid #932d18; border-left:1px solid #932d18 }
	.n_nav ul li{ width:33.3333333333%; margin:0}
	.n_nav ul li a{ height:40px;  font-size:14px; border:0; box-sizing:border-box; border-right:1px solid #932d18; border-bottom:1px solid #932d18 }
}

/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #ececec; background:#ececec; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #af411d; background:#af411d; color:#fff; }
.page105 a { background:#fff}
@media all and (max-width:1440px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}


.newsList{ padding:80px 0 0}
.newsList .ihd{ text-align:center; position:relative; font-size:24px; color:#953320; line-height:1; font-weight:bold; padding-bottom:18px}
.newsList .ihd:after{ content:""; display:block; width:26px; height:3px; background:#953320; position:absolute; left:calc(50% - 13px); bottom:0}
.newsList .ibd{ margin-top:60px; margin-bottom:80px; display:flex; flex-wrap: wrap;}
.newsList .ibd .item{ width:calc(50% - 4px); margin-bottom:8px; margin-right:8px}
.newsList .ibd .item:nth-child(2n){ margin-right:0}
.newsList .ibd .item:nth-last-child(-n+2) { margin-bottom:0}
.newsList .ibd .item a{ display:block; box-sizing:border-box; padding:16px; background:#f4f8fc; display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; height:100%; padding:35px 0}
.newsList .ibd .item a .time{ width:115px; text-align:center}
.newsList .ibd .item a .time .p1{ font-size:45px; line-height:1; font-family:Arial; color:#333333}
.newsList .ibd .item a .time .p2{ font-size:14px; line-height:1; font-family:Arial; color:#555555; margin-top:3px}
.newsList .ibd .item a .cont{ width:calc(100% - 115px); box-sizing:border-box; padding-right:30px}
.newsList .ibd .item a .cont .title{ font-size:20px; font-weight:bold; color:#333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .ibd .item a .cont .intro{ font-size:14px; color:#7c7d7d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:8px}
.newsList .ibd .item:hover a{ background:#932d18}
.newsList .ibd .item:hover a .time .p1{ color:#fff}
.newsList .ibd .item:hover a .time .p2{ color:#fff}
.newsList .ibd .item:hover a .cont .title{ color:#fff}
.newsList .ibd .item:hover a .cont .intro{ color:#fff}
@media all and (max-width:1440px){
	.newsList{ padding:60px 0 0}
	.newsList .ibd{ margin-top:40px; margin-bottom:60px; }
	.newsList .ibd .item{ width:calc(50% - 4px); margin-bottom:8px; margin-right:8px}
	.newsList .ibd .item a{padding:25px 0}
	.newsList .ibd .item a .time{ width:100px; }
	.newsList .ibd .item a .time .p1{ font-size:40px; }
	.newsList .ibd .item a .time .p2{ font-size:12px; margin-top:3px}
	.newsList .ibd .item a .cont{ width:calc(100% - 100px); padding-right:25px}
	.newsList .ibd .item a .cont .title{ font-size:18px; }
	.newsList .ibd .item a .cont .intro{ font-size:12px; }
}
@media all and (max-width:1200px){
	.newsList{ padding:40px 0 0}
	.newsList .ihd{ font-size:20px;  padding-bottom:15px}
	.newsList .ihd:after{ width:22px; height:2px; left:calc(50% - 11px) }
	.newsList .ibd{ margin-top:30px; margin-bottom:40px; }
	.newsList .ibd .item{ width:calc(50% - 4px); margin-bottom:8px; margin-right:8px}
	.newsList .ibd .item a{padding:20px 0}
	.newsList .ibd .item a .time{ width:90px; }
	.newsList .ibd .item a .time .p1{ font-size:32px; }
	.newsList .ibd .item a .time .p2{ font-size:12px; margin-top:3px}
	.newsList .ibd .item a .cont{ width:calc(100% - 90px); padding-right:20px}
	.newsList .ibd .item a .cont .title{ font-size:16px; }
	.newsList .ibd .item a .cont .intro{ font-size:12px; }
}
@media all and (max-width:750px){
	.newsList{ padding:40px 0 0}
	.newsList .ibd .item{ width:100%; margin-bottom:8px; margin-right:0}
	.newsList .ibd .item:nth-last-child(-n+2) { margin-bottom:8px}
	.newsList .ibd .item:nth-last-child(-n+1) { margin-bottom:0}
	.newsList .ibd .item a{padding:20px 0}
	.newsList .ibd .item a .time{ width:90px; }
	.newsList .ibd .item a .time .p1{ font-size:32px; }
	.newsList .ibd .item a .time .p2{ font-size:12px; margin-top:3px}
	.newsList .ibd .item a .cont{ width:calc(100% - 90px); padding-right:20px}
	.newsList .ibd .item a .cont .title{ font-size:16px; }
	.newsList .ibd .item a .cont .intro{ font-size:12px; }
}

.keshi{ padding:80px 0 0}
.keshi .keshiCont{ box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; box-sizing:border-box; padding:50px}
.keshiCont .hd{ display:flex; align-items: center; font-size:24px; color:#932d18; font-weight:bold}
.keshiCont .hd img{ margin-right:10px; height:32px}
.keshiCont .bd{ margin-top:35px;display:flex; flex-wrap: wrap;} 
.keshiCont .bd .item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
.keshiCont .bd .item:nth-last-child(-n+5) { margin-bottom:0}
.keshiCont .bd .item a{box-sizing:border-box; border:1px solid #e6e6e6;display:flex; align-items: center; justify-content: center; font-size:16px; color:#333333; height:50px; cursor:pointer}
.keshiCont .bd .item:nth-child(5n){ margin-right:0}
.keshiCont .bd .item a:hover{ background:#932d18; border:1px solid #932d18; color:#fff}
.keshi .keshiCont .cont{ margin-top:60px}
.keshi .keshiCont .cont:nth-child(1){ margin-top:0}
@media all and (max-width:1440px){
	.keshi{ padding:60px 0 0}
	.keshi .keshiCont{ padding:40px}
	.keshiCont .hd{ font-size:22px; }
	.keshiCont .hd img{ margin-right:10px; height:30px}
	.keshiCont .bd{ margin-top:25px; } 
	.keshiCont .bd .item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
	.keshiCont .bd .item:nth-last-child(-n+5) { margin-bottom:0}
	.keshiCont .bd .item a{ font-size:14px; height:40px; }
	.keshiCont .bd .item:nth-child(5n){ margin-right:0}
	.keshi .keshiCont .cont{ margin-top:40px}
}
@media all and (max-width:1200px){
	.keshi{ padding:40px 0 0}
	.keshi .keshiCont{ padding:20px}
	.keshiCont .hd{ font-size:22px; }
	.keshiCont .hd img{ margin-right:10px; height:30px}
	.keshiCont .bd{ margin-top:25px; } 
	.keshiCont .bd .item{ width:24.25%; }
	.keshiCont .bd .item:nth-last-child(-n+5) { margin-bottom:1%}
	.keshiCont .bd .item:nth-last-child(-n+4) { margin-bottom:0}
	.keshiCont .bd .item a{ font-size:14px; height:40px; }
	.keshiCont .bd .item:nth-child(5n){ margin-right:1%}
	.keshiCont .bd .item:nth-child(4n){ margin-right:0}
	.keshi .keshiCont .cont{ margin-top:40px}
}
@media all and (max-width:750px){
	.keshi{ padding:40px 0 0}
	.keshi .keshiCont{ padding:30px 20px}
	.keshiCont .hd{ font-size:20px; }
	.keshiCont .hd img{ margin-right:10px; height:24px}
	.keshiCont .bd{ margin-top:25px; } 
	.keshiCont .bd .item{ width:32%; margin-right:2% }
	.keshiCont .bd .item:nth-last-child(-n+5) { margin-bottom:2%}
	.keshiCont .bd .item:nth-last-child(-n+4) { margin-bottom:2%}
	.keshiCont .bd .item:nth-last-child(-n+3) { margin-bottom:0}
	.keshiCont .bd .item a{ font-size:14px; height:40px; }
	.keshiCont .bd .item:nth-child(5n){ margin-right:2%}
	.keshiCont .bd .item:nth-child(4n){ margin-right:2%}
	.keshiCont .bd .item:nth-child(3n){ margin-right:0}
	.keshi .keshiCont .cont{ margin-top:40px}
}



.picNewsList{ padding:80px 0 0 }
.picNewsList .ihd{ text-align:center; position:relative; font-size:24px; color:#953320; line-height:1; font-weight:bold; padding-bottom:18px}
.picNewsList .ihd:after{ content:""; display:block; width:26px; height:3px; background:#953320; position:absolute; left:calc(50% - 13px); bottom:0}
.picNewsList .ibd{ margin-top:60px; margin-bottom:80px; display:flex; flex-wrap: wrap;}
.picNewsList .ibd .item{ width:100%; margin-bottom:25px}
.picNewsList .ibd .item:last-child{ margin-bottom:0}
.picNewsList .ibd .item a{ display:block; box-sizing:border-box; border:1px solid #e6e6e6; width:100%; padding:12px;display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.picNewsList .ibd .item a .pic{ width:208px; overflow:hidden}
.picNewsList .ibd .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picNewsList .ibd .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picNewsList .ibd .cont{ width:calc(100% - 364px); box-sizing:border-box; padding:0 60px}
.picNewsList .ibd .cont .title{ font-size:32px; color:#333; font-weight:bold}
.picNewsList .ibd .cont .intro{ width:fit-content; padding:10px 15px; color:#fff; font-size:16px; font-weight:bold; background:#932d18; margin-top:10px}
.picNewsList .ibd .cont .content{ font-size:16px; color:#727272; line-height:1.6; text-align:justify; margin-top:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.picNewsList .ibd .more{ width:156px; display:flex; align-items: center; justify-content: center; height:180px; box-sizing:border-box; border-left:1px solid #e6e6e6}
.picNewsList .ibd .more i{ background:url(g_38.png) right center no-repeat; padding-right:20px; font-size:16px; color:#932d18}
.picNewsList .ibd .item:hover a{ background:#f4f8fc}
@media all and (max-width:1440px){
	.picNewsList{ padding:60px 0 0 }
	.picNewsList .ibd{ margin-top:40px; margin-bottom:60px }
	.picNewsList .ibd .item{ margin-bottom:20px}
	.picNewsList .ibd .item a{}
	.picNewsList .ibd .item a .pic{ width:180px; }
	.picNewsList .ibd .cont{ width:calc(100% - 300px);  padding:0 40px}
	.picNewsList .ibd .cont .title{ font-size:24px; }
	.picNewsList .ibd .cont .intro{ font-size:14px; }
	.picNewsList .ibd .cont .content{ font-size:14px;}
	.picNewsList .ibd .more{ width:120px; height:140px }
	.picNewsList .ibd .more i{ padding-right:20px; font-size:14px; }
}
@media all and (max-width:1200px){
	.picNewsList{ padding:40px 0 0 }
	.picNewsList .ihd{ font-size:20px; padding-bottom:15px}
.picNewsList .ihd:after{ width:22px; height:2px;  left:calc(50% - 11px) }

	.picNewsList .ibd{ margin-top:20px; margin-bottom:40px }
	.picNewsList .ibd .item{ margin-bottom:20px}
	.picNewsList .ibd .item a{}
	.picNewsList .ibd .item a .pic{ width:120px; }
	.picNewsList .ibd .cont{ width:calc(100% - 220px);  padding:0 20px}
	.picNewsList .ibd .cont .title{ font-size:20px; }
	.picNewsList .ibd .cont .intro{ font-size:12px; margin-top:5px; padding:8px 10px }
	.picNewsList .ibd .cont .content{ font-size:12px; margin-top:10px}
	.picNewsList .ibd .more{ width:100px; height:120px }
	.picNewsList .ibd .more i{ padding-right:20px; font-size:12px; }
}
@media all and (max-width:750px){
	.picNewsList{ padding:40px 0 0 }
	.picNewsList .ibd{ margin-top:20px; margin-bottom:40px }
	.picNewsList .ibd .item{ margin-bottom:20px}
	.picNewsList .ibd .item a{}
	.picNewsList .ibd .item a .pic{ width:120px; }
	.picNewsList .ibd .cont{ width:calc(100% - 120px);  padding:0 0  0 12px}
	.picNewsList .ibd .cont .title{ font-size:16px; }
	.picNewsList .ibd .cont .intro{ font-size:12px; margin-top:5px; padding:8px 10px }
	.picNewsList .ibd .cont .content{ font-size:12px; margin-top:10px}
	.picNewsList .ibd .more{ width:100%; height:auto; justify-content: left; margin-top:10px; border:0}
	.picNewsList .ibd .more i{ padding-right:20px; font-size:12px; }
}





/*picx*/
.picx{ padding:60px 0 0}
.picx .ihd{ text-align:center; position:relative; font-size:24px; color:#953320; line-height:1; font-weight:bold; padding-bottom:18px; margin-bottom:40px}
.picx .ihd:after{ content:""; display:block; width:26px; height:3px; background:#953320; position:absolute; left:calc(50% - 13px); bottom:0}

.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{ padding:20px; background:#ececec}
.picxList .item a .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:#953320}
.picxList .item:hover a .cont{ color:#fff; background:#953320}
@media all and (max-width:1440px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	
	
	.picx .ihd{ font-size:20px; padding-bottom:15px; margin-bottom:20px}
	.picx .ihd:after{ width:22px; left:calc(50% - 11px); }


}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}



.newsPage3{ padding:40px 0}
.newsList3{ padding-bottom:30px}
.newsList3 .nr{  border-top:1px solid #ccc; border-bottom:0}
.newsList3 .item{ width:100%;  border-bottom:1px solid #ccc}
.newsList3 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100%; padding:20px; font-size:16px; color:#333; position:relative }
.newsList3 .item a:after{ content:""; display:block; width:4px; height:4px; background:#ccc; border-radius:50%; position:absolute; left:0; top:calc(50% - 2px)}
.newsList3 .item a:hover{ color:#932d18; font-weight:bold}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0 }
	.newsList3{ padding-bottom:10px}

}
@media all and (max-width:450px){
	.newsList3 .item{ height:100px}

}

.ab01{ padding:80px 0 0}
.ab01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab01 .nr .pic{ width:722px; overflow:hidden}
.ab01 .nr .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab01 .nr .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab01 .nr .cont{ width:640px;}
.about .ihd{ font-size:24px; color:#953320; line-height:1; font-weight:bold; padding-bottom:18px; position:relative; text-align:center}
.about .ihd:after{ content:""; display:block; width:26px; height:3px; background:#953320; position:absolute; left:calc(50% - 13px); bottom:0}
.about .ab01 .ihd{ text-align:left}
.about .ab01 .ihd:after{ left:0}
.ab01 .nr .cont .intro{ margin-top:50px; font-size:16px; color:#666666; text-align:justify; line-height:2}
@media all and (max-width:1440px){
	.ab01{ padding:60px 0 0}
	.ab01 .nr .pic{ width:50%; }
	.ab01 .nr .cont{ width:47%;}
	.ab01 .nr .cont .intro{ margin-top:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.about .ihd{ font-size:20px; padding-bottom:15px;}
	.about .ihd:after{ width:22px; left:calc(50% - 11px); }
	.ab01{ padding:40px 0 0}
	.ab01 .nr .pic{ width:100%; }
	.ab01 .nr .cont{ width:100%; margin-top:20px}
	.ab01 .nr .cont .intro{ margin-top:15px; font-size:14px; }
}


.ab02{ padding:80px 0 0 }
.ab02 .swiper02{ width:100%; overflow:hidden; margin-top:60px}
.ab02 .swiper02 .swiper-slide{ width:12.7%; margin-right:1.85%;}
.ab02 .swiper02 .swiper-slide:last-child{ margin-right:0}
.ab02 .swiper02 .swiper-slide a{ display:block; width:100%; position:relative}
.ab02 .swiper02 .swiper-slide a .item{ width:100%; padding-bottom:100%; background:url(g_41.png) center center no-repeat; background-size:100% 100%}
.ab02 .swiper02 .swiper-slide a .cont{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; display:flex; align-items: center; justify-content: center; text-align:center}
.ab02 .swiper02 .swiper-slide a .cont .title{ font-size:24px; color:#333333; transition:all 0.3s}
.ab02 .swiper02 .swiper-slide a .cont .more{ font-size:14px; color:#973826; display:none}
.ab02 .swiper02 .swiper-slide:hover a .item{ background:url(g_42.png) center center no-repeat; background-size:100% 100%}
.ab02 .swiper02 .swiper-slide:hover a .cont .title{ font-size:32px; color:#932d18; font-weight:bold}
.ab02 .swiper02 .swiper-slide:hover a .cont .more{ display:block}
.ab02 .swiper02 .btn{ width:100%; display:flex; align-items: center; justify-content: center; margin-top:40px }
.ab02 .swiper02 .btn .prev02{ background:url(g_22.jpg) center center no-repeat; width:62px; height:62px;  background-size:cover; cursor:pointer; transform:rotateY(180deg); border-radius:50%; overflow:hidden}
.ab02 .swiper02 .btn .prev02:hover{ background:url(g_23.jpg) center center no-repeat;  background-size:cover; transform:rotateY(0)}
.ab02 .swiper02 .btn .next02{ background:url(g_22.jpg) center center no-repeat; width:62px; height:62px;  background-size:cover; cursor:pointer; transform:rotateY(0); margin-left:50px; border-radius:50%; overflow:hidden}
.ab02 .swiper02 .btn .next02:hover{ background:url(g_23.jpg) center center no-repeat;  background-size:cover; transform:rotateY(180deg)}
@media all and (max-width:1440px){
	.ab02{ padding:60px 0 0 }
	.ab02 .swiper02{ margin-top:40px}
	.ab02 .swiper02 .swiper-slide a .cont .title{ font-size:20px; }
	.ab02 .swiper02 .swiper-slide a .cont .more{ font-size:12px; }
	.ab02 .swiper02 .swiper-slide:hover a .cont .title{ font-size:28px; }
	.ab02 .swiper02 .btn{ margin-top:30px }
	.ab02 .swiper02 .btn .prev02{ width:50px; height:50px;  }
	.ab02 .swiper02 .btn .next02{  width:50px; height:50px; margin-left:30px; }

}
@media all and (max-width:1200px){
	.ab02{ padding:40px 0 0 }
	.ab02 .swiper02{ margin-top:30px}
	.ab02 .swiper02 .swiper-slide{ width:23.5%; margin-right:2%}
	.ab02 .swiper02 .btn{ margin-top:20px }
	.ab02 .swiper02 .btn .prev02{ width:40px; height:40px;  }
	.ab02 .swiper02 .btn .next02{  width:40px; height:40px; margin-left:20px; }
}
@media all and (max-width:750px){
	.ab02{ padding:40px 0 0 }
	.ab02 .swiper02{ margin-top:20px}
	.ab02 .swiper02 .swiper-slide{ width:32%; margin-right:2%}
	.ab02 .swiper02 .swiper-slide a .cont .title{ font-size:18px; }
	.ab02 .swiper02 .swiper-slide a .cont .more{ font-size:12px; }
	.ab02 .swiper02 .swiper-slide:hover a .cont .title{ font-size:24px; }
	.ab02 .swiper02 .btn{ margin-top:16px }
	.ab02 .swiper02 .btn .prev02{ width:32px; height:32px;  }
	.ab02 .swiper02 .btn .next02{  width:32px; height:32px; margin-left:20px; }
}



.ab03{ padding:80px 0 0 }
.ab03 .swiper03{ width:100%; overflow:hidden; margin-top:40px}
.ab03 .swiper03 .swiper-slide{ width:23.5%; margin-right:2%}
.ab03 .swiper03 .swiper-slide:last-child{ margin-right:0}
.ab03 .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.ab03 .swiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab03 .swiper03 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab03 .ibd{ margin-top:40px; font-size:16px; color:#666666; line-height:2; text-align:justify}
@media all and (max-width:1440px){
	.ab03{ padding:60px 0 0 }
	.ab03 .swiper03{ margin-top:30px}
	.ab03 .ibd{ margin-top:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.ab03{ padding:40px 0 0 }
	.ab03 .swiper03{ margin-top:20px}
	.ab03 .swiper03 .swiper-slide{ width:32%; margin-right:2%}
	.ab03 .ibd{ margin-top:20px; font-size:12px; }
}
@media all and (max-width:750px){
	.ab03{ padding:40px 0 0 }
	.ab03 .swiper03{ margin-top:20px}
	.ab03 .swiper03 .swiper-slide{ width:49%; margin-right:2%}
	.ab03 .ibd{ margin-top:15px; font-size:12px; }
}


.ab04{ padding:80px 0 0 }
.ab04 .ibd{ margin-top:40px; font-size:16px; color:#666666; line-height:2; text-align:justify}
@media all and (max-width:1440px){
	.ab04{ padding:60px 0 0 }
	.ab04 .ibd{ margin-top:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.ab04{ padding:40px 0 0 }
	.ab04 .ibd{ margin-top:20px; font-size:12px; }
}
@media all and (max-width:750px){
	.ab04{ padding:40px 0 0 }
	.ab04 .ibd{ margin-top:15px; font-size:12px; }
}

.ab05{ padding:80px 0 0 }
@media all and (max-width:1440px){
	.ab05{ padding:60px 0 0 }
}
@media all and (max-width:1200px){
	.ab05{ padding:40px 0 0 }
}
@media all and (max-width:750px){
	.ab05{ padding:40px 0 0 }
}
.ab05 .tab05{ width:100%; margin-top:60px}
.ab05 .tab05 .hd{ width:100%}
.ab05 .tab05 .hd ul{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab05 .tab05 .hd ul li{ width:284px; transition:all 0.5s; height:400px; background:url(g_44.jpg) center center no-repeat; background-size:cover; position:relative}
.ab05 .tab05 .hd ul li.on{ width:534px;  background:url(g_46.png) center center no-repeat; background-size:cover}
.ab05 .tab05 .hd ul li .cont{ width:182px; height:182px; background:url(g_45.png) center center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff;  text-align:center; display:flex; align-items: center; justify-content: center;}
.ab05 .tab05 .hd ul li .cont .item{ width:100%}
.ab05 .tab05 .hd ul li .cont .title{ font-size:21px; color:rgba(255,255,255,0.5)}
.ab05 .tab05 .hd ul li .cont .en{ font-size:14px; color:rgba(255,255,255,0.5); text-transform:uppercase; margin-top:5px}
.ab05 .tab05 .hd ul li .cont .line{ width:0; background:#fff; transition:all 0.3s}
.ab05 .tab05 .hd ul li .cont .intro{ display:none; font-size:16px; color:rgba(255,255,255,0.8); line-height:2; margin-top:30px}
.ab05 .tab05 .hd ul li.on .cont{ width:100%; height:100%; background:none; box-sizing:border-box; padding:80px 60px; text-align:left;align-items: baseline;}
.ab05 .tab05 .hd ul li.on .cont .title{ color:#fff}
.ab05 .tab05 .hd ul li.on .cont .line{ width:20px; height:2px; background:#fff; margin-top:16px}
.ab05 .tab05 .hd ul li.on .cont .intro{ display:block;}
@media all and (max-width:1440px){
	.ab05 .tab05{ margin-top:40px}
	.ab05 .tab05 .hd ul li{ width:245px; height:360px;}
	.ab05 .tab05 .hd ul li.on{ width:440px;  background:url(g_46.png) center center no-repeat; background-size:cover}
	.ab05 .tab05 .hd ul li .cont{ width:160px; height:160px;}
	.ab05 .tab05 .hd ul li .cont .title{ font-size:18px; }
	.ab05 .tab05 .hd ul li .cont .en{ font-size:12px;}
	.ab05 .tab05 .hd ul li .cont .intro{ font-size:14px; margin-top:25px}
	.ab05 .tab05 .hd ul li.on .cont{  padding:60px 40px; }
	.ab05 .tab05 .hd ul li.on .cont .line{ margin-top:15px}
}
@media all and (max-width:1200px){
	.ab05 .tab05{ margin-top:30px}
	.ab05 .tab05 .hd ul li{ width:49.5%; height:auto; margin-bottom:1%}
	.ab05 .tab05 .hd ul li.on{ width:49.5%;  background:url(g_44.jpg) center center no-repeat; background-size:cover}
	.ab05 .tab05 .hd ul li .cont{ width:100%; height:100%;align-items: baseline; background:none; text-align:left; padding:30px 20px; box-sizing:border-box; position:relative}
	.ab05 .tab05 .hd ul li .cont .title{ font-size:16px; }
	.ab05 .tab05 .hd ul li .cont .en{ font-size:12px;}
	.ab05 .tab05 .hd ul li .cont .intro{ font-size:12px; margin-top:15px; display:block}
	.ab05 .tab05 .hd ul li.on .cont{  padding:30px 20px; }
	.ab05 .tab05 .hd ul li.on .cont .line{ margin-top:15px}
	.ab05 .tab05 .hd ul li .cont .line{ margin-top:15px; display:block; height:2px; width:20px;}
}
@media all and (max-width:750px){
	.ab05 .tab05{ margin-top:30px}
	.ab05 .tab05 .hd ul li{ width:100%; height:auto; margin-bottom:1%}
	.ab05 .tab05 .hd ul li.on{ width:100%;  background:url(g_44.jpg) center center no-repeat; background-size:cover}
	.ab05 .tab05 .hd ul li .cont{ width:100%; height:100%;align-items: baseline; background:none; text-align:left; padding:30px 20px; box-sizing:border-box; position:relative}
	.ab05 .tab05 .hd ul li .cont .title{ font-size:16px; }
	.ab05 .tab05 .hd ul li .cont .en{ font-size:12px;}
	.ab05 .tab05 .hd ul li .cont .intro{ font-size:12px; margin-top:15px; display:block}
	.ab05 .tab05 .hd ul li.on .cont{  padding:30px 20px; }
	.ab05 .tab05 .hd ul li.on .cont .line{ margin-top:15px}
	.ab05 .tab05 .hd ul li .cont .line{ margin-top:15px; display:block; height:2px; width:20px;}
}