@charset "utf-8";
.banner{ width:100%; position:relative}
.banner>img{ width:100%}
.banner>img.img1{ display:block}
.banner>img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .item .title{ font-size:24px;  }
.banner .item .intro{ font-size:42px; line-height:1; margin-top:25px}
.banner .item .more{display:flex; align-items: center; justify-content: center; width:145px; height:50px; margin-top:20px; font-size:16px; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); margin-top:50px}
@media (max-width: 1600px){
	.banner .item .title{ font-size:20px; }
	.banner .item .intro{  font-size:32px; margin-top:20px}
	.banner .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}
	.banner .prev01{ width:22px}
	.banner .next01{ width:22px}

}
@media (max-width: 1200px){
	.banner .item .title{ font-size:16px;}
	.banner .item .intro{ font-size:24px;  } 
	.banner .item .more{ width:110px; height:32px; font-size:12px; }
	.banner .prev01{ width:16px; left:1%}
	.banner .next01{ width:16px; right:1%}	
}
@media (max-width: 750px){
	.banner img.img2{ display:block; width:100%;}
	.banner img.img1{ display:none; width:100%;}
	.banner .item .title{ font-size:14px; }
	.banner .item .intro{ font-size:20px; }
	.banner .item .more{ width:100px; height:30px; }
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01 span{ width:32px; height:3px;}	
}

