@charset "utf-8";

* {	margin: 0px; padding: 0px;}
body, html {

	font-family:"微软雅黑",Arial; 
	font-size: 14px;
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color: transparent; 
	-webkit-overflow-scrolling: touch; 
	overflow-scrolling: touch ;

}
a {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;}
ul, li {list-style-image: none;list-style-type: none;}
img { border:none; display: block;}

.clr {clear: both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ overflow:hidden;}

object{display:none;}



/*pages*/
.pages{
      height: 60px;
    padding: 20px 0 30px;
    width: 100%;
    clear: both;
}
.tcdPageCode {
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.tcdPageCode li{
  display: inline;
}
.tcdPageCode span.disabled {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #808080;
    background: #fff;
    border: 1px solid #e6e3e3;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode span.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #fff;
    background-color: #278747;
    border: 1px solid #278747;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode a {
    display: inline-block;
    color: #808080;
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 14px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle;
    border-radius:1px;
}

.m-t-20{

text-align:center;
margin:20px 0;!important

}

.page-item a{color:#333;}




/*上下翻页*/
.pagination{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
}
.page-link{
  border-radius: 24px !important;
  display:block;
}



.top{ max-width:1200px; padding:0 10px; margin:auto; overflow: hidden;}
.logo{ float:left; padding:2.5vw 0;}
.logo img{ float:left;}
.logo span{ float:left; display:block; color:#78bc27; font-weight:bold; font-size:26px; padding-left:32px; margin-top:-6px;}
.tel{ float:right; background:url(../images/tel.gif) no-repeat 0 56px; padding-top:2.5vw; padding-left:46px;}
.tel span{ display:block; color:#666; font-size:16px;}
.tel b{ display:block; color:#666; font-size:26px; line-height:36px;}

.dh{ width:100%; height:62px; background:#0591ee;}

.nav { max-width:1200px; margin:auto; }
#home a{ background:url(../images/home.png) no-repeat 48px 22px #78bc27; text-indent:16px;}
ul.nav li{ width:16.6666%; text-align:center;  }
ul.nav > li{ float: left; }
ul.nav li h3{line-height:62px; }
ul.nav  > li  > h3 a{ color: #fff;  font-size: 16px; font-weight: normal;  display: block;	height: 62px; border-right:solid 1px #05abec;	 }
ul.nav  > li  > h3 a:hover{ background:#78bc27;}
ul.nav  > li  > ul  > li{ width:100%;}
ul.nav  > li  > ul  > li  h3 a{ display: block;	font-size: 14px; font-weight: normal; background: rgba(255,255,255,1);	color: #333; height: 50px; line-height: 50px; border-bottom:solid 1px #ccc; width:100%;}
ul.nav  > li  > ul  > li  h3 a:hover{ color:#fff; background:#78bc27; }
.on .choice  a {	display: block; color: #fff;  background:#78bc27; }

ul.nav  > li  h3 a:hover,.choice {color: #fff; text-decoration: none; }
ul > li > ul{ display: none;}
ul > li.on > ul{ display: block; position:absolute; z-index:999; width:100%; top:62px;   }
ul.nav li{ position: relative; }



.headrg{ display:none;}

.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.banner{ position:relative; padding-bottom:0px; }
.mySwiper img{ margin:auto; width:100%;  }
.mySwiper img:nth-child(2n){ display:none;}

.title{ text-align:center;}
.title b{ font-size:46px; color:#333; display:block; padding-top:45px; width:200px; margin:auto; position:relative;}
.title b:before{ background:url(../images/l.gif) no-repeat 0 0; width:124px; height:3px; display:block; content:""; position:absolute; left:-136px; top:77px;}
.title b:after{ background:url(../images/r.gif) no-repeat 0 0; width:124px; height:3px; display:block; content:""; position:absolute; right:-136px; top:77px;}
.title span{ font-size:22px; color:#666; display:block; padding-top:4px; padding-bottom:45px;}


.ssg{ width:100%;  background:#f5f7f6; position: relative;     padding-bottom: 40px;}

.ssgn{ max-width:1200px; padding:0 10px;  overflow:hidden; padding-bottom:55px; display:flex; flex-wrap: nowrap; justify-content:space-around; margin:auto;}
.ssgn p{  text-align:center; }
.ssgn p img{ margin:auto;}
.ssgn p span{ font-size:18px; color:#333; display:block; line-height:30px; padding-top:36px;}
.smore a{ display:block; width:208px; height:49px; line-height:49px; background: linear-gradient(to right, rgba(5,145,238,1), rgba(120,188,39,1)); color:#fff; border-radius:100px; margin:0 auto; text-align:center; font-size:18px;}

.sgc{ max-width:1200px; padding:0 10px; margin:auto; padding-bottom: 40px;}
.sgcn{ display:flex; flex-wrap: wrap;   justify-content: space-between;     padding-bottom: 40px;  gap: 20px;}
.sgcn p{  text-align:center; width: 30%; }
.sgcn p a img{ width:100%;}
.sgcn p a span{ font-size:18px; color:#333; padding-top:8px; display:block;}

.sgy{ width:100%; background:#f5f7f6;}
.sgyn{ max-width:1200px; padding:0 10px; margin:auto; overflow:hidden; display: flex;justify-content: space-between;  flex-wrap: wrap;}
.sgyn img{ width:100%;}
.sgynl{   width: 47%; }
.sgynr{  width:50%;}
.sgynr strong{ display:block; font-size:30px; color:#000; font-weight:normal; padding-top:16px;}
.sgynr p{ color:#666; font-size:18px; line-height:30px; padding-top:20px;}

.smore2 a{ display:block; width:208px; height:49px; line-height:49px; background: linear-gradient(to right, rgba(5,145,238,1), rgba(120,188,39,1)); color:#fff; border-radius:100px; margin-top:20px;  text-align:center; font-size:18px;}



#demo {
	width: 1200px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
	padding-bottom: 100px;
	overflow:hidden;
}
#demo td {
	padding-right: 20px;
}

#demo td a img {	display: block;     width: 300px;  height: 200px;}
#demo  span {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 32px;
	border-radius:80px;
}

#demo a:hover {
	text-decoration: none;
	
}

.sryt{ max-width:1200px; padding:0 10px; margin:auto; font-size:30px; color:#000; padding-top:36px;}



.sxwn{ max-width:1200px; padding:0 10px; margin:auto; padding-top:37px; padding-bottom:30px; overflow:hidden; display:flex; flex-wrap: wrap;  justify-content: space-between;}
.sxwnl{ width:48%;}
.sxwnl img{ padding-bottom:32px; width: 100%;}
.sxwnl dl{ padding-right:10px; padding-bottom:20px; overflow:hidden; display: flex;}
.sxwnl dt{ width:115px; text-align:center;  float:left;}
.sxwnl dt b{ font-size:40px; color:333; display:block; }
.sxwnl dt span{ display:block; font-size:14px; color:#666;}
.sxwnl dd a{ display:block; font-size:18px; color:#333; margin-bottom:12px;}
.sxwnl dd{ float:left;  padding-left:35px; border-left:solid 1px #ccc;}
.sxwnl dd p{ font-size:14px; color:#888; }

.sxwnr{ width:50%;}
.sxwnr dl{ padding:20px 20px 20px 0; width:100%; box-sizing: border-box; overflow:hidden; background:#fff; margin-bottom:20px; display: flex;}
.sxwnr dt{ width:115px; text-align:center;  float:left;}
.sxwnr dt b{ font-size:40px; color:333; display:block; }
.sxwnr dt span{ display:block; font-size:14px; color:#666;}
.sxwnr dd a{ display:block; font-size:18px; color:#333; margin-bottom:12px;}
.sxwnr dd{ float:left;  padding-left:35px; border-left:solid 1px #ccc;}
.sxwnr dd p{ font-size:14px; color:#888; line-height:24px; }


.ft{ width:100%;  padding-bottom: 60px; background:#0591ee;}
.fnav{ max-width:1200px; padding:0 10px; height:79px; line-height:79px; margin:auto; border-bottom:solid 1px #05abec; text-align:center; display:flex;  justify-content: space-between;}
.fnav a{ font-size:16px; color:#fff; display:block; width: 16.666%; }

.fn{ max-width:1200px; padding:0 10px; margin:auto; overflow:hidden; padding-top:75px;}
.fnl{ float:left; padding-right:140px;}
.fnc{ float:left; color:#fff; line-height:30px; font-size:16px;}
.fnc p{ padding-bottom:20px;}
.fnr{ float:right; text-align:center;}
.fnr img{ display:block; padding:8px; border:solid 1px #05abec;}
.fnr span{ color:#fff;  font-size:16px;}
.links{ height:56px; line-height:56px; max-width:1200px; padding:0 10px; margin:auto; font-size:16px; color:#999;}
.links a{ color:#999; margin:0 20px;}

.gybanner{ width:100%; height:350px; background:url(../images/gybanner.jpg)  center center;   }

.box{ }
.box img{ }
.wz{ max-width:1178px; padding:0 10px;  text-indent: 20px;  margin:auto;  height:60px; line-height:60px; color:#808080; background:url(../images/wz.gif) no-repeat 0 center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;   }

.sidenav{ max-width:1200px; margin:auto; display:flex; flex-wrap: wrap; padding:0 10px 70px 10px; }
.sidenav a{ font-size:18px; color:#595856;  height:55px; line-height:55px;  background:#efefed; flex:1; text-align:center; position:relative; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.sidenav a.on{ color:#fff; background:#4aac35;}
.sidenav a.on:after{ content:""; display:block; width:12px; height:12px; border: 1px solid #fff; background:#fff;    transform: rotate(45deg); position:absolute; left:50%; margin-left:-6px; bottom:-8px;} 

.sidenav a:hover{ color:#fff; background:#4aac35;}
.sidenav a:hover:after{ content:""; display:block; width:12px; height:12px; border: 1px solid #fff; background:#fff;    transform: rotate(45deg); position:absolute; left:50%; margin-left: -6px; bottom:-8px;} 

.gy{ max-width:1200px; margin:auto;  padding:0 10px 70px 0; font-size:16px; line-height:30px; color:#333; }
.gy img{ width:100%; max-width:971px; }

.ry{ max-width:1200px; margin:auto;  padding:0 10px 70px 0; font-size:16px; line-height:30px; color:#333;  display:flex;     flex-wrap: wrap;  justify-content: space-between; gap: 25px;}
.ry dl { width: 23%; text-align: center;}
.ry dl a{ display:block;}
.ry dt { height: 200px;  box-sizing: border-box;  padding: 1px;  border: solid 1px #ccc; overflow:hidden;}

.ry dl img{ width: 100%; height: 100%; object-fit: contain; transition: all .8s;}
.ry dt img:hover{ transform:scale(1.2) rotate(0deg);}


.gc{ max-width:1200px; margin:auto;  padding:0 10px 70px 0; font-size:16px; line-height:30px; color:#333;  display:flex;     flex-wrap: wrap;  justify-content: space-between; gap: 25px;}
.gc dl { width: 23%; text-align: center;}
.gc dl a{ display:block;}
.gc dt { height: 200px;  box-sizing: border-box;  padding: 1px;  border: solid 1px #ccc; overflow:hidden;}

.gc dl img{ width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.gc dt img:hover{ transform:scale(1.2) rotate(0deg);}

.gccj{ max-width:1400px; margin:auto;  padding:40px 10px; font-size:16px; line-height:30px; color:#333; }
.gccj img{ width:100%; max-width:1400px; }


.lxwm{ max-width:1400px; margin:auto;  padding:70px 10px; font-size:16px; line-height:30px; color:#333; }
.lxwm img{ width:100%; max-width:1400px; }

.ywfw{ max-width:1400px; margin:auto;  padding:70px 10px; font-size:16px; line-height:30px; color:#333; }
.ywfw img{ width:100%; max-width:1400px; }

.lx{ max-width:1200px; margin:auto;  padding:70px 0; font-size:16px; line-height:30px; color:#333; }

.jg{ max-width:1200px; margin:auto;  padding:70px 0; font-size:16px; line-height:30px; color:#333; text-align:center;     display: flex;  justify-content: space-between;  flex-wrap: wrap; row-gap: 20px;}
.jg p{ width:32%; }
.jg p a img{ width:100%;}
.jg p a span{ display:block; height:40px; line-height:40px;}
.jg p a:hover span{ color:#0890e1;}

.jgbody{ max-width:1200px; margin:auto;  padding:70px 0; font-size:16px; line-height:30px; color:#333; text-align:center;}
.jgbody h1{ font-size:26px; padding-bottom:20px;}
.jgbody img{ margin:auto; max-width:800px;}

.gc{ max-width:1200px; margin:auto;  padding:40px 0; font-size:16px; line-height:30px; color:#333; text-align:center;     display: flex;  justify-content: flex-start;  flex-wrap: wrap;  column-gap: 1.66666%; row-gap: 20px;}
.gc p{ width:32%; border:solid 1px #ddd; }
.gc p a img{ width:100%;}
.gc p a span{ display:block; height:40px; line-height:40px;}
.gc p a:hover span{ color:#0890e1;}

.news{ max-width:1200px; margin:auto; padding:70px 0;  overflow:hidden; }
.newsn a{ display:block; border:solid 1px #eee; padding:20px; margin-bottom:20px; line-height:30px; overflow:hidden;}
.news a strong{ display:block; font-size:16px; padding:6px 0; color:#333;}
.news a p{ color:#666; padding-bottom:10px;}
.news a span{ color:#999; }
.news a:hover{ border:solid 1px #0890e1;}
.news a:hover strong{ color:#0890e1;}

.newsl{ float:left; width:20%;}
.newsl img{ width:100%; max-height: 150px;}
.newsr{ float:right; width:78%;}

.newsbody{ max-width:1200px; margin:auto; padding:0 0 50px 0;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.newsbody h1{ text-align:center; }
.fu{ color:#999; text-align:center; padding-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:dashed 1px #eee;}

.nnn{ font-size:16px; line-height:30px; padding:20px 0;}
.nnn img{ max-width:800px; width:100%;     display: inline;}


.dnrt{ height:50px; line-height:50px; background:#ececec; margin:20px 0;}
.dnrt span{ display:block; width:112px; background:#bbb; color:#fff; text-align:center; font-size:14px;}
.dnrn{ line-height:28px; font-size:14px; color:#666; padding:0 15px;}
.dnrn img{width:100%; max-width:890px; display:inline;}

/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){

.top{ position:relative;} 
.logo{ width:100%;}
.logo img{ width:45%; }
.logo span{ display:none;}
.tel{ display:none;}
.dh{display:none;}
.head{ width:100%; margin:auto; padding:0; height:auto;  overflow:hidden;}

.nav{ display:none;}
.yu{ display:none;}

.headrg{ display:block; position:absolute;right: 10px; top:50%;transform:translate(0,-50%);}

.headrg a .m_menuimg{ width:23px; height:20px;vertical-align:top;display: block;}

.m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:5px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:36px;display: block}
   .m_img .headrg{padding-right:4%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0591ee;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #05abec}
   .m_nav .m_navList ul li a{display:block;height:55px;color:#fff;line-height:55px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/plus2.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


.banner{ padding-bottom:0; display:block;}
.mySwiper img:nth-child(1n){ display:none;}
.mySwiper img:nth-child(2n){ display:block;}

.title b {  font-size: 30px;}
.title span {  font-size: 20px;  }
  
.ssgn{  flex-wrap: wrap;}
.ssgn p { width: 45%; }
.ssgn p img { width: 100%;}
.ssgn p span { font-size: 16px;line-height: 26px; padding-top: 10px;}
  
.sgcn p {  widtH: 47%;}
.sgcn p a span {  font-size: 16px;}
  
.sgynl, .sgynr {  width: 100%;}
  
.sgynr strong { font-size:20px;}
.sgynr p{ font-size:16px;}
  
.sxwn{ padding-top: 0;}  
.sxwnl, .sxwnr {  width: 100%;}
.sxwnr dl { padding: 20px 0 20px 0;}
.sxwnr dd {   padding-left: 15px;  }

.fnav{ display:none;}  
.fnr { float: left; }
  
.title b:before{ display:none;}
.title b:after{ display:none;}
#demo{ width:100%;} 

.fn{ padding-top:40px;}  
.fnl{padding-right: 0;} 
.fnl img{ width:50%;} 
  
.gybanner{ background-size:150%; height:100px;}
.jgbanner{ background-size:150%; height:100px;}
.gcbanner{ background-size:150%; height:100px;}
.pzbanner{ background-size:150%; height:100px;}
.xwbanner{ background-size:150%; height:100px;}
.lxbanner{ background-size:150%; height:100px;}  

.box{ padding:0; width:95%; margin:auto;}
  
.sidenav{ flex-wrap: wrap;}  
.sidenav a{ font-size:14px;  flex: 33%; box-sizing: border-box;  border: solid 1px #fff;}
.sidenav a:hover:after { bottom:-12px;} 
.sidenav a.on:after { bottom:-12px;}
.gy{ padding:30px 0; flex-direction: column;}



.jg{ padding:10px 0;}
.jg p { width: 49%;}
.jg p a span{ font-size:14px;}

.jgbody{ padding:10px 0;}
.jgbody h1{ font-size:20px; padding-bottom:20px;}
.jgbody img{ width:100%;}

.news{ padding:10px 0;}
.newsl{ width:100%;}
.newsr{ width:100%;}
  
.wz{  background: url(../images/wz.gif) no-repeat 0 25px;}
  
.a_closed{ font-size:40px; color:#fff; font-weight:bold;} 
.a_js{ font-size:22px; color:#333; font-weight:bold;}

.gc{ justify-content: space-between;} 
.gc p{ width:48%;} 
 
.sidenav{ padding:0;}   
.sidenav a { flex: 50%;}

 .ry {padding:30px 0; gap:0;}  
 .ry dl {  width: 48%;} 
 .gc dl {  width: 48%;} 
  
.gc { padding: 20px 0;}
  .gc dt { height: 125px; }
  
.newsl img {  display: none;}
  
  .newsbody { padding-top:20px;}
  
}