@charset "utf-8";
.container{}
.header{height: auto;}

.u-tt .hd { margin:0 2.5%; position:relative; }
.u-tt .hd h2 { padding:15px 5px; border-bottom: 1px solid #ccc; color:#132c80; font-size:18px; line-height:26px; vertical-align:top; font-weight:100; }
.u-tt .hd h2 span { display:block; color:#bababa; font-weight:100; font-size:15px; line-height:20px; text-transform:uppercase; vertical-align:top; }
.u-tt .hd .more { position:absolute; top:50%; right:8px; width:15px; height:15px; margin-top:-7px; padding:0; background:url(../images/icon_arr_arrow.png) no-repeat #f60; background-size:contain; overflow:hidden; }
.u-tt .hd .more a { display:block; background:none; line-height:999px; }
.u-tt .bd { margin:0 2.5%; padding:3% 0; }

.box-isd{display: none}
.box-isd .hd { background:#fff;}
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col { float:right; height:24px; margin:15px 5px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

@media only screen and (max-width:1200px){
	.wrap{width: 96%;}
	.box-isd{display: block;}
}

.wrap .main{padding: 80px 0;position: relative;z-index: 3}
@media only screen and (max-width:1600px){
	.wrap .main{padding: 60px 0;}
}
@media only screen and (max-width:1200px){
	.wrap .main{padding: 40px 0;}
}
@media only screen and (max-width:640px){
	.wrap .main{padding: 20px 0;}
}


.sidebar { background:#eee;position: relative;z-index: 10 }

.leftTitle { display:none; }
 
.menu { position:relative; text-align:center; font-size:0; }
.menu dl { display: flex;justify-content: center;flex-wrap: wrap;}
.menu dl dt { position:relative; display:inline-block; }
.menu dl dt > a { position:relative; display:flex; align-items: center; padding:0 70px; font-size:18px; color:#000; height:75px; line-height:75px; }
.menu dl dt > a.current,.menu dl dt:hover > a { background:#5c4451; color:#fff; font-weight:bold; }

.second-area-102102 > a i,
.second-area-102105 > a i,
.second-area-102106 > a i {
    display: block;
    width: 20px;
	height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    margin-left: 8px;
    font-style: normal;
	background-position: center;
	background-repeat: no-repeat;
    color: #fff;
    border: 1px solid #ffffff94;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1734919438229' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4234' width='16' height='16'%3E%3Cpath d='M512 512V170.666667h42.666667v341.333333h341.333333v42.666667h-341.333333v341.333333h-42.666667v-341.333333H170.666667v-42.666667h341.333333z' fill='%23ffffff' p-id='4235'%3E%3C/path%3E%3C/svg%3E");
}
.second-area-102102:hover > a i,
.second-area-102105:hover > a i,
.second-area-102106:hover > a i {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1734919568218' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6224' width='16' height='16'%3E%3Cpath d='M128 512h768v46.933333H128z' fill='%23ffffff' p-id='6225'%3E%3C/path%3E%3C/svg%3E");}
.second-area-102102 .third-area,
.second-area-102105 .third-area,
.second-area-102106 .third-area {
    position: absolute;
    left: 0;
    top: 75px;
    font-size: 14px;
    right: 0;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: all	.3s ease-in-out;
	max-height: 250px;
    overflow-y: scroll;
	z-index: 11;
}
.second-area-102102 .third-area a,
.second-area-102105 .third-area a,
.second-area-102106 .third-area a { 
	display: block;
    line-height: 65px;
    text-align: center;
    font-size: 16px;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
 }
.second-area-102102 .third-area a.current,
.second-area-102105 .third-area a.current,
.second-area-102106 .third-area a.current { color:#5c4451; border-bottom: 1px solid #5c4451; }
.second-area-102102:hover .third-area,
.second-area-102105:hover .third-area,
.second-area-102106:hover .third-area { opacity: 1; }







@media all and (max-width:1680px){

	.menu dl dt a { padding:0 40px; font-size:16px; height:55px; line-height:55px; }

}
@media all and (max-width:1200px){
	.sidebar { display:none; }
}

/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:30px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }
@media all and (max-width:1560px){
	.article .hd h1{font-size: 24px;}
}
@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
	.article .hd h1{font-size: 20px;}
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1680px){
	.location { width:100%; }
}
@media all and (max-width:1200px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
.piList .pic-item-list .pic-item{float:left;width: 31.33333%;margin:0 3% 3% 0;text-align: center;}
.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 0;}
.piList .pic-item-list .pic-item .list-pic{overflow: hidden;}
.piList .pic-item-list .pic-item dl{padding: 0 3%;background: #f5f5f5;line-height: 3.2;}
.piList .pic-item-list .pic-item dl dt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.piList .pic-item-list .pic-item dl dt a{font-size: 18px;color: #333;}
.piList .pic-item-list .pic-item:hover dl{background: #5c4451;}
.piList .pic-item-list .pic-item:hover dl dt a{color: #fff;}
.piList .pic-item-list .pic-item .list-pic img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;width: 100%
	
}
.piList .pic-item-list .pic-item:hover .list-pic img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}

.piList.piList2 .pic-item-list .pic-item{width: 15%;margin:0 2% 2% 0;}
.piList.piList2 .pic-item-list .pic-item:nth-child(6n){margin-right: 0;}
.piList.piList2 .pic-item-list .pic-item dl{display: none;}

@media only screen and (max-width:1560px){
	.piList .pic-item-list .pic-item dl dt a{font-size: 16px;}

	.piList.piList2 .pic-item-list .pic-item{width: 18%;margin:0 2.5% 2.5% 0;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(6n){margin-right: 2.5}
	.piList.piList2 .pic-item-list .pic-item:nth-child(5n){margin-right: 0;}

}
@media only screen and (max-width:1200px){
	.piList .pic-item-list .pic-item dl dt a{font-size: 14px;}

	.piList.piList2 .pic-item-list .pic-item{width: 23%;margin:0 2.666% 2.666% 0;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(6n){margin-right: 2.666%;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(5n){margin-right: 2.666%;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(4n){margin-right: 0;}
}
@media only screen and (max-width:640px){
	.piList .pic-item-list .pic-item{float:left;width: 48%;margin:0 4% 4% 0;text-align: center;}
	.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 4%;}
	.piList .pic-item-list .pic-item:nth-child(2n){margin-right: 0;}
	.piList .pic-item-list .pic-item dl dt a{font-size: 12px;}	

	.piList.piList2 .pic-item-list .pic-item{width: 31.33333%;margin:0 3% 3% 0;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(6n){margin-right: 3%;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(5n){margin-right: 3%;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(4n){margin-right: 3%;}
	.piList.piList2 .pic-item-list .pic-item:nth-child(3n){margin-right: 0;}
}

/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom: 20px; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#5c4451; color:#fff; }

@media screen and (max-width: 1024px){
	.page{padding-top: 10px}
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}

.hotNews{ margin-bottom:40px}
.hotNews .swiperx{ width:100%; overflow:hidden; position:relative}
.hotNews .swiperx .swiper-slide{ width:100%; background:#f3f3f6}
.hotNews .swiperx .swiper-slide a{ display:block; width:100%; height:100%}
.hotNews .swiperx .swiper-slide .pic{ width:626px; float:left; overflow:hidden;}
.hotNews .swiperx .swiper-slide .pic img{ width:100%}
.hotNews .swiperx .swiper-slide .title{ width:calc(100% - 626px); float:right; box-sizing:border-box; padding:60px 60px 0 60px;}
.hotNews .swiperx .swiper-slide .title .time{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:rgba(52,52,52,0.7); padding:15px 0; line-height:1}
.hotNews .swiperx .swiper-slide .title .tt{ font-size:22px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold}
.hotNews .swiperx .swiper-slide .title .intro{ font-size:16px; color:rgba(52,52,52,0.5); text-align:justify; line-height:30px; height:90px; overflow:hidden; margin-top:20px}
.hotNews .swiperx .swiper-slide .title .more{ text-align:right; font-size:16px; color:#ababab; margin-top:40px}
.hotNews .swiperx .paginationx{ width:calc(100% - 686px); position:absolute; right:0; left:auto; bottom:50px; z-index:9; height:8px; font-size:0}
.hotNews .swiperx .paginationx span{ width:8px; height:8px; border-radius:0; background:#cccccc; margin:0; margin-right:5px; opacity:1}
.hotNews .swiperx .paginationx span.swiper-pagination-bullet-active{ background:#040404}

.hotNews .swiperx .swiper-slide:hover .title .tt{color: #5c4451;}
.hotNews .swiperx .swiper-slide .pic img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
}
.hotNews .swiperx .swiper-slide:hover .pic img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}

@media all and (max-width:1700px){
	.hotNews{ }
	.hotNews .swiperx .swiper-slide .pic{ width:556px}
	.hotNews .swiperx .swiper-slide .title{ width:calc(100% - 556px); padding:40px 40px 0 40px}
	.hotNews .swiperx .swiper-slide .title .more{ margin-top:30px}
	.hotNews .swiperx .paginationx{ width:calc(100% - 596px); bottom:40px}
}
@media all and (max-width:1200px){
	.hotNews{ margin-bottom:15px}
	.hotNews .swiperx .swiper-slide .pic{ width:100%}
	.hotNews .swiperx .swiper-slide .title{ width:100%; padding:20px 15px}
	.hotNews .swiperx .swiper-slide .title .time{ font-size:14px; padding:10px 0}
	.hotNews .swiperx .swiper-slide .title .tt{ font-size:18px}
	.hotNews .swiperx .swiper-slide .title .intro{ font-size:14px; line-height:24px; margin-top:10px; height:auto}
	.hotNews .swiperx .swiper-slide .title .more{ margin-top:10px; font-size:12px}
	.hotNews .swiperx .paginationx{ width:100%; bottom:0; position:relative; margin-top:10px; text-align:center}
}

/* 新闻列表 */
.page-news{padding: 0 0 0.6rem 0;}
.page-news .topNews .m-links{margin-bottom: 35px;}
.page-news .page-news-list a{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dde6e9; padding: 35px 0; transition: all 0.3s; position: relative;}
.page-news .page-news-list a::before{content: '\20'; position: absolute; left: 50%; top: 0; width: 100vw; height: 100%; transform: translateX(-50%); z-index: 2; background: #f3f3f6; opacity: 0; transition: all 0.3s;}
.page-news .page-news-list a:last-child{border-bottom: none;}
.page-news .page-news-list .textBox{width: 90%; position: relative; z-index: 4;}
.page-news .page-news-list .textBox .tit{font-size: 24px; font-weight: bold; color: #222222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  transition: all 0.3s;}
.page-news .page-news-list .textBox .tip{font-size: 16px; color: rgba(34,34,34,.8); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; margin-top: 10px;}
.page-news .page-news-list .textBox .txt{font-size: 14px; color: #222; margin-top: 10px;}
.page-news .page-news-list .timeBox{position: relative;z-index: 4; font-family: Arial;color: #b0b0b0; transition: all 0.3s;}
.page-news .page-news-list .timeBox .time1{font-size: 0.48rem; line-height: 1;}
.page-news .page-news-list .timeBox .time2{font-size: 18px;}
.page-news .page-news-list a:hover{border-color: transparent;}
.page-news .page-news-list a:hover::before{opacity: 1;}
.page-news .page-news-list a:hover .textBox .tit{color: #5c4451;}
.page-news .page-news-list a:hover .timeBox{color: #5c4451;}

@media screen and (max-width: 1200px) {
    .page-news .page-news-list .textBox{width: 100%; }
    .page-news .page-news-list .textBox .tit{font-size: 0.32rem; overflow: inherit; white-space: inherit; text-overflow: inherit; font-weight: bold;}
    .page-news .page-news-list .textBox .tip{font-size: 0.28rem; line-height: 0.48rem;}
}

.conArea01 .wrap { background:#eeeeee; }
.con01 { float:left; width:calc(100% - 600px); padding:65px 50px 0 50px; box-sizing: border-box; color:#252525; }
.con01 .p1 { font-size:30px; }
.con01 .p2 { font-size:14px; margin-top:15px; line-height:1.6; }
.con01 .p3 { margin-top:35px; }
.con01 .p3 .text { float:left; width:47.5%; height:60px; line-height:60px; padding:0 10px 0 60px; margin-bottom:30px; font-size:16px; box-sizing: border-box; border-radius:30px; }
.con01 .p3 .textarea { width:100%; height:135px; padding:20px 10px 10px 60px; margin-bottom:35px; font-size:16px; box-sizing: border-box; border-radius:20px; }
.con01 .p3 .btn01 { display:block; width:385px; height:55px; line-height:55px; margin:0 auto; font-size:18px; color:#fff; border-radius:30px; background:#5c4451; cursor:pointer; }

.con01 .p3 .text01 { background:url(ico01.png) no-repeat 25px center #fff; }
.con01 .p3 .text02 { background:url(ico02.png) no-repeat 25px center #fff; margin-left:5%; }
.con01 .p3 .text03 { background:url(ico03.png) no-repeat 25px center #fff; }
.con01 .p3 .text04 { background:url(ico04.png) no-repeat 25px center #fff; margin-left:5%; }
.con01 .p3 .text05 { background:url(ico05.png) no-repeat 25px 20px #fff; }
 
.con02 { float:right; width:600px; min-height:630px; padding:75px 100px 0 100px; color:#fff; background:url(con01.jpg) no-repeat center bottom; background-size:cover; box-sizing: border-box; line-height:1.1; }
.con02 .p1 { font-size:30px; }
.con02 .p2 { font-size:14px; margin-top:15px; line-height:1.6; }
.con02 .p3 { margin-top:35px; }
.con02 .p3 ul li { padding-left:45px; }
.con02 .p3 ul li .p31 { font-size:18px; line-height:30px; }
.con02 .p3 ul li .p32 { font-size:16px; line-height:1.6; margin-top:10px; }

.con02 .p3 ul li:nth-child(1) { background:url(con02.png) no-repeat top left; }
.con02 .p3 ul li:nth-child(1) .p32 { font-family:"Arial"; font-size:30px; }
.con02 .p3 ul li:nth-child(2) { background:url(con03.png) no-repeat top left; margin-top:30px; }

.con02 .p4 { margin-top:45px; text-align:center; }
.con02 .p4 img { width:130px; height:auto; }
.con02 .p4 p { font-size:14px; margin-top:20px; }

.conArea02 { margin-top:80px; }
.conArea02 .my-map { width:100%; }
.conArea02 #dituContent { width:100%; }

@media all and (max-width:1680px){
	.con01 { float:left; width:calc(100% - 470px); padding:35px 30px 0 30px; }
	.con01 .p1 { font-size:24px; }
	.con01 .p2 { font-size:14px; margin-top:10px; }
	.con01 .p3 { margin-top:20px; }
	.con01 .p3 .text { float:left; width:47.5%; height:50px; line-height:50px; padding:0 10px 0 60px; margin-bottom:20px; font-size:14px;  }
	.con01 .p3 .textarea { width:100%; height:120px; padding:20px 10px 10px 60px; margin-bottom:20px; font-size:14px; }
	.con01 .p3 .btn01 { width:300px; height:45px; line-height:45px; font-size:16px; }

	.con01 .p3 .text01 { background:url(ico01.png) no-repeat 25px center #fff; }
	.con01 .p3 .text02 { background:url(ico02.png) no-repeat 25px center #fff; margin-left:5%; }
	.con01 .p3 .text03 { background:url(ico03.png) no-repeat 25px center #fff; }
	.con01 .p3 .text04 { background:url(ico04.png) no-repeat 25px center #fff; margin-left:5%; }
	.con01 .p3 .text05 { background:url(ico05.png) no-repeat 25px 20px #fff; }
	 
	.con02 { float:right; width:470px; min-height:500px; padding:35px 50px 0 50px; }
	.con02 .p1 { font-size:24px; }
	.con02 .p2 { font-size:14px; margin-top:10px; }
	.con02 .p3 { margin-top:20px; }
	.con02 .p3 ul li { padding-left:35px; background-size:25px 25px!important; }
	.con02 .p3 ul li .p31 { font-size:16px; line-height:25px; }
	.con02 .p3 ul li .p32 { font-size:14px; line-height:1.6; margin-top:10px; }
 
	.con02 .p3 ul li:nth-child(1) .p32 { font-size:28px; }
	.con02 .p3 ul li:nth-child(2) { margin-top:15px; }

	.con02 .p4 { margin-top:20px; }
	.con02 .p4 img { width:130px; }
	.con02 .p4 p { font-size:14px; margin-top:15px; }

	.conArea02 { margin-top:60px; }
}
@media all and (max-width:1200px){
	.con01 { float:none; width:100%; padding:30px 4%; }
	.con01 .p1 { font-size:20px; }
	.con01 .p2 { font-size:14px; margin-top:10px; }
	.con01 .p3 { margin-top:20px; }
	.con01 .p3 .text { float:none; width:100%; height:35px; line-height:35px; padding:0 10px 0 40px; margin-bottom:10px; font-size:14px; background-size:18px 18px!important; }
	.con01 .p3 .textarea { width:100%; height:120px; padding:10px 10px 10px 40px; margin-bottom:20px; font-size:14px; background-size:18px 18px!important; }
	.con01 .p3 .btn01 { width:200px; height:35px; line-height:35px; font-size:14px; }

	.con01 .p3 .text01 { background:url(ico01.png) no-repeat 15px center #fff; }
	.con01 .p3 .text02 { background:url(ico02.png) no-repeat 15px center #fff; margin-left:0; }
	.con01 .p3 .text03 { background:url(ico03.png) no-repeat 15px center #fff; }
	.con01 .p3 .text04 { background:url(ico04.png) no-repeat 15px center #fff; margin-left:0; }
	.con01 .p3 .text05 { background:url(ico05.png) no-repeat 15px 13px #fff; }
	 
	.con02 { float:none; width:100%; min-height:10px; padding:30px 4%; }
	.con02 .p1 { font-size:20px; }
	.con02 .p2 { font-size:14px; margin-top:10px; }
	.con02 .p3 { margin-top:20px; }
	.con02 .p3 ul li { padding-left:30px; background-size:20px 20px!important; }
	.con02 .p3 ul li .p31 { font-size:16px; line-height:20px; }
	.con02 .p3 ul li .p32 { font-size:14px; line-height:1.6; margin-top:10px; }
 
	.con02 .p3 ul li:nth-child(1) .p32 { font-size:28px; }
	.con02 .p3 ul li:nth-child(2) { margin-top:15px; }

	.con02 .p4 { margin-top:20px; }
	.con02 .p4 img { width:120px; }
	.con02 .p4 p { font-size:14px; margin-top:15px; }

	.conArea02 { margin-top:30px; }
}

.proArea ul li { float:left; width:23%; margin:0 2.6666% 40px 0; border:1px solid #ecf4f8; border-radius:10px; overflow:hidden; box-sizing: border-box; }
.proArea ul li:nth-child(4n) { margin-right:0; }
.proArea ul li .pic { background:#5c4451; overflow:hidden; border:4px solid #e9e5e7; border-radius:10px 10px 0 0; overflow:hidden; }
.proArea ul li .pic img { transition: all 0.6s; }
.proArea ul li .txt { padding:35px 30px; }
.proArea ul li .txt .p1 { font-size:22px; line-height:25px; height:25px; font-weight:bold; padding-right:25px; background:url(p02.png) no-repeat center right; color:#333333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea ul li .txt .p2 { font-size:16px; line-height:20px; height:20px; margin-top:15px; color:#5c5c5c; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;display: none; }

 
.proArea ul li:hover { border-color:#5c4451; }
.proArea ul li:hover .txt { background:#5c4451; }
.proArea ul li:hover .txt .p1 { color:#fff; background:url(p03.png) no-repeat center right; }
.proArea ul li:hover .txt .p2 { color:#fff; }
.proArea ul li:hover .pic { border-color:#5c4451; }
.proArea ul li:hover .pic img { transform: scale(1.1)!important; }
 
@media all and (max-width:1680px){

	.proArea ul li .txt { padding:25px 20px; }
	.proArea ul li .txt .p1 { font-size:18px; line-height:20px; height:20px; }
	.proArea ul li .txt .p2 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.proArea ul li { width:48%; margin:0 4% 20px 0; }
	.proArea ul li:nth-child(4n) { margin-right:4%; }
	.proArea ul li:nth-child(2n) { margin-right:0; }
	.proArea ul li .txt { padding:25px 15px; }
	.proArea ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.proArea ul li .txt .p2 { font-size:14px; margin-top:10px; }
}


.proDis01{ border:1px solid #e5e5e5; width:100%; display:flex;align-items: center; padding:4%; justify-content: space-around; box-sizing:border-box}
.proDis01 .pic{ width:30%; overflow:hidden}
.proDis01 .pic img{ width:100%}
.proDis01 .cont{ width:54%; box-sizing:border-box; padding-right:3%}
.proDis01 .cont .title{ font-size:36px; color:#333333; border-bottom:1px solid #5c4451; line-height:1; font-weight:bold; padding-bottom:50px; position:relative}
.proDis01 .cont .title:after{ content:""; display:block; width:40px; height:3px; background:#333; position:absolute; left:0; bottom:-2px;}

.proDis01 .cont .con{padding: 15px 0 0;font-size: 20px;line-height: 1.7;}

.proDis01 .cont .bq{ margin-top:50px;display:flex;justify-content: space-between;}
.proDis01 .cont .bq .tel{ display:block; width:58%; height:60px; background:#333; color:#fff; border-radius:30px;display:flex;align-items: center;justify-content: center;}
.proDis01 .cont .bq .tel i{ display:inline-block; vertical-align:top; background:url(g_36.png) left center no-repeat; padding-left:60px; font-size:24px; font-family:Arial, Helvetica, sans-serif}
.proDis01 .cont .bq .lx{ display:block; width:38%; height:60px; box-sizing:border-box; border:1px solid #e5e5e5; color:#333; border-radius:30px;display:flex;align-items: center;justify-content: center;}
.proDis01 .cont .bq .lx i{ display:inline-block; vertical-align:top; background:url(g_37.png) left center no-repeat; padding-left:45px; font-size:24px; font-family:Arial, Helvetica, sans-serif}
.proDis01 .cont .item{ margin-top:30px; font-size:16px; color:#aaa}
@media (max-width: 1680px){
	.proDis01 .cont .title{ font-size:24px;  padding-bottom:30px;}
	.proDis01 .cont .title:after{ width:35px;}
	.proDis01 .cont .bq{ margin-top:30px; }
	.proDis01 .cont .bq .tel{  height:50px;}
	.proDis01 .cont .bq .tel i{ background-size:20px; padding-left:40px; font-size:20px;}
	.proDis01 .cont .bq .lx{ height:50px; }
	.proDis01 .cont .bq .lx i{ background-size:20px; padding-left:30px; font-size:20px;}
	.proDis01 .cont .item{ margin-top:20px; font-size:14px;}
	.proDis01 .cont .con{font-size: 18px;}
}
@media (max-width: 1200px){
	.proDis01 .cont .title{ font-size:20px;  padding-bottom:20px;}
	.proDis01 .cont .title:after{ width:30px;}
	.proDis01 .cont .bq{ margin-top:20px; }
	.proDis01 .cont .bq .tel{  height:45px;}
	.proDis01 .cont .bq .tel i{ background-size:16px; padding-left:32px; font-size:16px;}
	.proDis01 .cont .bq .lx{ height:45px; }
	.proDis01 .cont .bq .lx i{ background-size:16px; padding-left:32px; font-size:16px;}
	.proDis01 .cont .item{ margin-top:16px; font-size:12px;}
	.proDis01 .cont .con{font-size: 16px;}
}

@media (max-width: 750px){
	.proDis01{flex-direction: column-reverse;align-items: flex-start;justify-content: flex-start;}
	.proDis01 .cont{ width:100%}
	.proDis01 .pic{ width:100%}
	.proDis01 .cont .title{ padding-top:20px}
	.proDis01 .cont .con{font-size: 14px;}
	
}

.proDis02{ margin-top:35px; border:1px solid #e5e5e5}
.proDis02 .hd{ border-bottom:1px solid #e5e5e5; padding:0 4%}
.proDis02 .hd ul li{ float:left; margin-right:80px; font-size:24px; color:#000000; line-height:80px; position:relative}
.proDis02 .hd ul li.on:after{ content:""; display:block; width:100%; height:2px; background:#000; position:absolute; left:0; bottom:-1px}
.proDis02 .bd{ padding:4%; font-size:18px; color:#333; text-align:justify; line-height:2;}
.proDis02 .bd img{ max-width:100%}
.proDis03{ margin-top:35px;display:flex;justify-content: space-between;}
.proDis03 .item{ width:48%; height:90px; box-sizing:border-box; border:1px solid #e5e5e5;}
.proDis03 .item a{ display:flex;align-items: center;justify-content: center; font-size:18px; color:#333; width:100%; height:100%}
.proDis03 .item a:hover{ color:#5c4451}
@media (max-width: 1680px){
	.proDis02{ margin-top:30px;}
	.proDis02 .hd ul li{ font-size:24px; line-height:70px;}
	.proDis02 .bd{ font-size:16px;}
	.proDis03{ margin-top:30px;}
	.proDis03 .item{height:80px;}
	.proDis03 .item a{font-size:16px;}
}
@media (max-width: 1200px){
	.proDis02{ margin-top:20px;}
	.proDis02 .hd ul li{ font-size:20px; margin-right:20px; line-height:60px;}
	.proDis02 .bd{ font-size:14px;}
	.proDis03{ margin-top:20px;}
	.proDis03{ display:block}
	.proDis03 .item{height:45px; width:100%; margin-top:10px}
	.proDis03 .item a{font-size:14px;}
}
@media (max-width: 750px){
	.proDis02 .hd ul li{ font-size:18px; margin-right:10px; line-height:50px;}
}

.aba{padding: 155px 0 135px;}
.aba .abal{float: left;width: 56.5%;}
.aba .abal .abala{font-size: 36px;color: #333333;font-weight: bold;}
.aba .abal .abalb{margin-top: 40px;font-size: 18px;color: #333333;line-height: 2;padding-right: 10px;height: 360px;overflow-y: auto;}

.aba .abal .abalb{scrollbar-color: #5c4451 #c2c2c2; /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */ /* -ms-overflow-style:none; */ scrollbar-base-color: pink; scrollbar-face-color: #1a2d56; scrollbar-track-color: #dcdcdc;}
.aba .abal .abalb::-webkit-scrollbar{width:2;height:2px;}
.aba .abal .abalb::-webkit-scrollbar-button:vertical{display:none}
.aba .abal .abalb::-webkit-scrollbar-thumb:vertical:hover{background-color: #5c4451;}
.aba .abal .abalb::-webkit-scrollbar-thumb:vertical:active{background-color: #5c4451;}
.aba .abal .abalb::-webkit-scrollbar{width: 2px;}
.aba .abal .abalb::-webkit-scrollbar-track{background: #c2c2c2;}
.aba .abal .abalb::-webkit-scrollbar-thumb{background: #5c4451;border-radius: 8px;}

.aba .abar{float: right;width: 38.4615%;overflow: hidden;margin-top: 20px;}
.aba .abar img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
}
.aba .abar:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
@media only screen and (max-width:1560px){
	.aba{padding: 115px 0 100px;}
	.aba .abal .abala{font-size: 30px;}
	.aba .abal .abalb{margin-top: 30px;font-size: 16px;height: 288px;}
}
@media only screen and (max-width:1200px){
	.aba{padding: 80px 0 65px;}
	.aba .abal .abala{font-size: 24px;}
	.aba .abal .abalb{margin-top: 20px;font-size: 14px;height: 224px;}
}
@media only screen and (max-width:750px){
	.aba{padding: 30px 0 20px;}
	.aba .abal{float: none;width: 100%;}
	.aba .abar{float: none;width: 100%;}
	.aba .abal .abala{font-size: 18px;}
	.aba .abal .abalb{margin-top: 10px;font-size: 13px;height: 208px;}
}

.abb{background: url(ab2.jpg) no-repeat center;background-size: cover;position: relative;}
.abb .abba{position: absolute;top:13%;left: 34.5%;width: 31%;text-align: center;}
.abb .abba .abbaa{font-size: 36px;color: #ffffff;font-weight: bold;}
.abb .abba .abbab{margin-top: 35px;font-size: 16px;color: #ffffff;line-height: 1.75;}
.abb .abbb .abbbi{float: left;width: 25%;padding: 21% 0 14.5%;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.1);text-align: center;}
.abb .abbb .abbbi .abbbia{width: 71px;height: 71px;line-height: 71px;margin:0 auto;font-size: 36px;color: #5c4451;background: url(ab3.png) no-repeat center;background-size: cover;}
.abb .abbb .abbbi .abbbib{height: 7px;background:url(ab4.png) no-repeat center;margin-top: 17px;}
.abb .abbb .abbbi .abbbic{font-size: 32px;color: #ffffff;}
@media only screen and (max-width:1560px){
	.abb .abba{width: 40%;left: 30%;}
	.abb .abba .abbaa{font-size: 30px;}
	.abb .abba .abbab{margin-top: 25px;font-size: 15px;}
	.abb .abbb .abbbi .abbbia{width: 65px;height: 65px;font-size: 30px;line-height: 65px;}
	.abb .abbb .abbbi .abbbib{margin-top: 13px;}
	.abb .abbb .abbbi .abbbic{font-size: 26px;}
}
@media only screen and (max-width:1200px){
	.abb .abba{width: 60%;left: 20%;}
	.abb .abba .abbaa{font-size: 24px;}
	.abb .abba .abbab{margin-top: 15px;font-size: 14px;}
	.abb .abbb .abbbi .abbbia{width: 55px;height: 55px;font-size: 24px;line-height: 55px;}
	.abb .abbb .abbbi .abbbib{margin-top: 9px;}
	.abb .abbb .abbbi .abbbic{font-size: 20px;}
}
@media only screen and (max-width:750px){
	.abb .abba{position:static;width: 92%;margin-left: 4%;padding-top: 10%;}
	.abb .abba .abbaa{font-size: 18px;}
	.abb .abba .abbab{margin-top: 10px;font-size: 13px;}
	.abb .abbb{margin: 10% 0 5%;}
	.abb .abbb .abbbi{width: 50%;padding: 8% 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.abb .abbb .abbbi .abbbia{width: 40px;height: 40px;font-size: 18px;line-height: 40px;}
	.abb .abbb .abbbi .abbbib{margin-top: 5px;}
	.abb .abbb .abbbi .abbbic{font-size: 16px;margin-top: 5px;}
	.abb .abbb .abbbi:nth-child(1){border-left: 1px solid rgba(255,255,255,0.1);border-top: 1px solid rgba(255,255,255,0.1);}
	.abb .abbb .abbbi:nth-child(2){border-top: 1px solid rgba(255,255,255,0.1);}
	.abb .abbb .abbbi:nth-child(3){border-left: 1px solid rgba(255,255,255,0.1);}
}
@-webkit-keyframes big {
	0%{
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 1;
	}	
	100%{
		-webkit-transform: scale(3);
		        transform: scale(3);
		opacity: 0;
	}
}
@keyframes big {
	0%{
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 1;
	}	
	100%{
		-webkit-transform: scale(3);
		        transform: scale(3);
		opacity: 0;
	}
}
.abc{background: url(ab5.jpg) no-repeat center;background-size: cover;padding: 110px 0 135px;}
.abc .abca{text-align: center;font-size: 36px;color: #333333;font-weight: bold;}
.abc .abcb{margin-top: 105px;}
.abc .abcb .abcba{overflow: hidden;}
.abc .abcb .abcba .swiper-slide .number{position: absolute;left: 0;top:0;font-size: 56px;color: #5c4451;font-weight: bold;transition: 0.4s;}
.abc .abcb .abcba .swiper-slide.active .number{left: auto;right: 0;}
.abc .abcb .abcba .swiper-slide-active .number {opacity: 0;}
.abc .abcb .abcba .swiper-slide .item{opacity: 0;transition: 0.4s;display: flex;justify-content: space-between;/*flex-wrap: wrap;*/}
.abc .abcb .abcba .swiper-slide-active .item{opacity: 1;transition-delay: 0.8s;padding: 0 20%;}
.abc .abcb .abcba .swiper-slide .item .left{font-size: 76px;color: #5c4451;font-weight:bold;line-height: 1;margin-top: 10px;}
.abc .abcb .abcba .swiper-slide .item .right{width: 300px;margin-top: 10px;}
.abc .abcb .abcba .swiper-slide .item .right p{padding-left: 20px;background: url(ab6.png) no-repeat left 11px;line-height: 30px;font-size: 18px;color: #333333;margin-bottom: 15px;}
.abc .abcb .abcba .swiper-slide .item .right p.on{color: #5c4451;font-weight: bold;}
.abc .abcb .abcba .swiper-slide .item .pic{overflow: hidden;width: 334px;}
.abc .abcb .abcba .swiper-slide .item .pic img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
}
.abc .abcb .abcba .swiper-slide .item .pic:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.abc .abcb .abcbb{margin: 90px 75px 0;position: relative;}
.abc .abcb .abcbb .swiper{overflow: hidden;}
.abc .abcb .abcbb::after{content: '';top: 15px;left: 0;width: 100%;height: 1px;position: absolute;background: #999999;}
.abc .abcb .abcbb .swiper{padding-top: 10px;}
.abc .abcb .abcbb .swiper .item {text-align: center;cursor: pointer;}
.abc .abcb .abcbb .swiper .item span{display: block;width: 10px;height: 10px;background: #999999;margin: auto;border-radius: 50%;position: relative;-webkit-transform: rotate(0deg);}
.abc .abcb .abcbb .swiper .item .top span::after {content: '';position: absolute;width: 100%;height: 100%;background: #5c4451;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: 0;top: 0;border-radius: 50%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 0;}
.abc .abcb .abcbb .swiper .swiper-slide-active .item .top span::after {-webkit-animation: big 1.5s linear infinite;animation: big 1.5s linear infinite;}
.abc .abcb .abcbb .swiper .swiper-slide-active .item .top span {background: #5c4451;}
.abc .abcb .abcbb .swiper .swiper-slide .item .bot{font-size: 24px;color: #999999;margin-top: 30px;}
.abc .abcb .abcbb .swiper .swiper-slide-active .item .bot{color: #5c4451;font-weight: bold;}
.ab .prev{width: 50px;height: 50px;background: url(ab_prev.png) no-repeat center;background-size: cover;}
.ab .prev:hover{background: url(ab_preva.png) no-repeat center;background-size: cover;}
.ab .next{width: 50px;height: 50px;background: url(ab_next.png) no-repeat center;background-size: cover;}
.ab .next:hover{background: url(ab_nexta.png) no-repeat center;background-size: cover;}
.abc .abcb .abcbb .prev{position: absolute;left:-75px;margin-top:0;top: -10px;}
.abc .abcb .abcbb .next{position: absolute;right:-75px;margin-top:0;top: -10px;}
@media only screen and (max-width:1560px){
	.abc{padding: 85px 0 100px;}
	.abc .abca{font-size: 30px;}
	.abc .abcb{margin-top: 80px;}
	.abc .abcb .abcba .swiper-slide .number{font-size: 46px;}
	.abc .abcb .abcba .swiper-slide-active .item{padding: 0 15%;}
	.abc .abcb .abcba .swiper-slide .item .left{font-size: 64px;}
	.abc .abcb .abcba .swiper-slide .item .right{width: 260px;}
	.abc .abcb .abcbb{margin:70px 50px 0;}
	.abc .abcb .abcbb .swiper .swiper-slide .item .bot{font-size: 20px;margin-top: 20px;}
	.ab .prev{width: 45px;height: 45px;}
	.ab .next{width: 45px;height: 45px;}
	.abc .abcb .abcbb .prev{top:-8px;left:-50px;}
	.abc .abcb .abcbb .next{top:-8px;right:-50px;}
	.abc .abcb .abcba .swiper-slide .item .pic{width: 300px;}
}
@media only screen and (max-width:1200px){
	.abc{padding: 55px 0 65px;}
	.abc .abca{font-size: 24px;}
	.abc .abcb{margin-top: 55px;}
	.abc .abcb .abcba .swiper-slide .number{font-size: 36px;}
	.abc .abcb .abcba .swiper-slide-active .item{padding: 0 0%;}
	.abc .abcb .abcba .swiper-slide .item .left{font-size: 52px;}
	.abc .abcb .abcba .swiper-slide .item .right{width: 220px;}
	.ab .prev{width: 40px;height: 40px;}
	.ab .next{width: 40px;height: 40px;}
	.abc .abcb .abcbb{margin:50px 30px 0;}
	.abc .abcb .abcbb .swiper .swiper-slide .item .bot{font-size: 18px;margin-top: 15px;}
}
@media only screen and (max-width:750px){
	.abc{padding: 25px 0 30px;}
	.abc .abca{font-size: 18px;}
	.abc .abcb{margin-top: 20px;}
	.abc .abcb .abcba .swiper-slide .number{font-size: 26px;}
	.abc .abcb .abcba .swiper-slide .item{display: block;}
	.abc .abcb .abcba .swiper-slide-active .item{padding: 0 0%;display: block;}
	.abc .abcb .abcba .swiper-slide .item .left{font-size: 32px;}
	.abc .abcb .abcba .swiper-slide .item .right{width: 100%;margin-top: 15px;}
	.abc .abcb .abcba .swiper-slide .item .right p{line-height: 22px;font-size: 14px;background: url(ab6.png) no-repeat left 7px;margin-bottom: 10px;}
	.abc .abcb .abcba .swiper-slide .item .pic{width: 100%;}
	.abc .abcb .abcba .swiper-slide .item .pic img{width: 100%;}
	.ab .prev{width: 35px;height: 35px;}
	.ab .next{width: 35px;height: 35px;}
	.abc .abcb .abcbb{margin:30px 30px 0;}

	.abc .abcb .abcbb .swiper .swiper-slide .item .bot{font-size: 16px;margin-top: 10px;}
	.abc .abcb .abcbb .prev{top:-2px;left:-35px;}
	.abc .abcb .abcbb .next{top:-2px;right:-35px;}
}

.abd{padding: 110px 0 160px;}
.abd .abda{font-size: 36px;color: #333333;font-weight: bold;text-align: center;}
.abd .abdc{margin-top: 115px;position: relative;}
.abd .abdc .abdcl{float: left;margin-left: calc((100% - 1560px)/2);width: 510px;}
.abd .abdc .abdcl .item{display: none;}
.abd .abdc .abdcl .item.active{display: block;}
.abd .abdc .abdcl .content1{font-size: 30px;color: #5c4451;font-weight: bold;}
.abd .abdc .abdcl .content2{font-size: 18px;color: #333333;margin-top: 20px;}
.abd .abdc .abdcl .content3{margin-top: 70px;font-size: 18px;color: #666666;line-height: 2;}
.abd .abdc .abdcr{float: right;width: calc(100% - 550px - calc((100% - 1560px)/2));}
.abd .abdc .abdcr .swiper-slide{width: 320px;transition: 0.4s;opacity: 0.6;}
.abd .abdc .abdcr .swiper-slide .item{align-items: end;display: flex;height: 480px;}
.abd .abdc .abdcr .swiper-slide .item img{width: 100%;}
.abd .abdc .abdcr .swiper-slide.swiper-slide-active{width: 400px;opacity: 1;}
.abd .abdc .prev{position: absolute;left:calc((100% - 1560px)/2);bottom: 0;}
.abd .abdc .next{position: absolute;left:calc((100% - 1560px)/2 + 95px);bottom: 0;}
@media only screen and (max-width:1560px){
	.abd{padding: 85px 0 120px;}
	.abd .abda{font-size: 30px;}
	.abd .abdc{margin-top: 85px;}
	.abd .abdc .abdcl{margin-left: calc((100% - 1200px)/2);width: 420px;}
	.abd .abdc .abdcl .content1{font-size: 26px;}
	.abd .abdc .abdcl .content2{font-size: 16px;margin-top: 15px;}
	.abd .abdc .abdcl .content3{margin-top: 45px;font-size: 16px;}
	.abd .abdc .abdcr{float: right;width: calc(100% - 450px - calc((100% - 1200px)/2));}
	.abd .abdc .abdcr .swiper-slide{width: 280px;}
	.abd .abdc .abdcr .swiper-slide .item{height: 384px;}
	.abd .abdc .abdcr .swiper-slide.swiper-slide-active{width: 320px;}
	.abd .abdc .prev{left:calc((100% - 1200px)/2);}
	.abd .abdc .next{left:calc((100% - 1200px)/2 + 70px);}
}
@media only screen and (max-width:1200px){
	.abd{padding: 60px 0 80px;}
	.abd .abda{font-size: 24px;}
	.abd .abdc{margin-top: 60px;}

	.abd .abdc .abdcl{float: none;width: 92%;margin-left: 4%;}
	.abd .abdc .abdcl .content1{font-size: 22px;}
	.abd .abdc .abdcl .content2{font-size: 14px;margin-top: 10px;}
	.abd .abdc .abdcl .content3{margin-top: 30px;font-size: 14px;}
	.abd .abdc .abdcr{float: none;width: 92%;margin-left: 4%;padding-bottom: 60px;margin-top: 4%}
	.abd .abdc .abdcr .swiper-slide{width: 220px;}
	.abd .abdc .abdcr .swiper-slide .item{height: 336px;}
	.abd .abdc .abdcr .swiper-slide.swiper-slide-active{width: 280px;}
	.abd .abdc .prev{left:35%;bottom: 0;}
	.abd .abdc .next{left:auto;right: 35%;bottom: 0;}
}
@media only screen and (max-width:750px){
	.abd{padding: 25px 0 30px;}
	.abd .abda{font-size: 18px;}
	.abd .abdc{margin-top: 25px;}
	.abd .abdc .abdcl .content1{font-size: 16px;}
	.abd .abdc .abdcl .content2{font-size: 13px;margin-top: 7px;}
	.abd .abdc .abdcl .content3{margin-top: 15px;font-size: 13px;}
	.abd .abdc .abdcr{padding-bottom: 50px;}
	.abd .abdc .abdcr .swiper-slide{width: 175px;}
	.abd .abdc .abdcr .swiper-slide .item{height: 240px;}
	.abd .abdc .abdcr .swiper-slide.swiper-slide-active{width: 200px;}
}