@charset "utf-8";

.banner{ width:100%; margin:0 auto; position:relative; margin-top:90px}
.banner>img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:9; color:#fff;}
.banner .item .cn{ font-size:42px; color:#000 }
.banner .item .en{ font-size:20px; color:rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:10px}

@media (max-width: 1680px){
	.banner{ margin-top:80px}
	.banner .item .cn{ font-size:36px;}
	.banner .item .en{ font-size:18px;}
}

@media (max-width: 1200px){
	.banner{ margin-top:60px}
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .cn{ font-size:32px;}
	.banner .item .en{ font-size:16px;}
}
@media (max-width: 1200px){
	.banner .item .cn{ font-size:24px;}
	.banner .item .en{ font-size:14px; margin-top:5px}
}


.cpzx{ width:100%;}
.cpzxList{ width:100%; padding:80px 0 30px}
.cpzxList .item{ width:100%; margin-bottom:70px; position:relative}
.cpzxList .item:before{ content:""; display:block; width:10000%; height:100%; background:#f7f7f7; position:absolute; right:0; top:0; z-index:1}
.cpzxList .item .pic{ float:right; width:698px; overflow:hidden; position:relative; z-index:9}
.cpzxList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.cpzxList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.cpzxList .item .cont{ width:calc(100% - 698px); float:left; position:relative; z-index:2; padding:100px 110px 0 0; box-sizing:border-box}
.cpzxList .item .cont .num{ font-size:88px; color:rgba(0,0,0,0.1); font-weight:bold; line-height:1}
.cpzxList .item .cont .title{ font-size:40px; color:#333333; font-weight:bold; line-height:1; margin-top:-30px}
.cpzxList .item .cont .intro{ font-size:16px; color:#666666; text-align:justify; line-height:2; margin-top:25px}
.cpzxList .item .cont .more{ margin-top:45px}
.cpzxList .item .cont .more a{ background:#fff; display:block; width:180px; height:64px;display:flex;align-items: center;justify-content: center; border-radius: 40px; cursor:pointer}
.cpzxList .item .cont .more a i{ font-size:15px; color:#007bb7; display:inline-block; background:url(../images/g_04.png) right center no-repeat; padding-right:42px; transition:all 0.3s}
.cpzxList .item:hover .cont .more a{ background:#007bb7; color:#fff}
.cpzxList .item:hover .cont .more a i{ background:url(../images/g_11.png) right center no-repeat; color:#fff}
.cpzxList .item:hover .cont .title{ color:#007bb7}
.cpzxList .item:nth-child(2n) .pic{ float:left}
.cpzxList .item:nth-child(2n) .cont{ padding:100px 0 0 110px; box-sizing:border-box}
.cpzxList .item:nth-child(2n):before{ left:0; right:auto}
@media (max-width: 1680px){
	.cpzxList .item{ margin-bottom:60px;}
	.cpzxList .item .pic{ width:500px}
	.cpzxList .item .cont{ width:calc(100% - 500px);padding:60px 60px 0 0;}
	.cpzxList .item .cont .num{ font-size:70px}
	.cpzxList .item .cont .title{ font-size:28px; margin-top:-25px}
	.cpzxList .item .cont .intro{ font-size:14px}
	.cpzxList .item .cont .more{ margin-top:35px}
	.cpzxList .item .cont .more a{ width:150px; height:50px; font-size:0}
	.cpzxList .item .cont .more a i{ font-size:14px; background:url(../images/g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.cpzxList .item:hover .cont .more a i{ background:url(../images/g_11.png) right center no-repeat; background-size:20px;}
	.cpzxList .item:nth-child(2n) .cont{ padding:60px 0 0 60px; box-sizing:border-box}
}
@media (max-width: 1200px){
	.cpzxList{ padding:60px 0 20px}
	.cpzxList .item{ margin-bottom:40px;}
	.cpzxList .item .pic{ width:380px}
	.cpzxList .item .cont{ width:calc(100% - 380px);padding:20px 20px 0 0;}
	.cpzxList .item .cont .num{ font-size:60px}
	.cpzxList .item .cont .title{ font-size:20px; margin-top:-25px}
	.cpzxList .item .cont .intro{ font-size:12px; margin-top:15px}
	.cpzxList .item .cont .more{ margin-top:25px}
	.cpzxList .item .cont .more a{ width:120px; height:44px; font-size:0}
	.cpzxList .item .cont .more a i{ font-size:12px; background:url(../images/g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.cpzxList .item:hover .cont .more a i{ background:url(../images/g_11.png) right center no-repeat; background-size:20px;}
	.cpzxList .item:nth-child(2n) .cont{ padding:20px 0 0 20px; box-sizing:border-box}
}
@media (max-width: 750px){
	.cpzxList{ padding:40px 0 20px}
	.cpzxList .item{ margin-bottom:30px;}
	.cpzxList .item:before{ width:100%; height:100%}
	.cpzxList .item .pic{ width:100%}
	.cpzxList .item .cont{ width:100%;padding:30px 20px;}
	.cpzxList .item:nth-child(2n) .cont{ padding:30px 20px;}

}




/*second_nav*/
.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 40px rgba(168,168,168,0.18); position:relative}
.second_nav .nr{ width:100%}
.second_nav ul{ font-size:0; text-align:center}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative; border-bottom:1px solid #e5e5e5;}
.second_nav ul li a{ display:block; line-height:60px; font-size:22px; color:#333333; padding:0 50px; position:relative}
.second_nav ul li.on a:before{ content:""; display:block; background:url(../images/g_28.png) center center no-repeat; background-size:100%; width:60px; background-size:100%; height:100%; position:absolute; left:-30px; top:0}
.second_nav ul li.on a:after{ content:""; display:block; background:url(../images/g_28.png) center center no-repeat; background-size:100%; width:60px; background-size:100%; height:100%; position:absolute; right:-30px; top:0}

.second_nav ul li:before{ content:""; display:block; width:0%; height:2px; background:#007bb7; position:absolute; left:50%; bottom:-1px; z-index:2; transition:all 0.3s}

.second_nav ul li:hover:before{ left:0; width:100%}
.second_nav ul li.on:before{  left:0; width:100%}
.second_nav ul li.on a{ color:#007bb7;}
.second_nav ul li:hover a{ color:#007bb7;}
.second_nav .t{ display:none}
@media (max-width: 1680px){
	.second_nav .nr{ width:100%}
	.second_nav ul li a{ font-size:18px; padding: 0 35px}
	.second_nav ul li.on a:before{ left:-30px; width:60px}
	.second_nav ul li.on a:after{ right:-30px; width:60px}
}
@media (max-width: 1300px){
	.second_nav ul li a{ font-size:16px; padding: 0 30px}
}
@media (max-width:1200px){
	.second_nav .nr{ width:100%}
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#007bb7;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(../images/cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(../images/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}
	.second_nav ul li.on a:before{ left:-0;}
	.second_nav ul li.on a:after{ right:-0;}
	
}


.hotNews{ width:100%; margin-top:60px;}
.hotNews .swipers{ width:100%; position:relative; overflow:hidden; background:#f7f7f7}
.hotNews .swipers .swiper-slide{ width:100%; overflow:hidden}
.hotNews .swipers .swiper-slide .pic{ width:490px; float:left; overflow:hidden}
.hotNews .swipers .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;}
.hotNews .swipers .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);}
.hotNews .swipers .swiper-slide .cont{ width:calc(100% - 490px); float:left; box-sizing:border-box; padding:50px 50px 0}
.hotNews .swipers .swiper-slide .cont .title{ font-size:28px; color:#191c22; line-height:45px; height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-weight:bold}
.hotNews .swipers .swiper-slide .cont .intro{ font-size:16px; color:#999; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:25px 0 50px}
.hotNews .swipers .swiper-slide .cont .time{ font-size:16px; color:rgba(0,0,0,0.5)}
.hotNews .swipers .btn{ position:absolute; left:1440px; bottom:50px; z-index:9}
.hotNews .swipers .btn .prevs{ background:url(../images/g_30.png) center center no-repeat; width:44px; height:44px; background-size:cover; float:left; cursor:pointer; box-shadow:0 0 10px rgba(194,28,31,0.08); border-radius:50%}
.hotNews .swipers .btn .prevs:hover{ background:url(../images/g_31.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.hotNews .swipers .btn .nexts{ background:url(../images/g_30.png) center center no-repeat; width:44px; height:44px; background-size:cover; float:left; cursor:pointer;transform:rotate(180deg); margin-left:30px; box-shadow:0 0 10px rgba(194,28,31,0.08); border-radius:50%}
.hotNews .swipers .btn .nexts:hover{ background:url(../images/g_31.png) center center no-repeat; background-size:cover; transform:rotate(0)}
.hotNews .swipers .btn .prevs.swiper-button-disabled{ cursor:no-drop}
.hotNews .swipers .btn .nexts.swiper-button-disabled{ cursor:no-drop}
@media (max-width: 1680px){
	.hotNews .swipers .swiper-slide .pic{ width:710px;}
	.hotNews .swipers .swiper-slide .cont{ width:calc(100% - 710px); padding:50px 30px 0 }
	.hotNews .swipers .swiper-slide .cont .title{ font-size:24px; line-height:40px; height:80px}
	.hotNews .swipers .swiper-slide .cont .intro{ font-size:14px; margin:20px  0 30px; line-height:25px; height:50px}
	.hotNews .swipers .swiper-slide .cont .time{ font-size:14px;}
	.hotNews .swipers .btn{ position:absolute; left:740px; bottom:50px; z-index:9}
	.hotNews .swipers .btn .prevs{ width:36px; height:36px;}
	.hotNews .swipers .btn .nexts{ width:36px; height:36px; margin-left:15px}
}
@media (max-width: 1200px){
	.hotNews{ width:100%; margin-top:40px;}
	.hotNews .swipers .swiper-slide .pic{ width:420px;}
	.hotNews .swipers .swiper-slide .cont{ width:calc(100% - 420px); padding:25px 20px 0 }
	.hotNews .swipers .swiper-slide .cont .title{ font-size:20px; line-height:24px; height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
	.hotNews .swipers .swiper-slide .cont .intro{ font-size:12px; margin:15px  0 25px; line-height:22px; height:44px}
	.hotNews .swipers .swiper-slide .cont .time{ font-size:12px;}
	.hotNews .swipers .btn{ position:absolute; left:440px; bottom:25px; z-index:9}
	.hotNews .swipers .btn .prevs{ width:30px; height:30px;}
	.hotNews .swipers .btn .nexts{ width:30px; height:30px; margin-left:15px}
}
@media (max-width: 750px){
	.hotNews .swipers{ padding-bottom:25px}
	.hotNews .swipers .swiper-slide .pic{ width:100%;}
	.hotNews .swipers .swiper-slide .cont{ width:100%; padding:25px 20px 0 }
	.hotNews .swipers .swiper-slide .cont .title{ font-size:18px; line-height:24px;}
	.hotNews .swipers .btn{ position:relative; left:auto; bottom:auto; width:fit-content; margin:0 auto; margin-top:20px; z-index:9}
	
}

.picNews{ width:100%; margin:60px 0}
.picNewsList{ width:100%; padding:0 0 25px}
.picNewsList .item{ width:32%; float:left; margin-right:2%; margin-bottom:2%; background:#f7f7f7}
.picNewsList .item:nth-child(3n){ margin-right:0}
.picNewsList .item .pic{ width:100%; overflow:hidden}
.picNewsList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picNewsList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picNewsList .item .cont{ padding:40px 30px}
.picNewsList .item .cont .time{ font-size:16px; color:#5e5d5d; line-height:1}
.picNewsList .item .cont .title{ font-size:24px; color:#333333; line-height:36px; height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px} 
.picNewsList .item .cont .intro{ font-size:16px; color:#3f4150; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.picNewsList .item .cont .more{ font-size:14px; color:#007bb7; margin-top:35px}
.picNewsList .item:hover .cont .title{ font-weight:bold; color:#007bb7}
@media (max-width: 1680px){
	.picNewsList .item .cont{ padding:30px 20px}
	.picNewsList .item .cont .time{ font-size:14px;}
	.picNewsList .item .cont .title{ font-size:20px; line-height:30px; height:60px; margin-top:15px} 
	.picNewsList .item .cont .intro{ font-size:14px; line-height:24px; height:48px; margin-top:10px}
	.picNewsList .item .cont .more{ font-size:12px; margin-top:25px}
}
@media (max-width: 1200px){
	.picNews{ margin:40px 0}
	.picNewsList .item{ width:49%; }
	.picNewsList .item:nth-child(3n){ margin-right:2%}
	.picNewsList .item:nth-child(2n){ margin-right:0}
	.picNewsList .item .cont{ padding:30px 20px}
	.picNewsList .item .cont .time{ font-size:14px;}
	.picNewsList .item .cont .title{ font-size:20px; line-height:30px; height:60px; margin-top:15px} 
	.picNewsList .item .cont .intro{ font-size:14px; line-height:24px; height:48px; margin-top:10px}
	.picNewsList .item .cont .more{ font-size:12px; margin-top:25px}
}
@media (max-width: 750px){
	.picNewsList .item{ width:100%; margin-bottom:20px }
	.picNewsList .item:nth-child(3n){ margin-right:0}
	.picNewsList .item:nth-child(2n){ margin-right:0}
	.picNewsList .item .cont{ padding:20px}
	.picNewsList .item .cont .time{ font-size:12px;}
	.picNewsList .item .cont .title{ font-size:16px; line-height:30px; height:auto; margin-top:15px} 
	.picNewsList .item .cont .intro{ font-size:12px; line-height:24px; height:auto; margin-top:10px}
	.picNewsList .item .cont .more{ font-size:12px; margin-top:25px}
}

/*分页*/
.page{ text-align:center; font-size:16px;}
.page a{background:#fff; text-align:center; font-size:16px; color:#333333;}
.page a.current,.page a:hover{ background:#007bb7; color:#fff; border:1px solid #007bb7}
.page .first,.page .last{ display:none}


@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px 8px}
}


.News{ padding:60px 0}
.News .NewsList .item{ width:48.5%; float:left; margin-right:3%; margin-bottom:3%; background:#f7f7f7}
.News .NewsList .item:nth-child(2n){ margin-right:0}
.News .NewsList .item a{ display:block; padding:40px}
.News .NewsList .item a .time{ background:url(../images/g_35.jpg) center center no-repeat; width:fit-content; background-size:cover; color:#fff; line-height:24px;}
.News .NewsList .item a .time i{ padding:0 10px}
.News .NewsList .item a .title{ font-size:28px; color:#191c22;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.News .NewsList .item a .intro{ font-size:16px; line-height:32px; height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; text-align:justify; margin-top:15px; color:#999999}
.News .NewsList .item:hover a .title{ color:#007bb7}
.News .NewsList .item:hover{ box-shadow:0 0 15px rgba(0,0,0,.15)}
@media (max-width: 1680px){
	.News .NewsList .item a{ padding:35px}
	.News .NewsList .item a .title{ font-size:24px}
	.News .NewsList .item a .intro{ font-size:14px; line-height:28px; height:84px}
}
@media (max-width: 1200px){
	.News{ padding:40px 0}
	.News .NewsList{ padding:0 0 30px 0}
	.News .NewsList .item a{ padding:25px}
	.News .NewsList .item a .title{ font-size:20px}
	.News .NewsList .item a .intro{ font-size:12px; line-height:28px; height:84px}
}
@media (max-width: 750px){
	.News .NewsList .item{ width:100%}
	.News .NewsList .item a{ padding:20px}
	.News .NewsList .item a .title{ font-size:16px}
	.News .NewsList .item a .intro{ font-size:12px; line-height:24px; height:auto}
}


.qywh01{ width:100%; margin-top:95px;}
.qywh01 .item{ width:458px; height:520px; box-sizing:border-box; float:left; margin-right:22px; background:#f9fdff; border-radius:100px 0 0 0; text-align:center; position:relative; overflow:hidden; transition:all 0.3s}
.qywh01 .item2{ float:right}
.qywh01 .item2 img{ max-width:100%}
.qywh01 .item .ico{ margin-top:108px;}
.qywh01 .item .ico img{ height:82px; transition:all 0.3s}
.qywh01 .item .title{ font-size:40px; color:#333333; line-height:1; padding:30px 0; background:url(../images/g_38.png) bottom center no-repeat;}
.qywh01 .item .intro{ font-size:24px; color:#333333; margin-top:45px}
.qywh01 .item .num{ font-size:230px; color:rgba(0,0,0,0.03); position:absolute; left:0; bottom:-80px; line-height:1; text-align:center; width:100%; font-weight:bold; transition:all 0.3s; display:none}
.qywh01 .item:hover .num{ color:#007bb7}
.qywh01 .item:hover{ background:#fcf8f8}
.qywh01 .item:hover .ico img{ transform:rotateY(180deg)}
@media (max-width: 1680px){
	.qywh01 .item{ width:330px; height:380px; border-radius:70px 0 0 0; margin-right:20px}
	.qywh01 .item2{ float:right; width:480px}
	.qywh01 .item .ico{ margin-top:60px;}
	.qywh01 .item .ico img{ height:60px}
	.qywh01 .item .title{ font-size:30px; padding:25px 0; background:url(../images/g_38.png) bottom center no-repeat; background-size:auto 3px}
	.qywh01 .item .intro{ font-size:20px; color:#333333; margin-top:35px}
	.qywh01 .item .num{ font-size:180px; bottom:-70px;}

}
@media (max-width: 1200px){
	.qywh01{ margin-top:60px;}
	.qywh01 .item{ width:49%;float:left;   margin-right:2%}
	.qywh01 .item:nth-child(2){ margin-right:0}
	.qywh01 .item2{ width:100%; text-align:center; margin-top:30px}
	.qywh01 .item .ico{ margin-top:60px;}
	.qywh01 .item .ico img{ height:60px}
	.qywh01 .item .title{ font-size:24px; padding:25px 0; background:url(../images/g_38.png) bottom center no-repeat; background-size:auto 3px}
	.qywh01 .item .intro{ font-size:16px; color:#333333; margin-top:35px}
	.qywh01 .item .num{ font-size:180px; bottom:-70px;}

}
@media (max-width: 750px){
	.qywh01{ margin-top:40px;}
	.qywh01 .item{ width:49%;float:left; height:260px; border-radius:30px 0 0 0;   margin-right:2%}
	.qywh01 .item:nth-child(2){ margin-right:0}
	.qywh01 .item2{ width:100%; text-align:center; margin-top:30px}
	.qywh01 .item .ico{ margin-top:40px;}
	.qywh01 .item .ico img{ height:40px}
	.qywh01 .item .title{ font-size:20px; padding:15px 0; background:url(../images/g_38.png) bottom center no-repeat; background-size:auto 2px}
	.qywh01 .item .intro{ font-size:12px; color:#333333; margin-top:20px}
	.qywh01 .item .num{ font-size:100px; bottom:-30px;}

}


.qywh02{ width:100%; background:url(../images/g_40.jpg) bottom left no-repeat; background-size:cover; padding:120px 0}
.qywh02 .ihd .title{ float:left}
.qywh02 .ihd .title .ico img{ height:75px}
.qywh02 .ihd .title .cn{ font-size:42px; color:#333333; line-height:1; margin-top:-50px}
.qywh02 .ihd .intro{ float:right; font-size:18px; color:#333; line-height:2}
.qywh02 .ibd{ margin-top:70px; box-sizing:border-box; border:1px solid #d8dee5; border-radius:20px; overflow:hidden; width:100%}
.qywh02 .ibd .item{ width:25%; float:left; box-sizing:border-box;  text-align:center; padding:60px 0; position:relative}
.qywh02 .ibd .item:after{ content:""; display:block; width:1px; height:3000%; position:absolute; right:0; top:0; z-index:2; background:#d8dee5}
.qywh02 .ibd .item .ico{ width:230px; height:230px; border-radius:50%; margin:0 auto; overflow:hidden; position:relative}
.qywh02 .ibd .item .ico .img1{ width:100%; height:100%; transition:all 0.5s; opacity:1;border-radius:50%; transform:scale(1)}
.qywh02 .ibd .item .ico .img2{ width:100%; height:100%; transition:all 0.5s; position:absolute; left:0; top:0; opacity:0; transform:scale(0);border-radius:50%;}
.qywh02 .ibd .item:hover .ico .img1{ opacity:0; transform:scale(0)}
.qywh02 .ibd .item:hover .ico .img2{ opacity:1; transform:scale(1)}
.qywh02 .ibd .item .title{ font-size:26px; color:#666666; line-height:1; margin-top:40px;}
.qywh02 .ibd .item .intro{ font-size:14px; text-align:left; line-height:2; padding:30px 20px 0}
.qywh02 .ibd .item:hover .title{ color:#007bb7}
.qywh02 .ibd .item:last-child:after{ width:0}
@media (max-width: 1680px){
	.qywh02{ padding:100px 0}
	.qywh02 .ihd .title .ico img{ height:60px}
	.qywh02 .ihd .title .cn{ font-size:36px; margin-top:-40px}
	.qywh02 .ihd .intro{ font-size:16px; }
	.qywh02 .ibd{ margin-top:50px;}
	.qywh02 .ibd .item{ padding:50px 0}
	.qywh02 .ibd .item .ico{ width:200px; height:200px}
	.qywh02 .ibd .item .title{ font-size:20px;}
}
@media (max-width: 1200px){
	.qywh02{ padding:80px 0}
	.qywh02 .ihd .title .ico img{ height:50px}
	.qywh02 .ihd .title .cn{ font-size:30px; margin-top:-30px}
	.qywh02 .ihd .intro{ font-size:14px; width:100%; margin-top:20px }
	.qywh02 .ibd{ margin-top:40px;}
	.qywh02 .ibd .item{ padding:60px 0}
	.qywh02 .ibd .item .ico{ width:120px; height:120px}
	.qywh02 .ibd .item .title{ font-size:16px; margin-top:30px}
	.qywh02 .ibd .item .intro{ font-size:12px;  padding:20px 15px 0}
}
@media (max-width: 750px){
	.qywh02{ padding:60px 0}
	.qywh02 .ihd .title .ico img{ height:40px}
	.qywh02 .ihd .title .cn{ font-size:20px; margin-top:-30px}
	.qywh02 .ihd .intro{ font-size:12px; width:100%; margin-top:15px }
	.qywh02 .ibd{ margin-top:20px; border-radius:10px}
	.qywh02 .ibd .item{ padding:40px 0; border-bottom:1px solid #d8dee5; width:100%}
	.qywh02 .ibd .item:after{ width:0}
	.qywh02 .ibd .item .title{margin-top:20px}
	.qywh02 .ibd .item:nth-child(4){ border-bottom:0}
}

.rczp{ width:100%; padding:80px 0}
.rczp .item{ border-top:2px solid #e5e5e5; padding:45px 50px}
.rczp .item:last-child{ border-bottom:2px solid #e5e5e5;}
.rczp .item .cont{ height:170px; overflow:hidden; position:relative}
.rczp .item .a{ float:left; width:445px; float:left; box-sizing:border-box; padding-right:30px}
.rczp .item .a .a1{ font-size:32px; color:#333333; line-height:1}
.rczp .item .a .a2{ font-size:16px; color:#666666; margin-top:20px}
.rczp .item .a .a3{ background:url(../images/g_17.png) left center no-repeat; padding-left:35px; font-size:20px; color:#666666; margin-top:60px; cursor:pointer}
.rczp .item .b{ width:410px; float:left; box-sizing:border-box; margin-right:120px}
.rczp .item .b .b1{ font-size:16px; color:#333333; font-weight:bold}
.rczp .item .b .b2{ font-size:14px; color:#666666; line-height:24px; margin-top:25px}
.rczp .item .b .b3{ margin-top:100px}
.rczp .item .b .b3 i{ display:flex;align-items: center;justify-content: center; width:180px; height:64px; border-radius:35px; background:#007bb7; color:#fff; font-size:15px; cursor:pointer}

.rczp .item .c{ width:410px; float:left; box-sizing:border-box;}
.rczp .item .c .c1{ font-size:16px; color:#333333; font-weight:bold}
.rczp .item .c .c2{ font-size:14px; color:#666666; line-height:24px; margin-top:25px}

.rczp .item .d{float:right}
.rczp .item .d .d1{ font-size:97px; color:rgba(0,0,0,0.2); line-height:1}
.rczp .item .d .d2{ font-size:18px; color:rgba(0,0,0,0.2); line-height:1; margin-top:5px}
.rczp .item .d .d3{ display:none}
.rczp .item .cont.on{ height:auto;}
.rczp .item .cont.on .d .d1{ color:#007bb7}
.rczp .item .cont.on .d .d2{ color:#007bb7}
.rczp .item .cont.on .b3{ position:absolute; left:0; bottom:0} 

@media (max-width:1680px){
	.rczp{ padding:60px 0}
	.rczp .item{  padding:30px}
	.rczp .item .cont{ height:160px; overflow:hidden}
	.rczp .item .a{ float:left; width:320px; float:left; box-sizing:border-box; padding-right:20px}
	.rczp .item .a .a1{ font-size:26px;}
	.rczp .item .a .a2{ font-size:14px;}
	.rczp .item .b{ width:310px;  margin-right:60px}
	.rczp .item .b .b2{ font-size:12px; margin-top:20px}
	.rczp .item .b .b3{ margin-top:80px}

	.rczp .item .b .b3 i{ width:160px; height:58px; font-size:14px;}
	.rczp .item .c{ width:310px;}
	.rczp .item .c .c2{ font-size:12px; margin-top:20px}
	.rczp .item .d .d1{ font-size:80px;}
	.rczp .item .d .d2{ font-size:16px;}
}
@media (max-width:1200px){
	.rczp{ padding:40px 0}
	.rczp .item{  padding:20px 0}
	.rczp .item .cont{ height:auto; overflow:hidden; position:relative; padding-bottom:60px}
	.rczp .item .a{ float:left; width:100%; padding-right:0}
	.rczp .item .a .a1{ font-size:20px;}
	.rczp .item .a .a2{ font-size:14px; margin-top:15px}
	.rczp .item .a .a3{ display:none}
	.rczp .item .b{ width:100%;  margin-right:0}
	.rczp .item .b .b1{ font-size:14px; margin-top:15px}
	.rczp .item .b .b2{ font-size:12px; margin-top:10px}
	.rczp .item .b .b3{ margin-top:0; position:absolute; left:0; bottom:0}
	.rczp .item .b .b3 i{ width:120px; height:46px; font-size:12px; border-radius:10px}
	.rczp .item .c{ width:100%;}
	.rczp .item .c .c1{ font-size:14px; margin-top:15px}
	.rczp .item .c .c2{ font-size:12px; margin-top:15px}
	.rczp .item .d{ width:100%}
	.rczp .item .d .d1{ display:none}
	.rczp .item .d .d2{ display:none}
	.rczp .item .d .d3{ display:block;color:#666666; line-height:24px; margin-top:10px}
}

.about01{ width:100%; background:url(../images/g_43.jpg) bottom center no-repeat; background-size:cover; padding:100px 0 150px}
.about .ihd{ text-align:center} 
.about .ihd .cn{ font-size:42px; color:#333333; line-height:1}
.about .ihd .en{ font-size:32px; color:#007bb7; font-family:Arial; line-height:1; text-transform:uppercase; margin-top:20px}
.about .ibd{ margin-top:60px; font-size:18px; color:#333333; line-height:2; text-align:justify}
.about .ifd{ margin-top:60px}
.about .ifd ul{ width:1160px; float:left; padding:25px 0 0 0}
.about .ifd ul{display:flex;justify-content: space-between;}
.about .ifd ul li .p1{ font-size:24px; color:#333333; line-height:1}
.about .ifd ul li .p2{ line-height:1; font-size:90px; font-family:"DINCond"; color:#007bb7; margin-top:15px}
.about .ifd ul li .p2 span{ font-size:20px; color:#333333}
.about .ifd .play{ float:right; margin-right:100px}
.about .ifd .play .ico{ background:url(../images/g_09.png) center center no-repeat; background-size:cover; width:124px; height:124px; position:relative}
.about .ifd .play .title{ font-size:20px; color:#333333; text-align:center; margin-top:20px; line-height:1; text-transform:uppercase}

.about .ifd .play .ico i{ width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px; margin-top:-20px; background:url(../images/g_09_2.png) center center no-repeat; border-radius:50%; background-size:cover}

.about .ifd .play .ico i{box-shadow: 0 0 rgba(0,123,183, 0.2),0 0 0 15px rgba(0,123,183, 0.15),0 0 0 30px rgba(0,123,183,0.1); animation: ripple-wave1 1s linear infinite; animation-play-state: running; opacity: 1; visibility: visible; transform: scale(1); -webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8); border-radius:50%}

@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(0,123,183, 0.2),0 0 0 30px rgba(0,123,183, 0.15),0 0 0 45px rgba(0,123,183,0.1)
	}
  }

@media (max-width:1680px){
	.about01{ padding:80px 0 120px}
	.about .ihd .cn{ font-size:36px}
	.about .ihd .en{ font-size:24px; margin-top:16px}
	.about .ibd{ margin-top:40px; font-size:16px;}
	.about .ifd{ margin-top:40px}
	.about .ifd ul{ width:1000px}
	.about .ifd ul li .p1{ font-size:18px;}
	.about .ifd ul li .p2{ font-size:70px;}
	.about .ifd ul li .p2 span{ font-size:16px; color:#333333}
	.about .ifd .play{ margin-right:0}
	.about .ifd .play .ico{ width:100px; height:100px}
	.about .ifd .play .title{ font-size:18px}

}
@media (max-width:1200px){
	.about01{ padding:60px 0 80px}
	.about .ihd .cn{ font-size:24px}
	.about .ihd .en{ font-size:16px; margin-top:12px}
	.about .ibd{ margin-top:20px; font-size:14px;}
	.about .ifd{ margin-top:20px}
	.about .ifd ul{ width:80%}
	.about .ifd ul li .p1{ font-size:14px;}
	.about .ifd ul li .p2{ font-size:50px;}
	.about .ifd ul li .p2 span{ font-size:12px; color:#333333}
	.about .ifd .play{ margin-right:0}
	.about .ifd .play .ico{ width:80px; height:80px}
	.about .ifd .play .title{ font-size:16px; margin-top:12px}

}
@media (max-width:750px){
	.about01{ padding:40px 0}
	.about .ifd ul{ width:100%; float:none}
	.about .ifd ul li .p1{ font-size:14px;}
	.about .ifd ul li .p2{ font-size:28px; margin-top:10px}
	.about .ifd ul li .p2 span{ font-size:12px; color:#333333}
	.about .ifd .play{  float:none; width:fit-content; margin:0 auto; margin-top:20px}
	.about .ifd .play .ico{ width:80px; height:80px}
	.about .ifd .play .title{ font-size:16px; margin-top:12px}

}


.about02{ background:url(../images/g_45.jpg) center center no-repeat; background-size:cover; padding:120px 0; overflow:hidden}
.about02 .nr .ihd{}
.about02 .nr .ihd .cn{ color:#fff}
.about02 .nr .ihd .en{ color:#fff}
.about02 .nr .ibd{ margin-top:35px; position:relative}
.about02 .nr .ibd .lt{ width:860px; float:right; }
.about02 .nr .ibd .lt .swiper32{ width:100%; position:relative; overflow:hidden; color:#fff; margin-top:50px; background:rgba(255,255,255,0.85); box-sizing:border-box; border:1px solid rgba(255,255,255,0.2); border-radius:10px;}
.about02 .nr .ibd .lt .swiper32 .swiper-slide{ width:100%; height:100%; padding:90px; box-sizing:border-box; }
.about02 .nr .ibd .lt .swiper32 .swiper-slide .year{ font-size:36px; color:#007bb7;  line-height:1}
.about02 .nr .ibd .lt .swiper32 .swiper-slide .num{ display:none}
.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro{ margin-top:40px}
.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro p{ background:url(../images/g_46.png) 0 16px no-repeat; padding-left:35px; font-size:16px; line-height:36px; color:#333; margin-bottom:40px}
.about02 .nr .ibd .lt .swiper32 .prev32{ background:url(../images/prev.png) center center no-repeat; width:24px; height:24px; background-size:auto 24px; position:absolute; left:0; bottom:50px; z-index:9; cursor:pointer; display:none}
.about02 .nr .ibd .lt .swiper32 .next32{ background:url(../images/next.png) center center no-repeat; width:24px; height:24px; background-size:auto 24px; position:absolute; left:30px; bottom:50px; z-index:9; cursor:pointer; display:none}
.about02 .nr .ibd .rt{ width:390px; float:left; color:#fff; text-align:center; height:420px; font-size:20px; overflow:hidden; border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
.about02 .nr .ibd .rt:after{ content:""; display:block; width:1px; height:1000000%; position:absolute; left:0; top:-1000%; background:rgba(255,255,255,0.1)}
.about02 .nr .ibd .rt:before{ content:""; display:block; width:1px; height:1000000%; position:absolute; left:390px; top:-1000%; background:rgba(255,255,255,0.1)}

.about02 .nr .ibd .rt .swiper31{ width:100%; height:140px; line-height:140px; cursor:pointer; font-weight:bold; margin-top:140px; position:relative}
.about02 .nr .ibd .rt .swiper31 .swiper-slide{ opacity:0.4; font-weight:normal}
.about02 .nr .ibd .rt .swiper31 .swiper-slide.swiper-slide-thumb-active{ opacity:1; font-size:48px; color:#fff; background:#007bb7; font-weight:bold}
@media (max-width: 1680px){
	.about02{ padding:100px 0}
	.about02 .nr .ibd{ margin-top:30px;}
	.about02 .nr .ibd .lt{ width:700px;}
	.about02 .nr .ibd .rt{ width:300px; height:360px}
	.about02 .nr .ibd .rt:before{ left:300px;}
	.about02 .nr .ibd .rt .swiper31{ height:120px; line-height:120px; margin-top:120px}
	.about02 .nr .ibd .rt .swiper31 .swiper-slide.swiper-slide-thumb-active{ font-size:40px}
	.about02 .nr .ibd .lt .swiper32{ margin-top:40px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide{  padding:60px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .year{ font-size:28px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro{ margin-top:30px}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro p{ background:url(../images/g_46.png) 0 14px no-repeat;  font-size:14px; line-height:30px;  margin-bottom:25px}
	
}
@media (max-width: 1200px){
	.about02{ padding:80px 0}
	.about02 .nr .ibd{ margin-top:30px;}
	.about02 .nr .ibd .lt{ width:500px;}
	.about02 .nr .ibd .rt{ width:200px; height:270px}
	.about02 .nr .ibd .rt:before{ left:200px;}
	.about02 .nr .ibd .rt .swiper31{ height:90px; line-height:90px; margin-top:90px}
	.about02 .nr .ibd .rt .swiper31 .swiper-slide.swiper-slide-thumb-active{ font-size:30px}
	.about02 .nr .ibd .lt .swiper32{ margin-top:0;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide{  padding:30px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .year{ font-size:24px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro{ margin-top:20px}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro p{ background:url(../images/g_46.png) 0 14px no-repeat;  font-size:14px; padding-left:20px; line-height:30px;  margin-bottom:15px}
}
@media (max-width: 800px){
	.about02{ padding:60px 0}
	.about02 .nr .ibd{ margin-top:20px;}
	.about02 .nr .ibd .lt{ width:100%;}
	.about02 .nr .ibd .rt{ width:0; height:0; overflow:hidden}
	.about02 .nr .ibd .rt:before{ width:0}
	.about02 .nr .ibd .rt:after{ width:0}
	.about02 .nr .ibd .rt .swiper31{ height:90px; line-height:90px; margin-top:90px}
	.about02 .nr .ibd .rt .swiper31 .swiper-slide.swiper-slide-thumb-active{ font-size:30px}
	.about02 .nr .ibd .lt .swiper32{ margin-top:0;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide{  padding:30px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .year{ font-size:20px;}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro{ margin-top:20px}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .intro p{ background:url(../images/g_46.png) 0 14px no-repeat;  font-size:14px; padding-left:20px; line-height:30px;  margin-bottom:15px}
	.about02 .nr .ibd .lt .swiper32 .swiper-slide .num{ display:block; font-size:24px; margin-bottom:20px; font-weight:bold}
}

.about03{ padding:120px 0}
.about03 .ihd{ text-align:left}
.about03 .ibd{ margin-top:80px}
.about03 .ibd .swiper03{ width:100%; overflow:hidden; position:relative}
.about03 .ibd .swiper03 .swiper-slide{ width:auto; margin-right:30px}
.about03 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.about03 .ibd .swiper03 .swiper-slide img{ width:auto; height:295px;}
.about03 .ibd .swiper03 .btn{ margin-top:80px;}
.about03 .ibd .swiper03 .btn .pagination03{ width:85%; float:left; border-bottom:1px dashed #007bb7; height:5px; background:none; position:relative; margin-top:28px}
.about03 .ibd .swiper03 .btn .pagination03 .swiper-pagination-progressbar-fill{ background:#007bb7; height:7px}
.about03 .ibd .swiper03 .btn .more{ float:left}
.about03 .ibd .swiper03 .btn .more a{ display:block; background:url(../images/g_48.png) left center no-repeat; padding-left:72px; background-size:60px; font-size:16px; color:#666666; line-height:60px}
@media (max-width: 1680px){
	.about03{ padding:100px 0}
	.about03 .ibd{ margin-top:60px}
	.about03 .ibd .swiper03 .swiper-slide{ margin-right:25px}
	.about03 .ibd .swiper03 .swiper-slide img{ height:260px;}
	.about03 .ibd .swiper03 .btn{ margin-top:60px;}
	.about03 .ibd .swiper03 .btn .pagination03{ margin-top:23px}
	.about03 .ibd .swiper03 .btn .more a{  background:url(../images/g_48.png) left center no-repeat; padding-left:60px; background-size:50px; font-size:16px; color:#666666; line-height:50px}
}
@media (max-width: 1200px){
	.about03{ padding:60px 0}
	.about03 .ibd{ margin-top:40px}
	.about03 .ibd .swiper03 .swiper-slide{ margin-right:20px}
	.about03 .ibd .swiper03 .swiper-slide img{ height:200px;}
	.about03 .ibd .swiper03 .btn{ margin-top:40px;}
	.about03 .ibd .swiper03 .btn .pagination03{ margin-top:18px; width:calc(100% - 120px); height:3px;}
	.about03 .ibd .swiper03 .btn .pagination03 .swiper-pagination-progressbar-fill{ height:5px}
	.about03 .ibd .swiper03 .btn .more a{  background:url(../images/g_48.png) left center no-repeat; padding-left:50px; background-size:40px; font-size:14px; color:#666666; line-height:40px}
}
@media (max-width: 750px){
	.about03{ padding:60px 0}
	.about03 .ibd{ margin-top:30px}
	.about03 .ibd .swiper03 .swiper-slide{ margin-right:10px}
	.about03 .ibd .swiper03 .swiper-slide img{ height:160px;}
	.about03 .ibd .swiper03 .btn{ margin-top:20px;}
	.about03 .ibd .swiper03 .btn .pagination03{ margin-top:14px; width:calc(100% - 120px); height:2px;}
	.about03 .ibd .swiper03 .btn .pagination03 .swiper-pagination-progressbar-fill{ height:4px}
	.about03 .ibd .swiper03 .btn .more a{  background:url(../images/g_48.png) left center no-repeat; padding-left:40px; background-size:30px; font-size:14px; color:#666666; line-height:30px}
}


.about04{ background:#f6f6f6; padding:120px 0}
.about04 .ihd .title{ float:left; text-align:left}
.about04 .ihd ul{ float:right;display:flex;justify-content: space-between; width:1000px}
.about04 .ihd ul li{display:flex;align-items: center;}
.about04 .ihd ul li i{ font-size:50px; color:#007bb7; font-weight:bold}
.about04 .ihd ul li span{ font-size:28px; color:#333333; padding-left:20px}
.about04 .ibd{ margin-top:60px;}
.about04 .ibd .swiper04{ width:100%; overflow:hidden}
.about04 .ibd .swiper04 img{ width:100%}
.about04 .ibd .swiper04 .swiper-slide{ overflow:hidden; border-radius:10px; border:1px solid #f1f1f1; box-sizing:border-box}
.about04 .ibd .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;}
.about04 .ibd .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);}
.about04 .ibd .swiper04 .pagination04{ width:100%; text-align:center; margin-top:45px; font-size:0}
.about04 .ibd .swiper04 .pagination04 span{ background:url(../images/g_50.png) center center no-repeat; width:6px; height:18px; margin:0; padding:0; opacity:1; margin:0 6px}
.about04 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active{ background:url(../images/g_51.png) center center no-repeat; width:18px;}
@media (max-width: 1680px){
	.about04{ background:#f6f6f6; padding:100px 0}
	.about04 .ihd ul{ width:800px}
	.about04 .ihd ul li i{ font-size:30px;  }
	.about04 .ihd ul li span{ font-size:18px; }
	.about04 .ibd{ margin-top:50px;}
	.about04 .ibd .swiper04 .pagination04{ margin-top:40px}
}
@media (max-width: 1200px){
	.about04{ padding:80px 0}
	.about04 .ihd ul{ width:100%; margin-top:30px}
	.about04 .ihd ul li i{ font-size:24px;  }
	.about04 .ihd ul li span{ font-size:14px; }
	.about04 .ibd{ margin-top:40px;}
	.about04 .ibd .swiper04 .pagination04{ margin-top:30px}
}
@media (max-width: 750px){
	.about04{ padding:60px 0}
	.about04 .ihd .title{ width:100%; text-align:center}
	.about04 .ihd ul{ width:100%; margin-top:30px}
	.about04 .ihd ul li{ display:block; text-align:left}
	.about04 .ihd ul li i{ font-size:24px; display:block  }
	.about04 .ihd ul li span{ font-size:14px; display:block; padding:0 }
	.about04 .ibd{ margin-top:30px;}
	.about04 .ibd .swiper04 .pagination04{ margin-top:20px}
}




/* 内容模式 */
.article { padding:60px 0 20px; 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:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin: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}
.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}
	.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 }
}

.pc_nr{ display:block}
.sj_nr{ display:none}
@media (max-width: 1200px){
	.pc_nr{ display: none}
	.sj_nr{ display: block}
}


.nr_pc{ display:block}
.nr_sj{ display:none}
@media (max-width: 1200px){
	.nr_pc{ display: none}
	.nr_sj{ display: block}
}


/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:23.5%; float:left; margin-right:2%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(4n){ 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; box-sizing:border-box; border:1px solid #e5e5e5}
.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:#007bb7}
@media all and (max-width:1680px){
	.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;}	

}


.proDisplay{ padding:80px 0; background:#f7f7f7}
.proDisplay .gcont{ padding:40px; background:#fff}
.proDisplay01{ padding:20px 0 0 0}
.proDisplay01 .ihd{ font-size:28px; color:#333333; text-align:center;}
.proDisplay01 .ibd{ font-size:16px; color:#4c4c4c; line-height:2; margin-top:20px}
.proDisplay02{ margin-top:60px}
.proDisplay02 .ihd{ background:url(../images/g_52.jpg) left center no-repeat;padding-left:20px; font-size:24px; color:#333333}
.proDisplay02 .ihd i{ font-size:14px; color:#999999; margin-left:10px}
.proDisplay02 .ibd{ margin-top:25px}
.proDisplay02 .ibd .hd ul{ border-bottom:1px solid #e5e5e5}
.proDisplay02 .ibd .hd ul li{ float:left; line-height:55px; position:relative; font-size:20px; color:#333333; margin-right:110px; cursor:pointer}
.proDisplay02 .ibd .hd ul li.on:after{ content:""; display:block; width:100%; height:1px; background:#007bb7; position:absolute; left:0; bottom:-1px; z-index:2}
.proDisplay02 .ibd .hd ul li.on{ color:#007bb7}
.proDisplay02 .ibd .bd{ font-size:16px; color:#4c4c4c; line-height:2; margin-top:20px}
.proDisplay02 .ibd .bd img{ max-width:100%; height:auto}
.proDisplay03{ margin-top:60px}
.proDisplay03 .ihd{ background:url(../images/g_52.jpg) left center no-repeat;padding-left:20px; font-size:24px; color:#333333}
.proDisplay03 .ihd i{ font-size:14px; color:#999999; margin-left:10px}
.proDisplay03 .ibd{ margin-top:50px}
.proDisplay03 .ibd .swiper03{ width:fit-content; margin:0 auto; overflow:hidden;}
.proDisplay03 .ibd .swiper03 .swiper-slide{ width:280px; margin-right:50px; position:relative; padding-top:40px}
.proDisplay03 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.proDisplay03 .ibd .swiper03 .swiper-slide .num{ background:url(../images/g_53.png) center center no-repeat; background-size:cover; width:78px; height:78px; position:absolute; left:50%; transform:translateX(-50%); top:0;display:flex;align-items: center;justify-content: center; font-size:24px; color:#fff; font-weight:bold}
.proDisplay03 .ibd .swiper03 .swiper-slide .content{ background:url(../images/g_54.png) center center no-repeat; width:100%; background-size:100% 100%; padding:75px 20px; box-sizing:border-box; height:300px}
.proDisplay03 .ibd .swiper03 .swiper-slide .content .title{ font-size:20px; color:#333333; text-align:center; line-height:1; font-weight:bold}
.proDisplay03 .ibd .swiper03 .swiper-slide .content .intro{ font-size:16px; color:#666666; line-height:2; text-align:center; margin-top:20px}
.proDisplay03 .ifd{ margin-top:80px;}
.proDisplay03 .ifd a{ display:flex;align-items: center;justify-content: center; width:450px; height:64px; background:#007bb7; color:#fff; margin:0 auto; border-radius:40px; font-size:24px; font-weight:bold}
@media all and (max-width:1680px){
	.proDisplay03 .ibd .swiper03 .swiper-slide{ width:250px; margin-right:40px; }
	.proDisplay03 .ibd .swiper03 .swiper-slide .content{ padding:60px 20px; height:260px}	
	.proDisplay03 .ibd .swiper03 .swiper-slide .content .title{ font-size:18px}
	.proDisplay03 .ibd .swiper03 .swiper-slide .content .intro{ font-size:14px;} 
	.proDisplay03 .ifd a{ width:320px; height:60px;} 	
}
@media all and (max-width:1200px){
	.proDisplay{ padding:60px 0;}
	.proDisplay .gcont{ padding:40px 20px;}
	.proDisplay01 .ihd{ font-size:20px;}
	.proDisplay01 .ibd{ font-size:14px; margin-top:15px}
	.proDisplay02{ margin-top:40px}
	.proDisplay02 .ihd{ background:url(../images/g_52.jpg) left center no-repeat; background-size:3px;padding-left:16px; font-size:20px; color:#333333}
	.proDisplay02 .ihd i{ font-size:12px; color:#999999; margin-left:10px}
	.proDisplay03{ margin-top:40px}
	.proDisplay03 .ihd{ background:url(../images/g_52.jpg) left center no-repeat; background-size:3px;padding-left:16px; font-size:20px; color:#333333}
	.proDisplay03 .ihd i{ font-size:12px; color:#999999; margin-left:10px}
	.proDisplay02 .ibd{ margin-top:10px}
	.proDisplay02 .ibd .hd ul li{ margin-right:20px}
	.proDisplay03 .ibd{ margin-top:40px}
	.proDisplay02 .ibd .bd{ font-size:14px}
	.proDisplay03 .ibd .swiper03 .swiper-slide{ width:32%; margin-right:2%; padding:30px 0 0 0 }
	.proDisplay03 .ibd .swiper03 .swiper-slide .num{ width:60px; height:60px;  font-size:20px;}

	.proDisplay03 .ibd .swiper03 .swiper-slide .content{ padding:50px 15px; height:220px}	
	.proDisplay03 .ibd .swiper03 .swiper-slide .content .title{ font-size:16px}
	.proDisplay03 .ibd .swiper03 .swiper-slide .content .intro{ font-size:12px;} 
	.proDisplay03 .ifd{ margin-top:40px}
	.proDisplay03 .ifd a{ width:200px; height:50px; font-size:18px} 
}
@media all and (max-width:750px){
	.proDisplay03 .ibd{ margin-top:20px}
	.proDisplay03 .ibd .swiper03 .swiper-slide{ width:49%; margin-right:2%; padding:30px 0 0 0 }
	.proDisplay03 .ifd a{ width:160px; height:46px; font-size:16px} 
	.proDisplay02 .ibd .hd ul li{ font-size:14px; line-height:50px}
	.proDisplay01{ padding:0}
	.proDisplay03 .ibd .swiper03 .swiper-slide .content{ padding:50px 10px; height:250px}	
}



.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(../images/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(../images/zp-2.png) no-repeat center bottom;margin-bottom:25px;}
.biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(../images/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(../images/zp-5.jpg) no-repeat left center;}
.biaodan .i-biaodan ul li:nth-child(2) label{background:url(../images/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:#f29537;text-align: center;color: #fff;}

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




.lxwm01{ padding:50px 0 30px;}
.lxwm01 .nr{ background:#f7f8fa;display:flex;align-items: center;}
.lxwm01 .nr .lt{ width:680px; box-sizing:border-box; padding:30px 60px}
.lxwm01 .nr .rt{ width:calc(100% - 680px)}
.lxwm01 .nr .rt img{ width:100%}
.lxwm01 .nr .lt .ihd{ font-size:30px; color:#007bb7; line-height:1}
.lxwm01 .nr .lt .item{ margin-top:30px}
.lxwm01 .nr .lt .item .a{ width:250px; border-bottom:1px solid #d7d7d7; font-size:24px; color:#333333; line-height:1; position:relative; padding-bottom:10px;}
.lxwm01 .nr .lt .item .a:after{ content:""; display:block; width:100px; height:1px; background:#007bb7; position:absolute; left:0; bottom:-1px; z-index:2}
.lxwm01 .nr .lt .item .b{ font-size:16px; color:#4c4c4c; line-height:2; margin-top:10px}
@media all and (max-width:1680px){
	.lxwm01 .nr .lt{ width:520px;  padding:30px 50px}
	.lxwm01 .nr .rt{ width:calc(100% - 520px)}
	.lxwm01 .nr .lt .ihd{ font-size:24px;}
	.lxwm01 .nr .lt .item{ margin-top:20px}
	.lxwm01 .nr .lt .item .a{ width:210px; font-size:18px; }
	.lxwm01 .nr .lt .item .a:after{ width:80px}
	.lxwm01 .nr .lt .item .b{ font-size:14px;}
}
@media all and (max-width:1200px){
	.lxwm01 .nr{ display:block}
	.lxwm01 .nr .lt{ width:100%; padding:20px}
	.lxwm01 .nr .rt{ width:100%}
	.lxwm01 .nr .lt .ihd{ font-size:20px;}
	.lxwm01 .nr .lt .item{ margin-top:16px}
	.lxwm01 .nr .lt .item .a{ width:180px; font-size:16px; }
	.lxwm01 .nr .lt .item .a:after{ width:70px}
	.lxwm01 .nr .lt .item .b{ font-size:13px;}
}


.lxwm02{ padding:0 0 50px;}
.lxwm02 .ihd{ width:31.5%; border-bottom:1px solid #e5e5e5;display:flex;align-items: center;}
.lxwm02 .ihd .inp1{ display:block; width:calc(100% - 50px); height:50px; font-size:18px}
.lxwm02 .ihd .inp2{ display:block; width:50px; height:50px; background:url(../images/ax13.png) center center no-repeat}
.lxwm02 .ibd{ margin-top:40px;}
.lxwm02 .ibd .item{ width:31.5%; margin-right:2.75%; margin-bottom:2.75%; float:left; background:#f7f8fa; padding:15px 35px 0; box-sizing:border-box; height:256px}
.lxwm02 .ibd .item:nth-child(3n){ margin-right:0}
.lxwm02 .ibd .item .a{ height:80px;display:flex;align-items: center; border-bottom:1px solid #dedfe1}
.lxwm02 .ibd .item .a .tit{ width:calc(100% - 110px); font-size:24px; color:#333333}
.lxwm02 .ibd .item .a .more{ width:110px}
.lxwm02 .ibd .item .a .more a{ display:block; width:110px; height:40px; box-sizing:border-box; border:1px solid #dedfe1; font-size:14px; color:#999999;display:flex;align-items: center;justify-content: center; border-radius:20px}
.lxwm02 .ibd .item .b{ padding-top:15px;word-break: break-all;}
.lxwm02 .ibd .item .b p{ font-size:18px; color:#333333; padding-left:25px; margin-top:20px;}
.lxwm02 .ibd .item .b p:nth-child(1){ background:url(../images/ax14.png) 0 6px no-repeat; background-size:16px}
.lxwm02 .ibd .item .b p:nth-child(2){ background:url(../images/ax15.png) 0 5px no-repeat; background-size:16px}
.lxwm02 .ibd .item:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1)}
.lxwm02 .ibd .item:hover .a .more a{ border:1px solid #007bb7; background:#007bb7; color:#fff}
@media all and (max-width:1680px){
	.lxwm02 .ihd .inp1{ font-size:16px}
	.lxwm02 .ibd .item{ padding:15px 30px 0}
	.lxwm02 .ibd .item .a{ height:70px;}
	.lxwm02 .ibd .item .a .tit{ width:calc(100% - 100px); font-size:20px; color:#333333}
	.lxwm02 .ibd .item .a .more{ width:100px}
	.lxwm02 .ibd .item .a .more a{ width:100px; height:36px; font-size:12px;}
	.lxwm02 .ibd .item .b{ padding-top:10px}
	.lxwm02 .ibd .item .b p{ font-size:14px; line-height:20px}
	.lxwm02 .ibd .item .b p:nth-child(1){ background:url(../images/ax14.png) 0 2px no-repeat; background-size:16px}
	.lxwm02 .ibd .item .b p:nth-child(2){ background:url(../images/ax15.png) 0 1px no-repeat; background-size:16px}

	
}
@media all and (max-width:1200px){
	.lxwm02 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.lxwm02 .ibd .item:nth-child(3n){ margin-right:3%}
	.lxwm02 .ibd .item:nth-child(2n){ margin-right:0}	
}
@media all and (max-width:750px){
	.lxwm02 .ihd{ width:80%;}
	.lxwm02 .ibd .item{ width:100%; margin-right:0; margin-bottom:3%; padding:10px 20px 30px; height:auto}
	.lxwm02 .ibd .item:nth-child(3n){ margin-right:0}
	.lxwm02 .ibd .item:nth-child(2n){ margin-right:0}	
}





.news2{ padding:50px 0}
.newsList{padding-bottom: 50px}
.newsList li{padding: 30px 25px;border-bottom: 1px solid #d9d9d9}
.newsList li span{font-size: 20px;color: #999999;font-family: arial;margin-right: 65px;float: left;}
.newsList li a{display: block;font-size: 20px;color: #333333;padding-right: 30px;background: url(../images/more03.png) no-repeat right center;background-size: 25px auto; }
.newsList li em{transition: all .5s ease;display: inline-block;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsList li:hover em{padding-left: 15px;color: #007bb7}
@media (max-width:1200px){
	.news2{ padding:30px 0}	
	.newsList{padding-bottom: 30px}
	.newsList li{padding: 10px 0}
	.newsList li span{font-size: 12px;margin-right: 10px;}
	.newsList li:hover em{padding-left: 0}
	.newsList li a{background-size: 12px auto;font-size: 12px;}
}





.contacts03{ margin-top:90px; margin-bottom:90px}
.contacts03 .ihd{ font-size:48px; width:fit-content; margin:0 auto; padding: 0 10px; line-height:1; }
.contacts03 .ibd{ width:100%; padding-top:90px}


.contacts03 .ibd ul li { float:left; width:48%; margin-right:4%; }
.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:35px; }
.contacts03 .ibd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.contacts03 .ibd ul li .p1 i { color:#e52b26; }
.contacts03 .ibd 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; background:#eee }
.contacts03 .ibd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; background:#eee  }
.contacts03 .ibd ul li.li05 { width:100%; margin-right:0; }
.contacts03 .ibd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.contacts03 .ibd 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:#f29537; margin:0 20px; border-radius:35px; cursor:pointer; }
.contacts03 .ibd ul li.li06 .btn01 { background:#007bb7;  }

@media all and (max-width:1680px){
	.contacts03{ margin-top:80px; margin-bottom:80px}
	.contacts03 .ihd{ font-size:40px;}
	.contacts03 .ibd{ width:100%; padding-top:60px}
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; } 
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }

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

	.contacts03{ margin-top:40px; margin-bottom:40px}
	.contacts03 .ihd{ font-size:24px;}
	.contacts03 .ibd{ width:100%; padding-top:20px}
	.contacts03 .ibd ul li:nth-child(n + 3) { margin-top:25px; }
	.contacts03 .ibd ul li .p2 .text { height:50px; line-height:50px; }

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

	.contacts03 .ibd ul li { float:none; width:100%; margin-right:0; }
	.contacts03 .ibd ul li:nth-child(2n) { margin-right:0; }
	.contacts03 .ibd ul li:nth-child(n + 2) { margin-top:10px; }
	.contacts03 .ibd ul li .p1 { line-height:30px; font-size:14px; }
	.contacts03 .ibd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.contacts03 .ibd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
	.contacts03 .ibd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
}

.aform{ position:fixed; width:100%; height:100%; z-index:99; left:0; top:0; background:rgba(0,0,0,.7); display:none}
.aform .contacts03{ width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; background:#fff; padding:50px 0; margin:0}
.aform .contacts03 .nr{ position:relative}
.aform .gb{ width:30px; height:30px; background:url(../images/gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:0; cursor:pointer}
@media (max-width:1200px) {
	.aform .gb{ width:24px; height:24px; background:url(../images/gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:0; cursor:pointer}
}

/* webmap */
.webmap { padding: 20px; margin: 0 auto; }
.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }
.webmap dl dt a { color: #000; font-weight: bold; }
.webmap dl dd { padding-left: 18px; }
.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #ccc; color: #333; font-size: 14px; line-height: 2; white-space: nowrap; }
.webmap dl dd a:hover { background: #555; color: #fff; text-decoration: none; }
.webmap dl dd p.thd a { background: #eee; }
.webmap dl dd p.thd a:hover { background: #999; }

.contact-map { margin-bottom: 30px; }

.qywhx01{ background:url(../images/dx4.jpg) center center no-repeat; background-size:cover; padding:85px 0}
.qywhx01 .ibd .item{ width:586px; height:402px; background:url(../images/dx1.png) center center no-repeat; background-size:100% 100%; float:left; padding:60px 45px 0; margin-left:170px; position:relative; top:0; box-sizing:border-box; transition:all 0.3s}
.qywhx01 .ibd .item .en{ font-size:14px; color:#c8c8c8; width:90px; line-height:2}
.qywhx01 .ibd .item .title{ font-size:24px; font-weight:bold; color:#c1c1c1; margin-top:25px; padding-bottom:35px; border-bottom:2px solid #d7ecf6}
.qywhx01 .ibd .item .ico{ position:absolute; top:55px; right:45px; z-index:2}
.qywhx01 .ibd .item .ico img{ height:70px;}
.qywhx01 .ibd .item .ico .img1{ display:block}
.qywhx01 .ibd .item .ico .img2{ display:none}
.qywhx01 .ibd .item .intro{ font-size:36px; font-weight:bold; color:#c1c1c1; margin-top:25px; }
.qywhx01 .ibd .item:nth-child(2){ margin-top:110px}
.qywhx01 .ihd{ text-align:center; margin-top:20px}
.qywhx01 .ihd .a img{ height:59px;}
.qywhx01 .ihd .b{ font-size:20px; color:#007bb7; text-transform:uppercase; line-height:1; padding:20px 0}
.qywhx01 .ihd .c{ font-size:40px; color:#333; line-height:1; font-weight:bold}
.qywhx01 .ibd .item:hover{ top:-20px;background:url(../images/dx2.png) center center no-repeat; background-size:100% 100%;}
.qywhx01 .ibd .item:hover .ico .img2{ display:block}
.qywhx01 .ibd .item:hover .ico .img1{ display:none}
.qywhx01 .ibd .item:hover .en{ color:#fff; opacity:0.5}
.qywhx01 .ibd .item:hover .title{ color:#fff; border-bottom:2px solid #fff}
.qywhx01 .ibd .item:hover .intro{ color:#fff;}
.qywhx02{ width:100%; position:relative}
.qywhx02:after{ content:""; display:block; width:90px; height:40px; position:absolute; left:38%; bottom:100%; z-index:2; background:url(../images/dx7.png) center center no-repeat; background-size:100% 100%}
.qywhx02 .pic{ width:100%; overflow:hidden}
.qywhx02 .pic img{ width:100%}
.qywhx02 .ibd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.qywhx02 .ibd .item{ width:25%; float:left; height:80%;display:flex;align-items: center; border-right:1px solid rgba(255,255,255,0.3); box-sizing:border-box}
.qywhx02 .ibd .item:last-child{ border:0}
.qywhx02 .ibd .item .cont{ width:100%; text-align:center; transition:all 0.3s}
.qywhx02 .ibd .item .cont .title{ font-size:36px; color:#333}
.qywhx02 .ibd .item .cont .en{ font-size:14px; color:#859ca5; text-transform:uppercase}
.qywhx02 .ibd .item .cont .intro{ margin-top:40px; display:none}
.qywhx02 .ibd .item .cont .intro p{ background:url(../images/dx6.png) left center no-repeat; padding-left:12px; font-size:16px; color:#666666; line-height:36px;}
.qywhx02 .ibd .item:hover .cont{ text-align:left; padding:0 10%}
.qywhx02 .ibd .item:hover .cont .intro{ display:block}

@media all and (max-width:1680px){
	.qywhx01{ padding:70px 0}
	.qywhx01 .ibd .item{ width:420px; height:290px; padding:40px 35px 0; margin-left:120px;}
	.qywhx01 .ibd .item .en{ font-size:12px; width:70px; }
	.qywhx01 .ibd .item .title{ font-size:20px; margin-top:20px; padding-bottom:30px;}
	.qywhx01 .ibd .item .ico{ top:35px; right:35px;}
	.qywhx01 .ibd .item .ico img{ height:60px;}
	.qywhx01 .ibd .item .intro{ font-size:28px; margin-top:20px; }
	.qywhx01 .ibd .item:nth-child(2){ margin-top:80px}
	.qywhx01 .ihd .a img{ height:52px;}
	.qywhx01 .ihd .b{ font-size:18px; }
	.qywhx01 .ihd .c{ font-size:36px;}
	.qywhx02:after{ width:80px; height:35px;}
	
	.qywhx02 .ibd .item .cont .title{ font-size:32px; color:#333}
	.qywhx02 .ibd .item .cont .en{ font-size:12px;}
	.qywhx02 .ibd .item .cont .intro{ margin-top:30px; }
	.qywhx02 .ibd .item .cont .intro p{ background:url(../images/dx6.png) 0 14px no-repeat; font-size:14px;  line-height:32px;}
	.qywhx02 .ibd .item:hover .cont{ padding:0 6%}


}
@media all and (max-width:1200px){
	.qywhx01{ padding:40px 0}
	.qywhx01 .ibd .item{ width:100%; height:auto; padding:20px 20px 50px; margin-left:0;}
	.qywhx01 .ibd .item .title{ font-size:18px; margin-top:15px; padding-bottom:20px;}
	.qywhx01 .ibd .item .ico{ top:40px; right:20px;}
	.qywhx01 .ibd .item .ico img{ height:40px;}
	.qywhx01 .ibd .item .intro{ font-size:22px; margin-top:20px; }
	.qywhx01 .ibd .item:nth-child(2){ margin-top:20px}
	.qywhx01 .ihd .a img{ height:40px;}
	.qywhx01 .ihd .b{ font-size:14px; padding:12px 0 }
	.qywhx01 .ihd .c{ font-size:24px;}
	.qywhx02{ background:#d4f0ff}
	.qywhx02:after{ width:60px; height:26px;}
	.qywhx02 .pic{ display:none}
	.qywhx02 .ibd{ position:relative; width:100%; height:auto}
	.qywhx02 .ibd .item{ width:100%; border:0; border-bottom:1px solid rgba(255,255,255,0.3)}
	.qywhx02 .ibd .item .cont{ padding:8% 4%; text-align:left}
	.qywhx02 .ibd .item .cont .title{ font-size:20px}
	.qywhx02 .ibd .item .cont .en{ font-size:12px;}
	.qywhx02 .ibd .item .cont{ display:block}
	.qywhx02 .ibd .item .cont .intro{ margin-top:10px; display:block }
	.qywhx02 .ibd .item .cont .intro p{ background:url(../images/dx6.png) 0 14px no-repeat; font-size:14px;  line-height:32px;}
	.qywhx02 .ibd .item:hover .cont{ padding: 4%}


}