﻿@charset "utf-8";

.banner{ width:100%; margin:0 auto; position:relative}
.banner img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}

@media (max-width: 1200px){

	.banner .img2{ display:block}
	.banner .img1{ display:none}
	
}
.container{ padding:40px 0 60px}



.sidebar{ background:#f2f2f2}
/* 面包屑 */
.location {position:relative;  line-height:75px;width: 1400px;margin: 0 auto}
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal;display: none}
.breadcrumbs { float:right; text-align:right; font-size: 14px;color:#333}
.breadcrumbs a { display:inline-block; vertical-align:top; font-size: 14px;color:#333}
.breadcrumbs .u-home {}
.breadcrumbs a:hover{ color:#b62d33}
/* 二级、三级菜单 */
.menu{ width:100%}
.menu dl { zoom:1; }
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt {  float: left;zoom:1; vertical-align:top; position: relative; text-align:center}
.menu dl dt a { display:block;color:#333333; font-size:18px; padding:0 16px; height: 75px;line-height: 75px; transition:all .5s ease;position: relative;}
.menu dl dt a:hover,.menu dl dt .current { color:#3b907d}
.menu dl dt a:after{ content:""; display:block; width:0%; height:4px; position:absolute; left:0; bottom:0; background:#3b907d}
.menu dl dt a:hover:after,.menu dl dt .current:after{ width:100%}
@media all and (max-width:1440px){
	.location { line-height:65px; width:1200px;}
	.menu dl dt a { font-size:16px; height: 65px;line-height: 65px; padding:0 12px }
}
@media all and (max-width:1200px){
	.sidebar{ margin-top:0; background:#4bd3e3}
	.breadcrumbs{ display:none}
	.location { height:auto; line-height:auto; width:100%;}
	.menu{ width:100%}
	.menu dl dt{ width:50%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2)}
	.menu dl dt a { font-size:16px; height: 42px;line-height: 42px; color:#fff; background:#24574c }
	.menu dl dt a:after{ width:0}
	.menu dl dt a:hover:after,.menu dl dt .current:after{ width:0%}
	.menu dl dt a:hover,.menu dl dt .current { background:#3b907d; color:#fff}
}

.ks{ width:100%; padding:40px 0 65px; background:url(g_31.jpg) center center no-repeat; background-size:cover}
.ks .item{ width:100%; border-top:2px solid #3b907d; padding:60px 0; background:rgba(242,242,242,0.8); margin-bottom:15px}
.ks .item .lt{ float:left; width:270px; text-align:center; border-right:1px solid #d2d2d2; box-sizing:border-box}
.ks .item .lt .pic img{ height:91px}
.ks .item .lt .title{ font-size:18px; color:#333333; line-height:1.4; margin-top:16px; font-weight:bold}
.ks .item .rt{ width:calc(100% - 270px); float:right; box-sizing:border-box; padding:0 30px}
.ks .item .rt a{ display:block; float:left;display:flex;align-items: center;justify-content: center; padding:0 15px; height:34px; box-sizing:border-box; font-size:16px; color:#333333; border:1px solid rgba(255,255,255,0); margin-bottom:10px}
.ks .item .rt a:hover{ background:#fff; border-radius:20px; border:1px solid #3b907d; color:#3b907d}
@media all and (max-width:1200px){
	.ks{ padding:40px 0 25px}
	.ks .item{ padding:20px; box-sizing:border-box}
	.ks .item .lt{ width:100%; border:0; border-bottom:1px solid  #d2d2d2; padding-bottom:20px;}
	.ks .item .lt .pic{ float:left}
	.ks .item .lt .pic img{ height:32px}
	.ks .item .lt .title{ margin:0; font-size:16px; float:left; line-height:32px; padding-left:15px}
	.ks .item .rt{ width:100%; padding:20px 0 0}
	.ks .item .rt a{ font-size:14px; height:32px; box-sizing:border-box; padding:0; width:50%;}
}

.snav{ width:100%; background:#deeff1; border-bottom:2px solid #d9d9d9; padding:20px 0}
.snav a{ display:block; padding:0 15px; box-sizing:border-box; height:34px;display:flex;align-items: center;justify-content: center; font-size:16px; color:#333333; float:left; border:1px solid #deeff1; margin-right:20px}
.snav a.current{ background:#fff; border-radius:20px; border:1px solid #3b907d; color:#3b907d}
.snav a:hover{ background:#fff; border-radius:20px; border:1px solid #3b907d; color:#3b907d}
@media all and (max-width:1200px){
	.snav{ padding:4% 0}
	.snav a{ width:36%; margin:0 7%; font-size:14px}
	.snav a.current{ border-radius:5px}
	.snav a:hover{ border-radius:5px}
}

.ys{ padding:50px 0 80px}
.ys .item{ width:335px; height:236px; float:left; background:#f2f2f2; margin-right:20px; margin-bottom:23px}
.ys .item a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:25px}
.ys .item a .h .pic{ width:120px; float:left; overflow:hidden; height:120px; border-radius:50%}
.ys .item a .h .pic img{ width:120px; height:120px;}
.ys .item a .h .cont{ width:145px; float:right; padding:15px 0 0 0}
.ys .item:nth-child(4n){ margin-right:0}
.ys .item a .h .cont .title{ font-size:16px; color:#333333; font-weight:bold}
.ys .item a .h .cont .intro{ margin-top:15px; line-height:2; color:#333333; font-size:14px}
.ys .item a .b{ margin-top:20px; border-top:1px solid #d2d2d2; line-height:50px; background:url(g_35.png) right center no-repeat; font-size:14px; color:#333333}
@media all and (max-width:1440px){
	.ys .item{ width:291px; margin-right:12px; height:auto; margin-bottom:15px}
	.ys .item a{ padding:20px}
	.ys .item a .h .pic{ width:110px;}
	.ys .item a .h .pic img{ width:110px; height:110px;}
	.ys .item a .h .cont{ width:125px;}
}
.ksdisplay01{ margin-top:-90px; position:relative; z-index:2}
.ksdisplay01 .nr{ background:url(g_29.jpg) top center no-repeat; background-size:100%; box-sizing:border-box; padding:25px 40px}
.ksdisplay01 .nr .hd a{ display:block; float:left; padding:8px 25px; float:left; color:#fff; margin-right:20px; font-size:18px}
.ksdisplay01 .nr .hd a.on{ background:#ffffff; color:#d26084; border-radius:5px}
.ksdisplay01 .nr .hd a:hover{ background:#ffffff; color:#d26084; border-radius:5px}
.ksdisplay01 .nr .bd{ margin-top:30px}
.ksdisplay01 .nr .bd .pic{ float:left; width:886px; overflow:hidden}
.ksdisplay01 .nr .bd .pic img{ width:100%}
.ksdisplay01 .nr .bd .cont{ width:390px; float:right; color:#fff}
.ksdisplay01 .nr .bd .cont .title{ line-height:55px; font-size:24px; font-weight:bold}
.ksdisplay01 .nr .bd .cont .intro{ margin-top:20px; padding:25px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:16px; line-height:55px}
@media all and (max-width:1440px){
	.ksdisplay01{ margin-top:-70px;}
	.ksdisplay01 .nr .bd .pic{ width:760px}
	.ksdisplay01 .nr .bd .cont{ width:330px;}	
}
@media all and (max-width:1200px){
	.ksdisplay01{ margin-top:-50px;}
	.ksdisplay01 .nr{ padding:20px; background-size:cover}
	.ksdisplay01 .nr .bd .pic{ width:100%}
	.ksdisplay01 .nr .bd .cont{ width:100%;}
	.ksdisplay01 .nr .hd{ border:1px solid #fff; box-sizing:border-box; border-bottom:0; border-right:0}
	.ksdisplay01 .nr .hd a{ font-size:16px; width:50%; margin-right:0; text-align:center; box-sizing:border-box; padding:8px 0; border-right:1px solid #fff; border-bottom:1px solid #fff}	
	.ksdisplay01 .nr .hd a:nth-child(2n){}
	.ksdisplay01 .nr .hd a.on{ border-radius:0}
	.ksdisplay01 .nr .hd a:hover{ border-radius:0}
	.ksdisplay01 .nr .bd .cont .title{ line-height:2; font-size:20px; margin-top:10px}
	.ksdisplay01 .nr .bd .cont .intro{ margin-top:10px; padding:15px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:14px; line-height:30px}

}

.ksdisplay02{ margin-top:20px}
.ksdisplay02 .hd{ border-bottom:1px solid #d2d2d2; text-align:center; font-size:24px; color:#333333; font-weight:bold; padding:15px 0}
.ksdisplay02 .bd{ padding:30px 0; font-size:16px; color:#333333; line-height:2}
.ksdisplay02 .bd .cont1{ display:block}
.ksdisplay02 .bd .cont2{ display:none}
@media all and (max-width:1200px){
	.ksdisplay02{ margin-top:20px}
	.ksdisplay02 .hd{ font-size:20px; padding:15px 0}
	.ksdisplay02 .bd{ padding:20px 0; font-size:14px;}
	.ksdisplay02 .bd .cont2{ display:block}
	.ksdisplay02 .bd .cont1{ display:none}
}

.ksdisplay03{ margin-top:50px}
.ksdisplay03 .hd{ text-align:center; font-size:0}
.ksdisplay03 .hd li{ display:inline-block; vertical-align:top; font-size:24px; font-weight:bold; color:#333; margin:0 25px; cursor:pointer; border:2px solid #fff; border-radius:30px; padding:10px 30px}
.ksdisplay03 .hd li.on{ color:#d26084; border:2px solid #d26084;}
.ksdisplay03 .bd{ margin-top:35px; background:url(g_34.jpg) center center no-repeat; background-size:cover; padding:60px 0; margin-top:30px}
.ksdisplay03 .bd .con{ width:1400px; margin:0 auto; position:relative}
.ksdisplay03 .bd .con .swiper03{ width:100%; overflow:hidden}
.ksdisplay03 .bd .con .swiper03 .swiper-slide{ width:330px; height:180px; background:#fff; margin-right:26px}
.ksdisplay03 .bd .con .swiper03 .swiper-slide a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:25px}
.ksdisplay03 .bd .con .swiper03 .swiper-slide a .time{ font-size:24px; color:#333333; position:relative; line-height:23px}
.ksdisplay03 .bd .con .swiper03 .swiper-slide a .time:after{ content:""; display:block; width:3px; height:23px; background:#d26084; position:absolute; top:0; left:-25px;}
.ksdisplay03 .bd .con .swiper03 .swiper-slide a .title{ font-size:16px; color:#000000; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.ksdisplay03 .bd .con .swiper03 .swiper-slide a .more{ background:url(g_15.png) right center no-repeat; width:100%; height:10px; margin-top:10px}
.ksdisplay03 .bd .con .prev03{ background:url(g_14.png) center center no-repeat; background-size:cover; width:24px; height:24px; position:absolute; left:-35px; top:calc(50% - 12px); cursor:pointer}
.ksdisplay03 .bd .con .next03{ background:url(g_14.png) center center no-repeat; background-size:cover; width:24px; height:24px; position:absolute; right:-35px; top:calc(50% - 12px); cursor:pointer; transform:rotate(180deg)}
.ksdisplay03 .bd .con .swiper03 .pagination03 { text-align:center;  margin-top:40px; font-size:0}
.ksdisplay03 .bd .con .swiper03 .pagination03 span{ width:60px; height:6px; background:#fff; opacity:1;border-radius:0; margin:0; padding:0; margin:0 3px}
.ksdisplay03 .bd .con .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#d26084}
@media (max-width: 1440px){
	.ksdisplay03 .bd .con{ width:1200px}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide{ width:23.5%; margin-right:2%; height:160px;}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a{ padding:20px}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a .time:after{ left:-20px}
}
@media (max-width: 1200px){
	.ksdisplay03{ margin-top:30px}
	.ksdisplay03 .hd li{ font-size:20px; margin:0 15px; padding:5px 20px}
	.ksdisplay03 .bd{ margin-top:20px; padding:40px 0}
	.ksdisplay03 .bd .con{ width:92%}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide{ height:140px}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a .time{ font-size:20px; line-height:18px;}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a .time:after{ height:18px;  left:-20px;}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a .title{ font-size:14px; line-height:25px; height:50px; margin-top:12px}
	.ksdisplay03 .bd .con .swiper03 .pagination03{ margin-top:20px}
	.ksdisplay03 .bd .con .swiper03 .pagination03 span{ width:16px}
}
@media (max-width: 750px){
	.ksdisplay03 .bd .con .prev03{ width:20px; height:20px; position:absolute; left:calc(50% - 30px); top:auto; bottom:0}
	.ksdisplay03 .bd .con .next03{ width:20px; height:20px; position:absolute; right:calc(50% - 30px); top:auto; bottom:0}
	.ksdisplay03 .bd .con{}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide{ width:49%; margin-right:2%; height:auto}
	.ksdisplay03 .bd .con .swiper03 .swiper-slide a .title{ height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
}

.ksdisplay04{ width:100%; padding:80px 0}
.ksdisplay04 .hd h3{ text-align:center;font-size:24px; color:#333; font-weight:bold; line-height:32px}
.ksdisplay04 .bd{ margin-top:30px}
.ksdisplay04 .bd .swiper04{ width:100%; overflow:hidden}
.ksdisplay04 .bd .swiper04 .swiper-slide{ width:218px; margin-right:18px; background:#f2f2f2; float:left; margin-bottom:18px}
.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(6n){ margin-right:0}
.ksdisplay04 .bd .swiper04 .swiper-slide .pic{ width:150px; border:5px solid #f2f2f2; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:30px}
.ksdisplay04 .bd .swiper04 .swiper-slide .pic img{ width:150px; height:150px}
.ksdisplay04 .bd .swiper04 .swiper-slide .title{ font-size:18px; color:#333333; text-align:center; font-weight:bold; margin-top:20px}
.ksdisplay04 .bd .swiper04 .swiper-slide .intro{ font-size:16px; color:#333333; text-align:center; }
.ksdisplay04 .bd .swiper04 .swiper-slide .more{ width:100px; height:38px; margin:0 auto; background:#fff; margin-top:20px;display:flex;align-items: center;justify-content: center; font-size:12px; color:#999999}
.ksdisplay04 .bd .swiper04 .swiper-slide:hover{ background:#3b907d}
.ksdisplay04 .bd .swiper04 .swiper-slide:hover .pic{ border-color:#6ccbd6}
.ksdisplay04 .bd .swiper04 .swiper-slide:hover .title{ color:#FFF}
.ksdisplay04 .bd .swiper04 .swiper-slide:hover .intro{ color:#FFF}
.ksdisplay04 .bd .swiper04 .swiper-slide:hover .more{ color:#000}
@media (max-width: 1440px){
	.ksdisplay04 .bd .swiper04 .swiper-slide{ width:190px; margin-right:12px}
	.ksdisplay04 .bd .swiper04 .swiper-slide .pic{ width:130px;}
	.ksdisplay04 .bd .swiper04 .swiper-slide .pic img{ width:130px; height:130px}
}
@media (max-width: 1200px){
	.ksdisplay04{ width:100%; padding:40px 0}
	.ksdisplay04 .hd h3{ font-size:20px; line-height:28px}
	.ksdisplay04 .hd ul li{ height:26px; font-size:16px;}
	.ksdisplay04 .bd{ margin-top:20px}
	.ksdisplay04 .bd .swiper04 .swiper-slide{ width:23.5%; margin-right:2%}
	.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(6n){ margin-right:2%}
	.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(4n){ margin-right:0}
	.ksdisplay04 .bd .swiper04 .swiper-slide .pic{ width:100px; margin-top:20px}
	.ksdisplay04 .bd .swiper04 .swiper-slide .pic img{ width:100px; height:100px}
	.ksdisplay04 .bd .swiper04 .swiper-slide .title{ font-size:16px; margin-top:15px}
	.ksdisplay04 .bd .swiper04 .swiper-slide .intro{ font-size:14px;}
	.ksdisplay04 .bd .swiper04 .swiper-slide .more{ width:90px; height:32px}
}
@media (max-width: 750px){
	.ksdisplay04 .hd h3{ display:block; float:none; text-align:center; width:100%}
	.ksdisplay04 .hd ul{ float:none; width:fit-content; margin:0 auto; margin-top:20px}
	.ksdisplay04 .bd .swiper04 .swiper-slide{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(6n){ margin-right:3%}
	.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(4n){ margin-right:3%}
	.ksdisplay04 .bd .swiper04 .swiper-slide:nth-child(2n){ margin-right:0}
	
}

/* 内容模式 */
.articles { width:1400px; margin:0 auto; padding:40px 0; background:#fff; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.articles .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.articles .hd h1 { color:#000; font-size:24px; }
.articles .hd .titBar { color:#666; font-size:14px; }
.articles .bd { padding-bottom:40px; line-height:2.2; }
.articles .bd img{ max-width:100%; height:auto}
.articles .ft { padding:40px 0 0; border-top:1px dotted #ccc; position:relative; font-size:16px; line-height:40px; color:#333 }
.articles .ft a{ color:#333}
.articles .ft .back{ position:absolute; right:0; top:40px}
.articles .ft ul li {}
    /* 相关信息 */
.m-related { width:1400px; margin:0 auto; padding:30px 0 50px; border-top:1px dotted #ccc; }
.m-related h2 { margin-bottom:20px; font-size:18px; }
.m-related ul li { line-height:30px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.articles .cont_pc{ display:block}
.articles .cont_sj{ display:none}

@media all and (max-width:1440px){
	.articles,.m-related{ width:1200px;}
}
@media all and (max-width:1200px){
	
	.articles,.m-related{ width:92%;padding:20px 0;}
	.articles .hd h1{ font-size:18px}
	.articles .hd{ padding-bottom:20px; margin-bottom:20px}
	.articles{ font-size:14px}
	.articles .ft{ padding:20px 0 0; line-height:28px; font-size:14px;}
	.articles .ft .back{ top:20px}
	.articles .ft ul li{ width:100%}
	
	.articles .cont_pc{ display: none}
	.articles .cont_sj{ display: block}
	}

/* 分页 */
.page { line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:6px 10px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; font-size:14px }
.page a:hover,.page .current { border:1px solid #3b907d; background:#3b907d; color:#fff; }
@media all and (max-width:1800px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
.page select{ display:none}

/*news*/
.news{ width:100%; background:url(g_33.jpg) center center repeat; padding:40px 0}
.news .newsL{ width:970px; float:left}
.news .newsL .item01{ width:100%; box-sizing:border-box; padding:25px; background:#3b907d}
.news .newsL .item01 .pic{ float:left; width:220px; overflow:hidden}
.news .newsL .item01 .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;}
.news .newsL .item01 .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);}
.news .newsL .item01 .cont{ width:calc(100% - 250px); float:right}
.news .newsL .item01 .cont .title{ margin-top:5px}
.news .newsL .item01 .cont .title a{ color:#fff; display:block; background:url(g_10x2.png) left center no-repeat; padding-left:18px;font-size:18px; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .newsL .item01 .cont .intro{ font-size:14px; color:#fff; line-height:25px; height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:10px 0; opacity:0.5}
.news .newsL .item01 .cont .more{ border-top:1px solid #fff; padding-top:12px}
.news .newsL .item01 .cont .more .time{ float:left; font-size:14px; color:#fff}
.news .newsL .item01 .cont .more a{ display:block; float:right; color:#fff}
.news .newsL .newList{ width:100%; margin-bottom:40px}
.news .newsL .newList .item{ width:100%; background:#f1f1f1; box-sizing:border-box; padding:25px; margin-top:6px}
.news .newsL .newList .item .title{ }
.news .newsL .newList .item .title a{ color:#333; display:block; background:url(g_10x.png) left center no-repeat; padding-left:18px;font-size:18px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .newsL .newList .item:hover .title a{ color:#3b907d; padding-left:30px}
.news .newsL .newList .item .time{ font-size:14px; color:rgba(51,51,51,0.6); margin-left:18px; margin-top:5px}
.news .newsR{ width:390px; float:right}
.news .newsR .form{ width:100%}
.news .newsR .form .inp1{ display:block; width:330px; height:58px; background:#fff; box-sizing:border-box; padding:0 30px; font-size:14px; float:left; box-sizing:border-box; border:1px solid #e5e5e5; border-right:0}
.news .newsR .form .inp2{ float:right; width:calc(100% - 330px); height:58px; background:url(g_45.png) center center no-repeat #3b907d; cursor:pointer}
.news .newsR .hotNews{ width:100%; margin-top:40px; background:#fff; padding:30px; box-sizing:border-box; border:1px solid #e5e5e5}
.news .newsR .hotNews .ihd{ font-size:24px; color:#3b907d; font-weight:bold; margin-bottom:20px}
.news .newsR .hotNews .ibd .item{ background:#f4f4f4; padding:30px; margin-bottom:7px}
.news .newsR .hotNews .ibd .item .title{ font-size:18px; color:#333333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:30px; height:60px}
.news .newsR .hotNews .ibd .item .title a{ color:#333;}
.news .newsR .hotNews .ibd .item .time{ font-size:14px; color:#333333; margin-top:5px}
.news .newsR .hotNews .ibd .item:hover .title a{ color:#b62d33}
@media all and (max-width:1400px){
	.news .newsL{ width:830px}
	.news .newsR{ width:335px}
	.news .newsR .form .inp1{ width:280px}
	.news .newsR .form .inp2{ float:right; width:calc(100% - 280px);}
	.news .newsR .hotNews .ibd .item{ padding:20px}
}
@media all and (max-width:1200px){
	.news .newsL{ width:100%}
	.news .newsR{ width:100%; display:none}
	.news .newsL .item01{ padding:20px}
	.news .newsL .item01 .pic{ width:100%}
	.news .newsL .item01 .cont{ width:100%; margin-top:15px }
	.news .newsL .item01 .cont .title a{ font-size:16px}
	.news .newsL .newList{  margin-bottom:20px}
	.news .newsL .newList .item{ padding:20px}
	.news .newsL .newList .item .title a{ font-size:16px}
}




/*picList*/
.picList{ width:100%;}
.picList .nr{ width:1400px; margin:0 auto}

.picList .nr .item{ width:15%; margin-right:2%; float:left; margin-bottom:3%}
.picList .nr .item:nth-child(6n){ margin-right:0}
.picList .nr .item .pic{ width:100%; overflow:hidden}
.picList .nr .item .pic img{ width:100%}
.picList .nr .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picList .nr .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:scale(1.1);}

.picList .nr .item .title a{ display:block; box-sizing:border-box; padding:15px; background:#EEEEEE;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center}
.picList .nr .item:hover .title a{ background: #3b907d; color:#fff}
@media all and (max-width:1440px){
	.picList .nr{ width:1200px;}

}
@media all and (max-width:1200px){
	.picList{ padding:0 0 0}
	.picList .nr{ width:92%; margin-top:0}
	.picList .nr .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.picList .nr .item:nth-child(2n){ margin-right:0}
	.picList .nr .item .title a{ font-size:14px; padding:15px}
}

.newsList{}
.newsList .nr{}
.newsList .nr{}
.newsList .nr .item02{ margin-bottom:40px}
.newsList .nr .item02 .nitem{ width:100%; box-sizing:border-box; padding:30px 0; border-bottom:1px solid #f5f5f5; transition:all 0.3s linear; position:relative; overflow:hidden}
.newsList .nr .item02 .nitem .pic{ width:250px; float:left}
.newsList .nr .item02 .nitem .pic img{ width:100%}
.newsList .nr .item02 .nitem .title{ width:calc(100% - 250px); box-sizing:border-box; padding:0 30px 0 40px; float:right;transition:all 0.5s}
.newsList .nr .item02 .nitem .title h3{ display:block; width:100%; font-weight:normal; margin-top:20px; }
.newsList .nr .item02 .nitem .title h3 a{ display:block; float:left; font-size:20px; color:#53535; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:30px; transition:all 0.3s linear}
.newsList .nr .item02 .nitem .title h3 .t{ float:right; background:url(g_24.png) left center no-repeat; font-size:18px; color:#8c8c8c; padding-left:30px; line-height:30px; transition:all 0.3s linear}
.newsList .nr .item02 .nitem .title .intro{ font-size:14px; color:rgba(53,53,53,0.5) ; line-height:2; margin-top:20px; transition:all 0.3s linear; height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .nr .item02 .nitem:hover{ background:#f8f4f4; border-bottom:1px solid #f8f4f4}
.newsList .nr .item02 .nitem:hover .title{ padding:0 174px 0 40px}
.newsList .nr .item02 .nitem .more{ position:absolute; right:-144px; top:0; height:100%; transition:all 0.5s}
.newsList .nr .item02 .nitem .more a{ display:block; background:url(g_39.png) center center no-repeat #be1d2c; width:144px; height:100%}
.newsList .nr .item02 .nitem:hover .more{ right:0}

@media all and (max-width:1400px){

	.newsList .nr .item02 .nitem .title h3{ margin-top:20px}
}
@media all and (max-width:1200px){
	
	.newsList .nr .item02{ margin-bottom:20px}
	.newsList .nr .item02 .nitem{ padding:15px 0}
	.newsList .nr .item02 .nitem .pic{ width:100%}
	.newsList .nr .item02 .nitem .title{ width:100%; background:#f5f5f5; padding:20px}
	.newsList .nr .item02 .nitem .title h3{ margin-top:0}
	.newsList .nr .item02 .nitem .title h3 a{ width:100%; font-size:15px; line-height:normal}
	.newsList .nr .item02 .nitem .title h3 .t{ float:left; font-size:14px; background-size:16px!important; margin-top:5px}
	.newsList .nr .item02 .nitem .title .intro{ font-size:12px; margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:20px; height:40px}
	.newsList .nr .item02 .nitem:hover .more{ display:none}
	.newsList .nr .item02 .nitem:hover .title{ padding:20px}
	
}
/* 新闻列表 */
.list { width: 100%  }
.list ul{ margin-bottom:40px}
.list li { padding:14px 0; border-bottom:1px dashed #e0e0e0; font-size:15px; position:relative }
.list li a:before{ content:""; display:block; width:4px; height:4px; background:#333; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:100%}
.list li a { float:left; padding-left:12px; color:#333; position:relative }
.list li a:hover{color:#283b66;padding-left:18px;}
.list li span { float:right; color:#999; font-family:Arial;}
@media all and (max-width:1400px){
	.list {}

}
@media all and (max-width:1200px){
	.list { }
	.list li{background:none;font-size:14px;padding:10px 0;}
	.list li:first-child{padding-top:0;}
	.list li a{float:none;display:block;padding-left:0;text-align:justify;}
	.list li a:before{ width:0}
	.list li span{float:none;display:block;font-size:12px;margin-top:6px;}
}



/*zhuanjiadisplay*/
.zhuanjiadisplay{ width:100%}
.zhuanjiadisplay .pic{ width:232px; float:left; overflow:hidden}
.zhuanjiadisplay .pic img{ width:100%}
.zhuanjiadisplay .cont{ width:calc(100% - 305px); float:right}
.zhuanjiadisplay .cont .title{ font-size:24px; color:#333333; line-height:1; padding:5px 0 20px; position:relative; font-weight:bold; border-bottom:1px solid #f3efe5}
.zhuanjiadisplay .cont .title .ck{ position:absolute; right:0; top:0}
.zhuanjiadisplay .cont .title .ck a{ display:block; line-height:34px; font-size:12px; color:#b62d33; font-weight:normal}
.zhuanjiadisplay .cont .intro{ font-size:16px; color:#333333; line-height:36px; padding:30px 0; border-bottom:1px solid #f3efe5}
.zhuanjiadisplay .cont .bd{ font-size:16px; color:#333333; line-height:36px; padding:30px 0;}
@media all and (max-width:1200px){
	.zhuanjiadisplay .pic{ width:180px;}
	.zhuanjiadisplay .cont{ width:calc(100% - 200px);}
	.zhuanjiadisplay .cont .title{ font-size:20px}
	.zhuanjiadisplay .cont .title .ck a{ line-height:30px}
	.zhuanjiadisplay .cont .intro{ font-size:14px; line-height:2; padding:20px 0}
	.zhuanjiadisplay .cont .bd{ font-size:14px; line-height:2; padding:20px 0}
}
@media all and (max-width:640px){
	.zhuanjiadisplay .pic{ width:100%; text-align:center}
	.zhuanjiadisplay .pic img{ max-width:200px;}
	.zhuanjiadisplay .cont{ width:100%; margin-top:20px}
	.zhuanjiadisplay .cont .title{ font-size:20px;}
	.zhuanjiadisplay .cont .title .ck a{ line-height:30px}
	.zhuanjiadisplay .cont .intro{ font-size:14px; line-height:2; padding:20px 0}
	.zhuanjiadisplay .cont .bd{ font-size:14px; line-height:2; padding:20px 0}
}


.yydis .ihd{ font-size:24px; color:#333; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px}


.yydis .ibd{ display:flex; flex-wrap: wrap; margin:20px 0 0}
.yydis .ibd .item{ width:218px; margin-right:18px; background:#f1f1f1; margin-bottom:20px}
.yydis .ibd .item:nth-child(6n){ margin-right:0}
.yydis .ibd .item .pic{ width:150px; border:5px solid #f2f2f2; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:30px}
.yydis .ibd .item .pic img{ width:150px; height:150px}
.yydis .ibd .item .title{ font-size:18px; color:#333333; text-align:center; font-weight:bold; margin-top:20px}
.yydis .ibd .item .intro{ font-size:16px; color:#333333; text-align:center; }
.yydis .ibd .item .more{ width:100px; height:38px; margin:0 auto; background:#fff; margin-top:20px;display:flex;align-items: center;justify-content: center; font-size:12px; color:#999999}
.yydis .ibd .item:hover{ background:#2ea27b}
.yydis .ibd .item:hover .pic{ border-color:#6ccbd6}
.yydis .ibd .item:hover .title{ color:#FFF}
.yydis .ibd .item:hover .intro{ color:#FFF}
.yydis .ibd .item:hover .more{ color:#000; background:#e3fbf3}
@media (max-width: 1440px){
	.gcon_4{ padding:60px 0 0 0}
	.yydis .ibd .item{ width:190px; margin-right:12px}
	.yydis .ibd .item .pic{ width:130px;}
	.yydis .ibd .item .pic img{ width:130px; height:130px}
}
@media (max-width: 1200px){
	.yydis .ihd{ font-size:20px}
	.yydis .ibd .item{ width:23.5%; margin-right:2%}
	.yydis .ibd .item:nth-child(6n){ margin-right:2%}
	.yydis .ibd .item:nth-child(4n){ margin-right:0}
	.yydis .ibd .item .pic{ width:100px; margin-top:20px}
	.yydis .ibd .item .pic img{ width:100px; height:100px}
	.yydis .ibd .item .title{ font-size:16px; margin-top:15px}
	.yydis .ibd .item .intro{ font-size:14px;}
	.yydis .ibd .item .more{ width:90px; height:32px}
}
@media (max-width: 750px){
	
	.yydis .ibd .item{ width:48.5%; margin-right:3%}
	.yydis .ibd .item:nth-child(6n){ margin-right:3%}
	.yydis .ibd .item:nth-child(4n){ margin-right:3%}
	.yydis .ibd .item:nth-child(2n){ margin-right:0}

	
}



.third_nav{ background:#eaedf6; padding:20px 0}
.third_nav ul{ display:flex; flex-wrap: wrap;}
.third_nav ul li{ width:18%; margin-right:2.5%; padding:5px 0}
.third_nav ul li:nth-child(5n){ margin-right:0}
.third_nav ul li a{ display:block; padding:10px 20px; font-size:16px; color:#333333; border:1px solid #3b907d; border-radius:10px}
.third_nav ul li.on a{ background:#3b907d; color:#fff; }
.third_nav ul li:hover a{ background:#3b907d; color:#fff; }
@media (max-width: 1440px){
	.third_nav ul li a{ padding:8px 15px; font-size:14px;}

}
@media (max-width: 1200px){
	.third_nav ul li{ width:23.5%; margin-right:2%; }
	.third_nav ul li:nth-child(5n){ margin-right:2%}
	.third_nav ul li:nth-child(4n){ margin-right:0}
	.third_nav ul li a{ padding:8px 10px; font-size:12px;}
}
@media (max-width: 750px){
	.third_nav{ background:#eaedf6; padding:20px 0}
	.third_nav ul li{ width:48%; margin-right:4%; text-align:center}
	.third_nav ul li:nth-child(2n){ margin-right:0}
	.third_nav ul li a{ box-sizing:border-box; height:40px; line-height:normal;display:flex;align-items: center;justify-content: center;}
}













































































































