@charset "utf-8";

.banner{ width:100%; overflow:hidden; position:relative}
.banner>img{ width: 100%; height: auto; }
.banner .img1{ display: block; }
.banner .img2{ display: none; }
.banner .item{ width:92%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; z-index:2; text-align:center}
.banner .item .title{ font-size:40px; color:#fff; line-height:1; background:url(ax28.jpg) bottom center no-repeat; padding-bottom:20px}
.banner .item .intro{ font-size:20px; color:rgba(255,255,255,0.8); margin-top:15px}
@media all and (max-width:1200px){
	.banner .img2{ display: block; }
	.banner .img1{ display: none; }	
	.banner .item .title{ font-size:20px;}	
	.banner .item .intro{ font-size:12px}
}
.wrap{ width:1580px; margin:0 auto}
@media all and (max-width:1600px){
	.wrap{ width:1200px; margin:0 auto}
}
@media all and (max-width:1200px){
	.wrap{ width:92%; margin:0 auto}
}

.ab01{ width:100%; margin-top:120px;}
.ab01 .nr{ background:url(ax31.jpg) right top no-repeat}
.ab01 .lt{ float:left; width:50%; padding-top:50px}
.ab01 .lt .logo img{ height:36px}
.ab01 .lt .title{ font-size:32px; color:#323333; margin-top:30px}
.ab01 .lt .intro{ font-size:16px; color:#666666; line-height:2; margin-top:25px}
.ab01 .lt .more{ margin-top:45px}
.ab01 .lt .more a{ display:block; width:148px; height:42px; border:1px solid #62398a; border-radius:25px; text-align:center; line-height:42px; font-size:14px; color:#62398a; transition:all 0.3s; position:relative; left:0}
.ab01 .lt .more a:hover{ background:#62398a; color:#fff; left:20px}
.ab01 .rt{ width:50%; float:right; height:460px; position:relative}
.ab01 .rt .play{  width:120px; text-align:center; font-size:14px; color:#999999; cursor:pointer; position:absolute; top:60%; left:50%}
.ab01 .rt .play i{ display:block; width:74px; height:74px; background:url(ax32.png) top center no-repeat; margin:0 auto; margin-bottom:20px;box-shadow: 0 0 rgba(00, 00, 00, 0.1),0 0 0 15px rgba(00, 00, 00, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running; border-radius:50%}


@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
	}
}


@media all and (max-width:1600px){
	.ab01{ width:100%; margin-top:80px;}
	.ab01 .nr{ background-size:50%}
	.ab01 .lt{ padding-top:40px}
	.ab01 .lt .logo img{ height:30px}
	.ab01 .lt .title{ font-size:28px}
	.ab01 .lt .intro{ font-size:14px;}
	.ab01 .rt{ height:490px}
	.ab01 .rt .play{ top:50%}
}
@media all and (max-width:1200px){
	.ab01{ width:100%; margin-top:40px;}
	.ab01 .nr{ background:none}
	.ab01 .lt{ padding-top:0; width:100%}
	.ab01 .lt .logo img{ height:24px}
	.ab01 .lt .title{ font-size:20px; margin-top:20px}
	.ab01 .lt .intro{ font-size:12px; margin-top:15px}
	.ab01 .lt .more{ margin-top:20px}
	.ab01 .lt .more a{ width:110px; height:36px; line-height:36px; font-size:12px}
	.ab01 .rt{ width:100%; height:auto; padding:80px 0; background:url(ax31.jpg) center center no-repeat; background-size:cover}
	.ab01 .rt .play{ position:relative; left:50%; top:50%; transform:translate(-50%,-50%); background-size:50px; padding-top:60px;}
}
.ab02{ border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:55px 0}
.ab02 .item{ float:left; background:url(ax42.png) right 10px no-repeat; margin-right:125px; padding-right:125px}
.ab02 .item .p1{ line-height:1}
.ab02 .item .p1 i{ font-size:46px; color:#62398a; font-family:impact; margin-right:20px; width:fit-content}
.ab02 .item .p1 span{ font-size:14px; color:#323333; position:relative}
.ab02 .item .p1 span s{ position:absolute; top:-25px; right:2px}
.ab02 .item:last-child{ background:none; padding-right:0; margin-right:0}
.ab02 .item .p2{ font-size:14px; color:#323333; line-height:1; margin-top:5px}
.ab02 .item .p2 img{ height:14px; margin-right:5px}
@media all and (max-width:1600px){
	.ab02 .item{ margin-right:80px; padding-right:80px}
	
}
@media all and (max-width:1200px){
	.ab02{ padding:40px 0 20px}
	.ab02 .item{ margin:0; padding:0; width:50%; background:none; margin-bottom:20px}
	.ab02 .item .p1 i{ font-size:32px; margin-right:10px}
	.ab02 .item .p1 span{ font-size:12px; color:#323333; position:relative}
	.ab02 .item .p1 span s{ position:absolute; top:-20px; right:0px; text-decoration:none}
	.ab02 .item .p2{ font-size:12px;}
	.ab02 .item .p2 img{ height:12px; margin-right:5px}
}

.ab04{ width:100%; margin-top:100px;}
.ab04 .nr{}
.ab04 .lt{ float:left; width:780px; padding-top:50px}
.ab04 .lt .title{ font-size:32px; color:#323333}
.ab04 .lt .intro{ font-size:16px; color:#666666; line-height:2; margin-top:25px}
.ab04 .rt{ width:738px; float:right; position:relative; border-radius:10px; overflow:hidden}
.ab04 .rt img{ width:100%; height:auto}
.ab04 .rt 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 .rt: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);}
@media all and (max-width:1600px){
	.ab04{ width:100%; margin-top:80px;}
	.ab04 .lt{ width:590px; padding-top:20px}
	.ab04 .lt .title{ font-size:28px}
	.ab04 .lt .intro{ font-size:14px;}
	.ab04 .rt{ width:560px}
}
@media all and (max-width:1200px){
	.ab04{ width:100%; margin-top:40px;}
	.ab04 .nr{ background:none}
	.ab04 .lt{ padding-top:0; width:100%}
	.ab04 .lt .title{ font-size:20px;}
	.ab04 .lt .intro{ font-size:12px; margin-top:15px}
	.ab04 .rt{ width:100%; margin-top:20px}

}

.ab03{ background:url(ax33.jpg) center center no-repeat; background-size:cover; padding:115px 0 150px; margin-top:80px}
.ab03 .ihd{ text-align:center; color:#fff; font-size:36px; 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:30px}
.ab03 .ibd .swiper3 .swiper-slide .title{ width:100%; font-size:24px; margin-top:20px}
.ab03 .ibd .swiper3 .swiper-slide .intro{ width:100%; font-size:16px; opacity:0.8; line-height:2; margin-top:10px}
.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}
	.ab03 .ihd{ font-size:30px}
	.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:26px}
	.ab03 .ibd .swiper3 .swiper-slide .title{ width:100%; font-size:20px;}
	.ab03 .ibd .swiper3 .swiper-slide .intro{ font-size:14px}
}
@media all and (max-width:1200px){
	.ab03{ padding:40px 0 60px; margin-top:40px}
	.ab03 .ihd{ font-size:20px}
	.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:20px; line-height:1}
	.ab03 .ibd .swiper3 .swiper-slide .title{ width:100%; font-size:16px; margin-top:20px; line-height:1}
	.ab03 .ibd .swiper3 .swiper-slide .intro{ font-size:12px}
}
@media all and (max-width:750px){
	.ab03 .ibd .swiper3 .swiper-slide{ width:45%; margin-right:10%}
	.ab03 .ibd .swiper3 .pagination3 span{ width:30px}
}

.ab05{ width:100%; margin-top:70px}
.ab05 .item{ width:445px; float:left; box-sizing:border-box; background:#f8f8f8; border-radius:10px; transition:all 0.5s; margin-right:30px; padding:65px 30px; overflow:hidden; height:395px}
.ab05 .item.on{ width:630px; box-shadow:0 0 10px rgba(00,00,00,.1); background:#fff}
.ab05 .item:nth-child(3){ margin-right:0}
.ab05 .item .pic{ margin-top:10px; position:relative; transition:all 0.5s}
.ab05 .item .pic img{ height:60px; transition:all 0.5s}
.ab05 .item .title{ font-size:32px; color:#323333; margin-top:70px; transition:all 0.5s}
.ab05 .item .bq span{ float:left; background:url(ax36.png) left center no-repeat; display:block; font-size:18px; color:#666666; padding-left:12px; margin-right:24px; margin-top:20px}
.ab05 .item .bq span:hover,.ab05 .item .bq span.on{ background:url(ax37.png) left center no-repeat; color:#62398a; font-weight:bold}
.ab05 .item .intro{ margin-top:30px; padding-top:30px; font-size:14px; color:#666666; line-height:2; visibility:hidden; opacity:0; transition:all 0.5s; border-top:1px solid #e5e5e5}
.ab05 .item.on .intro{ visibility:visible; opacity:1}
.ab05 .item.on .pic{ margin:0; height:0}
.ab05 .item.on .title{ margin-top:0}
.ab05 .item.on .pic img{ height:0}
@media all and (max-width:1600px){
	.ab05{ margin-top:60px}
	.ab05 .item{ width:330px; height:300px; margin-right:20px; padding:40px 20px}
	.ab05 .item.on{ width:500px}
	.ab05 .item .pic img{ height:50px; }
	.ab05 .item .title{ font-size:26px; margin-top:40px}
	.ab05 .item .bq span{ font-size:14px; margin-right:18px}
	.ab05 .item .intro{ margin-top:25px; padding-top:25px}
}
@media all and (max-width:1200px){
	.ab05{ margin-top:40px}
	.ab05 .item{ width:100%; margin-right:0; height:auto; margin-bottom:20px;box-shadow:0 0 10px rgba(00,00,00,.1);}
	.ab05 .item.on{ width:100%; height:auto;background:#f8f8f8;}
	.ab05 .item .pic{ margin-top:0}
	.ab05 .item .pic img{ height:40px; }
	.ab05 .item .title{ font-size:22px; margin-top:20px}
	.ab05 .item .bq span{ font-size:14px; margin-right:18px}
	.ab05 .item .intro{ margin-top:25px; padding-top:25px;visibility:visible; opacity:1}
	.ab05 .item.on .intro{ visibility:visible; opacity:1}
	.ab05 .item.on .pic{ margin:0; height:auto}
	.ab05 .item.on .title{ margin-top:20px}
	.ab05 .item.on .pic img{ height:40px}
	.ab05 .item:nth-child(3){ margin-bottom:0}
}

.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:580px; float:left; overflow:hidden; transition:all 0.3s; position:relative}
.ab06 .hd li.on{ width:1170px}
.ab06 .hd li .pic{ width:1170px; height:580px; 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}
	.ab06 .hd li .item .intro{ font-size:16px; margin-top:30px}
	.ab06 .hd li.on .item{ top:40px; left:20px;}
	.ab06 .hd li .item .intro{ font-size:12px; margin-top:12px}
	
		
}

.ab07{ width:100%; background:url(ax39.png) center 540px no-repeat #fbfbfb; padding:100px 0}
.ab07 .ihd .title{ text-align:center; font-size:36px; color:#333333; font-weight:normal; line-height:1}
.ab07 .ihd .more{ text-align:right; margin-top:40px}
.ab07 .ihd .more a{ color:#999999; font-size:16px}
.ab07 .ihd .more a:hover{ color:#62398a}
.ab07 .ibd{ margin-top:80px}
.ab07 .ibd .swiper7{ width:100%; overflow:hidden}
.ab07 .ibd .swiper7 .swiper-slide{ width:auto; margin-right:50px}
.ab07 .ibd .swiper7 .swiper-slide img{ width:auto; height:310px}
.ab07 .ifd{ width:100%; text-align:center; margin-top:80px;}
.ab07 .ifd a{ display:inline-block; vertical-align:top; background:url(ax41.png) top center no-repeat; padding-top:38px; line-height:1; font-size:14px; color:#999999; cursor:pointer}
@media all and (max-width:1600px){
	.ab07{ padding:80px 0; background:url(ax39.png) center 440px no-repeat #fbfbfb;}
	.ab07 .ihd .title{ text-align:center; font-size:30px;}
	.ab07 .ihd .more{ margin-top:30px}
	.ab07 .ihd .more a{ font-size:14px}
	.ab07 .ibd{ margin-top:60px}
	.ab07 .ibd .swiper7 .swiper-slide{ margin-right:34px}
	.ab07 .ibd .swiper7 .swiper-slide img{ height:280px}
}
@media all and (max-width:1200px){
	.ab07{ padding:40px 0; background:url(ax39.png) center 280px no-repeat #fbfbfb; background-size:100% 80px}
	.ab07 .ihd .title{ font-size:20px;}
	.ab07 .ihd .more{ margin-top:12px}
	.ab07 .ihd .more a{ font-size:12px}
	.ab07 .ibd{ margin-top:20px}
	.ab07 .ibd .swiper7 .swiper-slide{ margin-right:15px}
	.ab07 .ibd .swiper7 .swiper-slide img{ height:200px}
	.ab07 .ifd{ margin-top:40px}
	.ab07 .ifd a{ font-size:12px}
}


.second_nav{ width:100%; padding:35px 0; border-bottom:1px solid rgba(00,00,00,0.1)}
.second_nav ul li{ float:left; width:calc(100% / 6); text-align:center}
.second_nav ul li a{ display:block; line-height:65px; font-size:20px; color:rgba(41,41,41,0.5); position:relative}
.second_nav ul li.on a,.second_nav ul li:hover a{ background:url(ax44.jpg) bottom center no-repeat; color:#62398a; font-weight:bold}
@media all and (max-width:1600px){
	.second_nav{ padding:25px 0}
	.second_nav ul li a{ font-size:18px; line-height:60px}
}
@media all and (max-width:1200px){
	.second_nav{ padding:0}
	.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)}
	.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}
}

.pro{ padding-bottom:100px}
.pro01{ background:url(ax46.jpg) top center no-repeat; padding:150px 0 190px}
.pro01 .ihd{ width:520px; border-bottom:2px solid #51277b; font-size:40px; color:#51277b; line-height:1; font-weight:bold; padding-bottom:30px}
.pro01 .ibd{  position:relative}
.pro01 .ibd .swiper01{ width:100%; overflow:hidden}
.pro01 .ibd .swiper01 .swiper-slide{ width:100%; overflow:hidden}
.pro01 .ibd .swiper01 .swiper-slide .lt{ width:650px; float:left; padding-top:35px}
.pro01 .ibd .swiper01 .swiper-slide .lt .title{ font-size:30px; color:#323333; font-weight:bold}
.pro01 .ibd .swiper01 .swiper-slide .lt .intro{ font-size:14px; color:#666666; line-height:25px; margin:30px 0 60px}
.pro01 .ibd .swiper01 .swiper-slide .lt .listm li{ float:left; border:1px solid #d2d2d2; width:110px; height:37px; box-sizing:border-box; float:left; border-radius:5px; color:rgba(51,51,51,0.45); font-size:14px; text-align:center; line-height:35px; margin-right:10px; margin-bottom:10px; cursor:pointer}
.pro01 .ibd .swiper01 .swiper-slide .lt .listm li:nth-child(5n){ margin-right:0}
.pro01 .ibd .swiper01 .swiper-slide .lt .listm li.on,.pro01 .ibd .swiper01 .swiper-slide .lt .listm li:hover{ border:1px solid #62398a; color:#62398a; font-weight:bold}
.pro01 .ibd .swiper01 .swiper-slide .lt .more{ margin-top:80px}
.pro01 .ibd .swiper01 .swiper-slide .lt .more a{ display:block; width:145px; height:42px; background:#62398a; text-align:center; color:#fff; line-height:42px; border-radius:30px; font-size:14px; position:relative; left:0; transition:all 0.3s}
.pro01 .ibd .swiper01 .swiper-slide .lt .more a:hover{ left:20px}
.pro01 .ibd .swiper01 .swiper-slide .rt{ float:right; width:680px; margin-right:85px}
.pro01 .ibd .swiper01 .swiper-slide .rt .swiper01x{ width:100%; overflow:hidden}
.pro01 .ibd .swiper01 .swiper-slide .rt img{ width:100%; height:auto}
.pro01 .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}
.pro01 .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}
.pro01 .ibd .prev1:hover{ background:url(ax11.png) center center no-repeat; background-size:cover; transform:rotate(180deg);}
.pro01 .ibd .next1:hover{ background:url(ax11.png) center center no-repeat; background-size:cover; transform:rotate(0);}
@media all and (max-width:1600px){
	.pro01{ padding:120px 0 150px}
	.pro01 .ihd{ width:480px; font-size:32px; padding-bottom:25px}
	.pro01 .ibd{ margin-top:30px}
	.pro01 .ibd .swiper01 .swiper-slide .lt{ width:550px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .title{ font-size:24px;}
	.pro01 .ibd .swiper01 .swiper-slide .lt .intro{ margin:20px 0 40px;}
	.pro01 .ibd .swiper01 .swiper-slide .lt .listm li{ width:98px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .more{ margin-top:60px}
	.pro01 .ibd .swiper01 .swiper-slide .rt{ width:600px; margin-right:0}
	.pro01 .ibd .prev1{ left:-60px; width:40px; height:40px;}
	.pro01 .ibd .next1{ right:-60px; width:40px; height:40px;}
}
@media all and (max-width:1200px){
	.pro01{ padding:60px 0 90px; }
	.pro01{ background:#f9f9f9;}
	.pro01 .ihd{ width:100%; font-size:24px; padding-bottom:20px}
	.pro01 .ibd{ margin-top:20px}
	.pro01 .ibd .swiper01 .swiper-slide{ position:relative; padding-bottom:30px}
	.pro01 .ibd .swiper01 .swiper-slide .lt{ width:100%}
	.pro01 .ibd .swiper01 .swiper-slide .lt .title{ font-size:20px;}
	.pro01 .ibd .swiper01 .swiper-slide .lt .intro{ font-size:12px; margin:15px 0 20px;}
	.pro01 .ibd .swiper01 .swiper-slide .lt .listm li{ width:76px; font-size:12px; height:32px; line-height:32px; margin-right:10px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .listm li:nth-child(5n){ margin-right:10px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .more{ margin-top:60px}
	.pro01 .ibd .swiper01 .swiper-slide .rt{ width:600px; margin-right:0}
	.pro01 .ibd .prev1{ left:-60px; width:40px; height:40px;}
	.pro01 .ibd .next1{ right:-60px; width:40px; height:40px;}
	.pro01 .ibd .swiper01 .swiper-slide .rt{ width:100%; margin-right:0; margin-top:20px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .more{ margin:0; position:absolute; left:0; bottom:2px}
	.pro01 .ibd .swiper01 .swiper-slide .lt .more a{ width:110px; height:36px; line-height:36px; font-size:12px}
	
	.pro01 .ibd .prev1{ left:-3%; width:32px; height:32px; top:50%}
	.pro01 .ibd .next1{ right:-3%; width:32px; height:32px; top:50%}
	
}

.pro02{ width:100%; margin-top:100px}
.pro02 .ihd{ text-align:center; font-size:36px; color:#333333; line-height:1}
.pro02 .ibd{ margin-top:60px; background:#f7f7f7; padding:45px 40px}
.pro02 .ibd .item01{ width:270px; float:left; margin-right:140px}
.pro02 .ibd .item01 .sel{ border:0; border-bottom:2px solid #333333; appearance:none; -webkit-appearance:none; background:url(ax47.png) right center no-repeat; width:100%; height:55px; font-size:16px; color:#333333;}
.pro02 .ibd .item02{ width:270px; float:left; position:relative}
.pro02 .ibd .item02 .inp1{ border:0; border-bottom:2px solid #333333; appearance:none; -webkit-appearance:none; width:100%; height:55px; font-size:16px; color:#333333; background:none}
.pro02 .ibd .item02 .inp1::placeholder{appearance:none; -webkit-appearance:none; opacity:1; color:#333}
.pro02 .ibd .item02 .inp2{ background:url(ax48.png) center center no-repeat; width:24px; height:55px; position:absolute; right:0; top:0; cursor:pointer; z-index:2}
@media all and (max-width:1600px){
	.pro02{ width:100%; margin-top:80px}
	.pro02 .ihd{ text-align:center; font-size:30px;}
	.pro02 .ibd{ margin-top:40px; background:#f7f7f7; padding:40px 30px}
	.pro02 .ibd .item01{ width:220px; margin-right:86px}
	.pro02 .ibd .item02{ width:220px}
}
@media all and (max-width:1200px){
	.pro02{ width:100%; margin-top:40px}
	.pro02 .ihd{ text-align:center; font-size:20px;}
	.pro02 .ibd{ margin-top:20px; background:#f7f7f7; padding:20px 20px}
	.pro02 .ibd .item01{ width:100%; margin-right:0%}
	.pro02 .ibd .item01 .sel{ height:45px; font-size:12px; background-size:12px; margin-bottom:10px}
	.pro02 .ibd .item01:nth-child(2n){ margin-right:0}
	.pro02 .ibd .item02{ width:100%}
	.pro02 .ibd .item02 .inp1{ font-size:12px; height:45px}
	.pro02 .ibd .item02 .inp2{ height:45px}
}

.pro03{ width:100%; margin-top:40px}
.pro03 .item{ width:780px; height:780px; background:#f7f7f7; float:left; border-radius:10px; overflow:hidden; margin-bottom:20px; box-sizing:border-box; padding:0 70px}
.pro03 .item:nth-child(2n){ float:right}
.pro03 .item .pic{ width:100%; text-align:center;  padding-top:200px; transition:all 0.5s}
.pro03 .item .pic img{ height:300px; width:auto}
.pro03 .item .title{ margin-top:80px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:32px; color:#000000}
.pro03 .item .title a{ color:#000}
.pro03 .item .bq{ margin-top:25px;}
.pro03 .item .bq span{ display:block; border:1px solid #d2d2d2; width:110px; height:37px; box-sizing:border-box; float:left; border-radius:5px; color:rgba(51,51,51,0.45); font-size:14px; text-align:center; line-height:35px; margin-right:22px; margin-bottom:10px; cursor:pointer}
.pro03 .item .bq span:nth-child(5n){ margin-right:0}
.pro03 .item .bq span:hover{ border:1px solid #62398a; color:#62398a; font-weight:bold}
.pro03 .item .intro{ margin-top:30px; font-size:16px; color:#666666; height:115px; border-bottom:1px solid #dedce0; text-align:justify; line-height:24px; display:none}
.pro03 .item .more{ margin-top:40px; display:none}
.pro03 .item .more a{ display:block; width:145px; height:42px; background:#62398a; text-align:center; color:#fff; line-height:42px; border-radius:30px; font-size:14px; position:relative; left:0; transition:all 0.5s}
.pro03 .item .more a:hover{ left:20px}
.pro03 .item:hover{ background:#f7f5f9}
.pro03 .item:hover .pic{ padding-top:120px}
.pro03 .item:hover .pic img{ height:220px; width:auto}
.pro03 .item:hover .bq{ display:none}
.pro03 .item:hover .title a{ color:#62398a}
.pro03 .item:hover .intro{ display:block}
.pro03 .item:hover .more{ display:block}
@media all and (max-width:1600px){
	.pro03 .item{ width:590px; height:590px; padding:0 50px}
	.pro03 .item .pic{ padding-top:100px}
	.pro03 .item .pic img{ height:240px}
	.pro03 .item .title{ margin-top:50px; font-size:26px}
	.pro03 .item .bq span{ width:90px; margin-right:10px}
	.pro03 .item:hover .pic{ padding-top:80px}
	.pro03 .item:hover .pic img{ height:180px; width:auto}
	.pro03 .item:hover .intro{ font-size:14px; height:100px}
	.pro03 .item:hover .more{ display:block}
}
@media all and (max-width:1200px){
	.pro{ padding:0 0 40px}
	.pro03 .item{ width:100%; padding:30px 15px; height:auto}
	.pro03 .item .pic,.pro03 .item:hover .pic{ padding-top:0}
	.pro03 .item .pic img,.pro03 .item:hover .pic img{height:140px}
	.pro03 .item .title{ font-size:20px; margin-top:20px}
	.pro03 .item .bq{ margin-top:10px}
	.pro03 .item .bq span{ width:23.5%; margin-right:2%; font-size:12px; height:32px; line-height:32px}
	.pro03 .item .bq span:nth-child(5n){ margin-right:2%}
	.pro03 .item .bq span:nth-child(4n){ margin-right:0}
	.pro03 .item:hover .bq{ display:block}
	.pro03 .item .intro,.pro03 .item:hover .intro{ display:block; font-size:12px; margin-top:5px; line-height:20px; height:auto; padding-bottom:10px}
	.pro03 .item .more{ display:block; margin-top:15px}
	.pro03 .item .more a{ width:110px; height:36px; line-height:36px; font-size:12px}
}

.pro_nav{ width:100%; border-bottom:1px solid #e5e5e5}
.pro_nav ul{ float:left}
.pro_nav ul li{ float:left; line-height:100px; font-size:16px; color:#333; margin-right:75px}
.pro_nav ul li a{ color:#333}
.pro_nav ul li.on a,.pro_nav ul li:hover a{ font-weight:bold}
.pro_nav .rt{ float:right}
.pro_nav .rt a{ display:block; float:left; line-height:100px; font-size:14px; color:#333333; margin-left:16px; background:url(ax50.png) left center no-repeat; padding-left:20px;}
.pro_nav .rt a.home{ background:url(ax49.png) left center no-repeat; padding-left:24px}
@media all and (max-width:1600px){
	.pro_nav ul li{ line-height:80px}
	.pro_nav .rt a{ line-height:80px}
}
@media all and (max-width:1200px){
	.pro_nav ul{ width:100%}
	.pro_nav ul li{ width:25%; text-align:center; margin-right:0; line-height:60px}
	.pro_nav .rt{ display:none}
}
.prodis01 .ihd{ width:520px; border-bottom:2px solid #51277b; font-size:40px; color:#51277b; line-height:1; font-weight:bold; padding-bottom:30px; padding-top:95px; margin-bottom:45px}
.prodis01 .ibd .lt{ width:650px; float:left}
.prodis01 .ibd .lt .title{ font-size:30px; color:#323333; font-weight:bold}
.prodis01 .ibd .lt .intro{ font-size:14px; color:#666666; line-height:25px; margin:30px 0 60px}
.prodis01 .ibd .lt .listm li{ float:left; border:1px solid #d2d2d2; width:110px; height:37px; box-sizing:border-box; float:left; border-radius:5px; color:rgba(51,51,51,0.45); font-size:14px; text-align:center; line-height:35px; margin-right:10px; margin-bottom:10px; cursor:pointer}
.prodis01 .ibd .lt .listm li:nth-child(5n){ margin-right:0}
.prodis01 .ibd .lt .listm li.on,.prodis01 .ibd .lt .listm li:hover{ border:1px solid #62398a; color:#62398a; font-weight:bold}
.prodis01 .ibd .rt{ float:right; width:720px; background:#f7f7f7; padding:200px 0 100px}
.prodis01 .ibd .rt .swiper01x{ width:100%; overflow:hidden; text-align:center}
.prodis01 .ibd .rt img{ width:auto; height:300px}
.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{ width:480px; font-size:32px; padding-bottom:25px}
	.prodis01 .ibd{}
	.prodis01 .ibd .lt{ width:550px}
	.prodis01 .ibd .lt .title{ font-size:24px;}
	.prodis01 .ibd .lt .intro{ margin:20px 0 40px;}
	.prodis01 .ibd .lt .listm li{ width:98px}
	.prodis01 .ibd .lt .more{ margin-top:60px}
	.prodis01 .ibd .rt{ width:600px; margin-right:0}
	.prodis01 .ibd .prev1{ left:-60px; width:40px; height:40px;}
	.prodis01 .ibd .next1{ right:-60px; width:40px; height:40px;}
}
@media all and (max-width:1200px){
	.prodis01{}
	.prodis01 .ihd{ width:100%; font-size:24px; padding-bottom:20px; padding-top:40px; margin-bottom:20px}
	.prodis01 .ibd{}
	.prodis01 .ibd .swiper01 .swiper-slide{ position:relative; padding-bottom:30px}
	.prodis01 .ibd .lt{ width:100%}
	.prodis01 .ibd .lt .title{ font-size:20px;}
	.prodis01 .ibd .lt .intro{ font-size:12px; margin:15px 0 20px;}
	.prodis01 .ibd .lt .listm li{ width:32%; margin-right:2%; margin-bottom:2%; line-height:32px; height:34px; font-size:12px}
	.prodis01 .ibd .lt .listm li:nth-child(4n){ margin-right:2%}
	.prodis01 .ibd .lt .listm li:nth-child(5n){ margin-right:2%}
	.prodis01 .ibd .lt .listm li:nth-child(3n){ margin-right:0}
	.prodis01 .ibd .lt .more{ margin-top:60px}
	.prodis01 .ibd .rt{ width:600px; margin-right:0; padding:40px 0}
	.prodis01 .ibd .rt img{ width:90%; height:auto}
	.prodis01 .ibd .rt{ width:100%; margin-right:0; margin-top:20px}
	.prodis01 .ibd .rt .pagination1{ margin-top:30px; font-size:0}
	.prodis01 .ibd .rt .pagination1 span{ width:6px; height:6px}
	
}

.prodis02{ width:100%}
.prodis02 .swiper02{ width:100%; overflow:hidden; position:relative}
.prodis02 .swiper02 .swiper-slide{ width:100%; overflow:hidden; position:relative}
.prodis02 .swiper02 .swiper-slide .pic{ width:100%;}
.prodis02 .swiper02 .swiper-slide .pic img{ width:100%; height:auto}
.prodis02 .swiper02 .swiper-slide .item{ position:absolute; left:50%; margin-left:-800px; background:url(ax69.png) left top no-repeat; font-size:40px; font-style:italic; color:#fff; top:50%; transform:translateY(-50%); padding:40px 10px; line-height:88px}
.prodis02 .swiper02 .pagination2{ position:absolute; width:auto; left:auto; bottom:10%; z-index:2; font-size:0; right:50%; margin-right:-790px;}
.prodis02 .swiper02 .pagination2 span{ width:15px; height:1px; border-radius:0; opacity:1; background:rgba(255,255,255,0.3)}
.prodis02 .swiper02 .pagination2 span.swiper-pagination-bullet-active{ background:#fff}
@media all and (max-width:1600px){
	.prodis02 .swiper02 .swiper-slide .item{ margin-left:-600px; font-size:32px; line-height:60px}
	.prodis02 .swiper02 .pagination2{ margin-right:-600px}
}
@media all and (max-width:1200px){
	.prodis02 .swiper02 .swiper-slide .item{ margin-left:0; left:4%; font-size:16px; line-height:30px; padding:10px 10px; background-size:12px}
	.prodis02 .swiper02 .pagination2{ margin-right:0; width:100%; right:0; text-align:center; bottom:4% }
}

.prodis03{ width:100%; margin-top:120px;}
.prodis03 .ihd{ text-align:center; line-height:1; font-size:32px; color:#333333; text-align:center}
.prodis03 .ibd{ margin-top:70px}
.prodis03 .ibd .swiper03{ width:100%; overflow:hidden; position:relative}
.prodis03 .ibd .swiper03 .swiper-slide{ width:20%; overflow:hidden; position:relative; cursor:pointer}
.prodis03 .ibd .swiper03 .swiper-slide .pic{ width:100%}
.prodis03 .ibd .swiper03 .swiper-slide .pic img{ width:100%}
.prodis03 .ibd .swiper03 .swiper-slide .item{ width:100%; height:100%; background:rgba(00,00,00,0.4); position:absolute; left:0; top:0; z-index:2; opacity:1; visibility:visible; transition:all 0.3s}
.prodis03 .ibd .swiper03 .swiper-slide .item .title{ font-size:20px; color:#fff; text-align:center; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.prodis03 .ibd .swiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.prodis03 .ibd .swiper03 .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);}
.prodis03 .ibd .swiper03 .swiper-slide:hover .item{ opacity:0; visibility:hidden}
.prodis03 .ibd .swiper03 .pagination3{ width:100%; text-align:center; margin:0 auto; margin-top:65px; font-size:0;display: flex;justify-content: space-around;width: 300px;}
.prodis03 .ibd .swiper03 .pagination3 span{ width:60px; height:1px; background:#e5e5e5; border:0; opacity:1; margin:0; padding:0; border-radius:0; position:relative}
.prodis03 .ibd .swiper03 .pagination3 span.swiper-pagination-bullet-active{ background:#62398a; height:2px; top:0}
@media all and (max-width:1600px){
	.prodis03{ width:100%; margin-top:80px;}
	.prodis03 .ihd{ font-size:28px}
	.prodis03 .ibd{ margin-top:40px}
	.prodis03 .ibd .swiper03 .pagination3{ margin-top:40px}
}
@media all and (max-width:1200px){
	.prodis03 .ibd .swiper03 .swiper-slide{ width:25%}
}
@media all and (max-width:750px){
	.prodis03{ width:100%; margin-top:40px;}
	.prodis03 .ihd{ font-size:20px}
	.prodis03 .ibd{ margin-top:20px}
	.prodis03 .ibd .swiper03 .swiper-slide{ width:50%}
	.prodis03 .ibd .swiper03 .swiper-slide .item .title{ font-size:16px}
	.prodis03 .ibd .swiper03 .pagination3{ margin-top:20px;width: 200px;}
	.prodis03 .ibd .swiper03 .pagination3 span{ width:30px}
}

.prodis04{ width:100%; background:url(ax61.jpg) center center no-repeat; background-size:cover; margin-top:120px; padding:90px 0 180px}
.prodis04 .ihd{ text-align:center; line-height:1; font-size:32px; color:#fff; text-align:center}
.prodis04 .ibd{ margin-top:80px; color:#fff}
.prodis04 .ibd .lt{ width:595px; height:300px; float:left; background:rgba(0,0,0,0.4); border-radius:10px; box-sizing:border-box; padding:35px 25px}
.prodis04 .ibd .lt .title{ background:url(ax62.png) left center no-repeat; padding-left:45px; font-size:16px; line-height:30px}
.prodis04 .ibd .lt .listm{ margin-top:60px}
.prodis04 .ibd .lt .listm li{ float:left; border:1px solid #88808e; width:100px; height:37px; box-sizing:border-box; float:left; border-radius:5px; color:#88808e; font-size:14px; text-align:center; line-height:35px; margin-right:10px; margin-bottom:10px; cursor:pointer}
.prodis04 .ibd .lt .listm li:nth-child(5n){ margin-right:0}
.prodis04 .ibd .lt .listm li.on,.prodis04 .ibd .lt .listm li:hover{ border:1px solid #fff; color:#fff; font-weight:bold}
.prodis04 .ibd .rt{ width:945px; float:right}
.prodis04 .ibd .rt .m4{ width:100%; overflow:hidden}
.prodis04 .ibd .rt .m4 .cl{ width:455px; height:300px; float:left; background:rgba(0,0,0,0.4); border-radius:10px; box-sizing:border-box;}
.prodis04 .ibd .rt .m4 .cr{ width:455px; height:300px; float:right; background:rgba(0,0,0,0.4); border-radius:10px; box-sizing:border-box;}
.prodis04 .ibd .rt .m4 div{ box-sizing:border-box}
.prodis04 .ibd .rt .m4 .cl .item01{ border-bottom:1px solid rgba(255,255,255,0.1)}
.prodis04 .ibd .rt .m4 .cl .item01 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax63.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cl .item01 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}
.prodis04 .ibd .rt .m4 .cl .item02{ border-bottom:1px solid rgba(255,255,255,0.1)}
.prodis04 .ibd .rt .m4 .cl .item02 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax64.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cl .item02 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}
.prodis04 .ibd .rt .m4 .cl .item03{}
.prodis04 .ibd .rt .m4 .cl .item03 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax65.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cl .item03 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}

.prodis04 .ibd .rt .m4 .cr .item01{ border-bottom:1px solid rgba(255,255,255,0.1)}
.prodis04 .ibd .rt .m4 .cr .item01 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax66.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cr .item01 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}
.prodis04 .ibd .rt .m4 .cr .item02{ border-bottom:1px solid rgba(255,255,255,0.1)}
.prodis04 .ibd .rt .m4 .cr .item02 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax67.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cr .item02 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}
.prodis04 .ibd .rt .m4 .cr .item03{}
.prodis04 .ibd .rt .m4 .cr .item03 .a1{ float:left; margin-left:45px; width:calc(50% - 45px); height:100px; line-height:100px; font-size:16px; color:#fff; background:url(ax68.png) left center no-repeat; padding-left:42px}
.prodis04 .ibd .rt .m4 .cr .item03 .a2{ width:50%; box-sizing:border-box; float:left; line-height:100px; height:100px; border-left:1px solid rgba(255,255,255,0.1); text-align:center; line-height:100px; font-size:16px}
@media all and (max-width:1600px){
	.prodis04{ margin-top:80px; padding:80px 0 120px}
	.prodis04 .ihd{ font-size:26px}
	.prodis04 .ibd{ margin-top:50px}
	.prodis04 .ibd .lt{ width:450px; height:280px}
	.prodis04 .ibd .lt .listm{ margin-top:30px}
	.prodis04 .ibd .lt .listm li{ width:94px; margin-right:8px; margin-bottom:8px; line-height:32px; height:34px}
	.prodis04 .ibd .lt .listm li:nth-child(4n){ margin-right:0}
	.prodis04 .ibd .lt .listm li:nth-child(5n){ margin-right:8px}
	.prodis04 .ibd .rt{ width:720px}
	.prodis04 .ibd .rt .m4 .cl{ width:350px}
	.prodis04 .ibd .rt .m4 .cr{ width:350px}
	.prodis04 .ibd .rt .m4 .cl .item01 .a1{ margin-left:25px; width:calc(50% - 25px)}
	.prodis04 .ibd .rt .m4 .cl .item02 .a1{ margin-left:25px; width:calc(50% - 25px)}
	.prodis04 .ibd .rt .m4 .cl .item03 .a1{ margin-left:25px; width:calc(50% - 25px)}
	.prodis04 .ibd .rt .m4 .cr .item01 .a1{ margin-left:25px; width:calc(50% - 25px)}
	.prodis04 .ibd .rt .m4 .cr .item02 .a1{ margin-left:25px; width:calc(50% - 25px)}
	.prodis04 .ibd .rt .m4 .cr .item03 .a1{ margin-left:25px; width:calc(50% - 25px)}
	
}
@media all and (max-width:1200px){
	.prodis04{ margin-top:40px; padding:40px 0 60px}
	.prodis04 .ihd{ font-size:20px}
	.prodis04 .ibd{ margin-top:20px}
	.prodis04 .ibd .lt{ width:100%; height:auto}
	.prodis04 .ibd .lt .listm{ margin-top:30px}
	.prodis04 .ibd .lt .listm li{ width:32%; margin-right:2%; margin-bottom:2%; line-height:32px; height:34px; font-size:12px}
	.prodis04 .ibd .lt .listm li:nth-child(4n){ margin-right:2%}
	.prodis04 .ibd .lt .listm li:nth-child(5n){ margin-right:2%}
	.prodis04 .ibd .lt .listm li:nth-child(3n){ margin-right:0}
	.prodis04 .ibd .rt{ width:100%; margin-top:20px; }
	.prodis04 .ibd .rt .m4 .cl{ width:100%; height:auto; box-shadow:0; border-radius:0}
	.prodis04 .ibd .rt .m4 .cr{ width:100%; height:auto; box-shadow:0; border-radius:0}
	.prodis04 .ibd .rt .m4 .cl .item01 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cl .item02 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cl .item03 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px; border-bottom:1px solid rgba(255,255,255,0.1)}
	.prodis04 .ibd .rt .m4 .cr .item01 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cr .item02 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cr .item03 .a1{ margin-left:20px; width:calc(50% - 20px); background-size:20px; padding-left:30px; font-size:14px; line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cl .item01 .a2{ line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cl .item02 .a2{ line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cl .item03 .a2{ line-height:80px; height:80px;border-bottom:1px solid rgba(255,255,255,0.1)}
	.prodis04 .ibd .rt .m4 .cr .item01 .a2{ line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cr .item02 .a2{ line-height:80px; height:80px}
	.prodis04 .ibd .rt .m4 .cr .item03 .a2{ line-height:80px; height:80px}
		
	
}

.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:1580px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1600px) {
	.video .s1{ width:1200px}
}
@media (max-width:1200px) {
	.video .s1{ width:80%; }
}




/* 主体 */
.container { position:relative; padding:0;  z-index:8; }
.wrap { position:relative; margin:0 auto; }
.main { display:block;  *zoom:1; padding:70px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

@media all and (max-width:1480px){
	.main { padding:50px 0 0; }
}
@media all and (max-width:1200px){
	.main { padding:30px 0 0; }
}

/* 左侧栏目标题 */
.sidebar { position:absolute; left:0; width:100%; top:-70px; padding:20px 0; background:rgba(255,255,255,0.7); z-index:5; }
.leftTitle { display:none; }
 
/* 二级、三级菜单 */
.menu { float:left; }
.menu ul li { position:relative; float:left; height:30px; line-height:30px; }
.menu ul li:before { position:absolute; right:0; top:50%; margin-top:-8px; content:""; display:block; width:1px; height:16px; background:#333; z-index:5; }
.menu ul li:last-child:before { display:none; }
.menu ul li a { font-size:16px; color:#000; display:inline-block; padding:0 20px; }
.menu ul li a:hover,.menu ul li .current { color:#62398a; font-weight:bold; }
 
.m-rdm { padding:30px 0 0; text-align:left; }
.m-rdm a { display:inline-block; margin:0 10px 0 0; padding:10px 30px; border:1px solid #ddd; font-size:16px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #fec715; background:#fec715; color:#fff; }
 
@media all and (max-width:1200px){
	.sidebar { position:relative; left:0; width:100%; top:auto; padding:15px 0; background:#f5f5f5; }
	.menu ul li a { font-size:14px; padding:0 10px; }
	
	
	.m-rdm a { padding:5px 20px; font-size:14px; }
}
@media all and (max-width:1000px){
 
}
 
@media all and (max-width:750px){
	
	.m-rdm { text-align:left; }
	.m-rdm a { padding:5px 10px; }
}
 
/* 面包屑 */
.location { float:right; position:relative; color:#666; line-height:30px; display:none; }
.location h3 { display:none; }
.breadcrumbs a { display:inline-block; font-size:14px; color:#666; }
.breadcrumbs .u-home { padding-left:25px; background:url(o_ico_03.png) no-repeat left center; }

@media all and (max-width:1200px){
	.location { display:none; }
}
 
/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; font-weight:bold }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }

@media all and (max-width:1200px){
	.article .bd { font-size:14px; }
}

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.picnews { padding-bottom:40px; }
.picnews ul li { margin-bottom:35px; }
.picnews ul li:last-child { margin-bottom:0; }
.picnews ul li .pic { float:right; width:430px; }
.picnews ul li .txt { float:left; width:calc(100% - 570px); padding-top:30px; }
.picnews ul li .txt .p1 { font-size:32px; color:#1c1c1c; height:35px; line-height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:#c7c7c7; margin:10px 0 15px; }
.picnews ul li .txt .p3 { font-size:16px; color:#4c4c4c; height:50px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.picnews ul li .txt .p4 { margin-top:25px; font-size:16px; }
.picnews ul li .txt .p4 i { display:inline-block; color:#62398a; text-decoration:underline; }
 
.picnews ul li:hover { background:#f3f3f3; }

@media all and (max-width:1680px){
	.picnews ul li .pic { float:right; width:350px; }
	.picnews ul li .txt { float:left; width:calc(100% - 400px); padding-top:20px; } 
	.picnews ul li .txt .p1 { font-size:24px; height:25px; line-height:25px; }
	.picnews ul li .txt .p2 { font-size:12px; color:#c7c7c7; margin:10px 0; }
	.picnews ul li .txt .p3 { font-size:14px; }
	.picnews ul li .txt .p4 { margin-top:15px; font-size:14px; }
}
@media all and (max-width:1000px){
	.picnews ul li .pic { float:right; width:250px; }
	.picnews ul li .txt { float:left; width:calc(100% - 280px); padding-top:10px; } 
	.picnews ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:12px; color:#c7c7c7; margin:5px 0; }
	.picnews ul li .txt .p3 { font-size:14px; }
	.picnews ul li .txt .p4 { margin-top:5px; font-size:14px; } 
}
@media all and (max-width:750px){
	.picnews ul li .pic { float:none; width:100%; }
	.picnews ul li .txt { float:none; width:100%; padding:15px 0; } 
	.picnews ul li .txt .p1 { font-size:16px; height:20px; line-height:20px; }
	.picnews ul li .txt .p2 { font-size:12px; color:#c7c7c7; margin:5px 0; }
	.picnews ul li .txt .p3 { font-size:14px; }
	.picnews ul li .txt .p4 { margin-top:5px; font-size:14px; } 
}

/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:23.5%; margin:0 2% 2% 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; }
.piList .pic-item-list .pic-item dl { padding:5px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:16px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

@media all and (max-width:1200px){
	.piList .pic-item-list .pic-item { width:32%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }
}
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
}
 
/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #f5f5f5; background:#f5f5f5; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #62398a; background:#62398a; color:#fff; }




/*人才招聘*/
.zp {  background: url(zp1.jpg) repeat-x center top;margin-bottom: 48px; padding-top:20px  }
.neiye{ padding-bottom:30px}
.zp1 { font-size: 30px;color:#2a2a2a; text-align: center; padding-top:0.4rem; }
.zp .zp2 { margin-top:0.65rem; }
.zp3 { background: #fff; box-sizing: border-box; border:1px solid #ddd; padding:38px 55px; float: left; width: 100%; }
.zp3 h2 { font-size: 20px;color:#000; line-height:1 }
.zp4 {margin-top:25px; font-size: 14px;line-height: 30px; color:#2e2e2e; }
.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; }
.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: url(job1.png) no-repeat 92% 23px #f6f6f6; border-bottom:1px solid #ddd; margin-bottom:1px; }
.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: 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: 1300px){
	.zp3 { width: 100%; } 
}
@media (max-width: 1000px){
	.zp { background: url(zp1.jpg) repeat-x center top; margin-bottom:20px}
	.zp1 { font-size: 20px; padding:10px 0 ; }
	.d-j1 span { font-size: 1.07rem }
	
	.zp2 { width:96%; box-sizing: border-box; padding:0; margin:0 auto }
	.zp3 { width: 100%; box-sizing:border-box; padding:3%;text-align: justify; height:auto}
	.zp4 { margin-top:10px; font-size:13px }
	.zp5 { margin-top:15px; }
	.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; padding:0 0 35px 0px; }
.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{ width:96%; margin:0 auto}
.hr-list .info{ font-size:12px;}
}


/* 下载 */
.download {width: 100%;margin-bottom: 60px;}
.download table{ padding:0; border:0}
.download thead tr {background-color: #ececec;text-align: left;font-size: 0;color: #777;}
.download tbody tr {margin-bottom: 12px;background-color: #fff; border-bottom: 6px solid #ececec;font-size: 0;color: #777;}
.download  tr td.td1,.download  tr th.td1 {display: inline-block; width: 18%;padding-left: 20px;}
.download  tr td.td2,.download  tr th.td2 {display: inline-block; width: 15%;}
.download  tr td.td3,.download  tr th.td3 {display: inline-block; width: 15%;}
.download  tr td.td4,.download  tr th.td4 {display: inline-block; width: 28%;}
.download  tr td.td4 a {display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #0033ff;font-size: 16px;}
.download  tr td.td5,.download  tr th.td5 {display: inline-block; width: 12%;}
.download  tr td.td6,.download  tr th.td6 {display: inline-block; width: 12%;}
.download  tr th,.download  tr td {line-height: 24px;padding: 20px 0;}
.download  tr th{ font-size: 18px }
.download  tr td{ font-size: 16px }
@media (max-width:992px) {
    .download {margin-bottom: 20px;}
	.download thead tr{ font-size:0; text-align:center}
	.download tr th{ font-size:14px; padding:15px 0}
	 .download  tr td{ font-size:12px!important; text-align:center; padding:12px 0}
    .download  tr td.td1,.download  tr th.td1 {display: inline-block; width: 20%;padding-left: 0;}
    .download  tr td.td2,.download  tr th.td2 {display: inline-block; width: 20%;}
    .download  tr td.td3,.download  tr th.td3 {display: inline-block; width: 20%;}
    .download  tr td.td4,.download  tr th.td4 {display: inline-block; width: 20%;}
	.download  tr td.td5,.download  tr th.td5 {display: inline-block; width: 20%;}
	.download  tr td.td6,.download  tr th.td6 {display: inline-block; width: 20%;}
    .download tr td.td4 a{ font-size:12px; text-align:center}
}

.conArea01 { margin-bottom:70px; }
.conArea01 .con01 { float:left; width:47%; }
.conArea01 .con01 .bd01 ul { border-top:1px solid #ededed;  }
.conArea01 .con01 .bd01 ul li { padding:35px 0; border-bottom:1px solid #ededed;  }
.conArea01 .con01 .bd01 ul li .clearfix { position:relative; padding-left:55px; }
.conArea01 .con01 .bd01 ul li .p1 { float:left; width:190px; padding:2px 0; }
.conArea01 .con01 .bd01 ul li .p1 p { font-size:16px; line-height:20px; color:#333; }
.conArea01 .con01 .bd01 ul li .p1 span { display:block; font-size:14px; line-height:20px; color:#c8c8c8; text-transform:uppercase; font-family:"Arial"; }
.conArea01 .con01 .bd01 ul li .p2 { position:absolute; right:0; top:50%; transform: translateY(-50%); width:calc(100% - 245px); font-size:20px; line-height:25px; color:#333; z-index:5; }

.conArea01 .con02 { float:right; width:47.5%; }
.conArea01 .con02 .bd02 form { position:relative; font-size:0; }
.conArea01 .con02 .bd02 .clearfix { margin-bottom:15px; }
.conArea01 .con02 .bd02 .text { float:left; width:48%; font-size:16px; color:#888; padding-left:20px; background:#f9f9f9; height:55px; line-height:55px; border:1px solid #eee; box-sizing: border-box; }
.conArea01 .con02 .bd02 .text.t01 { margin-right:4%; }
.conArea01 .con02 .bd02 .text.t03 { width:180px; }

.conArea01 .con02 .bd02 select { float:left; width:48%; font-size:16px; color:#888; padding-left:20px; background:#f9f9f9; height:55px; line-height:55px; border:1px solid #eee; box-sizing: border-box; }
 
.conArea01 .con02 .bd02 img { width:130px; height:55px; }
.conArea01 .con02 .bd02 .textarea { width:100%; height:135px; font-size:16px; color:#888; padding:15px 20px; margin-bottom:15px; background:#f9f9f9; border:1px solid #eee; box-sizing: border-box; }
.conArea01 .con02 .bd02 .btn01 { position:absolute; right:0; bottom:0; display:block; font-size:16px; width:130px; height:55px; text-align:center; line-height:55px; border:1px solid #62398a; color:#fff; background:#62398a; cursor:pointer; z-index:5; }

.conArea01 .con02 .bd02 ::-webkit-input-placeholder { color:#888; opacity: 1; }
.conArea01 .con02 .bd02 :-moz-placeholder { color:#888; opacity: 1; }
.conArea01 .con02 .bd02 :-ms-input-placeholder { color:#888; opacity: 1; } 
.conArea01 .con02 .bd02 .placeholder { color:#888; opacity: 1; }

.conArea01 .hd { margin-bottom:30px;text-align: left; }
.conArea01 .hd i { font-size:24px; color:#333; margin-right:15px; }
.conArea01 .hd em { font-size:14px; color:#c8c8c8; text-transform:uppercase; font-family:"Arial"; }

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

	.conArea01 { margin-bottom:50px; }
	.conArea01 .con01 { float:none; width:100%; margin-bottom:50px; }
	.conArea01 .con02 { float:none; width:100%; }
}
@media all and (max-width:750px){

	.conArea01 { margin-bottom:30px; }
	.conArea01 .con01 { margin-bottom:30px; }
 
	.conArea01 .con01 .bd01 ul li { padding:20px 0; }
	.conArea01 .con01 .bd01 ul li .clearfix { padding-left:40px; background-position:left 5px!important; background-size:30px 30px!important; }
	.conArea01 .con01 .bd01 ul li .p1 { float:none; width:100%; }
	.conArea01 .con01 .bd01 ul li .p1 p { font-size:14px; }
	.conArea01 .con01 .bd01 ul li .p1 span { font-size:12px; }
	.conArea01 .con01 .bd01 ul li .p2 { position:relative; top:0; left:0; width:100%; transform: translateY(0); font-size:14px; line-height:20px; }
 
	.conArea01 .con02 .bd02 .clearfix { margin-bottom:0; }
	.conArea01 .con02 .bd02 .text { float:none; width:100%; font-size:14px; padding-left:10px; height:40px; line-height:40px; margin-bottom:10px; }
	.conArea01 .con02 .bd02 .text.t01 { margin-right:0; }
	.conArea01 .con02 .bd02 .text.t03 { width:100px; margin-bottom:0; }

	.conArea01 .con02 .bd02 select { float:none; width:100%; font-size:14px; padding-left:10px; height:40px; line-height:40px; }
	 
	.conArea01 .con02 .bd02 img { width:100px; height:40px; }
	.conArea01 .con02 .bd02 .textarea { width:100%; height:135px; font-size:14px; padding:10px; margin:10px 0; }
	.conArea01 .con02 .bd02 .btn01 { position:relative; right:0; bottom:0; display:block; font-size:14px; width:100%; height:40px; line-height:40px; margin-top:15px; }
	
	.conArea01 .hd { margin-bottom:20px; }
	.conArea01 .hd i { font-size:18px; margin-right:5px; }
	.conArea01 .hd em { font-size:12px; }
}

/*fw*/
.fw{ width:100%}
.fw01{ padding:100px 0}
.fw01 .ihd{ text-align:center; font-size:36px; color:#333333; line-height:1}
.fw01 .ibd{ width:1580px; margin:0 auto; margin-top:80px}
.fw01 .ibd .item{ width:300px; 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}
.fw01 .ibd .item:nth-child(5){ margin-right:0}
.fw01 .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}
.fw01 .ibd .item .intro{ font-size:16px; color:#666666; margin-top:50px}
.fw01 .ibd .item:nth-child(1){ background:url(aa1.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(1):hover{ background:url(bb1.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(2){ background:url(aa2.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(2):hover{ background:url(bb2.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(3){ background:url(aa3.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(3):hover{ background:url(bb3.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(4){ background:url(aa4.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(4):hover{ background:url(bb4.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(5){ background:url(aa5.png) bottom center no-repeat; background-size:cover}
.fw01 .ibd .item:nth-child(5):hover{ background:url(bb5.png) bottom right no-repeat; background-size:cover}
.fw01 .ibd .item:hover .title{ -webkit-text-stroke: 1px #fff;}
.fw01 .ibd .item:hover .intro{ color:#fff}
@media all and (max-width:1600px){
	.fw01{ padding:80px 0}
	.fw01 .ihd{ font-size:32px}
	.fw01 .ibd{ width:1200px; margin-top:60px}
	.fw01 .ibd .item{ width:228px; height:305px; margin-right:15px}
	.fw01 .ibd .item .title{ font-size:60px; padding-top:30px}
	.fw01 .ibd .item .intro{ font-size:14px; margin-top:10px}
}
@media all and (max-width:1200px){
	.fw01{ padding:40px 0}
	.fw01 .ihd{ font-size:20px}
	.fw01 .ibd{ width:92%; margin-top:20px}
	.fw01 .ibd .item{ width:19%; height:24vw; margin-right:1.25%}
	.fw01 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw01 .ibd .item .intro{ font-size:12px; margin-top:20px}
}
@media all and (max-width:1000px){
	.fw01 .ibd .item{ width:32%; height:40vw; margin-right:2%; padding:0 10px; margin-bottom:2%}
	.fw01 .ibd .item:nth-child(3){ margin-right:0}
	.fw01 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw01 .ibd .item .intro{ font-size:12px; margin-top:20px}
}
@media all and (max-width:750px){
	.fw01 .ibd .item{ width:49%; height:65vw; margin-right:2%; padding:0 10px; margin-bottom:2%}
	.fw01 .ibd .item:nth-child(3){ margin-right:2%}
	.fw01 .ibd .item:nth-child(2n){ margin-right:0}
	.fw01 .ibd .item .title{ font-size:30px; padding-top:20px}
	.fw01 .ibd .item .intro{ font-size:12px; margin-top:10px}
	.fw01 .ibd .item:nth-child(5){ width:100%; margin-bottom:0}
}
@media all and (max-width:450px){
	.fw01 .ibd .item{ width:100%; height:auto; margin-right:0; padding:20px; margin-bottom:2%}
	.fw01 .ibd .item .title{ padding:0}
}
.fw02{ background:url(aa3.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.fw02 .ibd{ width:1580px; margin:0 auto;}
.fw02 .ibd .lt{ width:765px; float:left}
.fw02 .ibd .lt .title{ font-size:30px; color:#333333; padding:20px 0}
.fw02 .ibd .lt .intro{ font-size:16px; color:#666666; line-height:2; margin-top:20px}
.fw02 .ibd .rt{ width:645px; float:right}
.fw02 .ibd .rt .item01{ width:100%; background:#fff; border-radius:10px; box-sizing:border-box; padding:60px 45px; margin-bottom:35px}
.fw02 .ibd .rt .item01 .title{ font-size:20px; color:#333333; line-height:1; font-weight:bold}
.fw02 .ibd .rt .item01 .intro{ font-size:26px; color:#62398a; line-height:44px; font-weight:bold; margin-top:10px}

.fw02 .ibd .rt .item02{ width:100%; background:#fff; border-radius:10px; box-sizing:border-box; padding:60px 45px}
.fw02 .ibd .rt .item02 .title{ font-size:20px; color:#333333; line-height:1; font-weight:bold}
.fw02 .ibd .rt .item02 .intro{ margin-top:24px}
.fw02 .ibd .rt .item02 .intro a{ display:inline-block; vertical-align:top; width:136px; height:44px; box-sizing:border-box; border-radius:30px; border:1px solid #62398a; color:#62398a; text-align:center; line-height:42px; font-size:14px; transition:all 0.3s; position:relative; left:0}
.fw02 .ibd .rt .item02 .intro a:hover{ left:20px}
.fw02 .ibd .rt .item02 .intro a:hover{ background:#62398a; color:#fff}
@media all and (max-width:1600px){
	.fw02{ padding:80px 0}
	.fw02 .ibd{ width:1200px; margin:0 auto;}
	.fw02 .ibd .lt{ width:560px}
	.fw02 .ibd .lt .title{ font-size:24px;}
	.fw02 .ibd .lt .intro{ font-size:14px;}
	.fw02 .ibd .rt{ width:500px}
	.fw02 .ibd .rt .item01{ padding:50px 40px; margin-bottom:30px}
	.fw02 .ibd .rt .item01 .title{ font-size:18px}
	.fw02 .ibd .rt .item01 .intro{ font-size:24px;}
	
	.fw02 .ibd .rt .item02{ padding:50px 40px }
	.fw02 .ibd .rt .item02 .title{ font-size:18px}
}
@media all and (max-width:1200px){
	.fw02{ padding:40px 0}
	.fw02 .ibd{ width:92%; margin:0 auto;}
	.fw02 .ibd .lt{ width:100%}
	.fw02 .ibd .lt .title{ font-size:20px; padding:0}
	.fw02 .ibd .lt .intro{ font-size:14px;}
	.fw02 .ibd .rt{ width:100%; margin-top:30px}
	.fw02 .ibd .rt .item01{ padding:40px 30px; margin-bottom:25px}
	.fw02 .ibd .rt .item01 .title{ font-size:16px}
	.fw02 .ibd .rt .item01 .intro{ font-size:22px;}
	
	.fw02 .ibd .rt .item02{ padding:40px 30px }
	.fw02 .ibd .rt .item02 .title{ font-size:16px}
	.fw02 .ibd .rt .item02 .intro a{ font-size:12px; width:120px; height:38px; line-height:36px}
}


.fw03{  padding:100px 0}
.fw03 .ihd{ text-align:center; font-size:36px; color:#333333; line-height:1}
.fw03 .ibd{ width:1580px; margin:0 auto; margin-top:65px}
.fw03 .ibd .swiper5{ width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #f0f0f0; border-radius:10px; position:relative}
.fw03 .ibd .swiper51{width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #f0f0f0; border-radius:10px; position:relative; display:none}
.fw03 .ibd .pagination051{ display:none}
.fw03 .ibd .swiper5:after{ content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:9}
.fw03 .ibd .swiper5:before{ content:""; display:block; height:1px; width:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:9}
.fw03 .ibd .swiper5 .swiper-slide{ width:100%;}
.fw03 .ibd .swiper5 .swiper-slide a{ display:block; width:calc(100% / 7); float:left; box-sizing:border-box; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; overflow:hidden}
.fw03 .ibd .swiper5 .swiper-slide a img{ width:100%; transition:all 0.3s }
.fw03 .ibd .swiper5 .swiper-slide a:hover img{ transform:scale(1.1)}
.fw03 .ibd .pagination05{ width:100%; font-size:0; text-align:center; margin-top:30px}
.fw03 .ibd .pagination05 span{ width:6px; height:6px; border-radius:3px; background:#b2b2b2; opacity:1; margin:0 3px}
.fw03 .ibd .pagination05 span.swiper-pagination-bullet-active{ width:28px; background:#62398a}


.fw03 .ibd .swiper51:after{ content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:9}
.fw03 .ibd .swiper51 .swiper-slide{ width:calc(100% / 3);box-sizing:border-box; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
.fw03 .ibd .swiper51 .swiper-slide a{ display:block; width:100%;  }
.fw03 .ibd .swiper51 .swiper-slide a img{ width:100%;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.fw03 .ibd .swiper51 .swiper-slide a:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.fw03 .ibd .pagination051{ width:100%; font-size:0; text-align:center; margin-top:30px}
.fw03 .ibd .pagination051 span{ width:6px; height:6px; border-radius:3px; background:#b2b2b2; opacity:1; margin:0 3px}
.fw03 .ibd .pagination051 span.swiper-pagination-bullet-active{ width:28px; background:#62398a}


@media all and (max-width:1600px){
	.fw03{ padding:80px 0}
	.fw03 .ihd{ font-size:32px;}
	.fw03 .ibd{ width:1200px; margin:0 auto; margin-top:50px }

}
@media all and (max-width:1200px){
	.fw03{ padding:40px 0}
	.fw03 .ihd{ font-size:20px; }
	.fw03 .ibd{ width:92%; margin-top:30px }

}
@media all and (max-width:1200px){
	.fw03 .ibd .swiper5{ display:none}
	.fw03 .ibd .pagination05{ display:none}
	.fw03 .ibd .swiper51{ display:block}
	.fw03 .ibd .pagination051{ display:block}
}



.gcon_4{ width:100%; margin-top:90px; padding-bottom:100px}
.gcon_4 .ihd{ text-align:center; font-size:36px; color:#333333; line-height:1}
.gcon_4 .ibd{ margin-top:55px}
.gcon_4 .ibd .swiper4{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper4 .swiper-slide{ width:23.5%; position:relative; overflow:hidden; margin-right:2%;border-radius:15px;}
.gcon_4 .ibd .swiper4 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:15px; transition:all 0.5s}
.gcon_4 .ibd .swiper4 .swiper-slide .pic img{ width:100%; height:auto}
.gcon_4 .ibd .swiper4 .swiper-slide .title{ margin-top:15px; color:#333333; padding:0 10px; font-size:20px; text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:30px}
.gcon_4 .ibd .swiper4 .swiper-slide:hover .pic{ transform:scale(1.3); }
.gcon_4 .ibd .swiper4 .swiper-slide .item{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2; left:0; top:100%; transition:all 0.5s linear}
.gcon_4 .ibd .swiper4 .swiper-slide .item .cont{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-60%); text-align:center; }
.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .ico img{ height:70px}
.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .intro{ font-size:20px; font-weight:bold; color:#fff; text-align:center; padding:0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.gcon_4 .ibd .swiper4 .swiper-slide .item .more{ width:100%; background:rgba(41,41,41,0.9); position:absolute; left:0; bottom:0; z-index:2; text-align:center; color:#fff; font-size:14px; line-height:68px;}
.gcon_4 .ibd .swiper4 .swiper-slide:hover .item{ top:0}
.gcon_4 .ifd{ text-align:center; margin-top:60px; font-size:14px; color:#333333}
.gcon_4 .ifd a{ color:#333}
@media (max-width: 1600px){
	.gcon_4{ margin-top:80px; padding-bottom:80px}
	.gcon_4 .ihd{ font-size:30px}
	.gcon_4 .ibd{ margin-top:45px}
	.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .ico img{ height:50px}
	.gcon_4 .ibd .swiper4 .swiper-slide .title{ font-size:18px}
	.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .intro{ font-size:18px}
	.gcon_4 .ifd{  margin-top:45px;}
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px; padding-bottom:40px}
	.gcon_4 .ihd{ font-size:20px}
	.gcon_4 .ibd{ margin-top:25px}
	.gcon_4 .ibd .swiper4 .swiper-slide:hover .pic{ transform:scale(1.4); }
	.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .ico img{ height:32px}
	.gcon_4 .ibd .swiper4 .swiper-slide .title{ font-size:15px; margin-top:10px}
	.gcon_4 .ibd .swiper4 .swiper-slide .item .cont .intro{ font-size:15px; margin-top:5px}
	.gcon_4 .ibd .swiper4 .swiper-slide .item .cont{transform: translateY(-80%);}
	.gcon_4 .ibd .swiper4 .swiper-slide .item .more{ line-height:36px; font-size:12px}
	.gcon_4 .ifd{  margin-top:30px;}
}
@media (max-width: 750px){
	.gcon_4 .ibd .swiper4 .swiper-slide{ width:48.5%; margin-right:3%}
}


.cont_pc{ display:block}
.cont_sj{ display:none}
@media all and (max-width:1200px){	
	.cont_pc{ display: none}
	.cont_sj{ display: block}
	}