@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢���ź�";overflow-x: hidden;}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}
button {overflow:visible;border: 0;background: none;outline: none;}
img{border:none;}
a{color:#3d2f1b;text-decoration:none; outline:none; border:0}
a:hover{color:#1cb1cd;text-decoration:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.contain{ width:96%; margin:0 auto; max-width:1200px}
.top1{ width:96%; margin:0 auto; max-width:1200px; display: flex;   justify-content: space-between;   align-items: center; }
.logo{ margin:15px 0; }
.logo img{ height:80px; width:auto}
.search{ background:rgba(0,77,158,0.05); width:300px; border-radius:100px}
.bd1{ background:none; border:0; width:240px; padding-left:10px; outline:none; line-height:40px; height:40px; }
.sou{ width:40px; height:40px; background:none; border:0; float:right;cursor:pointer;text-align: center;}

.search .fa-search{ font-size:20px; line-height:40px; color:#00978a}


.header{ }

.top2{ position:relative; background:#00978a;}
.top2.on{ position:fixed; top:0; width:100%; left:0; z-index:9999}


.header .an{ position:absolute; right:10px; top:15px;height:18px; width:30px; display:none; float:right}
.header .an span{width:30px; height:2px; background-color:#00978a; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}



.header .nav ul>li{height:50px; width:auto; padding:0 0px;font-size:16px; line-height:50px; float:left; text-align:center;position:relative; text-transform:uppercase; }

.header .nav ul li a.o_lm:after{ content:""; position:absolute; width:0; left:50%; transform:translateX(-50%); bottom:0; background:#00978a; height:3px; opacity:0; transition:all 0.6s}
.header .nav ul li:hover a.o_lm:after{ content:""; position:absolute; width:100%; left:50%; transform:translateX(-50%); bottom:0; background:#00978a; height:3px; opacity:1;transition:all 0.6s}



.header .nav ul li a:hover{ color:#00978a }
.header .nav i{font-size:14px; line-height:50px; text-align:right; position:absolute;height:100px; right:10px; top:0px;  }

.header .nav ul li a.o_lm{line-height:50px; color:#fff; padding:0 15px;  margin:0 40px; display:block; font-weight:bold}

.header .nav ul li:hover a.o_lm{ color:#fff}
.header .nav ul li  i{ display:none;}




.header .nav .e_j{position:absolute; width:auto; min-width:100%;  background:#fff;box-shadow: 0px 10px 10px rgba(0,0,0,0.25); top:50px;  padding:10px 0; display:none; left:0; z-index:9999999999999; height:auto; 
 -webkit-animation: fadeInUpMenu 0.4s;
  -moz-animation: fadeInUpMenu 0.4s;
  -ms-animation: fadeInUpMenu 0.4s;
  -o-animation: fadeInUpMenu 0.4s;
  animation: fadeInUpMenu 0.4s;}




.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j ul li{ display:block; width:100%; line-height:35px; font-weight:normal; height:auto; text-transform:none;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }
.header .nav .e_j  ul li a{display:block; font-size:14px; line-height:35px; color:#333; padding: 0 20px}
.header .nav .e_j  ul li a:hover { color:#00978a; }


.jiange{ height:50px; overflow:hidden; display:none;}





@-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}


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

.header .nav ul>li{ font-size:14px }
.header .nav ul li a.o_lm{ margin:0 8px}

}




@media only screen and (max-width:992px){
.contain{ width:94%; margin:0 auto; }

.jiange{ display:block}
.header{padding:0px 5px; height:50px; position:fixed; background:#fff;box-shadow: 4px 4px 4px rgba(195,195,195,0.75); top:0; width:100%; box-sizing:border-box;  z-index:9999}

.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#fff; top:0; right:0; margin:0; margin-top:50px; overflow:auto;z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}
.header .nav ul li a.o_lm{ padding:0 0;  display:block;}
.header .nav ul li i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0 20px; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}


.header .nav ul li a.o_lm:after{ content:none; }
.header .nav ul li:hover a.o_lm:after{content:none;  }



.header .nav ul li a.o_lm{line-height:50px; color:#333;}
.header .nav ul li:hover a.o_lm{color:#333; background:none;}
.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.header .nav .e_j ul li a{ color:#666; padding:0}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}

.top1{ display:block; padding:0}
.daohang{ width:auto}
.tel{ display:none;}
.logo{ float:left; width:auto; margin:10px 0; position:fixed; z-index:9999}
.logo img{ height:30px; width:auto}


.search{ display:none;}

}














.banner{  width:100%; height:auto;}

.banner {
        width: 100%;
    	height:auto;
		overflow:hidden;
		position:relative;
		box-sizing:border-box
    
 }
 .banner  .swiper-slide {
		width:100%;
		position:relative; }
		

.banner  .swiper-slide  .bnfd{ position:absolute; width:96%; max-width:1200px;  top:50%; left:50%; transform:translate(-50%,-50%); z-index:1}
.banner  .swiper-slide  .bnfd h3{ display:block; font-size:20px; color:#333}
.banner  .swiper-slide  .bnfd p{ display:block; margin:20px 0; font-size:14px; line-height:30px; color:#666}
.banner  .swiper-slide  .bnfd span a{ display:block; background:#00978a; width:100px; line-height:35px; border-radius:30px; color:#fff; text-align:center}

.banner  .swiper-slide  img{ width:100%; height:auto }
.banner   .swiper-pagination-bullet{ width:10px; height:10px; background:#888}
.banner  .swiper-pagination-bullet-active{ background:#00978a}


.banner .swiper-button-next{width:50px; height:80px;background:none; background-color:rgba(0,0,0,0.3); right:15px; text-align:center}
.banner .swiper-button-next:after{ font-family: 'FontAwesome';content: "\f105"; color:#fff; position:relative; z-index:2;  line-height:80px; text-align:center; font-size:30px}
.banner .swiper-button-prev{width:50px; height:80px; background:none; background-color:rgba(0,0,0,0.3); left:15px; text-align:center}
.banner .swiper-button-prev:after{ font-family: 'FontAwesome';content: "\f104"; color:#fff; position:relative; z-index:2;  line-height:80px; text-align:center; font-size:30px}

.banner .swiper-button-next:hover{ background-color:rgba(0,0,0,0.6);}
.banner .swiper-button-prev:hover{ background-color:rgba(0,0,0,0.6);}


@media only screen and (max-width:992px){


.banner{  width:100%; height:200px; margin-top:50px}

.banner  .swiper-slide { width:100%; height: 200px; overflow:hidden}

.banner  .swiper-slide img{ position:absolute;width:100%; height: 200px; }




.banner .swiper-button-next{width:30px; height:30px;background:none; background-color:rgba(0,0,0,0.3); right:15px; text-align:center}
.banner .swiper-button-next:after{ font-family: 'FontAwesome';content: "\f105"; color:#fff; position:relative; z-index:2;  line-height:30px; text-align:center; font-size:14px}
.banner .swiper-button-prev{width:30px; height:30px; background:none; background-color:rgba(0,0,0,0.3); left:15px; text-align:center}
.banner .swiper-button-prev:after{ font-family: 'FontAwesome';content: "\f104"; color:#fff; position:relative; z-index:2;  line-height:30px; text-align:center; font-size:14px}




}


/* 详情 */
.detail .title{font-size: 18px;font-weight: bold;}
.detail .tool{border-bottom: #cccccc 1px solid;margin-top: 20px;justify-content: space-between;padding: 15px 0 25px;color: #999999;display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 14px;}
.detail .tool span{margin-right: 20px;}
.detail .content{padding: 30px 0;line-height: 2;color: #696969;font-size: 15px;}
.detail .prev_next{line-height: 2.4;font-size: 13px;margin-top: 30px;}
.detail .prev_next a:hover{color: #00978a;}

.xiaocms-page{width:100%;text-align:center;margin-top: 50px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;padding: 15px 0;font-size: 16px;}
.xiaocms-page a,.xiaocms-page span{display: inline-block;line-height: 32px;margin-left:5px;padding:0 11px;}
.xiaocms-page span{background:#408de3;color:#fff;border-radius:100%;}






.guanyu{ background: url(../images/bg1.jpg) center no-repeat;  overflow:hidden; padding:100px 0;}
.sy_gypic{  width:45%;  overflow:hidden; float:right}
.sy_gypic img{ width:100%; height:auto;transition:all 0.6s}
.sy_gypic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.sy_gyzi{ width:50%; margin-right:5px; float:left}
.sy_gyzi h1{ display:block; color:#00978a; font-size:45px}
.sy_gyzi h2{ display:block; color:#333; font-size:20px}
.sy_gyzi p{ display:block; margin:20px auto; font-size:15px; line-height:32px; color:#464646;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}
.sy_gyzi span a{ display:block; border:#00978a 1px solid; width:160px; color:#00978a; line-height:40px; border-radius:20px; text-align:center; font-size:14px; transition:all 0.6s}
.sy_gyzi span a:hover{ background:#00978a;color:#fff; transition:all 0.6s}

@media only screen and (max-width:1200px){
.guanyu{  padding:50px 0;}
.sy_gyzi h1{ display:block; font-size:20px}
.sy_gyzi h2{ display:block; color:#333; font-size:16px}
.sy_gyzi p{ display:block; margin:20px auto; font-size:12px; line-height:25px; max-height:150px;}
.sy_gyzi span a{  width:120px; line-height:30px; font-size:12px}




}


@media only screen and (max-width:992px){

.guanyu .contain{ width:94%}
.guanyu{ padding:0 0 20px;}

.sy_gypic{  width:100%;  overflow:hidden; margin-top:20px}
.sy_gyzi{ width:100%; margin-top:20px}

}


.bt1{ text-align:center; margin-bottom:30px}

.bt1 h3{ display:block; font-size:35px; color:#333}
.bt1 em{ display:block; width:40px; height:4px; background:#00978a; margin:15px auto 0}
.bt1 span{ text-transform:uppercase; font-size:14px; color:#888}




.hui{ padding:40px 0;background: url(../images/bg_leadership.jpg); overflow:hidden}

.more{ width:160px; height:42px; margin:0 auto; text-align:center;  margin-top:30px;  position:relative;}
.more a{ display:block; color:#00978a; font-size:14px;border:#00978a 1px solid; border-radius:50px;line-height:40px;  transition:all 0.6s;}
.more a:hover{ display:block; background:#00978a;color:#fff; transition:all 0.6s; border-radius:50px}





.cplb{ width:96%; margin:0 auto; max-width:1200px;}

.cplb ul{ position:relative; margin:0 -15px}
.cplb ul li{ float:left; width:33.33%; padding:15px; box-sizing:border-box}

.cplb ul li i{ display:block; width:100%; padding-bottom:88%; position:relative; overflow:hidden; background:#fff; box-shadow: 0px 0px 15px rgba(195,195,195,0.35);}
.cplb ul li i img{ width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.6s}
.cplb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb ul li p{ display:block; font-size:16px; margin-top:10px; text-align:center; line-height:40px}
.cplb ul li:hover p{ background:#00978a; color:#fff}



@media only screen and (max-width:992px){
.hui{ padding:20px 0;background: url(../images/bg_leadership.jpg); overflow:hidden}
.cplb{ width:94%; margin:0 auto; }

.cplb ul{ position:relative; margin:0 -5px}
.cplb ul li{ float:left; width:50%; padding:5px; box-sizing:border-box}
	
.cplb ul li p{ font-size:12px; margin-top:0}	


.bt1{ text-align:center; margin-bottom:16px}
.bt1 h3{ display:block; font-size:18px; color:#333}
.bt1 em{ display:block; width:40px; height:3px; background:#00978a; margin:10px auto}
.bt1 span{ text-transform:uppercase; font-size:12px; color:#888}

.more{ width:120px; height:32px; margin:0 auto; text-align:center;  margin-top:10px;  position:relative;}
.more a{ display:block; color:#00978a; font-size:14px;border:#00978a 1px solid; border-radius:16px;line-height:32px;  transition:all 0.6s;}
.more a:hover{ display:block; background:#00978a;color:#fff; transition:all 0.6s; border-radius:16px}



}






.fuwu{ width:96%; margin:40px auto; max-width:1200px;}
.fuwu ul{ display: flex;   justify-content: space-between;   align-items: center; }

.fuwu ul li{flex-shrink:1; position:relative; height:300px; overflow:hidden; text-align:center; border:#fff 1px solid; box-sizing:border-box; transition: 0.6s}
.fuwu ul li img{  height:100%; width:auto;}

.fuwu ul li:hover{flex-shrink:0;transition: 0.6s}

.fuwu ul li .hyjs{ position:absolute; background:rgba(0,0,0,0.5); color:#fff; padding:15px; box-sizing:border-box; bottom:0; width:100%; z-index:2}
.fuwu ul li .hyjs h3{ display:block; font-size:16px; margin-bottom:10px; }
.fuwu ul li .hyjs  p{ display:block; font-size:14px; line-height:25px; background:#00978a; width:120px;  margin:0 auto; border-radius:150px; opacity:0; display:none;}

.fuwu ul li:hover .hyjs p{ opacity:1; display:block; }



.footer{background:#111 ; background-size:cover;}
.foot1{ width:96%; margin:0 auto; max-width:1200px; padding:35px 0;color:#fff;  overflow:hidden; position:relative; display: flex;   justify-content: space-between;   }
.foot2{ padding:25px 0;  text-align:center; font-size:14px; color:#fff; border-top:rgba(255,255,255,0.1) 1px solid;}


.dlogo img{margin-top:35px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);opacity: 0.8;}

.dlx{ font-size:14px;}
.dlx h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight:bold;
	border-bottom: none;
	padding-left: 0;
	cursor: default;
	color: #fff;
}
.dlx p{ display:block; margin-bottom:5px; line-height:25px;overflow:hidden}
.dbt{ font-size:16px; color:#fff; font-weight:bold; background: url(../images/dline.jpg) bottom left no-repeat; padding-bottom:10px; margin-bottom:20px}

.dwx{  font-size:14px; line-height:25px; text-align:center}
.dwx img{ width:100%; height:auto; max-width:120px}
.dlx i{ color:#00978a; padding-right:10px}


@media only screen and (max-width:992px){
	
.fuwu{ width:94%; margin:20px auto; max-width:1200px;}
	
.fuwu ul{ display:block}
.fuwu ul li { height:140px; overflow:hidden}
.fuwu ul li img{ position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); z-index:0}	
		.fuwu ul li .hyjs{ padding:10px;}
	.fuwu ul li .hyjs h3{ display:block; font-size:14px; margin-bottom:0}
.fuwu ul li .hyjs  p{ display:block; font-size:14px; line-height:25px; background:#e37c20; width:120px;  margin:0 auto; border-radius:150px; opacity:0; display:none;}

.fuwu ul li:hover .hyjs p{ display:none;}

	
	
	
	
.foot1{ padding:15px 0}



	

	
.dlx h3 {
	margin-bottom: 15px;
	font-size: 14px;

}	
.dlx{ font-size:12px; width:94%; margin:0 auto}
.dwx{  font-size:12px; line-height:25px; text-align:center}
.foot2{ padding:10px;  text-align:center; font-size:12px;}
.dwx{ width:35%; display:none}
.dlogo{ display:none;}
.footer{background:#111 ; background-size:cover; margin-bottom:46px}

}


.nbanner{width:100%; height:300px; background:#000; position:relative; font-size:0; overflow:hidden;  }
.nbanner img{position:absolute; width:100%; height:100%;object-fit: cover;opacity:0.8}
.nbanner .nnbt{ display:block; position:absolute; z-index:3; width:100%; left:0; top:35%; text-align:center}
.nbanner .nnbt h3{ color:#fff; font-weight:bold; font-size:35px;}
.nbanner .nnbt em{ display:block; width:50px; height:3px; background:#fff; margin:0 auto; margin-top:20px}
.nmain{ width:96%; margin:40px auto; max-width:1200px; }
.dhfl{ float:left; width:240px;}
.dhfl h3{ display:block; background:#00978a; border-left:#048075 5px solid; color:#fff; line-height:55px; padding-left:20px; font-weight:bold; font-size:16px}
.dhfl ul li{ margin-top:3px; background:#f1f1f1; color:#666; font-size:14px;}
.dhfl ul li a{ display:block; line-height:40px; padding-left:20px; transition:all 0.6s}
.dhfl ul li a:hover,.dhfl ul li.on a{ background:#00978a; color:#fff; padding-left:30px; transition:all 0.6s}
.nrt{ float:right; width:calc(100% - 270px)  }
.weizhi{ border-bottom:#ddd 1px solid; margin-bottom:30px; padding-bottom:10px; overflow:hidden}
.weizhi h3{ display:block; float:left; color:#333; border-left:#00978a 5px solid; padding-left:10px; font-weight:bold; font-size:20px}
.weizhi span{ display:block; float:right; font-size:12px; color:#888}
.guide{ text-align:center; border-bottom:#e1e1e1 1px solid;}
.ndh{ width:96%; margin:0 auto; max-width:900px}
.guide dd{ float: left;font-size: 16px;}
.guide dd a{float: left; margin-right: 60px;padding:20px 0;position: relative; }
.guide dd a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:2px; background-color:#00978a; bottom:-1px;transition: .4s; z-index:2}
.guide dd a.on:after,.guide dd a:hover:after{opacity: 1;left: 0;width: 100%; color:#00978a}
.guide dd a:last-of-type{margin-right: 0;}
.guide dd.guide_pro{float: none;display:flex;justify-content:center}
.guide dd.guide_pro a{margin: 0 30px;}
.guide dd.guide_pro a:hover{ color:#00978a}
.guide dd.guide_pro a.on{ color:#00978a}
.ncplb ul{ position:relative; margin:0 -15px}
.ncplb ul li{ float:left; width:33.33%; padding:15px; box-sizing:border-box}
.ncplb ul li i{ display:block; width:100%; padding-bottom:88%; position:relative; overflow:hidden; border:#eee 1px solid; box-sizing:border-box}
.ncplb ul li i img{ width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.6s}
.ncplb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.ncplb ul li p{ display:block; font-size:14px; margin-top:10px; text-align:center; line-height:30px}
.ncplb ul li:hover p{ background:#00978a; color:#fff}
@media only screen and (max-width:992px){
.nbanner{ height:140px; margin-top:30px }
.nbanner .nnbt{ display:block; position:absolute; z-index:3; width:100%; left:0; top:40%; text-align:center}
.nbanner .nnbt h3{ color:#fff; font-weight:bold; font-size:18px;}
.nbanner .nnbt em{ display:block; width:40px; height:3px; background:#fff; margin:0 auto; margin-top:10px}
.guide dd a{float: left; margin-right: 60px;padding:15px 0;position: relative; }
.nmain{  margin:20px auto;  }
.dhfl{ float:none; width:100%; margin-bottom:15px; height:auto; overflow:hidden}
.dhfl h3{ line-height:35px; padding-left:10px; font-weight:bold; font-size:14px}
.dhfl ul li{ margin-top:3px; font-size:12px; width:32%; margin-right:2%; float: left}
.dhfl ul li a{ display:block; line-height:30px; padding-left:10px; }
.dhfl ul li a:hover{  padding-left:10px; }
.dhfl ul li:nth-child(3n){margin-right:0; }
.nrt{ float:none; width:100%  }
.weizhi{ margin-bottom:15px;}
.weizhi h3{ display:block;  font-size:14px}
.weizhi span{ display:block;  }
.ncplb ul{ position:relative; margin:0 -5px}
.ncplb ul li{ float:left; width:50%; padding:5px; box-sizing:border-box}
}
.gs_js{width:100%; padding:60px 0 80px ; background:url(../images/gy_bj.jpg) no-repeat center bottom / auto 100%; overflow:hidden; position:relative;}
.gs_js .h_x{width:100%; position:absolute; bottom:0; left:0;}
.gs_js .h_x img{width:100%; height:auto; display:block;}
.gs_js .gs_wz{line-height:36px; color:#000; font-size:16px}
.gs_js .gs_sp{width:100%; margin:30px auto 0;}
.gs_js .gs_sp li{ float:left; margin-right:2%; width:32%}
.gs_js .gs_sp img{width:100%; height:auto; display:block;}
.gs_js .gs_sp li:nth-child(3n){margin-right:0; }
.xiangqing{ width:96%; margin:40px auto; max-width:1200px}
.xiangqing img{ max-width:100%; height:auto}
.xqbt{ margin:20px 0;color:#666; font-size:14px; text-align:center}
.xqbt h3{ display:block; font-size:23px; color:#333; margin-bottom:10px}
.xqjs{ font-size:14px; line-height:25px; color:#333}
.xiazai{ background:#0e4d64; color:#fff; width:140px; text-align:center; line-height:45px; border-radius:10px}
.xiazai a{ display:block; color:#fff; font-size:14px;}
.xqdapic{ border:#eee 1px solid; text-align:center; margin:15px 0}
.xqdapic img{ width:90%; max-width:500px; height:auto}
@media only screen and (max-width:992px){
.xiangqing{margin:20px auto; }
.xqbt{ margin-bottom:10px;  padding-bottom:10px;  font-size:12px}
.xqbt h3{  font-size:16px;}
.xqjs{ font-size:12px; line-height:23px; }
.xiazai{  width:100px;  line-height:30px; }
.xiazai a{  font-size:12px;}	
.gs_js{width:100%; padding:20px 0 20px ; background:url(../images/gy_bj.jpg) no-repeat center bottom / auto 100%; overflow:hidden; position:relative;}
.gs_js .gs_wz{line-height:28px; color:#000; font-size:15px}
}


.xinwen1{ width:100%; padding:50px 0;  overflow:hidden; background:url(../images/ab_b1.png)}
.ny_xw ul li { border:1px solid #e1e1e1; float:left; width:49%; margin-right:2%; margin-bottom:30px;  padding:15px; box-sizing:border-box; position:relative; background:#fff }
.ny_xw ul li:nth-child(2n){margin-right:0;}
.ny_xw ul li a{ display:block;display: flex;   justify-content: space-between;   align-items: center; }
.ny_xw ul li .tp { width:40%; overflow:hidden}
.ny_xw ul li .tp img { width:100%; height:auto; transition:all 0.6s}
.ny_xw ul li:hover .tp img{ transform:scale(1.1,1.1); transition:all 0.6s}
.ny_xw ul li .wz {  width:60%; padding:0 20px; box-sizing:border-box} 
.ny_xw ul li .wz h1 {  text-overflow:ellipsis; white-space:nowrap; line-height:30px; overflow:hidden; font-weight:bold;  font-size:16px; color:#333; text-align: justify;}
.ny_xw ul li .wz p { font-size:14px; line-height:25px; color:#666; max-height:50px; margin:10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;text-align: justify;}
.ny_xw ul li .wz .rq {  color:#999; font-size:14px;line-height:25px;  float:left;}
.ny_xw ul li .wz .gd { line-height:25px;   font-size:14px; float:right}
.ny_xw ul li .wz .gd em{ display:inline-block; width:40px; height:2px; background:#e1e1e1; margin-right:15px; transition:all 0.6s}
.ny_xw ul li:hover .wz .gd em{ width:60px; transition:all 0.6s; background:#00978a;}
.ny_xw ul li a:hover h1{ color:#00978a}
.ny_xw ul li a:hover .gd{ color:#00978a}
.ny_xw ul li:hover { box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.tuwen{ font-size:16px; line-height:40px; color:#333;}
.tuwen img{ width:100%; height:auto}
.mod_gallerylist{width:100%; margin-top:30px;  overflow:hidden}
.mod_gallerylist ul{margin:0 -15px; position:relative;}
.mod_gallerylist ul li{float:left; width:33.33%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}
.mod_gallerylist ul li .image_container{ width:100%; border:#e1e1e1 1px solid; background:#fff; padding-bottom:75%; position:relative; box-sizing:border-box}
.mod_gallerylist ul li .image_container img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%;  transform:translate(-50%,-50%)}
.mod_gallerylist ul li .meta a{color:#333; text-decoration:none; line-height:50px; font-size:14px}
.mod_gallerylist ul li .meta{font-size:12px; text-align:center;}
.gy_wm{font-size:16px; line-height:32px; color:#333; height:auto; overflow:hidden}
.gy_wm img{width:100%; height:auto; display:block;}
.gy_wm .webz{ float:left; width:60%}
.gy_wm .wentu{ float:right; width:38%}
.xinwen{ margin:40px auto }
.xinwen ul li { border-bottom:#ebebeb 1px solid; padding:20px 0;  position:relative; overflow:hidden; display: flex;justify-content: space-between;align-items: center;}
.xinwen ul li:last-child {border-bottom:0 none;}
.xinwen ul li i{ display:block; float:left; width:300px; height:auto; overflow:hidden}
.xinwen ul li i img{ width:100%; height:auto; transition:all 0.6s}
.xinwen ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xinwen ul li .xwzi{ float:right; width:calc(100% - 500px)  }
.xinwen ul li  h3{ display:block; font-size:20px; color:#333; margin:15px 0; font-weight:normal; font-weight:normal}
.xinwen ul li p{ display:block; color:#999; font-size:14px; line-height:25px; max-height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden }
.xinwen ul li span a{ color:#00978a; display:block; border:#00978a 1px solid; width:120px; text-align:center;  line-height:30px; margin-top:15px; font-size:14px}
.xinwen ul li span a:hover{ background:#00978a; color:#fff; text-align:center}
.xinwen ul li span em{ padding-left:5px; transition:all 0.6s}
.xinwen ul li span  a:hover em{ padding-left:15px;transition:all 0.6s}
.xinwen ul li  .date2{ display:block; float:left; width:160px; float:left;  box-sizing:border-box; color:#777; font-size:23px; font-weight:lighter; text-align:center}
.xinwen ul li  .date2 em{ display:block;  font-style:normal; color:#000; font-size:40px; font-weight:bold}
.xinwen ul li a{ display:block}
.xinwen ul li a:hover h3{ color:#b40f00}
@media only screen and (max-width:1024px){
.xinwen{ margin:20px auto }	
.xinwen ul li  .date2{ position:absolute; bottom:20px; left:220px; font-size:12px; padding-left:0; text-align:left}
.xinwen ul li  .date2{ font-size:16px;}
.xinwen ul li  .date2 em{ font-size:14px; display:inline-block; padding-right:5px}
.xinwen ul li { padding-bottom:30px;display:block}
.xinwen ul li .xwzi{ float:right; width:calc(100% - 220px)  }	
.xinwen ul li i{  width:200px;  overflow:hidden}
.xinwen ul li  h3{  font-size:14px; margin-bottom:5px;}
.xinwen ul li p{  font-size:12px; line-height:20px; max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
}
	

@media only screen and (max-width:600px){
.xinwen ul li{ padding-bottom: 20px;}
.xinwen ul li i{ display:block; float:left; width:43%; height:auto; overflow:hidden}
.xinwen ul li .xwzi{ float: right; width:55%  }
.xinwen ul li  h3{ font-size:16px; margin-bottom:5px; margin-top:0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden}
.xinwen ul li p{ font-size:14px; line-height:20px; height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.xinwen ul li  .date2{ position:absolute; bottom:5px; left:0px; font-size:12px; display:none}
.xinwen ul li span a{ color:#00978a; display:block; border:#00978a 1px solid; width:100px; text-align:center;  line-height:25px; margin-top:10px; font-size:12px}
}
	
@media only screen and (max-width:992px){
.xinwen1{ width:100%; padding:20px 0;  overflow:hidden; background:url(../images/ab_b1.png)}
.ny_xw ul li { border:1px solid #e1e1e1; float:left; width:100%; margin-right:0; margin-bottom:10px;  padding:15px; box-sizing:border-box; position:relative; background:#fff }
.ny_xw ul li .wz h1 {  text-overflow:ellipsis; white-space:nowrap; line-height:26px; overflow:hidden; font-weight:bold;  font-size:14px; color:#333; text-align: justify;}
.ny_xw ul li .wz p { font-size:12px; line-height:22px; color:#666; max-height: inherit; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;text-align: justify;}
.ny_xw ul li .wz .rq{ display:none}
.ny_xw ul li .wz{ padding:0 0 0 10px}
.ny_xw ul li .wz .gd{ font-size:12px}
}

.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:992px){
.e_m .n_r{width:230px; padding:15px;}
.e_m .n_r p{font-size:15px;}
}

.pc_kf{width:46px; position:fixed; right:10px; bottom:8%; z-index:99999;}
.pc_kf .nr{width:46px; height:46px; font-size:18px; text-align:center; line-height:46px; background-color:#fff; box-shadow:0 0 2px #ddd; margin-bottom:4px; position:relative;}
.pc_kf .nr.wx{display:none;}
.pc_kf .tel{width:160px; background-color:#00978a; font-size:18px; letter-spacing:1px; line-height:46px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}
.pc_kf .nr:hover .tel{right:46px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px; background-color:#00978a; font-size:18px; line-height:46px; color:#fff; position:absolute; bottom:0; right:-180px; opacity:0;}
.pc_kf .ewm img{width:100%; height:auto; display:block;}
.pc_kf .nr:hover .ewm{right:46px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; line-height:46px;}
.pc_kf .nr i{color:#bbb; line-height:46px;}
.pc_kf .nr a:hover i{color:#00978a;}
.pc_kf .fh{width:46px; height:46px; background-color:#00978a; font-size:22px; text-align:center; line-height:46px; color:#fff; cursor:pointer;}
.pc_kf .fh i{ line-height:46px;}
@media only screen and (max-width:640px){
.pc_kf{width:100%; background-color:#00978a; position:fixed; right:0; bottom:0;box-sizing:border-box}
.pc_kf .nr{width:25%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;box-sizing:border-box}
.pc_kf .nr.wx{display:block;}
.pc_kf .nr.em{display:none;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{width:25%; font-size:22px; float:left;}
}