.ihd .title{ font-size:42px; color:#333333; line-height:1}
@media (max-width: 1600px){
	.ihd .title{ font-size:32px;}
}
@media (max-width: 1200px){
	.ihd .title{ font-size:24px;}
}
@media (max-width: 750px){
	.ihd .title{ font-size:20px;}
}

.fw{ width:100%}
.fw01{ margin-top:100px}
.fw01 .ibd{ margin-top:50px; background:#f7f7f7; padding:100px 0}
.fw01 .ibd .nr{display:flex; align-items: center; flex-direction: row-reverse;}
.fw01 .ibd .nr .lt{ width:690px; position:relative; overflow:hidden; border-radius:15px;}
.fw01 .ibd .nr .lt .pic{ width:100%}
.fw01 .ibd .nr .lt .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;}
.fw01 .ibd .nr .lt:hover .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);}
.fw01 .ibd .nr .lt .cont{ width:100%; box-sizing:border-box; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 55px}
.fw01 .ibd .nr .lt .cont .title{ font-size:26px; color:#333333}
.fw01 .ibd .nr .lt .cont .intro{ font-size:16px; color:#666666; margin-top:20px}
.fw01 .ibd .nr .lt .cont .more{ margin-top:40px;display:flex; align-items: center; justify-content: center; width:150px; height:50px; background:#663b93; border-radius:5px; color:#fff; font-size:16px}
.fw01 .ibd .nr .rt{ width:calc(100% - 690px); box-sizing:border-box; padding-right:80px}
.fw01 .ibd .nr .rt .title{ font-size:28px; color:#333333}
.fw01 .ibd .nr .rt .intro{ font-size:16px; color:#666666; line-height:2; text-align:justify; margin-top:30px}
@media (max-width: 1600px){
	.fw01{ margin-top:80px}
	.fw01 .ibd{ margin-top:40px; padding:80px 0}
	.fw01 .ibd .nr .lt{ width:540px; }
	.fw01 .ibd .nr .lt .cont{ padding:0 40px}
	.fw01 .ibd .nr .lt .cont .title{ font-size:22px; }
	.fw01 .ibd .nr .lt .cont .intro{ font-size:14px;  margin-top:15px}
	.fw01 .ibd .nr .lt .cont .more{ margin-top:30px; width:130px; height:42px; font-size:14px}
	.fw01 .ibd .nr .rt{ width:calc(100% - 540px); padding-right:60px}
	.fw01 .ibd .nr .rt .title{ font-size:24px; }
	.fw01 .ibd .nr .rt .intro{ font-size:14px;}
}

@media (max-width: 1200px){
	.fw01{ margin-top:40px}
	.fw01 .ibd{ margin-top:30px; padding:40px 0}
	.fw01 .ibd .nr .lt{ width:50%; border-radius:10px }
	.fw01 .ibd .nr .lt .cont{ padding:0 20px}
	.fw01 .ibd .nr .lt .cont .title{ font-size:20px; }
	.fw01 .ibd .nr .lt .cont .intro{ font-size:12px;  margin-top:12px}
	.fw01 .ibd .nr .lt .cont .more{ margin-top:25px; width:110px; height:36px; font-size:12px}
	.fw01 .ibd .nr .rt{ width:50%; padding-right:20px}
	.fw01 .ibd .nr .rt .title{ font-size:20px; }
	.fw01 .ibd .nr .rt .intro{ font-size:12px; margin-top:20px}
}
@media (max-width: 750px){
	.fw01 .ibd .nr{ display:block}
	.fw01 .ibd .nr .lt{ width:100%; border-radius:10px }
	.fw01 .ibd .nr .lt .cont .title{ font-size:20px; }
	.fw01 .ibd .nr .lt .cont .intro{ font-size:12px;  margin-top:12px}
	.fw01 .ibd .nr .lt .cont .more{ margin-top:25px; width:110px; height:36px; font-size:12px}
	.fw01 .ibd .nr .rt{ width:100%; padding-right:0; margin-top:20px}
	.fw01 .ibd .nr .rt .title{ font-size:16px; }
	.fw01 .ibd .nr .rt .intro{ font-size:12px; margin-top:15px}
}



.fw02{ padding:100px 0 0}
.fw02 .ibd{ width:100%; margin:0 auto; margin-top:50px}
.fw02 .ibd .item{ width:292px; height:402px; float:left; background:url(aa1.png) center center no-repeat; background-size:cover; margin-right:20px; border-radius:10px; overflow:hidden; box-sizing:border-box; padding:0 20px}
.fw02 .ibd .item:nth-child(5){ margin-right:0}
.fw02 .ibd .item .title{ font-size:70px;color: transparent; -webkit-text-stroke: 1px #666666; font-family:Arial, Helvetica, sans-serif; line-height:1; padding-top:60px}
.fw02 .ibd .item .intro{ font-size:16px; color:#666666; margin-top:50px}
.fw02 .ibd .item:nth-child(1){ background:url(aa1.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(1):hover{ background:url(bb1.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(2){ background:url(aa2.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(2):hover{ background:url(bb2.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(3){ background:url(aa3.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(3):hover{ background:url(bb3.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(4){ background:url(aa4.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(4):hover{ background:url(bb4.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(5){ background:url(aa5.png) bottom center no-repeat; background-size:cover}
.fw02 .ibd .item:nth-child(5):hover{ background:url(bb5.png) bottom right no-repeat; background-size:cover}
.fw02 .ibd .item:hover .title{ -webkit-text-stroke: 1px #fff;}
.fw02 .ibd .item:hover .intro{ color:#fff}
@media all and (max-width:1600px){
	.fw02{ padding:80px 0 0}
	.fw02 .ibd{ margin-top:40px}
	.fw02 .ibd .item{ width:228px; height:305px; margin-right:15px}
	.fw02 .ibd .item .title{ font-size:60px; padding-top:30px}
	.fw02 .ibd .item .intro{ font-size:14px; margin-top:10px}
}
@media all and (max-width:1200px){
	.fw02{ padding:40px 0 0}
	.fw02 .ihd{ font-size:20px}
	.fw02 .ibd{ margin-top:20px}
	.fw02 .ibd .item{ width:19%; height:24vw; margin-right:1.25%}
	.fw02 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw02 .ibd .item .intro{ font-size:12px; margin-top:20px}
}
@media all and (max-width:1000px){
	.fw02 .ibd .item{ width:32%; height:40vw; margin-right:2%; padding:0 10px; margin-bottom:2%}
	.fw02 .ibd .item:nth-child(3){ margin-right:0}
	.fw02 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw02 .ibd .item .intro{ font-size:12px; margin-top:20px}
}
@media all and (max-width:750px){
	.fw02 .ibd .item{ width:49%; height:65vw; margin-right:2%; padding:0 10px; margin-bottom:2%}
	.fw02 .ibd .item:nth-child(3){ margin-right:2%}
	.fw02 .ibd .item:nth-child(2n){ margin-right:0}
	.fw02 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw02 .ibd .item .intro{ font-size:12px; margin-top:10px}
	.fw02 .ibd .item:nth-child(5){ width:100%; margin-bottom:0}
}
@media all and (max-width:450px){
	.fw02 .ibd .item{ width:100%; height:auto; margin-right:0; padding:20px; margin-bottom:2%}
	.fw02 .ibd .item .title{ padding:0}
}



.fw03{ padding:100px 0}
.fw03 .ibd{ margin-top:50px; margin-bottom:50px; position:relative}
.fw03 .ibd .swiper03{ width:100%; overflow:hidden}
.fw03 .ibd .item{ width:480px; margin-right:50px; border-radius:10px; overflow:hidden; background:#f5f5f5}
.fw03 .ibd .item:last-child{ margin-right:0}
.fw03 .ibd .item .pic{ width:100%; overflow:hidden; position:relative}
.fw03 .ibd .item .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;}
.fw03 .ibd .item:hover .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);}
.fw03 .ibd .item .pic span{display:flex; align-items: center; justify-content: center; width:96px; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; position:absolute; left:0; top:0; z-index:2; font-size:14px;}
.fw03 .ibd .item .cont{ width:100%; height:240px; box-sizing:border-box; padding:35px 20px;}
.fw03 .ibd .item .cont .time{ background:url(g_16.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999}
.fw03 .ibd .item .cont .title{ font-size:18px; color:#333333; font-weight:bold; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.fw03 .ibd .item .cont .intro{ font-size:14px; color:#999999; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.fw03 .ibd .item:hover .cont .title{ color:#663b93}
.fw03 .ibd .prev03{ width:32px; height:58px; position:absolute; background:url(g_20.png) center center no-repeat;  background-size:100%; position:absolute; left:-100px; top:50%; margin-top:-30px; transform:rotate(180deg); cursor:pointer}
.fw03 .ibd .next03{ width:32px; height:58px; position:absolute; background:url(g_20.png) center center no-repeat;  background-size:100%; position:absolute; right:-100px; top:50%; margin-top:-30px; transform:rotate(0); cursor:pointer}

@media (max-width: 1600px){
	.fw03{ padding:80px 0}
	.fw03 .ibd{ margin-top:40px; margin-bottom:40px }
	.fw03 .ibd .item{ width:380px; margin-right:30px; }
	.fw03 .ibd .item .pic span{ width:90px; height:32px; font-size:12px}
	.fw03 .ibd .item .cont{ padding:30px 20px; height:auto}
	.fw03 .ibd .item .cont .time{ background-size:12px; font-size:12px;}
	.fw03 .ibd .item .cont .title{ font-size:16px; line-height:28px; height:56px;}
	.fw03 .ibd .item .cont .intro{ font-size:12px; line-height:22px; height:44px; }
	.fw03 .ibd .prev03{ width:22px; left:-50px; }
	.fw03 .ibd .next03{ width:22px; right:-50px; }

}
@media (max-width: 1200px){
	.fw03{ padding:40px 0}
	.fw03 .ibd{ margin-top:30px; margin-bottom:30px; box-sizing:border-box; }
	.fw03 .ibd .item{ width:48%; margin-right:4%;  }
	.fw03 .ibd .prev03{ width:12px; left:0; top:calc(100% + 40px) }
	.fw03 .ibd .next03{ width:12px; right:0; top:calc(100% + 40px) }

}
@media (max-width: 750px){
	.fw03 .ibd .item{ width:100%; }
}

.imore{ text-align:center}
.imore a{ color:#333333; font-size:24px;}
.imore a:hover{ font-weight:bold; color:#663b93}
@media (max-width: 1600px){
	.imore a{font-size:20px;}
}
@media (max-width: 1200px){

	.imore a{font-size:16px;}
}

@media (max-width: 750px){

	.imore a{font-size:14px;}
}

.jjfa{ background:#f7f7f7}
.jjfa01{ padding:30px 0}
.jjfa01 .item{ width:235px; float:left; height:105px; margin:10px 0; background:#fff; border-radius:10px; margin-right:26px}
.jjfa01 .item.on,.jjfa01 .item:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1)}
.jjfa01 .item:nth-child(6n){ margin-right:0}
.jjfa01 .item a{display:flex; align-items: center; height:100%; box-sizing:border-box; width:100%; padding:0 10px}
.jjfa01 .item a .ico{ width:110px; text-align:center}
.jjfa01 .item a .ico img{ height:70px}
.jjfa01 .item a .title{ font-size:18px; color:#333333}
.jjfa01 .item.on a .title,.jjfa01 .item:hover a .title{ font-weight:bold; color:#663b93}
@media (max-width: 1600px){
	.jjfa01 .item{ width:15.5%; margin-right:1.4%; height:95px}
	.jjfa01 .item a .ico{ width:90px;}
	.jjfa01 .item a .ico img{ height:50px}
	.jjfa01 .item a .title{ font-size:16px;}
}
@media (max-width: 1200px){
	.jjfa01 .item{ width:23.5%; margin-right:2%; height:80px}
	.jjfa01 .item:nth-child(6n){ margin-right:2%}
	.jjfa01 .item:nth-child(4n){ margin-right:0}
	.jjfa01 .item a .ico{ width:90px;}
	.jjfa01 .item a .ico img{ height:50px}
	.jjfa01 .item a .title{ font-size:16px;}
}
@media (max-width: 750px){
	.jjfa01 .item{ margin:1% 0}
	.jjfa01 .item{ width:49%; margin-right:2%; height:70px}
	.jjfa01 .item:nth-child(6n){ margin-right:2%}
	.jjfa01 .item:nth-child(4n){ margin-right:2%}
	.jjfa01 .item:nth-child(2n){ margin-right:0}
	.jjfa01 .item a .ico{ width:80px;}
	.jjfa01 .item a .ico img{ height:40px}
	.jjfa01 .item a .title{ font-size:16px;}
	
}
.jjfa{ padding-bottom:60px}
.jjfa02 .nr{ box-sizing:border-box; background:#fff; padding:30px; border-radius:12px}
.jjfa02 .nr .ihd .t{ background:url(g_21.png) left center no-repeat; padding-left:13px; color:#333333; font-size:28px; margin-top:30px}
.jjfa02 .nr .ibd{ margin-top:40px}
.jjfa02 .nr .ibd .item{ width:15.5%; float:left; margin-right:1.4%; margin-bottom:1.4%}
.jjfa02 .nr .ibd .item:nth-child(6n){ margin-right:0}
.jjfa02 .nr .ibd .item .pic{ width:100%; overflow:hidden; border-radius:12px;}
.jjfa02 .nr .ibd .item .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;}
.jjfa02 .nr .ibd .item:hover .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);}
.jjfa02 .nr .ibd .item .title{ text-align:center; font-size:18px; color:#333333; padding:12px 0}
.jjfa02 .nr .ibd .item:hover .title{ color:#663b93; font-weight:bold}
@media (max-width: 1600px){
	.jjfa{ padding-bottom:50px}
	.jjfa02 .nr{ padding:25px; }
	.jjfa02 .nr .ihd .t{ font-size:24px; margin-top:20px; background-size:3px 24px;}
	.jjfa02 .nr .ibd{ margin-top:30px}
	.jjfa02 .nr .ibd .item .title{ font-size:16px; padding:10px 0}
}
@media (max-width: 1200px){
	.jjfa{ padding-bottom:40px}
	.jjfa02 .nr{ padding:20px; }
	.jjfa02 .nr .ihd .t{ font-size:20px; margin-top:10px; background-size:3px 20px;}
	.jjfa02 .nr .ibd{ margin-top:20px}
	.jjfa02 .nr .ibd .item{ width:23.5%; margin-right:2%;}
	.jjfa02 .nr .ibd .item:nth-child(6n){ margin-right:2%}
	.jjfa02 .nr .ibd .item:nth-child(4n){ margin-right:0}
}
@media (max-width: 750px){
	.jjfa02 .nr .ibd .item{ width:32%; margin-right:2%;}
	.jjfa02 .nr .ibd .item:nth-child(6n){ margin-right:2%}
	.jjfa02 .nr .ibd .item:nth-child(4n){ margin-right:2%}
	.jjfa02 .nr .ibd .item:nth-child(3n){ margin-right:0}
	.jjfa02 .nr .ibd .item .title{ font-size:14px;}
}

.jjfa03{ padding:40px 0}
.jjfa03 .nr{display:flex; align-items: center;}
.jjfa03 .nr img{ vertical-align:top; margin:0 25px}
.jjfa03 .nr a{ font-size:14px; color:#666666; display:flex; align-items: center;}
.jjfa03 .nr a img{ margin:0 15px 0 0}
.jjfa03 .nr a:hover{ color:#663b93}
@media (max-width: 1200px){
	.jjfa03{ padding:20px 0}
	.jjfa03 .nr a{ font-size:12px;}
	.jjfa03 .nr img{ height:6px;  margin:0 10px}
	.jjfa03 .nr a img{ margin:0 8px 0 0; height:14px;}
}
.pro{ background:#f7f7f7; padding:40px 0}
.pro_nav .ibd{ position:relative}
.pro_nav .swiper_nav{ width:100%; overflow:hidden}
.pro_nav .swiper_nav .swiper-slide{ width:22.75%; margin-right:3%}
.pro_nav .swiper_nav .swiper-slide:last-child{ margin-right:0}
.pro_nav .swiper_nav .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:12px; position:relative}
.pro_nav .swiper_nav .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;}
.pro_nav .swiper_nav .swiper-slide:hover .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);}
.pro_nav .swiper_nav .swiper-slide.on .pic:after,.pro_nav .swiper_nav .swiper-slide:hover .pic:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #663b93; border-radius:12px; position:absolute; left:0; top:0; z-index:2}
.pro_nav .swiper_nav .swiper-slide .title{ font-size:18px; color:#333333; text-align:center; margin-top:15px}
.pro_nav .swiper_nav .swiper-slide.on .title,.pro_nav .swiper_nav .swiper-slide:hover .title{ font-weight:bold; color:#663b93}
.pro_nav .ibd .prev_nav{ width:20px; height:100%; background:url(g_20.png) center center no-repeat; background-size:100%; position:absolute; left:-50px; top:0; cursor:pointer; z-index:2; transform:rotate(180deg); margin:0; padding:0; height:calc(100% - 42px)}
.pro_nav .ibd .next_nav{ width:20px; height:100%; background:url(g_20.png) center center no-repeat; background-size:100%; position:absolute; right:-50px; top:0; cursor:pointer; z-index:2; transform:rotate(0); margin:0; padding:0; height:calc(100% - 42px)}
@media (max-width: 1600px){
	.pro_nav .swiper_nav .swiper-slide .title{ font-size:16px; margin-top:12px}
	.pro_nav .ibd .prev_nav{ width:16px; left:-40px; height:calc(100% - 36px)}
	.pro_nav .ibd .next_nav{ width:16px; right:-40px; height:calc(100% - 36px)}
}
@media (max-width: 1200px){
	.pro_nav .swiper_nav .swiper-slide{ width:31%}
	.pro_nav .swiper_nav .swiper-slide .title{ font-size:14px; margin-top:10px}
	.pro_nav .ibd .prev_nav{ width:14px; left:-20px; height:calc(100% - 31px)}
	.pro_nav .ibd .next_nav{ width:14px; right:-20px; height:calc(100% - 31px)}
}
@media (max-width: 750px){
	.pro_nav .swiper_nav .swiper-slide{ width:48.5%; }
	.pro_nav .swiper_nav .swiper-slide .title{ font-size:14px; margin-top:10px}
	.pro_nav .ibd .prev_nav{ width:20px; height:20px; border-radius:50%; background-color:#fff; background-size:6px; border:1px solid #333333; border-radius:50%; left:5px; top:calc(50% - 16px); margin-top:-10px}
	.pro_nav .ibd .next_nav{ width:20px; height:20px; border-radius:50%; background-color:#fff; background-size:6px; border:1px solid #333333; border-radius:50%; right:5px; top:calc(50% - 16px); margin-top:-10px}
}

.pro_list_item{ margin-top:70px;}
.pro_list_item .ihd .t{ background:url(g_21.png) left center no-repeat; padding-left:13px; color:#333333; font-size:28px; }
.pro_list_item .ibd{ overflow:hidden}
.pro_list_item .ibd .item{ width:23.4%; margin-right:calc(6.4% / 3); float:left; background:#fff; margin-top:2.5%; border-radius:12px; overflow:hidden}
.pro_list_item .ibd .item:nth-child(4n){ margin-right:0}
.pro_list_item .ibd .item .pic{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; box-sizing:border-box; padding:10%}
.pro_list_item .ibd .item .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;}
.pro_list_item .ibd .item:hover .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);}
.pro_list_item .ibd .item .cont{ padding:30px 25px 35px}
.pro_list_item .ibd .item .cont .title{ font-size:18px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_item .ibd .item .cont .intro{ font-size:14px; color:#666666; margin-top:8px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_item .ibd .item .cont .more{ font-size:16px; color:#333333; font-weight:bold; margin-top:20px}
.pro_list_item .ibd .item:hover .cont .title{ color:#663b93}
.pro_list_item .ibd .item:hover .cont .more{ color:#663b93}
@media (max-width: 1600px){
	.pro_list_item{ margin-top:50px;}
	.pro_list_item .ihd .t{ font-size:24px; background-size:3px 24px;}
	.pro_list_item .ibd .item .cont{ padding:25px 20px 30px}
	.pro_list_item .ibd .item .cont .title{ font-size:16px;}
	.pro_list_item .ibd .item .cont .intro{ font-size:12px; margin-top:6px;}
	.pro_list_item .ibd .item .cont .more{ font-size:14px; margin-top:16px}
}
@media (max-width: 1200px){
	.pro_list_item{ margin-top:40px;}
	.pro_list_item .ihd .t{ font-size:20px;  background-size:3px 20px;}
	.pro_list_item .ibd .item{ width:32%; margin-right:2%}
	.pro_list_item .ibd .item:nth-child(4n){ margin-right:2%}
	.pro_list_item .ibd .item:nth-child(3n){ margin-right:0}
	.pro_list_item .ibd .item .cont{ padding:20px 15px 25px}
}
@media (max-width: 750px){
	.pro_list_item{}
	.pro_list_item .ihd .t{ }
	.pro_list_item .ibd .item{ width:100%; margin-right:0%; margin-top:15px}
	.pro_list_item .ibd .item:nth-child(4n){ margin-right:0}
	.pro_list_item .ibd .item:nth-child(3n){ margin-right:0}
	.pro_list_item .ibd .item:nth-child(2n){ margin-right:0}
	.pro_list_item .ibd .item .cont{ padding:20px 15px 25px}
}


.pro_list_item .ibd2{ width:100%; overflow:hidden; background:#fff; border-radius:12px; margin-top:40px}
.pro_list_item .ibd2 .swiper_bd{ width:100%; overflow:hidden}
.pro_list_item .ibd2 .swiper_bd .swiper-slide{ width:auto; height:400px;}
.pro_list_item .ibd2 .swiper_bd .swiper-slide img{ width:auto; height:100%}
.pro_list_item .ibd2 .cont{ padding:30px 25px 35px; position:relative}
.pro_list_item .ibd2 .cont .title{ font-size:18px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_item .ibd2 .cont .intro{ font-size:14px; color:#666666; margin-top:8px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_item .ibd2 .cont .more{ font-size:16px; color:#333333; font-weight:bold; position:absolute; right:25px; top:30px}
.pro_list_item .ibd2:hover .cont .title{ color:#663b93}
.pro_list_item .ibd2:hover .cont .more{ color:#663b93}
@media (max-width: 1600px){	
	.pro_list_item .ibd2 .swiper_bd .swiper-slide{ height:360px;}
	.pro_list_item .ibd2 .cont{ padding:25px 20px 30px}
	.pro_list_item .ibd2 .cont .title{ font-size:16px;}
	.pro_list_item .ibd2 .cont .intro{ font-size:12px; margin-top:6px;}
	.pro_list_item .ibd2 .cont .more{ font-size:14px; right:20px; top:25px}
}
@media (max-width: 1200px){	
	.pro_list_item .ibd2 .swiper_bd .swiper-slide{ height:300px;}
	.pro_list_item .ibd2 .cont{ padding:20px 15px 25px}
	.pro_list_item .ibd2 .cont .more{ margin-top:15px; position:relative; top:0; right:0}
}
@media (max-width: 750px){
	.pro_list_item .ibd2 .swiper_bd .swiper-slide{ height:200px;}
}





.pro_list_itemx{ margin-top:70px;}
.pro_list_itemx .ihd .t{ background:url(g_21.png) left center no-repeat; padding-left:13px; color:#333333; font-size:28px; }
.pro_list_itemx .ibd{ overflow:hidden}
.pro_list_itemx .ibd .item{ width:23.4%; margin-right:calc(6.4% / 3);   background:#fff; margin-top:2.5%; border-radius:12px; overflow:hidden}
.pro_list_itemx .ibd .item:last-child{ margin-right:0}
.pro_list_itemx .ibd .item .pic{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; box-sizing:border-box; padding:10%}
.pro_list_itemx .ibd .item .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;}
.pro_list_itemx .ibd .item:hover .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);}
.pro_list_itemx .ibd .item .cont{ padding:30px 25px 35px}
.pro_list_itemx .ibd .item .cont .title{ font-size:18px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_itemx .ibd .item .cont .intro{ font-size:14px; color:#666666; margin-top:8px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list_itemx .ibd .item .cont .more{ font-size:16px; color:#333333; font-weight:bold; margin-top:20px}
.pro_list_itemx .ibd .item:hover .cont .title{ color:#663b93}
.pro_list_itemx .ibd .item:hover .cont .more{ color:#663b93}
@media (max-width: 1600px){
	.pro_list_itemx{ margin-top:50px;}
	.pro_list_itemx .ihd .t{ font-size:24px; background-size:3px 24px;}
	.pro_list_itemx .ibd .item .cont{ padding:25px 20px 30px}
	.pro_list_itemx .ibd .item .cont .title{ font-size:16px;}
	.pro_list_itemx .ibd .item .cont .intro{ font-size:12px; margin-top:6px;}
	.pro_list_itemx .ibd .item .cont .more{ font-size:14px; margin-top:16px}
}
@media (max-width: 1200px){
	.pro_list_itemx{ margin-top:40px;}
	.pro_list_itemx .ihd .t{ font-size:20px;  background-size:3px 20px;}
	.pro_list_itemx .ibd .item{ width:32%; margin-right:2%}
	.pro_list_itemx .ibd .item:nth-child(4n){ margin-right:2%}
	.pro_list_itemx .ibd .item:nth-child(3n){ margin-right:0}
	.pro_list_itemx .ibd .item .cont{ padding:20px 15px 25px}
}
@media (max-width: 750px){
	.pro_list_itemx{}
	.pro_list_itemx .ihd .t{ }
	.pro_list_itemx .ibd .item{ width:100%; margin-right:0%; margin-top:15px}
	.pro_list_itemx .ibd .item:nth-child(4n){ margin-right:0}
	.pro_list_itemx .ibd .item:nth-child(3n){ margin-right:0}
	.pro_list_itemx .ibd .item:nth-child(2n){ margin-right:0}
	.pro_list_itemx .ibd .item .cont{ padding:20px 15px 25px}
}



.prodis{ background:#f5f5f5; padding:50px 0}
.prodis01 .ihd{ font-size:36px; color:#663b93; font-weight:bold}
.prodis01 .ibd .cont{ display:flex; display:flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; box-sizing:border-box; padding:50px 30px; border-radius:10px; background:#fff}
.prodis01 .ibd .lt{ width:795px; }
.prodis01 .ibd .lt .title{ font-size:18px; color:#333333; font-weight:bold; padding:10px 0 25px; border-bottom:1px solid #e5e5e5}
.prodis01 .ibd .lt .intro{ margin-top:20px; font-size:14px; color:#333; line-height:25px}
.prodis01 .ibd .lt .intro p{ background:url(g_33.png) 0 10px no-repeat; padding-left:20px; margin-bottom:10px}
.prodis01 .ibd .lt .xh{ font-size:18px; color:#333333; font-weight:bold; padding:30px 0 0}
.prodis01 .ibd .lt .listm li{ float:left; display:flex; align-items: center; justify-content: center; width:15%; margin-right:2%; margin-top:2%; height:36px; box-sizing:border-box; border:1px solid #b2b2b2; border-radius:10px; font-size:14px; color:#666666; cursor:pointer}
.prodis01 .ibd .lt .listm li:nth-child(6n){ margin-right:0}
.prodis01 .ibd .lt .listm li.on,.prodis01 .ibd .lt .listm li:hover{ border:1px solid #663b93; color:#663b93; font-weight:bold}
.prodis01 .ibd .lt .alx{ margin-top:40px; font-size:18px; color:#333333}
.prodis01 .ibd .lt .alx a{ color:#663b93; font-size:32px; font-weight:bold}
.prodis01 .ibd .rt{  width:600px; position:relative; margin-left:20px}
.prodis01 .ibd .rt .next_m1{ width:20px; height:100%; position:absolute; right:-20px; top:0; z-index:2; cursor:pointer; background:url(g_20.png) center center no-repeat; background-size:100%; transform:rotate(0)}
.prodis01 .ibd .rt .prev_m1{ width:20px; height:100%; position:absolute; left:-20px; top:0; z-index:2; cursor:pointer; background:url(g_20.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}

.prodis01 .ibd .rt .swiper01x{ width:100%; overflow:hidden; text-align:center}
.prodis01 .ibd .rt img{ width:100%; }
.prodis01 .ibd .rt .pagination1{ width:100%; text-align:center; margin-top:60px}
.prodis01 .ibd .rt .pagination1 span{ width:8px; height:8px; background:#bfbfbf; border-radius:50%; opacity:1}
.prodis01 .ibd .rt .pagination1 span.swiper-pagination-bullet-active{ background:#51277b}
.prodis01 .ibd .prev1{ background:url(ax10.png) center center no-repeat; background-size:cover; width:45px; height:45px; cursor:pointer; position:absolute; left:-100px; top:40%; z-index:9}
.prodis01 .ibd .next1{ background:url(ax10.png) center center no-repeat; background-size:cover; width:45px; height:45px; cursor:pointer;  transform:rotate(180deg);  position:absolute; right:-100px; top:40%; z-index:9}
.prodis01 .ibd .prev1:hover{ background:url(ax11.png) center center no-repeat; background-size:cover; transform:rotate(180deg);}
.prodis01 .ibd .next1:hover{ background:url(ax11.png) center center no-repeat; background-size:cover; transform:rotate(0);}
@media all and (max-width:1600px){
	.prodis01 .ihd{ font-size:28px; }
	.prodis01 .ibd .cont{  padding:40px 25px;}
	.prodis01 .ibd .lt{ width:620px; }
	.prodis01 .ibd .lt .title{ font-size:16px; padding:8px 0 16px; }
	.prodis01 .ibd .lt .intro{ margin-top:16px; font-size:12px; line-height:22px}
	.prodis01 .ibd .lt .intro p{ background:url(g_33.png) 0 8px no-repeat; margin-bottom:8px}
	.prodis01 .ibd .lt .xh{ font-size:16px; padding:20px 0 0}
	.prodis01 .ibd .lt .listm li{ height:32px; font-size:13px; }
	.prodis01 .ibd .lt .listm li.on,.prodis01 .ibd .lt .listm li:hover{ border:1px solid #663b93; color:#663b93; font-weight:bold}
	.prodis01 .ibd .lt .alx{ margin-top:30px; font-size:16px; }
	.prodis01 .ibd .lt .alx a{ font-size:26px }
	.prodis01 .ibd .rt{  width:470px; margin-left:16px}
	.prodis01 .ibd .rt .next_m1{ width:16px; right:-16px; margin:0; padding:0 }
	.prodis01 .ibd .rt .prev_m1{ width:16px;  left:-16px; margin:0; padding:0  }
	
	
}
@media all and (max-width:1200px){
	.prodis{ padding:40px 0}
	.prodis01{}
	.prodis01 .ibd .cont{ padding:25px 20px 30px; display:block}
	.prodis01 .ihd{  font-size:22px;}
	.prodis01 .ibd{}
	.prodis01 .ibd .swiper01 .swiper-slide{ position:relative; padding-bottom:30px}
	.prodis01 .ibd .lt{ width:100%}
	.prodis01 .ibd .lt .title{ font-size:14px;}
	.prodis01 .ibd .lt .listm li{ width:32%; font-size:12px; height:30px; border-radius:5px}
	.prodis01 .ibd .lt .listm li:nth-child(6n){ margin-right:2%}
	.prodis01 .ibd .lt .listm li:nth-child(3n){ margin-right:0}
	.prodis01 .ibd .lt .alx{ margin-top:20px; font-size:14px; }
	.prodis01 .ibd .lt .alx a{ font-size:24px }
	.prodis01 .ibd .rt{ width:100%; margin:0; position:relative; margin-top:20px}
	.prodis01 .ibd .rt img{ width:90%; height:auto}
	.prodis01 .ibd .rt .next_m1{ width:12px; right:0;  }
	.prodis01 .ibd .rt .prev_m1{ width:12px;  left:0;  }
	
}
.prodis02{ margin-top:40px}
.prodis02 .nr{ background:#fff; box-sizing:border-box; padding:40px 30px; border-radius:12px}
.prodis02 .ihd{ display:flex; border-bottom:1px solid #e7e7e7}
.prodis02 .ihd .item{ margin-right:8%}
.prodis02 .ihd .item a{ display:block; height:60px; line-height:60px; font-size:20px; color:#333333; position:relative}
.prodis02 .ihd .item.on a:after,.prodis02 .ihd .item:hover a:after{ content:""; display:block; width:100%; height:3px; background:#663b93; position:absolute; left:0; bottom:-2px; z-index:2; }
.prodis02 .ihd .item.on a{ font-size:28px}
.prodis02 .ibd .aitem{ font-size:16px; color:#333333; text-align:justify; line-height:2; margin-top:40px}
.prodis02 .ibd .bitem{  margin-top:40px}
.prodis02 .ibd .t{ font-size:28px; color:#333; background:url(g_21.png) left center no-repeat; padding-left:14px}
.prodis02 .ibd .blist{}
.prodis02 .ibd .blist .item{ width:15.5%; float:left; margin-right:1.4%; margin-top:1.4%}
.prodis02 .ibd .blist .item:nth-child(6n){ margin-right:0}
.prodis02 .ibd .blist .item .pic{ width:100%; overflow:hidden; border-radius:12px;}
.prodis02 .ibd .blist .item .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;}
.prodis02 .ibd .blist .item:hover .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);}
.prodis02 .ibd .blist .item .title{ text-align:center; font-size:18px; color:#333333; padding:12px 0}
.prodis02 .ibd .blist .item:hover .title{ color:#663b93; font-weight:bold}
.prodis02 .ibd .citem{  margin-top:40px}
.prodis02 .ibd .clist .item{ width:31%; margin-right:3.5%; margin-top:2%; float:left; box-sizing:border-box; border:1px solid #e3e3e3; border-radius:12px; overflow:hidden}
.prodis02 .ibd .clist .item:nth-child(3n){ margin-right:0}
.prodis02 .ibd .clist .item .pic{ width:100%; overflow:hidden}
.prodis02 .ibd .clist .item .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;}
.prodis02 .ibd .clist .item:hover .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);}
.prodis02 .ibd .clist .item .cont{ padding:30px}
.prodis02 .ibd .clist .item .cont .title{ font-size:20px; color:#333333; font-weight:bold}
.prodis02 .ibd .clist .item .cont .intro{ font-size:16px; line-height:30px; color:#333333; margin-top:10px; height:60px}
.prodis02 .ibd .ditem{  margin-top:40px}
.prodis02 .ibd .ditem .dlist{ margin-top:40px; box-sizing:border-box; border-left:1px solid #eaeaea}
.prodis02 .ibd .ditem .dlist .th{ display:flex; align-items: center; color:#fff}
.prodis02 .ibd .ditem .dlist .th .a{ width:11%; box-sizing:border-box; border-right:1px solid #eaeaea; text-align:center; height:46px;display:flex; align-items: center; text-align:center; justify-content: center; font-size:16px; background:#663b93; }
.prodis02 .ibd .ditem .dlist .th .a:nth-child(4){ width:23%}
.prodis02 .ibd .ditem .dlist .tr{ background:#fff; display:flex; align-items: center; color:#333; border-bottom:1px solid #eaeaea}
.prodis02 .ibd .ditem .dlist .tr .a{ width:11%; box-sizing:border-box; border-right:1px solid #eaeaea; text-align:center; height:46px;display:flex; align-items: center; text-align:center; justify-content: center; font-size:16px}
.prodis02 .ibd .ditem .dlist .tr .a:nth-child(4){ width:23%}
@media all and (max-width:1600px){
	.prodis02 .nr{ padding:30px 25px; }
	.prodis02 .ihd .item a{ height:55px; line-height:55px; font-size:18px; }
	.prodis02 .ihd .item.on a{ font-size:24px}
	.prodis02 .ibd .aitem{ font-size:14px;  margin-top:35px}
	.prodis02 .ibd .bitem{  margin-top:35px}
	.prodis02 .ibd .t{ font-size:24px;}
	.prodis02 .ibd .blist .item .title{ font-size:16px; }
	.prodis02 .ibd .citem{  margin-top:35px}
	.prodis02 .ibd .clist .item{ width:32%; margin-right:2%; border-radius:10px}
	.prodis02 .ibd .clist .item:nth-child(3n){ margin-right:0}
	.prodis02 .ibd .clist .item .cont{ padding:25px 20px}
	.prodis02 .ibd .clist .item .cont .title{ font-size:18px; }
	.prodis02 .ibd .clist .item .cont .intro{ font-size:14px; line-height:25px; height:50px}
	.prodis02 .ibd .ditem{  margin-top:35px}
	.prodis02 .ibd .ditem .dlist{ margin-top:35px; }
	.prodis02 .ibd .ditem .dlist .th .a{ font-size:14px}
	.prodis02 .ibd .ditem .dlist .tr .a{ font-size:14px}
}
@media all and (max-width:1200px){
	.prodis02 .nr{ padding:25px 20px; }
	.prodis02 .ihd .item a{ height:45px; line-height:45px; font-size:16px; }
	.prodis02 .ihd .item.on a{ font-size:20px}
	.prodis02 .ibd .aitem{ margin-top:20px}
	.prodis02 .ibd .bitem{  margin-top:25px}
	.prodis02 .ibd .bitem .item{ width:23.5%; margin-right:2%}
	.prodis02 .ibd .bitem .item:nth-child(6n){ margin-right:2%}
	.prodis02 .ibd .bitem .item:nth-child(4n){ margin-right:0}
	.prodis02 .ibd .t{ font-size: 20px; background-size: 3px 20px;}
	.prodis02 .ibd .blist .item .title{ font-size:16px; }
	.prodis02 .ibd .citem{  margin-top:25px}
	.prodis02 .ibd .clist .item{ width:48.5%; margin-right:3%; border-radius:10px; margin-top:3%}
	.prodis02 .ibd .clist .item:nth-child(3n){ margin-right:3%}
	.prodis02 .ibd .clist .item:nth-child(2n){ margin-right:0}
	.prodis02 .ibd .clist .item .cont{ padding:25px 20px}
	.prodis02 .ibd .clist .item .cont .title{ font-size:16px; }
	.prodis02 .ibd .clist .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
	.prodis02 .ibd .ditem{  margin-top:25px}
	.prodis02 .ibd .ditem .dlist{ margin-top:20px; }
	.prodis02 .ibd .ditem .dlist .th .a{ font-size:12px}
	.prodis02 .ibd .ditem .dlist .tr .a{ font-size:12px}
}
@media all and (max-width:750px){
	.prodis02 .nr{ padding:25px 20px; }
	.prodis02 .ihd .item{ margin-right:4%}
	.prodis02 .ihd .item:last-child{ margin-right:0}
	.prodis02 .ihd .item a{ height:40px; line-height:40px; font-size:14px; }
	.prodis02 .ihd .item.on a{ font-size:20px}
	.prodis02 .ibd .bitem .item{ width:32%; margin-right:2%; margin-top:2%}
	.prodis02 .ibd .bitem .item:nth-child(6n){ margin-right:2%}
	.prodis02 .ibd .bitem .item:nth-child(4n){ margin-right:2%}
	.prodis02 .ibd .bitem .item:nth-child(3n){ margin-right:0}
	.prodis02 .ibd .blist .item .title{ font-size:14px}
	.prodis02 .ibd .t{ margin-bottom:8px}
	.prodis02 .ibd .citem{  margin-top:25px}
	.prodis02 .ibd .clist .item{ width:100%; margin-right:0; margin-bottom:15px}
	.prodis02 .ibd .clist .item:last-child{ margin-bottom:0}
	.prodis02 .ibd .clist .item .cont{ padding:20px 16px}
	.prodis02 .ibd .clist .item .cont .intro{ height:auto}
	.prodis02 .ibd .ditem{  margin-top:25px}
	.prodis02 .ibd .ditem .wk{ width:100%; overflow:auto; margin-top:15px}
	.prodis02 .ibd .ditem .dlist{ margin:0; width:800px }
}

.about01{ background:#fff; padding:100px 0 0 }
.about01 .nr{ display:flex; align-items: center; justify-content: space-between;flex-direction: row-reverse;}
.about01 .cont{ width:43%;}
.about01 .cont .title{ font-size:42px; color:#333333; line-height:1}
.about01 .cont .intro{ font-size:16px; color:#666666; text-align:justify; line-height:2; margin-top:30px}
.about01 .pic{ width:800px; position:relative; overflow:hidden; border-radius:15px; cursor:pointer}
.about01 .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;}
.about01 .pic:hover 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);}
.about01 .pic .play{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.4)}
.about01 .pic .play span{ display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer}
.about01 .pic .play span:after{ content:""; display:block; width:100%; height:100%; background:url(g_06x.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;animation: rotate360 4s linear infinite;}
.about01 .pic .play span i{ display:block; width:70px; height:70px; background:url(g_05x.png) center center no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; background-size:cover}
@keyframes rotate360 {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
}
@media all and (max-width:1600px){
	.about01{ padding:80px 0 0 }
	.about01 .cont .title{ font-size:32px; }
	.about01 .cont .intro{ font-size:14px; margin-top:30px}
	.about01 .pic{ width:50%;  border-radius:12px; }
}
@media all and (max-width:1200px){
	.about01{ padding:60px 0 0 }
	.about01 .cont .title{ font-size:24px; }
	.about01 .cont .intro{ font-size:12px; margin-top:15px}
	.about01 .pic{ width:55%;  border-radius:10px; }
}
@media all and (max-width:1200px){
	.about01{ padding:40px 0 0 }
	.about01 .nr{ display:block}
	.about01 .cont{ width:100%}
	.about01 .cont .title{ font-size:20px; margin-top:20px }
	.about01 .cont .intro{ font-size:12px; margin-top:10px}
	.about01 .pic{ width:100%;  border-radius:10px; }
	.about01 .pic .play span{ width:80px; height:80px}
	.about01 .pic .play span i{ width:50px; height:50px;}
}

.about02{ background:#fff; padding:100px 0 0 }
.about02 .nr{ display:flex; justify-content: space-between; }
.about02 .item{ position:relative; width:500px; border-radius:12px; overflow:hidden}
.about02 .item .pic{ width:100%; overflow:hidden; position:relative}
.about02 .item .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;}
.about02 .item .pic:hover 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);}
.about02 .item .pic:after{ content:""; display:block; width:100%; height:100%; background:url(g_37.png) bottom center no-repeat; background-size:cover; z-index:2; position:absolute; left:0; top:0}
.about02 .item .bq{display:flex; align-items: center; justify-content: center; width:125px; height:44px; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:2; border-radius:0 0 12px; color:#fff; font-size:14px}
.about02 .item .title{ font-size:24px; color:#fff; position:absolute; width:100%; box-sizing:border-box; padding:5%; z-index:3; left:0; bottom:0}
@media all and (max-width:1600px){
	.about02{ padding:80px 0 0 }
	.about02 .item{ width:32.4%;}
	.about02 .item .bq{ width:110px; height:40px; font-size:12px}
	.about02 .item .title{ font-size:20px;}
}
@media all and (max-width:1200px){
	.about02{ padding:60px 0 0 }
	.about02 .item .bq{ width:100px; height:36px; }
	.about02 .item .title{ font-size:16px;}
}
@media all and (max-width:750px){
	.about02{ padding:20px 0 0 }
	.about02 .nr{ display:block}
	.about02 .item{ width:100%; margin-top:20px}
	.about02 .item .bq{ width:100px; height:36px; }
	.about02 .item .title{ font-size:16px;}
}

.ab03{ background:url(ax33.jpg) center center no-repeat; background-size:cover; padding:115px 0 150px; margin-top:100px}
.ab03 .ihd{ text-align:center; color:#fff; font-size:42px; color:#ffffff}
.ab03 .ibd .swiper3{ width:1280px; margin:0 auto}
.ab03 .ibd .swiper3 .swiper-slide{ width:320px; color:#fff; height:480px; margin-right:160px; display:flex;align-items:center; opacity:0.7}
.ab03 .ibd .swiper3 .swiper-slide.swiper-slide-active{ opacity:1}
.ab03 .ibd .swiper3 .swiper-slide .time{ width:100%; font-size:40px}
.ab03 .ibd .swiper3 .swiper-slide .intro{ width:100%; font-size:16px; opacity:0.8; line-height:2; margin-top:30px}
.ab03 .ibd .swiper3 .swiper-slide .intro p{ background:url(g_38.png) 0 15px no-repeat; padding-left:20px}
.ab03 .ibd .swiper3 .pagination3{  font-size:0; margin:0 auto; text-align:center;display: flex;justify-content: space-around;width: 300px;}
.ab03 .ibd .swiper3 .pagination3 span{ display:inline-block; vertical-align:top; margin:0; padding:0; position:relative; width:50px; height:1px; background:rgba(255,255,255,0.1); opacity:1; border-radius:0}
.ab03 .ibd .swiper3 .pagination3 span.swiper-pagination-bullet-active{ height:2px; background:#fff; top:-1px}
@media all and (max-width:1600px){
	.ab03{ padding:80px 0 100px;  margin-top:80px}
	.ab03 .ihd{ font-size:32px}
	.ab03 .ibd .swiper3{ width:1100px}
	.ab03 .ibd .swiper3 .swiper-slide{ width:300px; margin-right:100px; height:420px}
	.ab03 .ibd .swiper3 .swiper-slide .time{ font-size:32px}
	.ab03 .ibd .swiper3 .swiper-slide .intro{ font-size:14px}
	.ab03 .ibd .swiper3 .swiper-slide .intro p{ background:url(g_38.png) 0 12px no-repeat; }
}
@media all and (max-width:1200px){
	.ab03{ padding:40px 0 60px; margin-top:60px}
	.ab03 .ihd{ font-size:24px}
	.ab03 .ibd .swiper3{ width:92%}
	.ab03 .ibd .swiper3 .swiper-slide{ width:300px; margin-right:100px; height:auto; padding:20px 0 40px}
	.ab03 .ibd .swiper3 .swiper-slide .time{ font-size:24px; line-height:1}
	.ab03 .ibd .swiper3 .swiper-slide .intro{ font-size:12px}
	.ab03 .ibd .swiper3 .swiper-slide .intro p{ background:url(g_38.png) 0 10px no-repeat; padding-left:16px }
	
}
@media all and (max-width:750px){
	.ab03{ margin-top:40px}
	.ab03 .ihd{ font-size:20px}	
	.ab03 .ibd .swiper3 .swiper-slide{ width:45%; margin-right:10%}
	.ab03 .ibd .swiper3 .swiper-slide .time{ font-size:20px; }
	.ab03 .ibd .swiper3 .pagination3 span{ width:30px}
}

.ab04{ padding:100px 0}
.ab04 .ibd{ margin-top:50px}
.ab04 .ibd .swiper4{ width:100%; overflow:hidden}
.ab04 .ibd .swiper4 .swiper-slide{ width:32.6%; margin-right:1.1%; overflow:hidden; border-radius:12px; background:#f7f7f7}
.ab04 .ibd .swiper4 .swiper-slide:last-child{ margin-right:0}
.ab04 .ibd .swiper4 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.ab04 .ibd .swiper4 .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;}
.ab04 .ibd .swiper4 .swiper-slide:hover .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);}
.ab04 .ibd .swiper4 .swiper-slide .title{ width:100%; height:100px;display:flex; align-items: center; box-sizing:border-box; padding:0 25px; font-size:20px; color:#333333; display:flex; align-items: center; box-sizing:border-box; line-height:1.4; transition:all 0.3s}
.ab04 .ibd .swiper4 .swiper-slide:hover .title{ background:#663b93; color:#fff}
@media all and (max-width:1600px){
	.ab04{ padding:80px 0}
	.ab04 .ibd{ margin-top:40px}
	.ab04 .ibd .swiper4 .swiper-slide .title{ height:80px; font-size:18px; }
}
@media all and (max-width:1200px){
	.ab04{ padding:60px 0}
	.ab04 .ibd{ margin-top:30px}
	.ab04 .ibd .swiper4 .swiper-slide{ width:48.5%; margin-right:3%}
	.ab04 .ibd .swiper4 .swiper-slide .title{ height:70px; font-size:16px; padding:0 20px; }
}
@media all and (max-width:750px){
	.ab04{ padding:40px 0}
	.ab04 .ibd{ margin-top:20px}
	.ab04 .ibd .swiper4 .swiper-slide{ width:60%; margin-right:3%}
	.ab04 .ibd .swiper4 .swiper-slide .title{ height:60px; font-size:14px; }
}


.second_nav{}
.second_nav ul{ border-bottom:1px solid #e5e5e5}
.second_nav ul li{ float:left; margin-right:140px; position:relative}
.second_nav ul li>a{ display:block; line-height:85px; font-size:18px; color:#333333; position:relative}
.second_nav ul li.on>a,.second_nav ul li:hover>a{ color:#663b93; font-weight:bold}
.second_nav ul li.on>a:after,.second_nav ul li:hover>a:after{ content:""; display:block; width:100%; height:1px; background:#663b93; position:absolute; left:0; bottom:0; z-index:2}
.second_nav ul li dl{ width:150px; position:absolute; top:100%; left:50%; margin-left:-75px;display:none;  padding-top:35px}
.second_nav ul li dd a{ display:block; font-size:16px; color:#fff; line-height:35px; background:#62398a;box-shadow:0 0 10px rgba(0,0,0,0.15); }
.second_nav ul li dd a:hover{ background:#fff; color:#62398a}
.second_nav ul li:hover dl{ display:block}
@media all and (max-width:1600px){
	.second_nav ul li{ margin-right:100px; }
	.second_nav ul li>a{ line-height:70px; font-size:16px;}
}
@media all and (max-width:1200px){
	.second_nav .nr{ width:100%; background:#62398a}
	.second_nav ul li{ width:50%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); margin:0; text-align:center}
	.second_nav ul li:nth-child(2n){ border-right:0}
	.second_nav ul li>a{ color:#fff; background:none; font-size:16px; line-height:42px}
	.second_nav ul li.on>a,.second_nav ul li:hover>a{ background:#fff; color:#62398a}
	.second_nav ul li dl{ width:100%; left:0; margin-left:0; z-index:99; padding:0}
	
	.second_nav ul li.on>a:after,.second_nav ul li:hover>a:after{ width:0}
}


.lxwm01{ margin-top:60px}
.lxwm01 .nr{display:flex; flex-wrap: wrap;}
.lxwm01 .item{ width:32%; margin-right:2%; margin-bottom:2%; float:left; box-sizing:border-box; border:1px solid #ececec; border-radius:15px; padding:40px}
.lxwm01 .item:hover{ border:1px solid #663b93; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.lxwm01 .item:nth-child(3n){ margin-right:0}
.lxwm01 .item .title{ font-size:24px; color:#663b93; line-height:1; padding-bottom:15px; position:relative}
.lxwm01 .item .title:after{ content:""; display:block; width:22px; height:2px; background:#663b93; position:absolute; left:0; bottom:0}
.lxwm01 .item .intro{ font-size:16px; color:#333333; line-height:40px; margin-top:20px}
.lxwm01 .item .intro p:nth-child(1) a{ color:#333333; font-size:28px; font-family:Arial; font-weight:bold}
@media all and (max-width:1600px){
	.lxwm01 .item{ padding:30px}
	.lxwm01 .item .title{ font-size:20px; }
	.lxwm01 .item .intro{ font-size:14px; line-height:35px; }
	.lxwm01 .item .intro  p:nth-child(1) a{ font-size:22px; }
}
@media all and (max-width:1200px){
	.lxwm01 .item{ width:49%}
	.lxwm01 .item:nth-child(3n){ margin-right:2%}
	.lxwm01 .item:nth-child(2n){ margin-right:0}
	.lxwm01 .item .intro p:nth-child(1) a{ font-size:20px; }
}
@media all and (max-width:750px){
	.lxwm01{ margin-top:40px}
	.lxwm01 .item{ width:100%; margin-right:0; padding:30px 20px; border-radius:10px; margin-bottom:15px}
	.lxwm01 .item .title{ font-size:18px; }

}

.lxwm02{ width:100%; margin-top:80px}
.lxwm02 .ibd{  width:1238px; margin:0 auto; max-width:100%; margin-top:80px; position:relative}
.lxwm02 .ibd .map{ position:relative; width:100%}
.lxwm02 .ibd .map img{ width:100%}
.lxwm02 .ibd .item{ position:absolute; z-index:0; cursor:pointer}
.lxwm02 .ibd .item1 .title{ background:url(g_42.png) left center no-repeat; padding-left:35px; font-size:14px; color:#333333; line-height:31px}
.lxwm02 .ibd .item .cont{ width:300px; position:absolute; left:0%; bottom:120%; background:#fff; border-radius:15px; box-sizing:border-box; padding:20px 15px; box-shadow:0 0 10px rgba(0,0,0,0.15); display:none}
.lxwm02 .ibd .item .cont .t{ font-size:18px; color:#333; font-weight:bold}
.lxwm02 .ibd .item .cont .intro{ font-size:14px; color:#333; line-height:2; margin-top:10px}
.lxwm02 .ibd .item:hover .cont{ display:block}
.lxwm02 .ibd .item2 .title{ width:96px; height:34px; background:url(g_44.png) center center no-repeat;  background-size:100% 100%; border-radius:20px;display:flex; align-items: center; justify-content: center; color:#fff; font-size:14px; position:relative/* border:6px solid rgba(102,59,147,0.15)*/}
.lxwm02 .ibd .item2 .title::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(102,59,147,0.5);border-radius: 100%;opacity: 1;animation: bianda 2s linear infinite; z-index:-1 ;animation-play-state: running; border-radius:20px}

@keyframes bianda{
	0{ transform: scale(1); opacity: 1;}
	100%{ transform: scale(1.5); opacity: 0;}
	
}
@media all and (max-width:1600px){
	.lxwm02{ margin-top:60px}
	.lxwm02 .ibd{ margin-top:60px; }
}
@media all and (max-width:1200px){
	.lxwm02{ margin-top:40px}
	.lxwm02 .ibd{ margin-top:40px; }
	.lxwm02 .ibd .item1 .title{ background-size:auto 20px; padding-left:30px; font-size:12px; line-height:20px}
	.lxwm02 .ibd .item .cont{ width:200px; border-radius:10px; padding:15px 12px;}
	.lxwm02 .ibd .item .cont .t{ font-size:14px; }
	.lxwm02 .ibd .item .cont .intro{ font-size:12px; margin-top:6px}
	.lxwm02 .ibd .item2 .title{ width:80px; height:28px; font-size:12px; border:5px solid rgba(102,59,147,0.15)}
}
@media all and (max-width:750px){
	.lxwm02 .ibd .item1 .title{ background-size:auto 12px; padding-left:16px; font-size:10px; line-height:16px}
	.lxwm02 .ibd .item .cont{ width:150px; border-radius:10px; padding:10px;}
	.lxwm02 .ibd .item .cont .t{ font-size:12px; }
	.lxwm02 .ibd .item .cont .intro{ font-size:10px; margin-top:6px}
	.lxwm02 .ibd .item2 .title{ width:60px; height:24px; border-radius:12px; font-size:10px; border:5px solid rgba(102,59,147,0.15)}
	.lxwm02 .ibd .item3 .cont{ left:auto; bottom:120%; right:0}
}

.lxwm03{ padding:100px 0}
.lxwm03 .ibd{ margin-top:50px}
.lxwm03 .ibd form { position:relative; font-size:0; }
.lxwm03 .ibd .clearfix { margin-bottom:30px; }
.lxwm03 .ibd .text { float:left; width:18.4%; font-size:16px; color:#666; padding-left:20px; background:#f9f9f9; height:50px; border:1px solid #e6e6e6; box-sizing: border-box; border-radius:10px; margin-right:2% }
.lxwm03 .ibd .text.t01 {  }
.lxwm03 .ibd .text.t03 { }
.lxwm03 .ibd .sel01 { float:left; width:18.4%; font-size:16px; color:#888; padding-left:20px; background:#f9f9f9; height:50px; border:1px solid #e6e6e6; box-sizing: border-box; border-radius:10px; appearance:none; -webkit-appearance:none; background:url(g_43.png) 96% center no-repeat #f9f9f9; }
.lxwm03 .ibd select {}
.lxwm03 .ibd img { width:130px; height:50px; }
.lxwm03 .ibd .textarea { width:100%; height:190px; font-size:16px; color:#888; padding:15px 20px; margin-bottom:30px; background:#f9f9f9; border:1px solid #e6e6e6; box-sizing: border-box; border-radius:10px }
.lxwm03 .ibd .btn01 { position:absolute; right:0; bottom:0; display:block; font-size:16px; width:150px; height:50px; text-align:center; color:#fff; background:url(g_45.png) center center no-repeat; background-size:cover; cursor:pointer; z-index:5; border-radius:12px; overflow:hidden }
.lxwm03 .ibd ::-webkit-input-placeholder { color:#666666; opacity: 1; }
.lxwm03 .ibd :-moz-placeholder { color:#666666; opacity: 1; }
.lxwm03 .ibd :-ms-input-placeholder { color:#666666; opacity: 1; } 
.lxwm03 .ibd .placeholder { color:#666666; opacity: 1; }
@media all and (max-width:1600px){
	.lxwm03{ padding:80px 0}
	.lxwm03 .ibd{ margin-top:40px}
}
@media all and (max-width:1200px){
	.lxwm03{ padding:60px 0}
	.lxwm03 .ibd{ margin-top:30px}
}
@media all and (max-width:750px){
	.lxwm03{ padding:60px 0}
	.lxwm03 .ibd{ margin-top:30px}
	.lxwm03 .ibd .clearfix { margin-bottom:0; }
	.lxwm03 .ibd .text { float:none; width:100%; font-size:14px; padding-left:10px; height:40px; line-height:40px; margin-bottom:10px; }
	.lxwm03 .ibd .text.t01 { margin-right:0; }
	.lxwm03 .ibd .text.t03 { width:100px; margin-bottom:0; }
	.lxwm03 .ibd .sel01 { float:none; width:100%; font-size:14px; padding-left:10px; height:40px; line-height:40px; margin-bottom:0; background-size:10px }

	 
	.lxwm03 .ibd img { width:100px; height:40px; }
	.lxwm03 .ibd .textarea { width:100%; height:135px; font-size:14px; padding:10px; margin:10px 0; }
	.lxwm03 .ibd .btn01 { position:relative; right:0; bottom:0; display:block; font-size:14px; width:100%; height:40px; line-height:40px; margin-top:15px; }
}









/*人才招聘*/
.zp { margin-top:60px}
.neiye{ }
.zp1 { font-size: 30px;color:#2a2a2a; text-align: center; padding-top:0.4rem; }
.zp .zp2 {  }
.zp3 { background: #fff; box-sizing: border-box; border:1px solid #e6e6e6; padding:50px 35px; width: 100%; border-radius:12px }
.zp3 h2 { font-size: 20px;color:#000; line-height:1 }
.zp4 { font-size: 24px;line-height: 2; color:#333333; }
.zp4 .ico{ font-size:0; margin-top:40px}
.zp5 { float: right; }
.zp6 { text-align: center; margin:60px 0 48px;}
.zp6 h2 { font-size: 30px;color:#000000; }
.zp6 ul { margin-top:45px; text-align: center; }
.zp6 ul li { width: 127px; height: 36px; line-height: 36px; text-align: center; font-size: 14px;display: inline-block; margin:0 10px;cursor: pointer; }
.zp6 ul li a { display: block; width: 100%; line-height: 36px; color:#fff; background: #3a3a3a; }
.zp6 ul li:hover a,.zp6 ul li.current a{ background: #ec6a00; }

.ajob{ margin-top:100px;}
.ajob .ihd{ text-align:center; margin-bottom:50px}
.h-e{ box-sizing:border-box;  border-radius:12px 12px 0 0; overflow:hidden}
.h-e ol li { float: left; width: 33.333%; text-align: center; height: 54px; line-height: 54px; background: #673b94; font-size: 16px; color: #fff; }
.h-e ul li { float: left; width: 33.333%; text-align: center; height: 54px; line-height: 54px; font-size: 14px; color: #fff; }
.h-e ul li:nth-child(3),.h-e ol li:nth-child(3){ text-align: left; }
.h-e ul li:nth-child(3) span,.h-e ol li:nth-child(3) span{ text-align: center; width: 50%;display: inline-block; }
.h-e h2 { text-align: center; font-size: 20px; padding: 15px; color: #000; font-weight: normal; margin-bottom: 15px; }
.h-e ul { position: relative; background:#f6f6f6; border-bottom:1px solid #ddd; }

.h-e ul.on { background:rgba(103,59,148,0.7); }
.h-e ul.on li.w-e-a { background: #f6f6f6; box-sizing: border-box;}
.h-e ul li {cursor: pointer; color:#404040;font-size: 14px; }
.h-e ul.on li { color:#fff; }
.h-e ul li.w-e-a { display: none; transition: all 0.5; padding: 30px 0 30px 3%; color: #3e3e3e; width: 100%; text-align: left; line-height: 24px; background: #fff; z-index: 10; height: auto; background: #fff; }
@media (max-width: 1600px){
	.zp3{ padding:40px 30px}
	.zp4{ font-size:20px}
	.zp4 .ico{ margin-top:30px}
	.zp4 .ico img{ height:30px}
}

@media (max-width: 700px){
	.h-e h2 { font-size: 16px; }
}
.w-e-b { position: relative; }
.w-e-c { width: 90%; margin: 0 auto; padding-bottom:30px;border-bottom:1px solid #ddd; }
.w-e-e { width: 90%; margin: 30px auto; }
.w-e-c1 { float: left; width: 25%; font-size: 14px;color:#3e3e3e;line-height: 26px; text-align: left; }
.w-e-e1 { float: left; width: 100%; }
.w-e-a a.more {margin:35px auto 0; transition: all 0.5s; display: block; width: 127px; height: 36px;background: url(pro4_12.png) no-repeat center; box-sizing: border-box;  }
/*.w-e-a a.more:hover { background: url(ab.png) no-repeat center #ec6a00; border-color:#ec6a00; }*/
.w-e-a a.more:hover{/*background: url(pro4_12_2.png) no-repeat center;*/}

@media (max-width: 1200px){
	.zp { margin-top:40px}
	.ajob{ margin-top:40px}
	.ajob .ihd{ margin-bottom:30px}
	.zp1 { font-size: 20px; padding:10px 0 ; }
	.d-j1 span { font-size: 1.07rem }
	
	.zp2 { }
	.zp3 { width: 100%; box-sizing:border-box; padding:20px;text-align: justify; height:auto}
	.zp4 { font-size:13px }
	.zp5 { margin-top:15px; }
	.zp4 .ico{ margin-top:20px}
	.zp4 .ico img{ height:24px}
	
	.h-e ul li:nth-child(3) span,.h-e ol li:nth-child(3) span { width: 100%; }
	.w-e-c1 { width: 100%; margin-top:0px; line-height: 30px; }
	.w-e-e1 { width: 100%; margin-top:10px; }
	.h-e ul li:nth-child(1) { width: 33.3333%; text-align: center; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.h-e ul li:nth-child(2) { width: 33.3333%; }
	.h-e ul { background: #f6f6f6; }
	
	.h-e ul li.w-e-a { padding:15px 0 15px; }
	.zp3 h2{ font-size:18px}
}
@media (max-width: 400px){
	.h-e ul li { font-size: 12px; }
}
/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .btn-submit,.form-panel .btn-reset { width:180px; height:50px; border:none; background:#666; color:#fff; cursor:pointer; margin-right:20px }
.form-panel .btn-submit:hover,.form-panel .btn-reset:hover { background:#673b94}

@media (max-width:750px) {
	
	.form-panel .btn-submit,.form-panel .btn-reset { width:120px; height:30px;}	
}
@media (max-width:640px) {

	.form-panel li.field label {width:60px;}	
	.form-panel .textarea,.form-panel .text { width:calc(100% - 90px);}
	.form-panel .submit-field{ padding-left:60px}
}



/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr {position:relative; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#673b94; font-size: 20px; font-weight:bold; line-height:30px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; font-size:15px }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }
@media (max-width:1000px){
.hr-list .info{ font-size:12px;}
}


.ajob03{ margin:100px 0}
.ajob03 .ibd{ background:url(g_47.jpg) center center no-repeat; background-size:cover; padding:65px 180px; color:#fff; display:flex; align-items: center; justify-content: space-between; border-radius:12px}
.ajob03 .ibd .cont{ font-size:18px; font-weight:bold; line-height:3}
.ajob03 .ibd .pic{ width:145px;}
.ajob03 .ibd .pic img{ width:100%}
@media (max-width:1600px){
	.ajob03{ margin:80px 0}
	.ajob03 .ibd{  padding:50px 100px;}
	.ajob03 .ibd .cont{ font-size:16px; }
	.ajob03 .ibd .pic{ width:120px;}
}
@media (max-width:1200px){
	.ajob03{ margin:40px 0}
	.ajob03 .ibd{  padding:40px 50px;}
	.ajob03 .ibd .cont{ font-size:14px; }
	.ajob03 .ibd .pic{ width:100px;}
}
@media (max-width:750px){
	.ajob03 .ibd{  padding:20px; display:block}
	.ajob03 .ibd .cont{ font-size:14px; line-height:2; margin-bottom:10px }
	.ajob03 .ibd .pic{ width:100px;}
}



.hotNews{ margin-top:60px}
.hotNews .swiper_hotNews{ width:100%; overflow:hidden; border-radius:12px; background:#f5f5f5; position:relative}
.hotNews .swiper_hotNews .item{ width:100%; overflow:hidden}
.hotNews .swiper_hotNews .item a{ display:flex}
.hotNews .swiper_hotNews .item .pic{ width:790px; overflow:hidden; position:relative}
.hotNews .swiper_hotNews .item .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;}
.hotNews .swiper_hotNews .item:hover .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);}
.hotNews .swiper_hotNews .item .cont{ width:calc(100% - 790px); box-sizing:border-box; padding:70px 50px;}
.hotNews .swiper_hotNews .item .cont .time{ margin-top:20px; background:url(g_16.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999}
.hotNews .swiper_hotNews .item .cont .title{ font-size:24px; color:#333333; font-weight:bold; line-height:40px; height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.hotNews .swiper_hotNews .item .cont .intro{ font-size:14px; color:#999999; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:16px}
.hotNews .swiper_hotNews .item:hover .cont .title{ color:#663b93}
.hotNews .swiper_hotNews .prev_hotNews{ background:url(g_49.png) center center no-repeat; width:48px; height:48px; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:50%; position:absolute; left:840px; bottom:80px; z-index:9; cursor:pointer}
.hotNews .swiper_hotNews .next_hotNews{ background:url(g_49.png) center center no-repeat; width:48px; height:48px; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:50%; position:absolute; left:900px; bottom:80px; z-index:9; cursor:pointer; transform:rotate(180deg)}
.hotNews .swiper_hotNews .prev_hotNews:hover{ background:url(g_50.png) center center no-repeat; background-size:cover;  transform:rotate(180deg)}
.hotNews .swiper_hotNews .next_hotNews:hover{ background:url(g_50.png) center center no-repeat; background-size:cover;  transform:rotate(0)}


@media (max-width: 1600px){
	.hotNews .swiper_hotNews .item{ }
	.hotNews .swiper_hotNews .item .pic{ width:50%}
	.hotNews .swiper_hotNews .item .cont{ width:50%; padding:45px 40px}
	.hotNews .swiper_hotNews .item .cont .title{ font-size:20px; line-height:32px; height:64px;}
	.hotNews .swiper_hotNews .prev_hotNews{ width:40px; height:40px; left:calc(50% + 40px); bottom:40px}
	.hotNews .swiper_hotNews .next_hotNews{  width:40px; height:40px; left:calc(50% + 100px); bottom:40px}		

}
@media (max-width: 1200px){
	.hotNews{ margin-top:40px}
	.hotNews .swiper_hotNews .item{ }
	.hotNews .swiper_hotNews .item .pic{ }
	.hotNews .swiper_hotNews .item .cont{  padding:20px}
	.hotNews .swiper_hotNews .item .cont .title{ font-size:16px; line-height:30px; height:60px;}
	.hotNews .swiper_hotNews .prev_hotNews{ width:32px; height:32px; left:calc(50% + 20px); bottom:10px}
	.hotNews .swiper_hotNews .next_hotNews{  width:32px; height:32px; left:calc(50% + 60px); bottom:10px}	
	.hotNews .swiper_hotNews .item .cont .time{ margin-top:10px; background:url(g_16.png) left center no-repeat; background-size:12px; padding-left:20px; font-size:12px; }
	.hotNews .swiper_hotNews .item .cont .intro{ font-size:12px; line-height:20px; height:auto; margin-top:10px}
}
@media (max-width: 750px){
	.hotNews .swiper_hotNews .item a{ display:block; padding-bottom:50px }
	.hotNews .swiper_hotNews .item .pic{ width:100% }
	.hotNews .swiper_hotNews .item .cont{ width:100%;  padding:20px}
	
	.hotNews .swiper_hotNews .prev_hotNews{ width:30px; height:30px; left:20px; bottom:20px}
	.hotNews .swiper_hotNews .next_hotNews{  width:30px; height:30px; left:60px; bottom:20px}	
}



.newsList{ margin-bottom:80px}
.newsList .newsListCont{ margin-bottom:50px}
.newsList .newsListCont .item{ float:left; width:480px; margin-right:50px; border-radius:10px; overflow:hidden; background:#f5f5f5; margin-top:50px}
.newsList .newsListCont .item:nth-child(3n){ margin-right:0}
.newsList .newsListCont .item .pic{ width:100%; overflow:hidden; position:relative}
.newsList .newsListCont .item .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;}
.newsList .newsListCont .item:hover .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);}
.newsList .newsListCont .item .pic span{display:flex; align-items: center; justify-content: center; width:96px; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; position:absolute; left:0; top:0; z-index:2; font-size:14px;}
.newsList .newsListCont .item .cont{ width:100%; height:240px; box-sizing:border-box; padding:35px 20px;}
.newsList .newsListCont .item .cont .time{ background:url(g_16.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999}
.newsList .newsListCont .item .cont .title{ font-size:18px; color:#333333; font-weight:bold; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.newsList .newsListCont .item .cont .intro{ font-size:14px; color:#999999; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.newsList .newsListCont .item:hover .cont .title{ color:#663b93}
@media (max-width: 1600px){
	.newsList{ margin-bottom:60px}
	.newsList .newsListCont{ margin-bottom:3.2%}
	.newsList .newsListCont .item{ width:31.2%; margin-right:3.2%; margin-top:3.2% }
	.newsList .newsListCont .item .pic span{ width:90px; height:32px; font-size:12px}
	.newsList .newsListCont .item .cont{ padding:30px 20px; height:auto}
	.newsList .newsListCont .item .cont .time{ background-size:12px; font-size:12px;}
	.newsList .newsListCont .item .cont .title{ font-size:16px; line-height:28px; height:56px;}
	.newsList .newsListCont .item .cont .intro{ font-size:12px; line-height:22px; height:44px; }

}
@media (max-width: 1200px){
	.newsList{ margin-bottom:4%}
	.newsList .newsListCont{ margin-bottom:4%}
	.newsList .newsListCont .item{ width:48%; margin-right:4%; float:left; margin-top:4%}
	.newsList .newsListCont .item:nth-child(3n){ margin-right:4%}
	.newsList .newsListCont .item:nth-child(2n){ margin-right:0}

}
@media (max-width: 750px){
	.newsList{ margin-bottom:20px}
	.newsList .newsListCont{ margin-bottom:20px}
	.newsList .newsListCont .item{ width:100%; margin-top:20px}

}



/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; 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 {background:#fff; 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 { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.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:#663b93}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1440px){
	.article { padding:30px 0}
}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.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}	
}



@media all and (max-width:1440px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}



.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#663b93; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0}
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/* 分页 */
.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 #f5f5f5; background:#f5f5f5; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #663b93; background:#663b93; color:#fff; }
@media all and (max-width:1760px){
	.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}
}

/*picx*/
.picx{ padding:60px 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:#f5f5f5}
.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:#663b93}
.picxList .item:hover a .cont{ color:#fff; background:#663b93}
@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}	

}
@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;}	

}



.ab06{ background:url(ax43.jpg) center center no-repeat; background-size:cover; margin-top:110px; padding:95px 0}
.ab06 .hd{ border-radius:20px; overflow:hidden}
.ab06 .hd li{ width:205px; height:560px; float:left; overflow:hidden; transition:all 0.3s; position:relative}
.ab06 .hd li.on{ width:1130px}
.ab06 .hd li .pic{ width:1130px; height:560px; overflow:hidden; position:relative}
.ab06 .hd li .pic img{ width:100%}
.ab06 .hd li .pic span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(00,00,00,0.5); transition:all 0.3s; opacity:1; visibility:1}
.ab06 .hd li.on .pic span{ opacity:0; visibility:hidden}
.ab06 .hd li .item{ position:absolute; left:}
.ab06 .hd li .brand{ width:100%; text-align:center; position:absolute; left:0; top:120px; font-size:36px; color:rgba(255,255,255,0.8); transition:all 1s; line-height:1}
.ab06 .hd li.on .brand{ top:-100%}
.ab06 .hd li .item{ position:absolute; left:80px; top:100%; font-size:36px; width:500px;transition:all 1s;}
.ab06 .hd li .item .title{ line-height:1; color:#333333}
.ab06 .hd li .item .intro{ font-size:20px; color:#666666; margin-top:40px}
.ab06 .hd li.on .item{ top:120px}
@media all and (max-width:1600px){
	.ab06{ margin-top:80px; padding:80px 0}
	.ab06 .hd li{ width:200px; height:396px}	
	.ab06 .hd li.on{ width:800px}
	.ab06 .hd li .pic{ width:800px}
	.ab06 .hd li .brand{ font-size:28px; top:80px}
	.ab06 .hd li .item{ font-size:28px}
	.ab06 .hd li .item .intro{ font-size:16px; margin-top:30px}
	.ab06 .hd li.on .item{ top:80px}
}
@media all and (max-width:1200px){
	.ab06{ margin-top:40px; padding:40px 0}
	.ab06 .hd{ border-radius:0}
	.ab06 .hd li{ width:100%; height:auto; border-radius:10px; overflow:hidden; margin-bottom:20px}
	.ab06 .hd li:last-child{ margin-bottom:0}
	.ab06 .hd li.on{ width:100%}
	.ab06 .hd li .pic{ width:100%; height:auto}
	.ab06 .hd li .pic span{ display:none}
	.ab06 .hd li .brand,.ab06 .hd li.on .brand{ display:none}
	.ab06 .hd li .item{ font-size:28px; top:40px; left:20px; font-size:20px; width:calc(100% - 40px)}
	.ab06 .hd li .item .intro{ font-size:16px; margin-top:30px; width:100%}
	.ab06 .hd li.on .item{ top:40px; left:20px;}
	.ab06 .hd li .item .intro{ font-size:12px; margin-top:12px}	
}

.ajob01{ width:100%; margin-top:40px}
.ajob01 .ibd{ padding-bottom:60px}
.ajob01 .ibd .item{ width:32%; float:left; margin-right:2%; box-sizing:border-box; margin-top:2%}
.ajob01 .ibd .item a{ display:block; width:100%; box-sizing:border-box; border:1px solid #ececec; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:10px; overflow:hidden; padding:36px}
.ajob01 .ibd .item a:hover{ border:1px solid #663b93}
.ajob01 .ibd .item:nth-child(3n){ margin-right:0}
.ajob01 .ibd .item a .aitem{display:flex; align-items: center;}
.ajob01 .ibd .item a .aitem .title{ font-size:20px; color:#333333; font-weight:bold; margin-right:30px}
.ajob01 .ibd .item a .aitem .lb{display:flex; align-items: center; justify-content: center;   height:24px; border-radius:5px; background:#efebf4; color:#663b93; font-size:14px; padding:0 12px}
.ajob01 .ibd .item a .bitem{ font-size:16px; color:#666666; margin-top:10px}
.ajob01 .ibd .item a .citem{display:flex; align-items: center; margin-top:15px}
.ajob01 .ibd .item a .citem .fbsj{ background:url(bx4.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999; margin-right:45px}
.ajob01 .ibd .item a .citem .zprs{ background:url(bx5.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999; }
@media (max-width: 1600px){
	.ajob01{  margin-top:40px}
	.ajob01 .ibd{ padding-bottom:40px}
	.ajob01 .ibd .item a{ padding:25px}
	.ajob01 .ibd .item a .aitem .title{ font-size:18px;  margin-right:25px}
	.ajob01 .ibd .item a .aitem .lb{  font-size:12px; padding:0 10px}
	.ajob01 .ibd .item a .bitem{ font-size:14px; }
	.ajob01 .ibd .item a .citem .fbsj{ font-size:12px; margin-right:45px}
	.ajob01 .ibd .item a .citem .zprs{  font-size:12px;  }

}
@media (max-width: 1200px){
	.ajob01{  margin-top:20px}
	.ajob01 .ibd .item{ width:49%}
	.ajob01 .ibd .item:nth-child(3n){ margin-right:2%}
	.ajob01 .ibd .item:nth-child(2n){ margin-right:0}
	.ajob01 .ibd{ padding-bottom:20px}

}
@media (max-width: 750px){
	.ajob01 .ibd .item{ width:100%; margin-top:20px}
	.ajob01 .ibd .item a{ padding:20px}

}






.ajob02 .ibd{ background:#fff; border-radius:10px; padding:50px 30px; position:relative}
.ajob02 .ibd .aitem{display:flex; align-items: center; }
.ajob02 .ibd .aitem .title{ background: url(g_21.png) left center no-repeat;padding-left: 13px;color: #333333;font-size: 28px; margin-right:30px}
.ajob02 .ibd .aitem .lb{display:flex; align-items: center; justify-content: center;   height:24px; border-radius:5px; background:#efebf4; color:#663b93; font-size:14px; padding:0 12px}
.ajob02 .ibd .bitem{ background:url(bx4.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999; margin-top:12px; }
.ajob02 .ibd .citem{ width:calc(100% - 200px); padding:30px 0; }
.ajob02 .ibd .citem .item{ padding:10px 0; width:25%; float:left; font-size:16px; color:#666666}
.ajob02 .ibd .ditem{ padding-top:40px; font-size:16px; color:#666666; line-height:2; border-top:1px solid #e5e5e5}
.ajob02 .ibd .eitem{display:flex; align-items: center; justify-content: center; width:150px; height:50px; background:#663b93; color:#fff; border-radius:10px; font-size:16px; position:absolute; right:30px; top:160px; z-index:2; cursor:pointer}
@media (max-width: 1600px){
	.ajob02 .ibd{ padding:40px 25px; }
	.ajob02 .ibd .aitem .title{ font-size:24px;  background-size:3px 24px; margin-right:20px}
	.ajob02 .ibd .aitem .lb{ font-size:12px; height:24px; padding:0 10px}
	.ajob02 .ibd .bitem{  font-size:12px; }
	.ajob02 .ibd .citem .item{ font-size:14px; }
	.ajob02 .ibd .ditem{ font-size:14px; }
	.ajob02 .ibd .eitem{ width:120px; height:42px; font-size:14px; right:25px; top:140px; z-index:2; cursor:pointer}
}
@media (max-width: 1200px){
	.ajob02 .ibd{ padding:30px 20px; }
	.ajob02 .ibd .aitem .title{ font-size:20px;  background-size:3px 20px; }
	.ajob02 .ibd .citem{ width:100%}
	.ajob02 .ibd .citem .item{ width:50%; }
	.ajob02 .ibd .eitem{ position:relative; top:0; right:0; margin:30px 0 10px}
}
@media (max-width: 750px){
	.ajob02 .ibd{ padding:30px 20px; }
	.ajob02 .ibd .aitem .title{ font-size:20px;  background-size:3px 20px; }
	.ajob02 .ibd .citem{ width:100%; padding:15px 0}
	.ajob02 .ibd .citem .item{ width:100%; padding:5px 0}
	.ajob02 .ibd .ditem{ font-size:14px; padding-top:20px }
	.ajob02 .ibd .eitem{  margin:20px 0 0}
}



.biaodan { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:999; display:none; }

.jbclose {position: absolute; right: 2%;top: 3%;z-index: 11;width: 40px;height: 40px; cursor:pointer; }
.jbclose i {display: block;width: 100%;height: 40px;position: relative;transform: rotate(45deg); transition: all .4s ease;}
.jbclose i::after,.jbclose i::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.jbclose i::after {width: 26px;height: 2px;}
.jbclose i::before {width: 2px;height: 26px;}
.jbclose i:hover {transform: rotate(135deg);}
.jbclose i:hover::after,.jbclose i:hover::before {background: #663b93;}

.biaodan01 { position: absolute; width:460px; overflow: hidden; background: #fff; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 3% 50px; border-radius: 10px; }
.biaodan01 .txt { text-align:center; }
.biaodan01 .txt .p1 {font-size: 30px;padding-bottom: 10px; font-weight:bold;}
.biaodan01 .txt .p2 {font-size: 14px;color: #666;}

.biaodan01 form { margin-top:30px; font-size:14px; }
.biaodan01 form .text { border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; margin-bottom: 10px; border-radius: 4px; background: #f2f4f7; }
.biaodan01 form .text01 { float:left; width:48%; }
.biaodan01 form .text02 { float:right; width:48%; }
.biaodan01 form .pp {  margin-bottom:5px; }

.biaodan01 form .filebtn { position:relative; }
.biaodan01 form .filebtn input.file { position:absolute; top:0; left:0; width:100%; cursor: pointer; opacity: 0; height:45px; z-index: 8; }
.biaodan01 form .filebtn .file-title { position:relative; width: 100%; height:45px; }
.biaodan01 form .filebtn .file-title .file-txt { width:70px; height:36px; line-height:36px; border-radius: 5px; cursor: pointer; text-align: center; background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%); }
.biaodan01 form .filebtn .file-title .file-name {  border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; border-radius: 4px; background: #f2f4f7; }

.biaodan01 form .btn01 { width: 100%; height:45px; line-height:45px; overflow: hidden;box-sizing: border-box;display: block;background: #663b93;color: #fff;border: none;cursor: pointer;font-size: 16px;border-radius: 4px;text-align: center; margin-top:10px; }

@media all and (max-width:1280px){
	.biaodan01 .txt .p1 { font-size:20px; }
	.biaodan01 .txt .p2 { font-size: 14px; color: #666; }

	.biaodan01 form { margin-top:20px; }
	.biaodan01 form .text { padding:0 15px; height:35px; line-height:35px; }
	.biaodan01 form .text01 { float:left; width:48%; }
	.biaodan01 form .text02 { float:right; width:48%; }
	.biaodan01 form .pp { font-size:14px; margin-bottom:5px; }
 
	.biaodan01 form .filebtn input.file { height:35px; }
	.biaodan01 form .filebtn .file-title { height:35px; }
	.biaodan01 form .filebtn .file-title .file-txt { width:60px; height:25px; line-height:25px; }
	.biaodan01 form .filebtn .file-title .file-name { padding:0 15px; height:35px; line-height:35px; }
 
	.biaodan01 form .btn01 { height:35px; line-height:35px; }
}
@media all and (max-width:1200px){
	.biaodan01 { width:90%; padding:40px 2% 30px 2%; }
	
	.biaodan01 .txt .p1 { font-size:20px; }
	.biaodan01 .txt .p2 { font-size: 14px; color: #666; }

	.biaodan01 form { margin-top:20px; }
	.biaodan01 form .text { padding:0 15px; height:35px; line-height:35px; }
	.biaodan01 form .text01 { float:none; width:100%; }
	.biaodan01 form .text02 { float:none; width:100%; }
	.biaodan01 form .pp { font-size:14px; margin-bottom:5px; }
 
	.biaodan01 form .filebtn input.file { height:35px; }
	.biaodan01 form .filebtn .file-title { height:35px; }
	.biaodan01 form .filebtn .file-title .file-txt { width:60px; height:25px; line-height:25px; }
	.biaodan01 form .filebtn .file-title .file-name { padding:0 15px; height:35px; line-height:35px; }
 
	.biaodan01 form .btn01 { height:35px; line-height:35px; }
}