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

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

.head{ max-width:1350px; padding:0 20px; margin:auto; height:137px; overflow:hidden;}

.logo{ float:left; padding-top:20px;}
.logo img{ display:block; }
.slogan{ padding:30px 0 0 20px; float:left;}
.slogan h1{ font-size:30px; color:#0076da;}
.slogan b{	display:block; font-size:18px; color:#fff; background:#0076da; border-radius:20px; text-align:center; letter-spacing: 4px; padding:0 4px;}

.tel{ float:right; background:url(../images/tel.gif) no-repeat 0 6px; padding-left:66px;    height:88px; margin-top:38px;}
.tel span{ display:block; font-size:18px; color:#666; }
.tel p{ font-size:24px; color:#0076da; font-weight:bold;}

.dh{ width:100%; height:65px; background:#0076da;}


.nav{ max-width:1350px; margin:auto; position: relative;  display: flex;  z-index:999;}




ul.nav li{	text-align:center; width:14.2vw; z-index:999;}

ul.nav > li{	float: left;}

ul.nav li h3{	line-height: 65px;	}

ul.nav  > li  > h3 a{ 	font-size: 18px;	font-weight: normal;	display: block;	height: 65px; color: #fff;	}


ul.nav  > li  > ul  > li  h3 a{	display: block;	font-size: 16px;	font-weight: normal;		background:rgba(114,172,87,0.9);	color: #fff; height: 50px; line-height: 50px; overflow:hidden; width:193px; }

ul.nav  > li  h3 a:hover,.choice {	 background:#72ac57;	color: #fff;	text-decoration: none;}

ul.nav  > li  h3:hover,.choice a{ color: #fff;}

ul > li.on > ul .on a{background:rgba(114,172,87,0,1); }

ul > li > ul{ display: none;  }

ul > li.on > ul{ display: block; position:absolute;  }

ul.nav li{ position: relative; }


.mySwiper img{ margin:auto; width:100%; max-width:1903px; display:block;}


.sgy{ max-width:1350px; padding:70px 20px; margin:auto; display:flex; gap: 100px;}
.sgy strong{ font-size:26px; display:block; color:#333; padding-top:50px;}
.sgy b{ display:block; font-size:26px; color:#0076da; padding:10px 0;}
.sgy p{ font-size:16px; line-height:30px; color:#333; padding:40px 0 30px 0; }


.more a{ display:block; color:#fff; text-align:center; width:120px; height:38px; line-height:38px; font-size:16px; background:#0076da;  border-radius:100px;}
.more a:hover{ background:#72ac57;}




.scp{ width:100%; padding:50px 0 150px 0;  margin:auto; background:#f7f7f7; position:relative;}

.title{ text-align:center;}
.title b{ font-size:40px; color:#333; display:block; position:relative; width:168px; margin:auto; z-index:2;}
.title b:after{ content:""; display:block; width:168px; height:17px; background:#fff101; position:absolute; bottom:0px; left:0; z-index:-1;}
.title p{ font-size:22px; color:#666; padding-top:6px;}


.scpn{ max-width:1350px;  padding:60px 20px 0 20px; margin:auto; overflow:hidden; display:flex; justify-content: space-between;      gap: 30px; }

.scpl{ max-width:254px; width:100%;   border:solid 1px #0076da; background:#fff;    border-radius: 12px; overflow: hidden; }
.scpt{ width:100%; height:103px; background:#0076da; text-align:center; color:#fff;}
.scpt b{ display:block; font-size:32px; padding-top:24px; }
.scpl p{ width:90%; margin:auto;}
.scpl p a{ font-size:16px; color:#333; height:59px; line-height:59px; display:block; text-indent:11px; border-bottom:solid 1px #dadada; }

.scpr{ max-width:1068px; display: flex;  flex-wrap: wrap;  justify-content: space-between;     gap: 20px;}
.scpr p{ text-align:center; width:31%;}
.scpr p a span{ display:block; font-size:16px; color:#666; padding-top:14px;}

.scpr p a{ display:block;  overflow: hidden;}
.scpr p a:nth-child(1){ background:#fff;}
.scpr p a img{ width:100%; transition: all 1s ease;  box-sizing:border-box;     height: 230px;  object-fit: contain;;}
.scpr p a:hover img{ transform:scale(1.3);}

.more2 a{ display:block; color:#fff; text-align:center; width:120px; height:38px; line-height:38px; font-size:16px; background:#009b4d;  border-radius:100px; position:absolute; left:50%; transform:translate(-50%); bottom:60px;}
.more2 a:hover{ background:#01a2ea;}



.scs{ padding:60px 0 100px 0;}

.scsn{ max-width:1350px;  padding:60px 20px 0 20px; margin:auto;  display:flex; justify-content: space-between; gap: 20px;}
.scsl b{ font-size:26px; color:#0076da; margin-bottom:30px; display:block;}
.scsl p{ font-size:16px; color:#333; margin-bottom:30px; background:url(../images/dd.gif) no-repeat 0 6px; padding-left:22px;}

.scsn img{ width:100%;}

.scsr b{ font-size:26px; color:#0076da; margin-bottom:30px; display:block;}

.scsn2 .scsl{ margin-top:-150px;}

.scsn3 .scsr{ margin-top:-200px;}

.scsr p{ font-size:16px; color:#333; margin-bottom:30px; background:url(../images/dd.gif) no-repeat 0 6px; padding-left:22px;}

.ssb{ width:100%; margin:auto; background:#f7f7f7; padding:60px 0; }
.ssbn{ max-width:1350px; padding:30px 20px 0 20px; margin:auto; display:flex; flex-wrap: wrap;  justify-content: space-between; text-align:center;}
.ssbn p{ width:31%;}
.ssbn p a span{ color:#333; font-size:16px; padding:10px 0 20px 0;; display:block;}
.ssbn p a{ display:block;  overflow: hidden;}
.ssbn p a img{ width:100%; padding:4px; background:#fff; border:solid 1px #ddd; transition: all 1s ease; box-sizing:border-box;   object-fit: cover; height: 270px;}
.ssbn p a:hover img{ transform:scale(1.3);}

.sxw{ padding:60px 0;}
.sxwn{  max-width:1350px; padding:30px 20px 0 20px; margin:auto; display:flex; gap:30px; }

.sxwl a{ display:block; transition: all .5s; position:relative;}
.sxwl a:hover{transform:translateY(-20px);}

.sxwl a b{ font-size:18px; color:#333; font-weight:normal; padding:20px 0 10px 0; display:flex; justify-content: space-between;}
.sxwl a span{ font-size:16px; color:#999;}
.sxwl a p{ font-size:16px; color:#999;}

.sxwr a{ background:#f7f7f7; display:block; padding:30px; margin-bottom:30px; transition: all .5s; position:relative;}
.sxwr a:hover{ transform:translateY(-20px);}
.sxwr a b{ font-size:18px; color:#333; font-weight:normal; padding:20px 0 10px 0; display:flex; justify-content: space-between; border-bottom:solid 1px #cbcbcb;}
.sxwr a span{ font-size:16px; color:#999;}
.sxwr a p{ font-size:16px; color:#999; line-height:30px; padding:10px 0 20px 0;}
.sxwr a em{	font-style: normal; }


.ft{ width:100%; background:#0070bd; padding-top:77px; line-height:32px;}

.ftn{ max-width:1350px; padding:0 20px 60px 20px; margin:auto; overflow:hidden; display:flex; justify-content: space-between;}




.ftn dl{  width:20%; }

.ftn dl dt{ font-size:20px; font-weight:bold;  color:#fff; padding-bottom:17px; margin-bottom:10px;}
.ftn dd a{  color:#fff; font-size:16px; }
.ftn dl p{ color:#fff; font-size:16px; }
.ftn dl p a{ color:#fff; font-size:16px; }
.ftn dl img{ padding-top:20px; display:block; width: 100%;}


.bq{ line-height:58px; font-size:14px; color:#666; text-align:center;  }



.mySwiper img:nth-child(2n){ display:none;}

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


.gybanner{ width:100%; height:350px; background:url(../images/gybanner.jpg) no-repeat center center;}
.jgbanner{ width:100%; height:350px; background:url(../images/jgbanner.jpg) no-repeat center center;}
.cpbanner{ width:100%; height:350px; background:url(../images/cpbanner.jpg) no-repeat center center;}
.gcbanner{ width:100%; height:350px; background:url(../images/gcbanner.jpg) no-repeat center center;}
.xwbanner{ width:100%; height:350px; background:url(../images/xwbanner.jpg) no-repeat center center;}
.lxbanner{ width:100%; height:350px; background:url(../images/lxbanner.jpg) no-repeat center center;}

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

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

.sidenav a.on{ color:#fff; background:#42aff0;}
.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:#42aff0;}
.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:70px 0; font-size:16px; line-height:30px; color:#333; display:flex; justify-content: space-around;  align-items: center;}
.gy img{ max-width:786px;}
.gypic img{ width:100%;}

.lx{ max-width:1200px; margin:auto;  padding:70px 0; font-size:16px; line-height:30px; color:#333; display:flex; justify-content: space-between;;  align-items: center;}
.lx img{ max-width:786px;}


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

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

.jg{ 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; gap: 2%;}
.jg p{ width:32%; margin-bottom: 1%;}
.jg p a img{ width:100%; box-sizing: border-box; border: solid 1px #ddd; padding: 2%; max-height: 36vh;}
.jg p a span{ display:block; height:40px; line-height:40px;}
.jg p a:hover span{ color:#0890e1;}

.ry{ 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; }
.ry p{ width:30%; overflow: hidden; }
.ry p a img{ width: 90%;  margin: auto; padding: 10px; border: solid 1px #ddd;}
.ry p a span{ display:block; height:40px; line-height:40px;}
.ry p a:hover span{ color:#0890e1;}


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

.gc{ max-width:1200px; margin:auto;  padding:70px 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%;  height: 270px;  object-fit: contain;}
.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:70px 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;}

.sui{ max-width: 1200px;  margin: auto; overflow:hidden;}
.suit{ padding:6px 0; border-bottom:solid 1px #ddd; font-size:16px; font-weight:bold; color:#333;}
.suin{ display:flex; gap:20px; padding:30px 0 50px 0;}
.suin p{ flex:1; text-align:center;}
.suin img{ width:100%; box-sizing: border-box; border:solid 1px #ddd; object-fit: contain;  height: 194px;}
.sui p a span{ display:block; padding:6px 0; color:#666;}

.cpxx{ padding-top:20px;}

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


.head{ display:none; }
.dh{ display:none;}
.k{ width:100%; height:45px;}

   .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:#145aa8;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 #216abc}
   .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;}


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

.sgy{ display:block; padding:4%;}
.sgyl strong{ padding-top:20px; font-size:20px;}
.sgyl b{ font-size:20px;}
.sgyl p{ padding-top:20px;}

.sgyr img{ width:100%; padding-top:40px;}

.title b{ font-size:30px;}
.title p{ font-size:18px;}

.scp{ padding-bottom:30px;}
.scpn{ flex-direction: column; padding-top:30px;}
.scpl{ max-width:100%;}
.scpl p a{ width:50%; float:left; height:40px; line-height:40px; }

.scpr{ gap:0;}
.scpr p{ width:48%;}
.scpr p a span{ padding-top:10px; padding-bottom:20px;}

.scs{ padding-bottom:40px; padding-top:30px; overflow:hidden;}
.scsn{ flex-direction: column;}

.scsn p{ margin-bottom:10px;}
.scsn b{ font-size:18px;}

.scsn2 .scsl {  margin-top: 0;}
.scsn3 .scsr {  margin-top: 0;}

.ssb{ padding:30px 0;}
.ssbn{ overflow:hidden; padding:4%; display:flex;     flex-wrap: wrap;}
.ssbl img, .ssbr img{ width:100%;}
.ssbr{ justify-content: space-between;}
.ssbr a{ width:44.4vw;}

.sxw{ padding:30px 0;}
.sxwn{ flex-wrap: wrap; gap:30px;     flex-direction: column; max-width:100%; }
.sxwl a{ width:100%;}
.sxwl a img{ width:100%;}
.sxwl a span{ display:none;}
.sxwr a span{ display:none;}

.ft{ padding:50px 0;}
.ftn{ padding:0 4%; flex-wrap: wrap;     gap:0;}
.ftn dl{ width:100%; display:none;}
.ftn dl:last-child{ display:block;}

.bq{ line-height:20px; padding:12px 4%;}

.gybanner{ background-size:150%; height:100px;}
.jgbanner{ background-size:150%; height:100px;}
.cpbanner{ background-size:150%; height:100px;}
.gcbanner{ 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-grow: 0; width: 50%; 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;}
  
.gy img {  width: 100%;}
.zz img {  width: 100%;}
.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%;} 
  
.ssbl{ width:100%} 
.ssbr{ width:100%}   
  
.newsl img { display:none;} 
  
.ssbn p {  width: 48%;}
.ssbn p a img{ height: 17vh;}
  
.jg p a img { max-height: 25vh;}
  .lx{ flex-wrap: wrap;}
}

.liuyan{ max-width: 1200px; margin: auto; padding: 70px 0; font-size: 16px;  line-height: 30px;  color: #333;}
#attr_16,#attr_18,#attr_20,#attr_22{ width:100%; color: #999;  text-indent: 12px;   height: 40px;  border: solid 1px #ddd;  font-size: 14px;      background: #fff; }
#attr_24{ width:100%; color: #999;  text-indent: 12px;   height: 100px;  border: solid 1px #ddd;  font-size: 14px; vertical-align:top;     background: #fff;}
#btn{    height: 40px;  background: #999; color: #fff;  border: none;  font-size: 14px; width: 110px;}
.bao{ width:50%; float:left; padding-bottom:20px;}
.bao2{ width:100%; float:left; padding-bottom:20px;}
.liuyan h6{ text-align:center; font-size:20px; padding-bottom:20px;}