@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background-color: #fff; }

@keyframes sliderPagination {
    100% {transform: scaleX(1); opacity: 1;}
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}


.header{ z-index: 100; position: fixed; width: 100%; top: 0; left: 0;transition: All 0.4s ease-in-out; padding: 0 7%; display: flex; align-items: center; justify-content: space-between; /*border-bottom: 5px solid #e5b698; */background-color: #fff; }
.header:before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #e5b698; content: ""; z-index: 0; }
.header .logoa{}
.header .logoa img{ height:64px; }

.headerH{ height:134px; }

.header .space{ display: none; }
.header .menu{ display: none; }
.header .nav{ display: flex; align-items: center; justify-content: space-around; width:68%; position: relative; z-index: 0;}
.header .nav li{ position: relative; flex:1; padding-bottom: 5px;}
.header .nav li .nava{ color: #000; display: block; position: relative; overflow: hidden; height: 129px; line-height: 129px; width: 100%; font-size: 18px; transition: all 0.4s; z-index: 2; cursor: pointer; text-align: center; transition:all 0.4s; }
.header .nav li .nava span{ position: relative; z-index: 3; }
.header .nav li .nava:after{ content: ""; position: absolute; left: 0; bottom: -200px; width: 100%; height: 100%; background-color: #b00000; transition: all 0.4s; z-index:1; }
.header .nav li.on .nava{ color: #fff; }
.header .nav li.on .nava:after{ bottom: 0; }
.header .nav li:hover .nava:after{ bottom: 0; }
.header .nav li:hover .nava{ color: #fff;}
.header .nav li .drop{ position: absolute; width:120px; top: 134px; left: 50%; transform: translateX(-50%);z-index: 1; overflow: hidden; }
.header .nav li .drop .list{ background-color: rgba(255,255,255,0.8); /*padding:0px 30px;*/ height: 0; overflow: hidden; transition: all 0.4s; }
.header .nav li .drop .dnava{ width: 100%; float: left; font-size: 17px; color: #6a6a6a; line-height: 54px;/*padding-left: 18px; */ background-position: left center; background-repeat: no-repeat; background-size: 11px auto; cursor: pointer;text-align:center; }
.header .nav li .drop .dnava:hover{ color: #b00000; /*background-image: url(../images/img8.png); */}
.header .nav li:hover .drop .list{ height: auto; padding: 0 15px; }

.banner{position: relative; overflow: hidden; }
.banner .imga { height: 600px; display: block; background-position: center; background-repeat: no-repeat; background-size: auto 100%;  }
.banner .swiper-container .swiper-pagination{ bottom: 50px; }
.banner .swiper-container .swiper-pagination-bullet { opacity: 1; position: relative; width: 24px;border: none; height: 24px; border-radius: 24px; margin: 0 10px; background:#fff; opacity: 0.45; transition: background-color .3s ease;}
.banner .swiper-container .swiper-pagination-bullet-active{background: #fff; width: 56px;}
.banner .swiper-container .swiper-pagination-bullet:hover { background-color: #fff; width: 56px;}
.banner .swiper-button-next:after, 
.banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-prev{ position: absolute; top:50%; left:5%; margin-top: -33px; width: 35px;height: 66px;background:url(../img_index/img39.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; border-radius: 50%; }
.banner .swiper-button-prev:hover{ background-image: url(../img_index/img39.png) !important; }
.banner .swiper-button-next{ position: absolute; top:50%; left:auto; right:5%; margin-top: -33px; width: 35px;height: 66px;background:url(../img_index/img40.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; border-radius: 50%; }
.banner .swiper-button-next:hover{ background-image: url(../img_index/img40.png) !important; }
.banner .swiper-button-disabled{ opacity: 0.4 !important; }


.partsg .work .item a{color:#000 !important; text-align:center;}



@keyframes ab{
	0%{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	100%{transform: translate(-50%,-50%) scale(1.5); opacity:0;}
}





.footer{ background:url(../img_index/0211_102.jpg) no-repeat center top; padding: 80px 0;}
.footer .mcont{ display: flex; align-items: center; justify-content: center; }
.footer .logoa{ display: block; width: 349px; }
.footer .logoa img{ display: block; width:100%; }
.footer .libs{ margin-left: 118px; font-size: 18px; color: #fff; line-height: 40px; }
.footer .libs a{ color: #fff; cursor: pointer; }
.footer .libs a:hover{ text-decoration: underline;  }
.footer .libs i{ padding: 0 20px; }

@media(max-width:1700px){
	.header{ padding: 0 5%; }
	.header .logoa img{ height: 56px; }

}

@media(max-width:1500px){
	.header{ padding: 0 2.5%; }
	.header .logoa img{ height: 50px; }
	.header .nav li .nava{ font-size: 17px; }
	.header .nav li .drop .dnava{ font-size: 16px; line-height:48px; background-size:8px; /*padding-left: 14px;*/text-align:center }
	.header .nav li .drop{ width: 113px; }
	/*	.header .nav li .drop{ width: 380px; }*/

	.footer{ padding: 60px 0;}
	.footer .logoa{ display: block; width: 300px; }
	.footer .libs{ margin-left: 100px; font-size: 17px; line-height: 38px; }
	.footer .libs i{ padding: 0 20px; }

}

@media(max-width:1220px){
	
	.header .logoa img{ height: 44px; }
	.header .nav li .nava{ font-size: 16px; }
	
	.footer{ padding: 60px 0;}
	.footer .logoa{ display: block; width: 280px; }
	.footer .libs{ margin-left: 80px; font-size: 16px; line-height: 36px; }
	.footer .libs i{ padding: 0 20px; }
}
@media(max-width:1024px){
	.mcont{ width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; }

	.headerH { height: 53px; }
	.header{height: 53px; padding-bottom: 3px; padding: 0 0.1rem 0 0.2rem;background: #fff; }
	.header:before{ height: 3px; }
	.header .menu{ display: block; margin-left: 0.2rem; }
	.header .menu img{ height: 36px; }
	.header .space{ display: block; flex:1; }
	.header .nav{position: fixed; width: 100%; left: -2000px; top: 53px; bottom: 0; background:#fff; display: block; height:calc(100% - 60px); padding: 0 0.3rem; transition: all 0.35s; }
	.header .nav li{ padding-bottom: 0; border-bottom: 0.02rem solid #eee; }
	.header .nav li .nava{ line-height: 52px; height: 52px; text-align: left; padding-bottom: 0; font-size: 15px;}
	.header .nav li .nava:after{ display: none; }
	.header .nav li:hover .nava{ color: #f00000; }
	.header .nav li.on .nava{ color: #f00000; }
	.header .nav li .drop{ position: static; width: 100%; transform: translateX(0); }
	.header .nav li .drop .list{ height: auto !important; padding: 0.1rem 0.3rem  0.2rem !important; }
	.header .nav li .drop .list .dnava{ font-size: 14px; line-height: 30px; }
	.header .nav.on{ left: 0; }
	.header .logoa img{ height: 32px; }
	
	.banner .imga{ height: 3rem; }
	.banner .swiper-container .swiper-pagination{ bottom: 0.12rem; }
	.banner .swiper-container .swiper-pagination-bullet { width: 0.16rem; height:0.16rem; margin: 0 0.06rem; }
	.banner .swiper-container .swiper-pagination-bullet-active{ width:0.5rem; }
	.banner .swiper-button-next{ display: none; }
	.banner .swiper-button-prev{ display: none; }

	.footer{ padding: 0.6rem 0;}
	.footer .mcont{ flex-direction: column; }
	.footer .logoa{ display: block; width: 80%; margin:0 auto 0.3rem; max-width: 340px; }
	.footer .libs{ margin-left:0; font-size: 12px; line-height: 21px; }
	.footer .libs i{ padding: 0 0.1rem; }
	.footer .libs p{ margin-top: 0.15rem; }
	
}

.fastbar{ background-color:#b00000; height: 72px; padding:0 9% 0 10%; display: flex; align-items: center; justify-content: space-between;   }
.fastbar .lka{ font-size: 18px; color: #fff; cursor: pointer; }
.fastbar .lka:hover{ text-decoration: underline; }
.fastbar .find{ width: 256px; background-color: rgba(255,255,255,0.4); height: 40px; border-radius: 40px; line-height: 40px; display: flex; align-items: center; padding-right: 3px; }
.fastbar .find input{ display: block; padding: 0 15px; width:calc(100% - 43px); border:none; box-shadow: none; font-size: 18px; color: #fff; float:left;line-height:40px;}

.fastbar .find button{ display: block; width: 40px; height: 40px; background:url(../img_index/img1.png) no-repeat center / 26px auto; cursor: pointer; border:none;float:right;}

.partsa{ background-color: #fff; padding:50px 8% 90px 3%; overflow: hidden; }
.partsa .speak{ width: 66.45%; width: 76%; float: left; position: relative; }
.partsa .speak h3{ position: absolute; left: 50%; top: 0; font-size: 52px; color:#b00000; font-weight: bold; line-height: 1; }
.partsa .speak .wimg{ width:100%; }
.partsa .speak .timg{ width:100%; position: absolute; left: 0; top: 0; z-index: 2; }
.partsa .trend{ width: 20.8%; float: right; }
.partsa .trend h4{ display: flex; align-items: center; font-size:52px; color:#b00000; font-weight: bold; line-height: 1; width: 100%; border-bottom: 2px solid #d2d2d2; margin-bottom: 20px; padding-bottom: 30px; }
.partsa .trend h4 img{ display: block; width: 37px; margin-right:13px;}
.partsa .tdlist{ position: relative; }
.partsa .tdlist:after{ content: ""; position: absolute; left:6px; top: 0; bottom: 0; width: 1px; background-color: #d2d2d2;  }
.partsa .tdlist .item{ margin-bottom: 20px; position: relative; z-index: 3; }
.partsa .tdlist .item .time{ display: flex; align-items: center; height: 26px; padding-left: 17px; margin-bottom: 12px; }
.partsa .tdlist .item .time:after{ content: ""; position: absolute; left:0px; top:7px; width: 13px; height: 13px; border:1px solid #d2d2d2; border-radius: 50%;  background-color: #fff;  }
.partsa .tdlist .item .time span{width: 112px; height: 26px; padding-left: 16px; font-size: 14px; color:#b00000; line-height: 26px; background:url(../img_index/img12.png) no-repeat center;  }
.partsa .tdlist .item .txts{ padding-left: 17px; font-size: 16px; color: #000; line-height: 24px; }
.partsa .tdlist .item .txts.space{ padding-right:60px; position: relative; }
.partsa .tdlist .item .txts.space a{ font-size: 15px; color: #555; line-height: 24px; position: absolute; right: 0; top: 50%; margin-top: -12px; padding-left: 30px; background:url(../img_index/img42.png) no-repeat left center / 18px auto; }

.partsb{ background-color: #fff; background-image: url(../img_index/img29.png); background-size: 100% auto; background-repeat: no-repeat; max-height: 580px; padding:70px 8% 80px; }

.partsb .xwlist{ overflow: hidden; }
.partsb .xwlist .xwone{ width: calc(33.33% - 70px); margin-right: 105px; float: left;cursor: pointer; }
.partsb .xwlist .xwone:nth-child(3){ margin-right: 0; }
.partsb .xwlist .xwone .name{ font-size: 48px; font-weight: bold; color: #fff; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-bottom: 30px; }
.partsb .xwlist .xwone .pics{ overflow: hidden; width: 100%; border:3px solid #fff; position: relative; }
.partsb .xwlist .xwone .pic{ overflow: hidden; width: 100%;transition:all 0.5s;height:240px; }
.partsb .xwlist .xwone .icon{ position: absolute; left: 50%; top: 50%; width: 66px; height: 66px; z-index: 3; transform: translate(-50%,-50%); cursor: pointer; }
.partsb .xwlist .xwone:hover .pic{ transform: scale(1.1);}

.partsc{ background-color: #fff;padding:100px 7.8%;}
.partsc .mcnts{ position: relative;}
.partsc .tit{ width: 60px; font-size: 50px; color: #b00000; font-weight: bold; display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 100%; position: absolute; left:0; top: 0; text-align: center;  }
.partsc .tit .more{ font-size: 14px; writing-mode:vertical-rl; display: flex; align-items: center; justify-content: space-between; font-weight: normal; font-size: 14px; color: #b00000; line-height: 20px; cursor: pointer; }
.partsc .tit .more img{ display: block; width:50px; margin-bottom: 20px;  }
.partsc .seal{ display: block; width: 93px; top: 50%; position: absolute; right:0; transform: translateY(-50%); }
.partsc .edlist{ overflow: hidden; margin:0 120px 0 90px; }
.partsc .edlist .item{ width:calc(24% - 8px); margin-right: 20px; overflow: hidden; float: left; position: relative; cursor: pointer; }
.partsc .edlist .item .pics{ display: block; width: 100%; overflow: hidden; }
.partsc .edlist .item .pics .pic{ display: block; width: 100%; transition:all 0.5s; }
.partsc .edlist .item:hover .pics .pic{ transform: scale(1.1); }
.partsc .edlist .item .name{ position: absolute; left: 0;  bottom: 40px; right: 20px; z-index: 2; writing-mode:vertical-rl; font-size: 28px; color: #fff; line-height: 1.3; letter-spacing:8px; }
.partsc .edlist .item .more{ position: absolute; right: 12px; bottom: 0; z-index: 2; writing-mode:vertical-rl; font-size: 14px; color: #fff; line-height: 22px; text-align: center; }
.partsc .edlist .item:nth-child(5){ margin-right: 0; }

.partsd{ background-color: #fff; background-image: url(../img_index/img29.png); background-size: 100% auto; background-repeat: no-repeat; max-height: 693px; padding:60px 4.5% 120px; }
.partsd .biaot{ position: relative; margin-bottom: 60px; }
.partsd .biaot p{ background:url(../img_index/img2.png) no-repeat center center / auto 100%; font-size: 50px; color: #ffeece; font-weight: bold; line-height: 82px; text-align: center; }
.partsd .biaot .more{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; font-size: 22px; color:#ffeece;  }
.partsd .biaot .more img{ display: block; margin-right:7px; width: 18px; }
.partsd .scrolls{ position: relative; padding:0 50px; overflow: hidden; }
.partsd .swiper-container{ overflow: hidden; width: 100%; }
.partsd .swiper-slide { transition: 300ms; transform: scale(0.78); }
.partsd .swiper-slide img{ display: block; width: 100%; border-radius: 0; }
.partsd .swiper-slide:hover{ transform: scale(0.85); }
.partsd	.swiper-slide-active,
.partsd	.swiper-slide-duplicate-active{ transform: scale(1) !important;}
.partsd .swiper-button-next:after, 
.partsd .swiper-button-prev:after{ display: none;}
.partsd .swiper-button-prev{ position: absolute; top:50%; left:0; margin-top: -16px; width: 18px;height: 32px;background:url(../img_index/img39.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; border-radius: 50%; }
.partsd .swiper-button-prev:hover{ background-image: url(../img_index/img39.png) !important; }
.partsd .swiper-button-next{ position: absolute; top:50%; left:auto; right:0; margin-top: -16px; width: 18px;height: 32px;background:url(../img_index/img40.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; border-radius: 50%; }
.partsd .swiper-button-next:hover{ background-image: url(../img_index/img40.png) !important; }


@media(max-width:1500px){
	.fastbar{ padding:0 2.5%;  }
	.fastbar .lka{ font-size: 17px; }

	.partsa{ padding:50px 2.5%; }
	.partsa .speak{ width: 76%; width: 900px;}
	.partsa .speak h3{ font-size: 46px; font-size: 40px;  }
	.partsa .trend{ width: calc(95% - 900px ) }
	.partsa .trend h4{ font-size:40px; margin-bottom: 15px; padding-bottom: 25px; }
	.partsa .tdlist .item{ margin-bottom: 20px; }
	.partsa .tdlist .item .txts{ font-size: 15px; }
	.partsa .tdlist .item .txts.space{ padding-right:60px; }
	.partsa .tdlist .item .txts.space a{ font-size: 14px; }

	.partsb{ padding:60px 2.5% 70px; }
	.partsb .xwlist .xwone{ width: calc(33.33% - 50px); margin-right:75px; }
	.partsb .xwlist .xwone .name{ font-size: 44px; margin-bottom: 25px; }


	.partsc{ padding:90px 2.5%;}
	.partsc .tit{ width: 60px; font-size: 44px;}
	.partsc .tit .more{ font-size: 13px; line-height: 20px; }
	.partsc .tit .more img{ width:46px; margin-bottom: 20px;  }
	.partsc .seal{  width: 84px;}
	.partsc .edlist{ overflow: hidden; margin:0 110px 0 80px; }
	.partsc .edlist .item{ width:calc(20% - 8px); margin-right: 10px; }

	.partsc .edlist .item .name{ font-size: 24px; }
	.partsc .edlist .item .more{ font-size: 14px; }

	.partsd{ padding:60px 2.5% 120px; }
	.partsd .biaot{ margin-bottom: 50px; }
	.partsd .biaot p{ font-size: 46px; line-height: 66px; }
	.partsd .biaot .more{ font-size: 20px; color:#ffeece;  }
	.partsd .biaot .more img{ margin-right:7px; width: 18px; }
	.partsd .scrolls{ padding:0 30px; }


}

@media(max-width:1350px){
	.fastbar .lka{ font-size: 16px; }
	.fastbar .find input{ font-size: 16px; }

	.partsa{ padding:50px 2.5%; }
	.partsa .speak{ width: 76%; width: 800px;}
	.partsa .speak h3{ font-size: 46px; font-size: 32px;  }
	.partsa .trend{ width: calc(95% - 800px ) }
	.partsa .trend h4{ font-size:32px; }
}

@media(max-width:1220px){
	.fastbar .lka{ font-size: 16px; }
	.fastbar .find input{ font-size: 16px; }

	.partsa{ padding:50px 2.5%; }
	.partsa .speak{ width: 100%;}
	.partsa .speak h3{ font-size: 46px; font-size: 36px;  }
	.partsa .trend{ width: 100%; margin-top: 30px; }
	.partsa .trend h4{ font-size:36px; }
	
	.partsb{ padding:50px 2.5%; }
	.partsb .xwlist .xwone{ width: calc(33.33% - 20px); margin-right:30px; }
	.partsb .xwlist .xwone .name{ font-size: 28px; margin-bottom: 20px; }
	
	.partsc{ padding:70px 2.5%;}
	.partsc .edlist{ margin:0 75px 0 60px; }
	.partsc .edlist .item .name{ left: 10px; top: 10px; bottom: 10px; font-size: 18px; }
	.partsc .tit{ width: 40px; font-size: 36px;}
	.partsc .tit .more{ font-size: 13px; line-height: 20px; }
	.partsc .tit .more img{ width:40px; margin-bottom: 15px;  }
	.partsc .seal{ width: 60px; }

	.partsd{ padding:50px 2.5% 50px; }
	.partsd .biaot{ margin-bottom: 40px; }
	.partsd .biaot p{ font-size: 36px; line-height: 50px; }
	.partsd .biaot .more{ font-size: 18px; color:#ffeece;  }
	.partsd .biaot .more img{ margin-right:7px; width: 18px; }
	.partsd .scrolls{ padding:0 30px; }

}

@media(max-width:1024px){
	.fastbar{ height: 50px; padding: 0 0.3rem; display: none; }
	.fastbar .lka{ display: none; }
	.fastbar .find{ height: 32px; line-height: 32px; width: 100%;}
	.fastbar .find input{ font-size: 16px; }
	.fastbar .find i{ width: 32px; height: 32px; background-size: 20px auto; }

	.partsa{ padding:0.5rem 0.3rem; }
	.partsa .speak{ width: 100%;}
	.partsa .speak h3{ font-size: 20px; left: 40%;  }
	.partsa .trend{ width: 100%; margin-top: 0.3rem; }
	.partsa .trend h4{ font-size:20px; padding-bottom: 0.2rem; margin-bottom: 0.3rem; }
	.partsa .trend h4 img{ width: 20px; margin-right: 10px; }
	.partsa .tdlist .item{ margin-bottom: 0.3rem; }
	.partsa .tdlist .item .time{ margin-bottom: 0.15rem; }
	.partsa .tdlist .item .txts{ font-size: 14px; line-height: 22px; }
	
	.partsb{ padding:0.8rem 0.3rem; background-size: auto 100%; background-repeat: no-repeat; max-height: 3000px; }
	.partsb .xwlist .xwone{ width: 100%; margin-right:0; margin-bottom: 0.3rem; float: none; }
	.partsb .xwlist .xwone .name{ font-size: 20px; margin-bottom: 0.25rem; }
	
	.partsc{ padding:0.6rem 0.3rem;}
	.partsc .edlist{ margin:0; }
	.partsc .edlist .item .name{ left: 10px; top: 10px; bottom: 10px; font-size: 18px; }
	.partsc .tit{font-size: 20px; position: static; width: 100%; writing-mode:horizontal-tb; flex-direction: row; margin-bottom: 0.3rem;}
	.partsc .tit .more{ font-size: 13px; line-height: 20px; writing-mode:horizontal-tb;  }
	.partsc .tit .more img{ width:20px; margin-bottom: 0; margin-right: 10px;  }
	.partsc .seal{ display: none; }
	.partsc .edlist .item{ width: calc(50% - 5px); margin-right:10px; margin-bottom: 0.2rem; }
	.partsc .edlist .item:nth-child(2n){ margin-right: 0; }
	.partsc .edlist .item:nth-child(5){ margin-right: 10px; }

	.partsd{ padding:0.5rem 0.3rem; background-size: auto 100%; background-repeat: no-repeat; max-height: 3000px; background-position: center top;  }
	.partsd .biaot{ margin-bottom: 0.3rem; }
	.partsd .biaot p{ font-size:20px; line-height: 30px; }
	.partsd .biaot .more{ font-size: 14px; color:#ffeece;  }
	.partsd .biaot .more img{ margin-right:7px; width: 18px; }
	.partsd .scrolls{ padding:0 15px; }
	.partsd .swiper-button-prev{ margin-top: -10px; width: 10px;height: 20px; }
	.partsd .swiper-button-next{ margin-top: -10px; width: 10px;height: 20px; }

}

.partse{ padding: 80px 4.5%; overflow: hidden; background-color: #fdf7f0; }
.partse .gether{ float: left; width: 62%; }
.partse .gether h3{font-size: 50px; color: #b00000; text-align: center; margin-bottom: 20px; line-height: 60px; font-weight: bold;}
.partse .gether .hzlist{ width: 100%; }
.partse .gether .hznew{ background-color: #fff; padding: 20px; border:1px solid #888; box-shadow: 0 0 10px #eee; overflow: hidden; height: 256px; }
.partse .gether .hznew .pics{ float: left; width:55%; width:284px; height: 214px; overflow: hidden; }
.partse .gether .hznew .pics img{ display: block; width:100%; }
.partse .gether .hznew .info{ float: right; width: calc(100% - 300px);= }
.partse .gether .hznew .name{ font-size: 16px; line-height:24px; color: #222;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; }
.partse .gether .hznew .time{ display: flex; align-items: center; height: 20px; margin:10px 0; font-size: 14px; color: #222; }
.partse .gether .hznew .time img{ display: block; width: 16px; height: 16px; margin-right: 10px; }
.partse .gether .hznew .deal{ margin-top: 60px; height: 30px; overflow: hidden; }
.partse .gether .hznew .deal a{ float: right; width: 100px; height: 30px; line-height: 28px; border:1px solid #be2c2a; text-align: center; font-size: 14px; color: #222; border-radius: 30px; position: relative; }
.partse .gether .hznew .deal a:after{ position: absolute; left: -13px; width:27px; background-color:#be2c2a; top: 50%; content: ""; height: 1px;   }
.partse .hzSwiper { width: 100%; height: 532px; padding: 5px;  }
.partse .hzSwiper .swiper-slide{ height:; display: block; height: 256px; }
.partse .hzlist{ position: relative; padding-bottom: 30px; }
.partse .swiper-pagination{ bottom: 0px; }
.partse .swiper-pagination-bullet { opacity: 1; position: relative; width: 12px !important;border: none; height: 12px !important; border-radius: 12px !important; margin: 0 10px; background:transparent !important; opacity: 1;  border:1px solid #be2c2a; }
.partse .swiper-pagination-bullet-active{background: #be2c2a !important;}
.partse .swiper-pagination-bullet:hover { background-color: #be2c2a !important;}

.partse .notice{ float: right; width: 35%; }
.partse .notice h3{ background-color: #b00000; border-radius: 0 0 30px 0; padding: 0 20px; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 25px; }
.partse .notice h3 p{ font-size: 40px; line-height: 70px; color: #fff; font-weight: bold; }
.partse .notice h3 a{ display: flex; align-items: center; font-size:14px; color: #fff; cursor: pointer; height: 40px; }
.partse .notice h3 a img{ display: block; width:18px; margin-right: 10px;  }
.partse .ntlist{ background-color: #fff; padding:20px 30px; }
.partse .ntlist .item{ border-bottom: 1px solid #d2d2d2; padding: 26px 0; cursor: pointer; }
.partse .ntlist .item .name{ display: block; font-size: 18px; color: #222; line-height: 28px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.partse .ntlist .item .time{ display: flex; align-items: center; height: 20px; margin:10px 0 0; font-size: 16px; color: #878787; }
.partse .ntlist .item .time img{ display: block; width: 20px; margin-right: 10px; }
.partse .ntlist .item:hover .name{ color: #b00000;  }

.partsf{ background:url(../img_index/img32.png) no-repeat center top / 100% 100%; padding: 100px 4.5%; }
.partsf h3{ font-size: 50px; color: #b00000; font-weight: bold; text-align: center; margin-bottom: 60px; }
.partsf .wrapper{ overflow: hidden; }
.partsf ul{ /*overflow: hidden;*/ display: inline-block; white-space: nowrap; position: relative; }
.partsf ul:after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #b00000; opacity: 0.3; z-index: 0;}
.partsf ul li{ width: 500px; height: 416px; text-align: center; display: inline-block; position: relative; /*background-color: green;*/ position: relative; z-index: 3; }
.partsf ul li:after{ content: ""; width: 26px; height: 219px; background:url(../img_index/img33.png) no-repeat center top / auto 100%;left: 278px; bottom: 0px; position: absolute;/* background-color: red;*/ }
.partsf ul li .name{ font-size: 22px; color: #000; line-height: 40px; font-weight: bold; height: 40px; position: absolute; width: 100%;}
.partsf ul li .name span{ font-size: 30px; color: #b00000; }
.partsf ul li .ups{ overflow: hidden; height: 186px; display: flex; justify-content: center;position: absolute; width: 100%; }
.partsf ul li .ups .smallt{ display: block; width: 104px; height: 104px; border-radius: 50%; margin:0 20px; }
.partsf ul li .ups .bigt{ display: block; width: 186px; height: 186px; border-radius: 50%; margin:0 20px; }
.partsf ul li:nth-child(2n) .name{ left: 0; top:150px;}
.partsf ul li:nth-child(2n) .ups{ left: 0; bottom:0px;}
.partsf ul li:nth-child(2n+1) .name{ left: 0; top:220px;}
.partsf ul li:nth-child(2n+1) .ups{ left: 0; top:0px;}
.partsf ul li:nth-child(2n+1):after{ content: ""; width: 26px; height: 219px; background:url(../img_index/img34.png) no-repeat center top / auto 100%;left: 20%; top: 3px; position: absolute; left: 194px;}

.partsg{ background-color: #fdf7f0; padding: 70px 4.5% 20px 4.5%; position: relative; }
.partsg:before{ content: ""; position: absolute; left: 0; top:30px; width: 100%; height: 1px; background-color: #b00000; }
.partsg:after{ content: ""; position: absolute; left: 50%; top:20px; margin-left: -20px; width: 40px; height: 13px; background:#fdf7f0 url(../img_index/img45.png) no-repeat center center / 27px auto; }
.partsg h3{ font-size: 50px; color: #b00000; text-align: center; margin-bottom: 20px; line-height: 60px; font-weight: bold; }
.partsg .work{  padding: 5px 50px; position: relative; }
.partsg .work .item{  border-radius: 15px; height: 100px; font-size:25px;color: #000; line-height: 1.2; display: flex; align-items: center; justify-content: center;  }
.partsg .swiper-button-next:after, 
.partsg .swiper-button-prev:after{ display: none;}
.partsg .swiper-button-prev{ position: absolute; top:50%; left:0; margin-top: -33px; width: 25px;height: 66px;background:url(../img_index/img17.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; }
.partsg .swiper-button-prev:hover{ background-image: url(../img_index/img17.png) !important; }
.partsg .swiper-button-next{ position: absolute; top:50%; left:auto; right:0; margin-top: -33px; width: 25px;height: 66px;background:url(../img_index/img38.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2; }
.partsg .swiper-button-next:hover{ background-image: url(../img_index/img38.png) !important; }



@media(max-width:1650px){
	.partse{ padding: 60px 4.5%; }
	.partse .gether{  width:67%; }
	.partse .gether h3{font-size: 44px; margin-bottom: 20px; line-height: 60px;}
	.partse .gether .hznew{ padding:12px; border:1px solid #888; height: 174px; }
	.partse .gether .hznew .pics{ width:200px; height: 150px; }
	.partse .gether .hznew .pics img{ width:200px; }
	.partse .gether .hznew .info{width: calc(100% - 220px); }
	.partse .gether .hznew .name{ font-size: 16px; line-height:24px; -webkit-line-clamp: 3; height: 72px; }
	.partse .gether .hznew .time{ height: 20px; margin:10px 0; font-size: 14px; }
	.partse .gether .hznew .time img{ display: block; width: 16px; height: 16px; margin-right: 10px; }
	.partse .gether .hznew .deal{ margin-top: 10px; height: 30px; }
	.partse .gether .hznew .deal a{ float: right; width: 100px; height: 30px; line-height: 28px; border:1px solid #be2c2a; text-align: center; font-size: 14px; color: #222; border-radius: 30px; position: relative; }
	.partse .gether .hznew .deal a:after{ left: -13px;  }
	.partse .hzSwiper { width: 100%; height:368px; padding: 5px;  }
	.partse .hzSwiper .swiper-slide{ height:; display: block; height: 174px; }
	.partse .hzlist{ position: relative; padding-bottom: 30px; }

	.partse .notice{ width: 30%; }
	.partse .notice h3{ padding: 0 20px; margin-bottom: 20px; }
	.partse .notice h3 p{ font-size: 32px; line-height: 60px;}
	.partse .notice h3 a{ font-size:14px; height: 36px; }
	.partse .notice h3 a img{  width:18px; margin-right: 10px;  }
	.partse .ntlist{ padding:10px 20px; }
	.partse .ntlist .item{ border-bottom: 1px solid #d2d2d2; padding:12px 0;}
	.partse .ntlist .item .name{ display: block; font-size: 15px; line-height: 20px; -webkit-line-clamp: 2; }
	.partse .ntlist .item .time{ height: 20px; margin:6px 0 0; font-size: 14px; }
	.partse .ntlist .item .time img{ width: 20px; margin-right: 10px; }


	.partsf{ padding: 80px 4.5%; }
	.partsf h3{ font-size: 44px; margin-bottom: 50px; }
	.partsf ul li{ width: 500px; height: 416px; text-align: center; display: inline-block; position: relative; position: relative; z-index: 3; }
	.partsf ul li:after{width: 26px; height: 219px; left: 278px; bottom: 0px;  }
	.partsf ul li .name{ font-size: 20px; line-height: 40px; height: 40px;}
	.partsf ul li .name span{ font-size: 26px; }
	.partsf ul li .ups{ height: 186px; }
	.partsf ul li .ups .smallt{ width: 104px; height: 104px; margin:0 20px; }
	.partsf ul li .ups .bigt{ width: 186px; height: 186px; margin:0 20px; }
	.partsf ul li:nth-child(2n) .name{ left: 0; top:150px;}
	.partsf ul li:nth-child(2n) .ups{ left: 0; bottom:0px;}
	.partsf ul li:nth-child(2n+1) .name{ left: 0; top:220px;}
	.partsf ul li:nth-child(2n+1) .ups{ left: 0; top:0px;}
	.partsf ul li:nth-child(2n+1):after{ width: 26px; height: 219px; top: 3px; left: 194px;}

	.partsg{ padding: 60px 4.5%; position: relative; }
	.partsg:before{ top:30px; height: 1px;  }
	.partsg:after{ top:20px; margin-left: -13px; width: 40px; height: 13px; }
	.partsg h3{ font-size:44px; margin-bottom: 20px; line-height: 52px; }
	.partsg .work{ padding: 70px 50px;  }
	.partsg .work .item{ height: 100px; font-size:22px; }
	.partsg .work .item a{ font-size:22px; color:#fff;}
	.partsg .work .item a{ display:block;width: 80%;}
	
	.partsg .swiper-button-prev{ margin-top: -33px; width: 25px;height: 66px; }
	.partsg .swiper-button-next{ margin-top: -33px; width: 25px;height: 66px;}
}


@media(max-width:1350px){
	.partse{ padding: 50px 4.5%; }

	.partse .gether .hznew .name{ font-size: 15px; line-height:20px; -webkit-line-clamp: 3; height:60px; }
	.partse .gether .hznew .time{ height: 20px; margin:10px 0; font-size: 14px; }
	.partse .gether .hznew .time img{ display: block; width: 16px; height: 16px; margin-right: 10px; }
	.partse .gether .hznew .deal{ margin-top: 10px; height: 30px; }
	.partse .gether .hznew .deal a{  width: 80px; }
	

	.partse .notice{ width: 32%; }
	.partse .notice h3{ padding: 0 15px; margin-bottom: 15px; }
	.partse .notice h3 p{ font-size: 30px; line-height: 52px;}
	.partse .notice h3 a{ font-size:14px; height: 36px; }
	.partse .notice h3 a img{  width:18px; margin-right: 8px;  }
	.partse .ntlist{ padding:15px 20px; }
	


	.partsf{ padding: 70px 4.5%; }
	.partsf h3{ font-size: 40px; margin-bottom: 40px; }
	

	.partsg{ padding: 55px 4.5%; position: relative; }
	.partsg h3{ font-size:40px; margin-bottom: 20px; line-height: 52px; }
	.partsg .work{ padding: 50px 40px;  }
	.partsg .work .item{ height: 100px; font-size:20px; }
	
	.partsg .swiper-button-prev{ margin-top: -33px; width: 25px;height: 66px; }
	.partsg .swiper-button-next{ margin-top: -33px; width: 25px;height: 66px;}
}


@media(max-width:1220px){
	.partse{ padding: 50px 4.5%; }
	.partse .gether{  width:100%; }
	.partse .gether h3{font-size: 30px; margin-bottom: 20px; line-height: 48px;}

	.partse .notice{ width: 100%; margin-top: 30px; }
	.partse .notice h3{ padding: 0 20px; margin-bottom: 20px; }
	.partse .notice h3 p{ font-size: 30px; line-height:48px;}
	.partse .notice h3 a{ font-size:12px; height: 30px; }
	.partse .notice h3 a img{  width:18px; margin-right: 10px;  }


	.partsf{ padding: 50px 4.5%; }
	.partsf h3{ font-size: 30px; margin-bottom: 40px; }
	.partsf ul li .name span{ font-size: 22px; }


	.partsg{ padding: 50px 4.5%; position: relative; }

	.partsg h3{ font-size:36px; margin-bottom: 20px; line-height: 48px; }
	.partsg .work{ padding: 50px 45px;  }
	.partsg .work .item{ height: 100px; font-size:17px; }
	
}


@media(max-width:1024px){
	.partse{ padding: 0.5rem 0.3rem; }
	.partse .gether h3{font-size: 20px; margin-bottom: 0.2rem; line-height:0.6rem;}
	.partse .gether .hznew{ padding:0.12rem; border:0.02rem solid #888; height: auto; }
	.partse .gether .hznew .pics{ width:50%; height: auto; }
	.partse .gether .hznew .pics img{ width:100%; }
	.partse .gether .hznew .info{width: calc(50% - 0.2rem); }
	.partse .gether .hznew .name{ font-size: 14px; line-height:20px; -webkit-line-clamp: 3; height:60px; }
	.partse .gether .hznew .time{ height: 20px; margin:0.12rem 0; font-size: 12px; }
	.partse .gether .hznew .time img{ width: 14px; height: 14px; margin-right: 6px; }
	.partse .gether .hznew .deal{ margin-top: 0.2rem; height: 30px; }
	.partse .gether .hznew .deal a{ width: 90px; height: 30px; line-height: 28px;  font-size: 12px; color: #222; border-radius: 30px; }
	.partse .hzSwiper { width: 100%; height:auto; padding: 0px;  }
	.partse .hzSwiper .swiper-slide{ height:; display: block; height: auto; }
	.partse .hzlist{ position: relative; padding-bottom: 30px; }

	.partse .notice{ width: 100%; }
	.partse .notice h3{ padding: 0 0.2rem; margin-bottom:0.2rem; border-radius: 0 0 0.2rem 0; }
	.partse .notice h3 p{ font-size:20px; line-height: 0.68rem;}
	.partse .notice h3 a{ font-size:12px; height: 0.4rem; }
	.partse .notice h3 a img{  width:18px; margin-right:6px;  }
	.partse .ntlist{ padding:0.2rem; }
	.partse .ntlist .item{ border-bottom: 0.02rem solid #d2d2d2; padding:0.2rem 0;}
	.partse .ntlist .item .name{ font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; height: 40px; }
	.partse .ntlist .item .time{ height: 20px; margin:6px 0 0; font-size: 12px; }
	.partse .ntlist .item .time img{ width: 14px; margin-right: 6px; }


	.partsf{ padding: 0.5rem 0.3rem; }
	.partsf h3{ font-size: 20px; margin-bottom: 0.8rem; }
	.partsf ul li{ width: 500px; height: 416px; width: 250px; height: 208px; }
	.partsf ul li:after{ width: 26px; height: 219px; left: 278px; bottom: 0px; width: 13px; height: 110px; left: 178px; left: 138px;  }
	.partsf ul li .name{ font-size: 15px;}
	.partsf ul li .name span{ font-size: 18px; }
	.partsf ul li .ups{ height: 186px; height: 93px; }
	.partsf ul li .ups .smallt{ width: 104px; height: 104px; margin:0 20px; width: 52px; height: 52px; margin:0 10px; }
	.partsf ul li .ups .bigt{ width: 186px; height: 186px; margin:0 20px; width: 93px; height: 93px; margin:0 10px; }
	.partsf ul li:nth-child(2n) .name{ left: 0; top:150px; top: 60px;}
	.partsf ul li:nth-child(2n) .ups{ left: 0; bottom:0px;}
	.partsf ul li:nth-child(2n+1) .name{ left: 0; top:220px; top: 110px;}
	.partsf ul li:nth-child(2n+1) .ups{ left: 0; top:0px;}
	.partsf ul li:nth-child(2n+1):after{ width: 26px; height: 219px; top: 3px; left: 194px; width: 13px; height: 110px; left: 97px; }

	.partsg{ padding: 0.5rem 0.3rem; }
	.partsg:before{ top:0.3rem; height: 1px;  }
	.partsg:after{ top:0.2rem; margin-left: -13px; width: 40px; height: 13px; }
	.partsg h3{ font-size:20px; margin-bottom: 0.4rem; line-height: 48px; }
	.partsg .work{ padding:0.45rem 0;  }
	.partsg .work .item{ height: 80px; font-size:14px; line-height: 20px; }
	.partsg .work .item a{display:block; font-size:14px;width:80%;color:#fff;}
	
	.partsg .swiper-button-prev{ display: none;}
	.partsg .swiper-button-next{ display: none; }
}