﻿@charset "utf-8";
.header{ position:relative}
.footer{ background:#f7f7f7}
.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; margin-top:92px}
.banner>img{ width:100%; height:auto;-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
/* 缩小动画 */
@keyframes scale
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-webkit-keyframes scale  /*Safari Chrome*/
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-moz-keyframes scale  /* Firefox */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-o-keyframes scale  /* Opera */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.banner .item .title{ font-size:40px; color:#fff; width:fit-content; margin:0 auto; position:relative}
.banner .item .intro{ font-size:28px; margin-top:10px; display:none}
.banner .item .title:after{ content:""; display:block; width:150px; height:100%; background:url(ax1.png) center center no-repeat; background-size:100%; position:absolute; right:-110%; top:0}
.banner .item .title:before{ content:""; display:block; width:150px; height:100%; background:url(ax2.png) center center no-repeat; background-size:100%; position:absolute; left:-110%; top:0}

@media (max-width: 1600px){
	.banner .item .title{ font-size:36px;}
	.banner .item .intro{ font-size:24px;}
}

@media (max-width: 1200px){
	.banner{ margin:60px 0 0 0}
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:20px;}
	.banner .item .intro{ font-size:14px;}
	.banner .item .title:after{ width:100px}
	.banner .item .title:before{ width:100px}
}

.about01{ background:url(g_27.jpg) center center no-repeat; background-size:cover; padding:200px 0 100px}
.about01 .lt{ width:855px; float:left}
.about01 .lt .ihd{ font-size:36px; color:#fff; line-height:1; font-weight:bold}
.about01 .lt .intro{ font-size:16px; color:#fff; line-height:2.5; margin-top:110px}
.about01 .lt .more{ margin-top:100px; background:url(g_33.png) center center no-repeat; width:58px; height:58px; position:relative; cursor:pointer}
.about01 .lt .more:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;background:url(g_34.png) center center no-repeat;animation: wait 2s linear infinite;background-size:100%  }
@keyframes wait {
	100% { transform: rotate(360deg); }
}
.about01 .rt{ width:544px; margin-right:35px; float:right}
.about01 .rt ul{ width:100%}
.about01 .rt ul li{ width:50%; height:50%; float:left; background:#f3f4f8; box-sizing:border-box;display:flex;align-items: center;justify-content: center; padding:45px 0}
.about01 .rt ul li:nth-child(2n){ float:right; margin-left:50%}
.about01 .rt ul li .p1{ font-size:0; line-height:1; }
.about01 .rt ul li .p1 span{ font-size:60px; font-family:"黑体"}
.about01 .rt ul li .p1 i{ font-size:14px; vertical-align:top;}
.about01 .rt ul li .p2 { text-align:center; font-size:14px; margin-top:10px}
.about01 .rt ul li:hover{ background:#edb111; color:#fff; border-color:#edb111}
@media (max-width: 1600px){
	.about01 .lt{ width:645px;}
	.about01 .lt .ihd{ font-size:28px}
	.about01 .lt .intro{ font-size:14px; margin-top:60px}
	.about01 .lt .more{ margin-top:60px}
	.about01 .rt{ width:500px; margin-right:0}
	.about01 .rt ul li{ padding:40px 0}
	.about01 .rt ul li .p1 span{ font-size:42px}
	.about01 .rt ul li .p1 i{ font-size:12px}
	.about01 .rt ul li .p2 { font-size:12px}
}
@media (max-width: 1200px){
	.about01{ padding:120px 0 60px}
	.about01 .lt{ width:100%;}
	.about01 .lt .ihd{ font-size:20px}
	.about01 .lt .intro{ font-size:14px; margin-top:30px; line-height:2}
	.about01 .lt .more{ margin-top:30px; width:40px; height:40px; background-size:4px}
	.about01 .lt .more:after{ }
	.about01 .rt{ width:100%; margin-right:0; margin-top:30px}
	.about01 .rt ul li{ width:calc(25% - 1px); margin:0; padding:30px 0; margin-right:1px}
	.about01 .rt ul li:nth-child(2n){ float:left; margin-left:0}
	.about01 .rt ul li .p1 span{ font-size:42px}
	.about01 .rt ul li .p1 i{ font-size:12px}
	.about01 .rt ul li .p2 { font-size:12px}
}
@media (max-width: 750px){
	.about01 .rt ul li{ width:calc(50% - 1px); margin:0; padding:20px 0; margin-right:1px; margin-bottom:1px}
	.about01 .rt ul li .p1 span{ font-size:32px}

}

.about02{ padding:300px 0 100px; background:url(bx1.jpg) center center no-repeat; background-size:cover}
.about02 .nr{ position:relative}

.about02 .nr .ihd{ font-size:36px; color:#1e1e1e; line-height:1; font-weight:bold; position:absolute; left: calc(100% - 930px); top:10px; z-index:9}
.about02 .nr .nian2{ font-size:156px; font-family:Arial; color:#000;line-height:125px; position:absolute; left:235px; top:0; font-weight:bold}
.about02 .nr .mySwiper2{ width:100%; overflow:hidden; position:relative; height:450px}
.about02 .nr .mySwiper2 .swiper-slide{ width:100%; opacity:0!important; position:relative; z-index:2}
.about02 .nr .mySwiper2 .swiper-slide.swiper-slide-active{ opacity:1!important; z-index:3}
.about02 .nr .mySwiper2 .swiper-slide .cont{ width:100%;}
.about02 .nr .mySwiper2 .swiper-slide .cont .nian{ text-align:right; font-size:0; font-weight:bold; width:580px; float:left}
.about02 .nr .mySwiper2 .swiper-slide .cont .nian span{ font-size:156px; font-family:Arial; color:#000;line-height:125px; opacity:0}
.about02 .nr .mySwiper2 .swiper-slide .cont .nian i{ color:#edb111; font-size:156px; font-family:Arial;line-height:125px;}
.about02 .nr .mySwiper2 .swiper-slide .cont .intro{ float:right; width:930px; font-size:16px; color:#404040; line-height:2; padding-top:120px}
.about02 .nr .mySwiper2 .swiper-slide .cont .intro p{ }
.about02 .nr .mySwiper{ width:100%; overflow:hidden; position:relative}
.about02 .nr .mySwiper:after{ content:""; display:block; width:100%; height:1px; background:#cdcdcd; position:absolute; left:0; top:8px; z-index:0}
.about02 .nr .mySwiper .swiper-slide{ height:40px; line-height:40px;  padding:70px 0 30px; position:relative; text-align:center; font-size:26px; color:#282828; font-weight:bold; opacity:0.82;}
.about02 .nr .mySwiper .swiper-slide:after{ content:""; display:block; width:100%; height:17px; position:absolute; left:0; top:0;background:url(bx5.png) center center no-repeat;}

.about02 .nr .mySwiper .swiper-slide.swiper-slide-thumb-active{ font-size:42px; opacity:1; border-bottom:5px solid #edb111}
.about02 .nr .mySwiper .swiper-slide.swiper-slide-thumb-active:after{ background:url(bx6.png) center center no-repeat;}


.about02 .nr .btn{ width:fit-content; margin:0 auto; margin-top:30px}
.about02 .nr .btn .prev06{ float:left; background:url(bx3.png) center center no-repeat; cursor:pointer; width:54px; height:54px; background-size:cover}
.about02 .nr .btn .prev06:hover{ background:url(bx4.png) center center no-repeat; transform:rotate(180deg)}
.about02 .nr .btn .next06{ float:left; background:url(bx3.png) center center no-repeat; cursor:pointer; width:54px; height:54px; background-size:cover; margin-left:8px; transform:rotate(180deg)}
.about02 .nr .btn .next06:hover{ background:url(bx4.png) center center no-repeat; transform:rotate(0)}


@media (max-width: 1600px){
	.about02{ padding:200px 0 100px}
	.about02 .nr .ihd{ font-size:28px; left: calc(100% - 700px); top:10px;}
	.about02 .nr .mySwiper2{ height:400px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian{ width:450px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .intro{ font-size:14px; width:700px;}
	.about02 .nr .mySwiper2 .swiper-slide .cont .intro p{ }
	.about02 .nr .mySwiper .swiper-slide{ font-size:22px}
	.about02 .nr .mySwiper .swiper-slide.swiper-slide-thumb-active{ font-size:36px}
	
	.about02 .nr .btn .prev06,.about02 .nr .btn .next06{ width:42px; height:42px}
	.about02 .nr .nian2{ left:103px}
}
@media (max-width: 1200px){
	.about02{ padding:60px 0}
	.about02 .nr .ihd{ font-size:20px; top:auto; left:auto; position:relative}
	.about02 .nr .mySwiper2{ height:auto; margin-top:20px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian{ width:100%; text-align:left}
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian span{ font-size:100px; line-height:100px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian i{ font-size:100px; line-height:100px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .intro{ width:100%; font-size:14px; padding:20px 0 0 }
	.about02 .nr .mySwiper{ margin-top:20px}
	.about02 .nr .mySwiper .swiper-slide{ padding:30px 0 25px;font-size:18px}
	.about02 .nr .mySwiper .swiper-slide.swiper-slide-thumb-active{ font-size:24px; border-bottom: 3px solid #edb111;}
	.about02 .nr .btn{ margin-top:20px}
	.about02 .nr .btn .prev06,.about02 .nr .btn .next06{ width:36px; height:36px}
	.about02 .nr .nian2{font-size: 100px; line-height: 100px; left:0; top:40px}
}
@media (max-width:750px){
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian span{ font-size:60px; line-height:60px}
	.about02 .nr .mySwiper2 .swiper-slide .cont .nian i{ font-size:60px; line-height:60px}
	.about02 .nr .mySwiper .swiper-slide{ padding:30px 0 25px;font-size:18px}
	.about02 .nr .mySwiper .swiper-slide.swiper-slide-thumb-active{ font-size:24px}
	.about02 .nr .nian2{font-size: 60px;line-height: 60px;}
}

.about03{ background:url(g_32.jpg) center center no-repeat; padding:100px 0 140px; background-size:cover}
.about03 .pic1{ width:calc(1508 / 1920 * 100%);}
.about03 .pic1 img{ width:100%}
.about03 .cont{ width:600px; float:right; margin-right:50px; margin-top:-30px}
.about03 .cont .ihd{ font-size:36px; color:#1e1e1e; line-height:1; font-weight:bold;}
.about03 .cont .intro{ font-size:16px; color:#404040; line-height:2; margin-top:35px}
.about03 .pic2{ display:none}
@media (max-width: 1600px){
	.about03{ padding:80px 0 100px}
	.about03 .cont .ihd{ font-size:28px;}
	.about03 .cont{ width:500px; margin-right:0;  }
	.about03 .cont .intro{font-size:14px; margin-top:30px}
}
@media (max-width: 1200px){
	.about03{ padding:80px 0 100px}
	.about03 .cont{ margin-top:0}
	.about03 .cont .ihd{ font-size:20px;}
	.about03 .cont{ width:450px; margin-right:0;  }
	.about03 .cont .intro{font-size:14px; margin-top:20px}
}
@media (max-width: 750px){
	.about03{ padding:60px 0}
	.about03 .pic1{ display:none}
	.about03 .cont{ margin-top:0}
	.about03 .cont .ihd{ font-size:20px;}
	.about03 .cont{ width:100%; margin-right:0;  }
	.about03 .cont .intro{font-size:14px; margin-top:20px; margin-bottom:20px}
	.about03 .pic2{ display:block}
	.about03 .pic2 img{ width:96%}
}
.about04{ width:100%; height:90vh; background:url(g_20.jpg) center center no-repeat; background-size:cover;display:flex;align-items: center;justify-content: center;}
.about04 .nr{ height:70%}
.about04 .ihd{ font-size:36px; color:#fff; line-height:1; font-weight:bold}
.about04 .ibd{ margin-top:100px; color:#fff; display:flex; flex-wrap: wrap;}
.about04 .ibd .item{  width:50%; box-sizing:border-box}
.about04 .ibd .item:nth-child(1){ padding-left:0}
.about04 .ibd .item:last-child{ background:none}
.about04 .ibd .item .p1{ font-size:16px; line-height:1}
.about04 .ibd .item .p2{ font-size:22px; line-height:1; margin-top:12px; margin-bottom:5%}
@media (max-width: 1600px){
	.about04 .ihd{ font-size:28px}
	.about04 .ibd{ margin-top:70px; }
	.about04 .ibd .item .p1{ font-size:14px; line-height:1}
	.about04 .ibd .item .p2{ font-size:20px; line-height:1; margin-top:12px; margin-bottom:5%}
	
	
}
@media (max-width: 1200px){
	.about04 .ihd{  font-size:20px;}
	.about04 .ibd{ margin-top:40px; padding:0 0 0 0}
	.about04 .ibd .item{ width:100%; background:none; padding:40px 0; border-bottom:1px solid rgba(255,255,255,0.3)}
	.about04 .ibd .item .p1{ font-size:12px; line-height:1}
	.about04 .ibd .item .p2{ font-size:16px; line-height:1; margin-top:12px; margin-bottom:0}
	.about04 .ibd .item:last-child{ border:0}
	
}

.contact{ padding:60px 0}

.conArea01 ul li { float:left; width:32.5%; padding:55px 50px 50px; border:1px solid #eee; margin-right:1.25%; text-align:center; box-sizing: border-box; }
.conArea01 ul li:last-child { margin-right:0; }
.conArea01 ul li .p1 { min-height:80px; }
.conArea01 ul li .p2 { font-size:24px; color:#333; }
.conArea01 ul li .p3 { font-size:16px; color:#666; margin-top:15px; line-height:25px; }
.conArea01 ul li .p4 { font-size:20px; color:#333; margin-top:15px; line-height:35px; height:70px }
.conArea01 ul li .p4 a { color:#333; display:inline-block; line-height:45px; padding:0 20px; border-radius:25px; }
.conArea01 ul li .p4:hover a { color:#fff; background:#d0121b; }
.conArea02 { margin-top:80px; }
.conArea02 .hd { font-size:34px; font-weight:bold; text-align:center; color:#101010 }
.conArea02 .bd { margin-top:75px; }
.conArea02 .bd ul li { float:left; width:48%; margin-right:4%; }
.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
.conArea02 .bd ul li:nth-child(n + 3) { margin-top:35px; }
.conArea02 .bd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.conArea02 .bd ul li .p1 i { color:#e52b26; }
.conArea02 .bd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; }
.conArea02 .bd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; }
.conArea02 .bd ul li.li05 { width:100%; margin-right:0; }
.conArea02 .bd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.conArea02 .bd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#f4bf14; margin:0 20px; border-radius:35px; cursor:pointer; }
.conArea02 .bd ul li.li06 .btn01 { background:#074c9f;  }
.mapArea { margin-top:75px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.mapArea .map1{width: 50%;}
.mapArea .map2{width: 50%;}

.mpas{ margin-top:60px}

@media all and (max-width:1680px){
	.conArea01 ul li { padding:40px 10px;  }
	.conArea01 ul li .p1 { min-height:70px; }
	.conArea01 ul li .p2 { font-size:20px; }
	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; } 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
	.mapArea { margin-top:60px; }
}
@media all and (max-width:1280px){
	.contact{ padding:40px 0}
	.conArea01 ul li { padding:40px 10px;  }
	.conArea01 ul li .p1 { min-height:55px; }
	.conArea01 ul li .p1 img { height:45px; }
	.conArea01 ul li .p2 { font-size:18px; }
	.conArea01 ul li .p3 { font-size:14px; margin-top:10px; line-height:20px;  }
	.conArea01 ul li .p4 { font-size:16px; margin-top:10px; }
	.conArea02 { margin-top:60px; }
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
	.mapArea { margin-top:60px; }
}
@media all and (max-width:750px){
	.conArea01 ul li { width:100%; margin-right:0; padding:20px 5px;  }
	.conArea01 ul li:nth-child(n + 2) { margin-top:15px; }
	.conArea01 ul li .p1 { min-height:45px; }
	.conArea01 ul li .p1 img { height:35px; }
	.conArea01 ul li .p2 { font-size:16px; }
	.conArea01 ul li .p3 { font-size:14px; margin-top:10px; line-height:20px; }
	.conArea01 ul li .p4 { font-size:16px; margin-top:10px; height:auto }
	.conArea02 { margin-top:30px; }
	.conArea02 .hd { font-size:18px; }
	.conArea02 .bd { margin-top:30px; }
	.conArea02 .bd ul li { float:none; width:100%; margin-right:0; }
	.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 .bd ul li .p1 { line-height:30px; font-size:14px; }
	.conArea02 .bd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.conArea02 .bd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
	.conArea02 .bd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
	.mapArea { margin-top:30px; flex-direction: column-reverse;}
	.mapArea .map1{width: 100%;}
	.mapArea .map2{width: 100%;}
	#dituContent { height:400px!important; }
}


/*second_nav*/
.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 40px rgba(168,168,168,0.18); position:relative}
.second_nav ul{ font-size:0;}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative; margin-right:40px}
.second_nav ul li a{ display:block; line-height:88px; font-size:20px; color:#333333;}
.second_nav ul li:before{ content:""; display:block; width:0%; bottom:-1px; left:50%; height:4px; background:#edb111; position:absolute; transition:all 0.3s}
.second_nav ul li:hover:before{ width:100%; left:0}
.second_nav ul li.on:before{ width:100%; left:0}
.second_nav ul li.on a{ color:#edb111; font-weight:bold}
.second_nav ul li:hover a{ color:#333; font-weight:bold}
.second_nav .t{ display:none}
@media (max-width: 1760px){
	.second_nav ul li a{ font-size:18px; line-height:80px}
}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#edb111;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ height:2px}
	
}
.news{ padding:60px 0}
.djgzQh{ width:100%;}
.djgzQh .swiperQh{ width:100%; overflow:hidden; position:relative; background:#fff; box-shadow:0 0 40px rgba(168,168,168,0.18);}
.djgzQh .swiperQh .swiper-slide{ width:100%; overflow:hidden; background:url(bx1.png) right center no-repeat}
.djgzQh .swiperQh .swiper-slide .pic{ width:656px; float:left; overflow:hidden}
.djgzQh .swiperQh .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;}
.djgzQh .swiperQh .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 656px); box-sizing:border-box; padding:35px 50px 0; float:left}
.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:24px; color:#060606; font-weight:bold; line-height:45px; margin-top:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:16px; color:#818181; }
.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; color:#666; margin-top:25px; line-height:30px; height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.djgzQh .swiperQh .paginationQh{ position:absolute; left:730px; bottom:40px; z-index:99; font-size:0}
.djgzQh .swiperQh .paginationQh span{ display:inline-block; vertical-align:top; margin:0; padding:0; width:34px; height:14px; background:url(ax4.png) center center no-repeat; background-size:100%; opacity:1; margin-right:10px; cursor:pointer}
.djgzQh .swiperQh .paginationQh span.swiper-pagination-bullet-active{ background:url(bx2.png) center center no-repeat; background-size:100%}
.djgzQh .swiperQh .btn{ position:absolute; left:calc(656px + 50px); bottom:30px; z-index:22}
.djgzQh .swiperQh .btn .prevQh{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; float:left}
.djgzQh .swiperQh .btn .prevQh:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}
.djgzQh .swiperQh .btn .nextQh{ background:url(g_17.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; float:left; margin-left:8px}
.djgzQh .swiperQh .btn .nextQh:hover{ background:url(g_38.png) center center no-repeat; background-size:100%;}

@media all and (max-width:1440px){
	.djgzQh .swiperQh .swiper-slide .pic{ width:580px;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 580px); padding:30px 40px 0}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:20px; line-height:30px; height:60px; margin-top:20px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:14px;}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; line-height:25px; height:75px; margin-top:20px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:620px;}
	.djgzQh .swiperQh .btn{ left:620px}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:42px; height:42px}
}
@media all and (max-width:1200px){
	.news{ padding:40px 0}
	.djgzPage{ padding:40px 0}
	.djgzQh .swiperQh .swiper-slide .pic{ width:360px;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 360px); padding:20px 20px 0}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px;}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:12px; line-height:20px; height:60px; margin-top:15px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:430px; bottom:20px}
	.djgzQh .swiperQh .paginationQh span{ width:20px; height:9px; margin-right:5px}
	.djgzQh .swiperQh .btn{ left:auto; right:20px; top:20px; bottom:auto}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:32px; height:32px}
}
@media all and (max-width:750px){
	.djgzQh .swiperQh .swiper-slide .pic{ width:100%;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:100%; padding:20px}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px; margin-top:15px}
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; line-height:20px; height:auto; margin-top:15px}
	.djgzQh .swiperQh .paginationQh{ position:absolute; left:20px; bottom:20px}
	.djgzQh .swiperQh .paginationQh span{ width:20px; height:9px; margin-right:5px}
	.djgzQh .swiperQh .btn{ left:auto; right:auto; top:auto; bottom:auto; position:relative; margin:0 auto; width:fit-content; padding-bottom:25px}
	.djgzQh .swiperQh .btn .prevQh,.djgzQh .swiperQh .btn .nextQh{ width:32px; height:32px}
}

.newsList{ width:100%; padding-bottom:60px}
.newsList .item{ width:100%; border-bottom:1px solid #e7e7e7; padding:60px 0}
.newsList .item:hover{ background:#f7f8f8; border-bottom:1px solid #edb111}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:370px; overflow:hidden; margin-left:40px}
.newsList .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;}
.newsList .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);}
.newsList .item a .cont{ width:1000px; box-sizing:border-box; margin-left:40px; padding-right:40px}
.newsList .item a .cont .time{ display:none}
.newsList .item a .cont .title{ font-size:22px; color:#1a191a;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:20px; line-height:30px}
.newsList .item a .cont .intro{ font-size:14px; color:#666; line-height:25px; height:100px;margin-top:20px;}
.newsList .item:hover a .cont .title{ font-weight:bold}
.newsList .item a .cont .more{display:flex;align-items: center;justify-content: center; height:42px; font-size:14px; color:#eeba3a; width:fit-content; transition:all 0.3s linear}
.newsList .item a .times{ margin-left:40px; width:110px; text-align:center; background:#f5f5f5; border-top:4px solid #edb111; height:110px; box-sizing:border-box}
.newsList .item:hover a .times{ background:#fff}
.newsList .item:hover a .cont .more{ width:136px; background:#eeba3a; color:#fff; border-radius:30px}
.newsList .item a .times .p1{ font-size:45px; color:#edb111; font-weight:bold; line-height:1; padding-top:20px}
.newsList .item a .times .p2{ font-size:16px; color:#5d5d5d}
@media all and (max-width:1600px){
	.newsList .item a .times{ margin-left:30px; width:100px;  border-top:3px solid #edb111; height:100px;}
	.newsList .item a .times .p1{ font-size:36px;}
	.newsList .item a .times .p2{ font-size:14px;}
	.newsList .item a .cont{ width:660px; margin-left:30px; padding-right:30px}
	.newsList .item a .pic{ width:350px; margin-left:30px}
	.newsList .item a .cont .title{ font-size:20px}
}
@media all and (max-width:1200px){
	.newsList{ padding-bottom:40px}
	.newsList .item{ padding:30px 0}
	.newsList .item a .times{ display:none}
	.newsList .item a .pic{ width:250px; margin:0}
	.newsList .item a .cont{ width:calc(100% - 250px); padding-left:15px; margin:0}
	.newsList .item a .cont .time{ font-size:12px; padding:10px 0}
	.newsList .item a .cont .title{ font-size:16px;margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px;  line-height:20px; height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-top:5px; text-indent:0}
	.newsList .item a .cont .more{ display:none}
	.newsList .item a .cont  .time{ display:block}
}
@media all and (max-width:750px){
	.newsList .item{ padding:0; margin-top:20px}
	.newsList .item a{ padding:0; display:block}
	.newsList .item a .pic{ width:100%;}
	.newsList .item a .cont{ width:100%; padding:15px}
	.newsList .item a .cont .intro{-webkit-line-clamp: 3; height:auto}
	.newsList .item a .cont .time{ padding:5px 0}
}

/*分页*/
.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; background:#fff; text-align:center; font-size:14px; color:#5c5c5c; margin: 0 5px; padding:10px 15px; border:1px solid #e5e5e5; border-radius:5px;}
.page a.current,.page a:hover{ background:#5c5c5c; color:#fff; border:1px solid #5c5c5c}
.page .first,.page .last{ display:none}


@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px}
}

/*pro*/
.pro{ padding:60px 0}
.proList .item{ margin-bottom:40px; box-shadow:0 0 20px rgba(0,0,0,0.1); position:relative}
.proList .item a{ padding:35px 30px; display:flex; align-items: center; position:relative}
.proList .item a .pic{ float:right; width:471px; overflow:hidden}
.proList .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;}
.proList .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);}
.proList .item a .cont{ width:635px; margin-left:50px; margin-right:383px; transition:all 0.3s linear}
.proList .item a .cont .ico img{ height:54px}
.proList .item a .cont .title{ font-size:30px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:30px}
.proList .item a .cont .intro{ font-size:16px; color:#666666; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:25px}
.proList .item a .cont .more{ width:136px; height:0;display:flex;align-items: center;justify-content: center; margin-top:30px; background:#edb111; border-radius:30px; color:#fff; font-size:16px;  transition:all 0.3s linear; line-height:0}
.proList .item:hover a .cont .more{ height:40px;}
.proList .item:after{ content:""; display:block; width:0%; height:2px; background:#eeba3a; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
.proList .item:hover:after{ width:100%}
@media all and (max-width:1600px){
	.proList .item a .pic{ width:400px}	
	.proList .item a .cont{ width:600px; margin:0 140px 0 0}
	.proList .item a .cont .ico img{ height:48px}
	.proList .item a .cont .title{ font-size:24px; margin-top:20px}
	.proList .item a .cont .intro{ font-size:14px; line-height:25px; height:50px; margin-top:20px}
	.proList .item a .cont .more{ width:120px; font-size:14px; margin-top:20px}
	.proList .item:hover a .cont .more{ height:36px;}
}
@media all and (max-width:1200px){
	.pro{ padding:40px 0}
	.proList .item{ margin-bottom:20px}
	.proList .item a{ padding:20px}
	.proList .item a .pic{ width:300px}	
	.proList .item a .cont{ width:calc(100% - 300px); box-sizing:border-box; padding-right:20px; margin:0 0 0 0}
	.proList .item a .cont .ico img{ height:36px}
	.proList .item a .cont .title{ font-size:20px; margin-top:12px}
	.proList .item a .cont .intro{ font-size:12px; line-height:20px; height:40px; margin-top:10px}
	.proList .item a .cont .more{ width:100px; font-size:12px; margin-top:10px}
	.proList .item:hover a .cont .more{ height:32px;}
}
@media all and (max-width:750px){
	.proList .item a{ display:block; position:relative; padding-bottom:70px}
	.proList .item a .pic{ width:100%; margin-top:12px}	
	.proList .item a .cont{ width:100%; box-sizing:border-box; padding-right:0; margin:0 0 0 0}
	.proList .item a .cont .ico img{ height:30px}
	.proList .item a .cont .title{ font-size:16px; margin-top:12px}
	.proList .item a .cont .intro{ font-size:12px; line-height:20px; height:40px; margin-top:10px}
	.proList .item a .cont .more{ width:100px; font-size:12px; margin-top:10px; height:32px; position:absolute; bottom:20px; left:20px}
	.proList .item:hover a .cont .more{ height:32px;}
}


.prodisplay{ width:100%; padding:120px 0}
.prodisplay .nr{ width:1300px; margin:0 auto}
.prodisplay .ihd{ text-align:center; line-height:1; font-size:44px; color:#000000; font-weight:bold}
.prodisplay01 .ibd{ margin-top:80px; font-size:16px; line-height:2; word-break:break-all}
.prodisplay01 .ibd img{ max-width:100%; height:auto}
.prodisplay01 .ibd video{ max-width:100%; height:auto}
.prodisplay02{ margin-top:80px}
.prodisplay02 .ibd{ margin-top:60px}
.prodisplay02 .ibd .swiper02{ width:100%; overflow:hidden}
.prodisplay02 .ibd .swiper02 .swiper-slide{ width:22.75%; box-sizing:border-box; margin-right:3%; border:1px solid #eeba3a; border-radius:15px; height:370px; text-align:center; padding:0 30px}
.prodisplay02 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.prodisplay02 .ibd .swiper02 .swiper-slide .ico{ padding:60px 0 0 0}
.prodisplay02 .ibd .swiper02 .swiper-slide .ico img{ height:40px}
.prodisplay02 .ibd .swiper02 .swiper-slide .title{ font-size:24px; color:#e8a800; font-weight:bold; margin-top:25px}
.prodisplay02 .ibd .swiper02 .swiper-slide .intro{ font-size:16px; color:#666666; line-height:2; margin-top:30px}
.prodisplay02 .ibd .swiper02 .pagination02{ width:100%; text-align:center; font-size:0; margin-top:40px}
.prodisplay02 .ibd .swiper02 .pagination02 span{ width:12px; height:12px; border-radius:50%; background:#cbcac9; opacity:1; margin:0 4px}
.prodisplay02 .ibd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#eeba3a}
.prodisplay03{ margin-top:80px}
.prodisplay03 .ibd{ margin-top:60px}
.prodisplay03 .ibd .item{ width:48%; float:left; margin-right:4%; background:#ececec; border-radius:20px; margin-bottom:24px}
.prodisplay03 .ibd .item:nth-child(2n){ margin-right:0}
.prodisplay03 .ibd .item a{ display:flex;align-items: center; padding:40px 50px}
.prodisplay03 .ibd .item a .cont{ width:calc(100% - 76px);}
.prodisplay03 .ibd .item a .ico{ width:76px}
.prodisplay03 .ibd .item a .ico img{ width:100%}
.prodisplay03 .ibd .item a .cont .title{ background:url(g_43.png) left top no-repeat; padding-top:20px; line-height:1; font-size:26px; color:#000000; transition:all 0.3s}
.prodisplay03 .ibd .item a .cont .intro{ font-size:16px; color:#5d5d5d; margin-top:15px}
.prodisplay03 .ibd .item:hover a .cont .title{ color:#eeba3a}
@media all and (max-width:1600px){
	.prodisplay{ padding:100px 0}
	.prodisplay .nr{ width:1200px }
	.prodisplay .ihd{ font-size:32px}
	.prodisplay02 .ibd .swiper02 .swiper-slide{ padding: 0 30px}
	.prodisplay02 .ibd .swiper02 .swiper-slide .title{ font-size:22px}
	.prodisplay02 .ibd .swiper02 .swiper-slide .intro{ font-size:14px}
}
@media all and (max-width:1200px){
	.prodisplay{ padding:60px 0 0}
	.prodisplay .nr{ width:92% }
	.prodisplay .ihd{ font-size:24px}
	.prodisplay01 .ibd{ margin-top:40px; font-size:14px;}
	.prodisplay02{ margin-top:60px}
	.prodisplay02 .ibd{ margin-top:40px}
	.prodisplay02 .ibd .swiper02 .swiper-slide{ width:31%; margin-right:3.5%; padding:0 20px; height:300px}
	.prodisplay02 .ibd .swiper02 .swiper-slide .ico{ padding:40px 0 0 0}
	.prodisplay02 .ibd .swiper02 .swiper-slide .ico img{ height:32px}
	.prodisplay02 .ibd .swiper02 .swiper-slide .title{ font-size:18px ; margin-top:16px}
	.prodisplay02 .ibd .swiper02 .swiper-slide .intro{ font-size:14px; margin-top:20px}
	.prodisplay02 .ibd .swiper02 .pagination02{  margin-top:20px}
	.prodisplay02 .ibd .swiper02 .pagination02 span{ width:10px; height:10px;}
	.prodisplay03{ margin-top:60px}
	.prodisplay03 .ibd{ margin-top:40px}
	
	.prodisplay03 .ibd .item{ margin-bottom:20px; border-radius:10px}
	.prodisplay03 .ibd .item a{ padding:20px}
	.prodisplay03 .ibd .item a .cont{ width:calc(100% - 60px);}
	.prodisplay03 .ibd .item a .ico{ width:60px}
	.prodisplay03 .ibd .item a .ico img{ width:100%}
	.prodisplay03 .ibd .item a .cont .title{ padding-top:16px; background-size:20px 4px; font-size:20px;}
	.prodisplay03 .ibd .item a .cont .intro{ font-size:14px;  margin-top:12px}

}
@media all and (max-width:750px){
	.prodisplay .ihd{ font-size:20px; line-height:1.4}
	.prodisplay01 .ibd{ margin-top:30px}
	.prodisplay02 .ibd{ margin-top:30px}
	.prodisplay02 .ibd .swiper02 .swiper-slide{ width:48.5%; margin-right:3%; padding:0 10px; height:280px; border-radius:10px}
	.prodisplay03 .ibd{ margin-top:30px}
	.prodisplay03 .ibd .item{ width:100%}
	.prodisplay02 .ibd .swiper02 .swiper-slide .title{ font-size:16px ; }
	.prodisplay02 .ibd .swiper02 .swiper-slide .intro{ font-size:12px}
	
	.prodisplay03 .ibd .item a .cont .title{ font-size:16px;}

}

.pc_nr{ display:block}
.sj_nr{ display:none}
@media all and (max-width:1200px){
	.pc_nr{ display:none}
	.sj_nr{ display:block}
}


.yfsl01{ padding:120px 0}
.yfsl .ihd{ text-align:center; font-size:46px; font-weight:bold; color:#333; line-height:1}
.yfsl01 .ibd{ margin-top:80px}
.yfsl01 .ibd .hd{ width:680px; float:left}
.yfsl01 .ibd .bd{ width:810px; float:right; overflow:hidden}
.yfsl01 .ibd .bd .con{ width:100%; overflow:hidden; border-radius:30px;}
.yfsl01 .ibd .bd .con 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;}
.yfsl01 .ibd .bd .con: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);}
.yfsl01 .ibd .hd li{ padding-left:60px; background:url(g_46.png) 0 28px no-repeat}
.yfsl01 .ibd .hd li .cont{ border-bottom:1px solid #ececec; transition:all 0.3s linear; height:100%;  height:80px; overflow:hidden;}
.yfsl01 .ibd .hd li .cont .pic{ display:none}
.yfsl01 .ibd .hd li .cont .title{ font-size:20px; color:#303030; line-height:80px}
.yfsl01 .ibd .hd li.on{ background:url(g_45.png) 0 28px no-repeat}
.yfsl01 .ibd .hd li.on .cont{ height:170px; box-sizing:border-box; background:#f8f8f8; border:0; padding:15px 50px 0;}
.yfsl01 .ibd .hd li.on .cont .title{ font-weight:bold; line-height:50px}
.yfsl01 .ibd .hd li.on .cont .intro{ font-size:14px; color:#666666; line-height:2}
@media all and (max-width:1600px){
	.yfsl01{ padding:100px 0}
	.yfsl .ihd{ font-size:32px;}
	.yfsl01 .ibd{ margin-top:60px}
	.yfsl01 .ibd .hd{ width:550px;}
	.yfsl01 .ibd .bd{ width:610px;}
	.yfsl01 .ibd .hd li{ padding-left:40px; background:url(g_46.png) 0 22px no-repeat; background-size:16px}
	.yfsl01 .ibd .hd li .cont{ height:60px}
	.yfsl01 .ibd .hd li .cont .title{ font-size:16px; line-height:60px}
	.yfsl01 .ibd .hd li.on{ background:url(g_45.png) 0 26px no-repeat; background-size:16px}
	.yfsl01 .ibd .hd li.on .cont{ height:140px; padding:10px 30px 0}
	.yfsl01 .ibd .hd li.on .cont .title{ font-weight:bold; line-height:40px}
	.yfsl01 .ibd .hd li.on .cont .intro{ font-size:12px}
}
@media all and (max-width:1200px){
	.yfsl01{ padding:60px 0}
	.yfsl .ihd{ font-size:24px;}
	.yfsl01 .ibd{ margin-top:10px}
	.yfsl01 .ibd .hd{ width:100%;}
	.yfsl01 .ibd .bd{ width:0;}
	.yfsl01 .ibd .hd li{ padding-left:0; background:none; padding:20px; background:#f8f8f8; margin-top:20px; border-radius:5%}
	.yfsl01 .ibd .hd li .cont{ height:auto}
	.yfsl01 .ibd .hd li .cont .pic{ display:block; border-radius:5%; margin-top:10px}
	.yfsl01 .ibd .hd li .cont .pic img{ width:100%}
	.yfsl01 .ibd .hd li .cont .title{ font-size:16px; line-height:30px;font-weight:bold;}
	.yfsl01 .ibd .hd li.on{ background:none; background:#f8f8f8}
	.yfsl01 .ibd .hd li.on .cont{ height:auto; padding:0; background:none}
	.yfsl01 .ibd .hd li.on .cont .title{ font-weight:bold; line-height:30px}
	.yfsl01 .ibd .hd li.on .cont .intro{ font-size:14px; line-height:2}
	.yfsl01 .ibd .hd li .cont .intro{ margin-top:5px; line-height:2}
}

.yfsl02{ background:url(g_47.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.yfsl02 .intro{ font-size:18px; color:#2f2f2f; text-align:center; margin-top:30px}
.yfsl02 .intro i{ color:#eab110; font-weight:bold}
.yfsl02 .ibd{ margin-top:100px; position:relative; overflow:hidden}
.yfsl02 .ibd .swiper02{ width:calc(1500 / 1600 * 100%); margin:0 auto; overflow:hidden}
.yfsl02 .ibd .swiper02 .swiper-slide{ width:25%; background:url(g_48.png) bottom center no-repeat; background-size:100%; padding-bottom:55px}
.yfsl02 .ibd .swiper02 .swiper-slide i{ display:block; width:286px; margin:0 auto; overflow:hidden}
.yfsl02 .ibd .swiper02 .swiper-slide i img{ width:100%}
.yfsl02 .ibd .swiper02 .swiper-slide:nth-child(2n){ padding-top:100px}
.yfsl02 .ibd .prev02{ background:url(bx3.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; left:0; top:calc(50% - 27px); z-index:99}
.yfsl02 .ibd .prev02:hover{ background:url(bx4.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}
.yfsl02 .ibd .next02{ background:url(bx3.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; right:0; top:calc(50% - 27px); z-index:99; transform:rotate(180deg)}
.yfsl02 .ibd .next02:hover{ background:url(bx4.png) center center no-repeat; background-size:100%; transform:rotate(0)}
@media all and (max-width:1600px){
	.yfsl02{ padding:80px 0}
	.yfsl02 .intro{ font-size:16px;  margin-top:25px}
	.yfsl02 .ibd{ margin-top:80px}
	.yfsl02 .ibd .swiper02{ width:94%;}
	.yfsl02 .ibd .swiper02 .swiper-slide{ padding-bottom:40px}
	.yfsl02 .ibd .swiper02 .swiper-slide:nth-child(2n){ padding-top:60px}
	.yfsl02 .ibd .swiper02 .swiper-slide i{ width:200px;}
	.yfsl02 .ibd .prev02,.yfsl02 .ibd .next02{ width:42px; height:42px;top:calc(50% - 21px); }
}
@media all and (max-width:1200px){
	.yfsl02{ padding:60px 0 50px}
	.yfsl02 .intro{ font-size:14px;  margin-top:16px}
	.yfsl02 .ibd{ margin-top:30px}
	.yfsl02 .ibd .swiper02{ width:100%;}
	.yfsl02 .ibd .swiper02 .swiper-slide{ padding-bottom:35px; width:33.3333333%}
	.yfsl02 .ibd .swiper02 .swiper-slide:nth-child(2n){ padding-top:50px}
	.yfsl02 .ibd .swiper02 .swiper-slide i{ width:180px;}
	.yfsl02 .ibd .prev02,.yfsl02 .ibd .next02{ width:36px; height:36px;top:calc(50% - 18px); }
}
@media all and (max-width:750px){
	.yfsl02 .ibd .swiper02 .swiper-slide{ padding-bottom:6%; width:50%}
	.yfsl02 .ibd .swiper02 .swiper-slide:nth-child(2n){ padding-top:8%}
	.yfsl02 .ibd .swiper02 .swiper-slide i{ width:60%;}
	.yfsl02 .ibd .prev02,.yfsl02 .ibd .next02{ width:32px; height:32px;top:calc(50% - 16px); }
}

.yfsl03{ margin-top:130px;}
.yfsl03 .nr{ position:relative}
.yfsl03 .lt{ width:715px; float:right; padding:30px 0 0 0}
.yfsl03 .lt .ihd{ text-align:left}
.yfsl03 .lt .intro{ font-size:16px; color:#5a5a5a; line-height:2; margin-top:30px}
.yfsl03 .rt{ width:808px; float:left; overflow:hidden;}
.yfsl03 .rt .swiper03{ width:100%; overflow:hidden; border-radius:25px}
.yfsl03 .rt .swiper03 .swiper-slide{ width:100%; overflow:hidden}
.yfsl03 .rt .swiper03 .swiper-slide 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;}
.yfsl03 .rt .swiper03 .swiper-slide: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);}
.yfsl03 .rt .swiper03 .swiper-slide .title{ font-size:16px; color:#fff; position:absolute; left:35px; top:35px; z-index:9}
.yfsl03 .rt .prev03{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; left:0; top:calc(50% - 27px); z-index:99}
.yfsl03 .rt .prev03:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}
.yfsl03 .rt .next03{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; right:0; top:calc(50% - 27px); z-index:99; transform:rotate(180deg)}
.yfsl03 .rt .next03:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(0)}
.yfsl03 .rt .swiper03 .pagination03{ width:715px; text-align:left; font-size:0; position:absolute; right:0; bottom:50px; z-index:2; left:auto}
.yfsl03 .rt .swiper03 .pagination03 span{ width:12px; height:12px; opacity:1; background:#cfcfcf; border-radius:50%; margin:0; padding:0; margin-right:10px;}
.yfsl03 .rt .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#edb111}


.yfsl04{ margin-top:20px; margin-bottom:80px}
.yfsl04 .rt{ width:808px; float:right; overflow:hidden; position:relative}
.yfsl04 .rt .swiper04{ width:100%; position:relative; overflow:hidden; border-radius:25px}
.yfsl04 .rt .swiper04 .swiper-slide{ width:100%; overflow:hidden}
.yfsl04 .rt .swiper04 .swiper-slide 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;}
.yfsl04 .rt .swiper04 .swiper-slide: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);}
.yfsl04 .rt .swiper04 .swiper-slide .title{ font-size:16px; color:#fff; position:absolute; left:35px; top:35px; z-index:9}
.yfsl04 .rt .prev04{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; left:0; top:calc(50% - 27px); z-index:99}
.yfsl04 .rt .prev04:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}
.yfsl04 .rt .next04{ background:url(g_16.png) center center no-repeat; background-size:100%; width:54px; height:54px; cursor:pointer; position:absolute; right:0; top:calc(50% - 27px); z-index:99; transform:rotate(180deg)}
.yfsl04 .rt .next04:hover{ background:url(g_38.png) center center no-repeat; background-size:100%; transform:rotate(0)}

.yfsl04 .lt{ width:calc(100% - 808px); float:left; padding:130px 0 0}
.yfsl04 .lt .cont{ width:100%;display:flex;justify-content: space-around;}
.yfsl04 .lt .cont .item { text-align:center}
.yfsl04 .lt .cont .item .pic img{ height:50px}
.yfsl04 .lt .cont .item .title{ font-size:24px; color:#000000; font-weight:bold; padding:20px 0}
.yfsl04 .lt .cont .item .intro{ font-size:16px; color:#666666}
@media all and (max-width:1600px){
	.yfsl03{ margin-top:100px;}
	.yfsl03 .rt{ width:606px;}
	.yfsl03 .lt{ width:540px;}
	.yfsl03 .lt .intro{ font-size:14px;}
	.yfsl03 .rt .prev03,.yfsl03 .rt .next03{ width:42px; height:42px;top:calc(50% - 21px); }
	.yfsl04 .rt{ width:606px;}
	.yfsl04 .lt{ width:calc(100% - 606px);}
	.yfsl04 .rt .prev04,.yfsl04 .rt .next04{ width:42px; height:42px;top:calc(50% - 21px); }
	.yfsl04 .lt .cont .item .pic img{ height:42px}
	.yfsl04 .lt .cont .item .title{ font-size:20px; }
	.yfsl04 .lt .cont .item .intro{ font-size:14px; }
	.yfsl03 .rt .swiper03 .pagination03{ width:540px; bottom:40px}
	.yfsl03 .rt .swiper03 .pagination03 span{ width:10px; height:10px; margin-right:10px}

}
@media all and (max-width:1000px){
	.yfsl03{ margin-top:60px;}
	.yfsl03 .rt{ width:100%;}
	.yfsl03 .lt{ width:100%; padding:0}
	.yfsl03 .lt .ihd{ text-align:center}
	.yfsl03 .lt .intro{ font-size:14px; margin:16px 0}
	.yfsl03 .rt .prev03,.yfsl03 .rt .next03{ width:32px; height:32px;top:calc(50% - 16px); }
	.yfsl04{ margin-bottom:60px}
	.yfsl04 .rt{ width:100%;}
	.yfsl04 .lt{ width:100%; padding:0 0 20px}
	.yfsl04 .rt .prev04,.yfsl04 .rt .next04{ width:32px; height:32px;top:calc(50% - 16px); }
	.yfsl04 .lt .cont{justify-content: space-between;}
	.yfsl04 .lt .cont .item .pic img{ height:32px}
	.yfsl04 .lt .cont .item .title{ font-size:16px; padding:12px 0 }
	.yfsl04 .lt .cont .item .intro{ font-size:12px; }
	.yfsl03 .rt .swiper03{ border-radius:16px}
	.yfsl04 .rt .swiper04{ border-radius:16px}
	.yfsl03 .rt .swiper03 .swiper-slide .title{ font-size:14px; color:#fff; position:absolute; left:20px; top:20px; z-index:9}
	.yfsl04 .rt .swiper04 .swiper-slide .title{ font-size:14px; color:#fff; position:absolute; left:20px; top:20px; z-index:9}	

}

/* 内容模式 */
.article { padding:100px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; min-height:400px; }
.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 { padding-bottom:40px; line-height:3; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .ft { margin:12px 0 0;}
.article .ft a{}
.article .ft ul{display:flex;justify-content: space-between; height:70px}
.article .ft ul li { width:49.5%; background:#fff; background:#fff; box-sizing:border-box; padding:0 35px; text-align:left; line-height:70px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#617478}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article { padding:60px 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:0 0 0; height:auto}
	.article .ft ul{ display:block; height:auto}
	.article .ft ul li { width:100%; line-height:50px;margin:10px 0 0; padding:0 15px}
	.article .bd{ font-size:14px; line-height:2}	
}
/*articles*/
.articles{ padding:30px 0; background: #f6f7f8}
.articles .content .nr{ background:#fff; padding:50px; box-sizing:border-box}
@media all and (max-width:1200px){
	.articles .content .nr{ padding:15px}
	.articles{ padding:20px 0 }
}

.newsPage2{ padding:80px 0}
.newsList2{ padding-bottom:35px}
.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:#edb111; 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}
}



/*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:#f1f1f1}
.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:#edb111}
@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;}	

}




.white{ background:#fff}





/*job*/
.job{  padding:80px 0 120px}
.job01{ width:100%}
.job01 .ihd{ font-size:36px; color:#333333; line-height:1; text-align:center}
.job01 .ibd{ font-size:16px; color:#666666; line-height:2; margin-top:20px; text-align:center}
.job02 .nr{ box-sizing:border-box; background:#fff; padding:30px 50px; margin-top:50px}
.job02 .nr .item{  padding:15px 0}
.job02 .nr .item .title{ width:195px; float:left;font-size:24px; color:#333333; font-weight:bold; line-height:40px;}
.job02 .nr .item .cont{ width:calc(100% - 195px); float:right}
.job02 .nr .item .cont a{ display:block; float:left; line-height:40px; font-size:24px; color:#333333; margin-right:40px}
.job02 .nr .item .cont a.on,.job02 .nr .item .cont a:hover{ color:#00989d}
@media (max-width: 1760px){
	.job{ padding:60px 0 80px}
	.job01 .ihd{ font-size:28px;}
	.job01 .ibd{ font-size:14px;}
	.job02 .nr{ margin-top:40px; padding:20px 40px}
	.job02 .nr .item .title{ width:150px; font-size:20px}
	.job02 .nr .item .cont{ width:calc(100% - 150px);}
	.job02 .nr .item .cont a{ font-size:20px}
}
@media (max-width: 1200px){
	.job{ padding:40px 0 60px}
	.job01 .ihd{ font-size:20px; line-height:1.4}
	.job01 .ibd{ font-size:12px;}
	.job02 .nr{ margin-top:20px; padding:10px 20px}
	.job02 .nr .item{ padding:10px 0}
	.job02 .nr .item .title{ width:100px; font-size:16px; line-height:30px}
	.job02 .nr .item .cont{ width:calc(100% - 100px);}
	.job02 .nr .item .cont a{ font-size:16px; margin-right:20px; line-height:30px}
}
@media (max-width: 750px){
	
	.job02 .nr{ padding:10px 15px}
	.job02 .nr .item{ padding:8px 0}
	.job02 .nr .item .title{ width:80px; font-size:14px; line-height:25px}
	.job02 .nr .item .cont{ width:calc(100% - 80px);}
	.job02 .nr .item .cont a{ font-size:14px; margin-right:16px; line-height:25px}
}

.rcArea02{ border-top:4px solid #646464; margin-top:40px}
.rcArea02 .hd { font-size:30px; color:#333; text-align:center; }
.rcArea02 .bd {}

.rcArea02 .bd ul { padding-bottom:40px; }
.rcArea02 .bd ul li { border-bottom:1px solid #e5e5e5; background:#fff }
.rcArea02 .bd ul li:nth-child(2n){ background:#f3f4f5}
.rcArea02 .bd ul li .p1 { color:#000; font-size:22px; padding-left:3%; }
.rcArea02 .bd ul li .p1 i { display:block; float:left; height:80px; line-height:80px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.rcArea02 .bd ul li .p2 { display:none; background:#ffffff; padding:40px 50px 80px; }
.rcArea02 .bd ul li .p2 .txt { font-size:16px; color:#777777; line-height:2; margin-bottom:40px; }
.rcArea02 .bd ul li .p2 .txt01 a{ display:block; font-size:18px; color:#fff; padding:0 35px; text-align:center; line-height:52px; background:#efb01a; cursor:pointer; width:fit-content; border-radius:35px }
.rcArea02 .bd ul li .p2 .txt01 a{ }

.rcArea02 .bd ul li .p1 i:nth-child(1) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(2) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(3) { width:20%; margin-right:1%; }
.rcArea02 .bd ul li .p1 i:nth-child(4) { width:20%; cursor:pointer; }

.rcArea02 .bd ul li .p1 i:nth-child(5) { width:16%; cursor:pointer; float:right;display:flex;align-items: center;justify-content: center; }
.rcArea02 .bd ul li .p1 i:nth-child(5) em { display:inline-block; width:42px; height:42px; background:url(j01.png) no-repeat center; }


.rcArea02 .bd ul li:first-child { border-bottom:none; }
.rcArea02 .bd ul li:first-child .p1 { color:#646464!important; background:#fff!important; font-weight:bold }
.rcArea02 .bd ul li.on .p2{ border-top:1px solid #edb111}
.rcArea02 .bd ul li.on .p1 { }
.rcArea02 .bd ul li.on .p1 i:nth-child(5) em { background:url(j02.png) no-repeat center; }
.rcArea02 .bd ul li.on .p2 { display:block; }

.cov{position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:9998;display: none;}
.biaodan{position: fixed; padding:35px; margin:-330px 0 0 -240px; background:#fff url(zp-3.png) no-repeat center;left:50%;top:50%; z-index:9999; display: none;}
.biaodan .i-biaodan{border:1px solid #dadada;padding:45px; width:317px;position:relative;}
.biaodan .i-biaodan .h{font-size: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 12px;}
.biaodan .i-biaodan .e{font-size:14px;line-height: 14px;text-align: center;color: #969696;padding-bottom:16px;background:url(zp-2.png) no-repeat center bottom;margin-bottom:25px;}
.biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(zp-1.png) no-repeat center; cursor:pointer; position:absolute; top:15px; right:15px;}
.biaodan .i-biaodan ul li{padding:15px 18px;border:1px solid #c8c8c8;margin-bottom:22px;color: #bfbfbf;font-size:15px;line-height: 25px;}
.biaodan .i-biaodan ul li label { float:left; display:block; width:30px; height:25px; }
.biaodan .i-biaodan ul li:nth-child(1) label{background:url(zp-5.jpg) no-repeat left center;}
.biaodan .i-biaodan ul li:nth-child(2) label{background:url(zp-4.png) no-repeat left center;}
.biaodan .i-biaodan .ta textarea{padding:15px 18px;border:1px solid #c8c8c8;font-size:15px;line-height: 25px;color: #bfbfbf;width:100%;box-sizing: border-box;}
.biaodan .i-biaodan .jl{font-size:15px;line-height: 25px;margin:22px 0;}
.biaodan .i-biaodan .sub input{  width:100%; font-size: 20px;line-height:46px;background:#efb01a;text-align: center;color: #fff;}

@media all and (max-width:1760px){
	.rcArea02 .bd ul li .p1 { font-size:20px}
	.rcArea02 .bd ul li .p1 i { line-height:100px; height:100px}
	.rcArea02 .bd ul li .p1 i:nth-child(4) em{ margin-top:29px}
	.rcArea02 .bd ul li .p2{ padding:40px 40px 60px}
}
@media all and (max-width:1200px){
	.rcArea02 .bd ul li .p1{ font-size:12px}
	.rcArea02 .bd ul li .p1 i { line-height:50px; height:50px; }
	.rcArea02 .bd ul li.on .p2{ padding:15px}
	.rcArea02 .bd ul li .p2 .txt{ font-size:14px; margin-bottom:15px}
	.rcArea02 .bd ul li .p2 .txt01 a{ height:35px; font-size:12px; line-height:35px; padding:0 15px}
}

@media all and (max-width:1200px){
	.biaodan{ padding:10px; margin:0;transform: translate(-50%,-50%); }
	.biaodan .i-biaodan { padding:15px; width:280px; }
	.biaodan .i-biaodan .h { font-size:20px; line-height:25px; margin-bottom: 10px;}
	.biaodan .i-biaodan .e { margin-bottom:15px;}
 
	.biaodan .i-biaodan ul li{padding:5px 10px; margin-bottom:10px; font-size:14px; }
 
	.biaodan .i-biaodan .ta textarea{padding:5px 10px; font-size:14px; }
	.biaodan .i-biaodan .jl{ font-size:14px;line-height: 25px;margin:10px 0;}
	.biaodan .i-biaodan .sub input{  font-size:14px;line-height:30px; }
}



.zshi{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(00,00,00,0.7); z-index:99; display:none}
.zshi .nr{ width:80%; max-height:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9;}
.zshi .nr .gbs{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:100%; cursor:pointer; position:absolute; right:0; top:-35px;}
.zshi .nr .ibd{ width:100%; max-height:80vh; overflow:auto; text-align:center}
.zshi .nr .ibd img{ max-width:100%; height:auto}


































































































.atable td{ box-sizing:border-box; padding:10px}








































