@charset "utf-8";
/* CSS Document */
.logo{ width: 20%  }
.logo img{width: 100%; margin-top: 10px;}
.ewm{border: 1px #cdcdcd solid; margin: 20px 10px; padding: 3px; background: #fff}
.bgh{background: #ededed}

.nav {
	height: 60px;
	line-height: 60px;
	width: 70%;
	float: right;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;

  padding: 0;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
	width: calc(100%/6);
}
.nav a {
  display: block;
line-height: 60px;
	width:100%;
	text-align: center;
  color: #fff;
	font-size: 18px;
}

.nav a:hover {
  text-decoration: none;
  background: #ff7b2d;
}
.nav li ul {

	overflow: hidden;
background: #16428e;
}
/*.nav li ul li {
  width: 199px;
}*/
.nav li ul li a {
  border: none!important;
	width:100%!important;
	display: block;
	float: left;
}
.nav li ul a:hover {
  background:#ff7b2d;
}
.nav5{z-index: 99999; width: 100%}

.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}


a.navon:link,a.navon:active,a.navon:hover{background: #ff7b2d; color: #fff}
/*menu end*/
/*banner*/

.flexslider{position:relative;height:635px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:635px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}





/*banner end*/
.bgh{background: #f3f3f3}
.inprle{width: 330px; overflow: hidden}
.inprt{font-size: 28px; line-height: 1em; color: #16428e; padding: 15PX 0PX; margin-bottom: 15PX;text-align: center; font-weight: bold; background: url("../images/btbg.png") no-repeat bottom;}
.inprt span{ display: block; font-weight: 500; color: #585858; text-transform: uppercase;font-size: 14px}


.inprt1{font-size: 28px; line-height: 1em; color: #fff; padding: 15PX 0PX; margin-bottom: 15PX;text-align: center; font-weight: bold; background: url("../images/btbg1.png") no-repeat bottom;}
.inprt1 span{ display: block; font-weight: 500; color: #fff; text-transform: uppercase;font-size: 14px}



.ntime{width: 20%;line-height: 2em;padding:25px 10px; font-size: 18px;}
.ntime span{font-size: 24px; font-weight: bold; display: block}


.nzi{width: 80%;}
.nzi > dt{font-size: 18px; font-weight: bold; line-height: 35px; height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.nzi > dd{height: 40px;line-height: 20px; display: block; overflow: hidden}
.nmore{width: 100px; border-radius: 10px; background: #287f3f; color: #fff; font-size: 14px; font-weight: bold; display: block; text-align: center;float: right; margin: 10px;}



.inpra{padding-top: 20px;}
.inpra a,.inpra a:visited,.inpra a:active{width: 160px; margin-top: 15px; height: 40px; display: block; text-indent: 1em; color: #fff; line-height: 40px; background:#5f078f url(../images/r.png) no-repeat 140px;}
.inpra a:hover{background:#287f3f url(../images/r.png) no-repeat 147px;}
.inpra a:nth-child(odd){float: left}
.inpra a:nth-child(even){float: right}
.inprs{margin-top: 50px;}
.inprs dd{margin-top: 20px;}
.inprs dd a{padding-right: 15px;white-space:nowrap; line-height: 1.5em}
.inso{background: #fff; margin-top: 30px; width: 100%; line-height: 50px; height: 50px;}
.soso{width: 250px; margin-left: 15px; height: 50px; line-height: 50px; float: left}
.sob{background:url(../images/sob.png) no-repeat center; width: 50px; height: 50px; float: right; margin-right: 10px;}

.inpro {
	width:1200px;
	padding-bottom: 20px;
	overflow:hidden;
}
.inpro ul {

}
.inpro li {
	float:left;
	width:33.33333%;
	overflow:hidden;
	padding:10px 0px;
}
.inpro li a {
	float:left;
	display:inline-block;
	width:92%;
	overflow:hidden;
	margin-left:10px;
	border: 1px #e5e5e5 solid;

}

.inpro li a img {
		width: 100%;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}

.inpro li a dt{
	display: block;
	float: left;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 
	padding:0px 20px 30px 20px;
	margin-top: 8px;
	display: block;
	width: 90%;
	font-size: 16px;
	text-align: center;
	
}
.inpro li a dd{width:367px; height: 254px; overflow: hidden}

.inpro li a:hover{background: #26549e; color: #fff}
.inpro li a:hover img{transform: scale(1.1)}





.sw4 {
      width: 1200px;
      height: 100%;
    }
.sw4 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: block;
      justify-content: center;
      align-items: center;
    }

.sw4 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.sw4 .swiper-slide span{display: block;  padding: 20px 0px; line-height: 2em;}
.sw4 .swiper-slide span em{height: 2.5em;line-height: 2.5em; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block; padding: 0px 15px;}
.sw4 .swiper-slide span a{display: block; background: #287f3f; color: #fff; width: 50%; margin: 5px auto 0px auto}
.sw4 .swiper-slide span a:hover{width: 70%; border-radius: 5px;}

.sw4 .swiper-button-next,.sw4 .swiper-button-prev  {
	background: url("../images/jl.png") no-repeat center center;
}
.sw4 .swiper-button-next,.sw4 .swiper-button-next{	background: url("../images/jr.png")  no-repeat center center} 

.sw4 .swiper-pagination {
	background: #ccc;
	position: absolute;
}


/* leftlist */
#leftlist {
	width:999em;
}
/* fontlist */
#fontlist li {
	height:22px;
	line-height:22px;
}
#fontlist li a {
	width:auto;
}

/*product end*/
/*about*/
.bg1{background:#16428e; }
.inabt li{text-align: center; width: 25%; float: left; color: #fff}

.inabtli .icon{width:64px; height:64px; margin:0 auto 10px; transition:all 0.5s ease;}
.inabtli:hover .icon{transform:rotateY(180deg);}

.inabt .t{font-size: 18px; font-weight: bold; line-height: 2.5em}
.inabt .z{line-height: 1.2rem; }
.inabzi{width: 59%}
.inabzi h2{font-size: 30px; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/; float: left; line-height: 1.2em; color: #287f3f; vertical-align: middle}
.inabzi h3{font-weight:bold; font-size: 30px; text-transform: uppercase; color: #dbdbdb; float: left; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ line-height: 1.2em;}
.inabzin{width: 500px; color: #6b6b6b; height: 220px; overflow: hidden;}
.fg{box-shadow: 0 0 8px #6b6b6b;  -moz-box-shadow: 0 0 8px #6b6b6b; -ms-box-shadow: 0 0 8px #6b6b6b; -o-box-shadow: 0 0 8px #6b6b6b;}

.inabvi{width: 40%; background: #ccc}
.inabvi img{width: 100%; height:100%}
/*about end*/
/*case*/
.bt{text-align: center; font-size: 30px;text-transform: uppercase; line-height: 1em;}
.bt span{display: block; font-size: 22px;}



.bigbox {
  overflow: hidden;
  width: 1200px;
  height: 350px;
margin: 0 auto;
	background: #000

}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.inex {
  transition:all .7s ease 0s;
  width: 24%;
	margin: 0.5%;
  height: 400px;
  float: left;
	text-align: center
}
.inex:hover {
transform: scale(1.1);
}

.ineximg{
	z-index: 2;
	right:39px;
}
.ineximg img{	
	width: 100%
}


.inexn{
	width:90%;
	margin: 0 auto;
	height: 335px;
	box-shadow: 0 0 5px #dedede;
	-moz-box-shadow: 0 0 5px #dedede;
	-ms-box-shadow: 0 0 5px #dedede;
	-o-box-shadow: 0 0 5px #dedede;
}
.inexn dt{width: 90%; margin: 0 auto; font-size: 16px; height: 75px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  line-height: 75px;}
.inex img:hover{transform:rotateY(0deg);}
a.more:link,a.more:visited,a.more:active{width:180px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; margin: 0 auto; background: #ff803b; display: block;
	-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in; }
/*case end*/
/*down*/
.down{background:#1d1d1d; background-size:cover; color: #fff; padding: 40px 0px;}
.down a{color: #fff}

/*down end*/

.pro {
	overflow:hidden;
}
.pro ul {

}
.pro li {
	float:left;
	overflow:hidden;
	padding:5px 0px;
}
.pro li a {
	float:left;
	display:inline-block;
	width:23%;
	overflow:hidden;
	margin: 1%;
}

.pro li a:hover{color: #333}

.pro li a:hover img {
transform: scale(1.5);
}



.pro li a img {
	display:block;
	width:100%;

}
.pro li a span{
	display: block;
	line-height: 50px;
	text-align: center;
	height: 50px;
	font-size: 16px;
	padding: 0px 10px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 

}
.pro li a dd{
	width:100%;
	max-height:170px;
	overflow: hidden;
	display: block;
}


.prle{width: 180px; overflow: hidden}
.proa{padding-top: 20px; text-align: center}
.proa a,.proa a:visited,.proa a:active{padding: 12px 30px; background: #3d72cd; text-indent: 1em; color: #fff; line-height: 40px; font-size: 16px; margin: 0px 4px;}
.proa a:hover{background:#ff7b2d; color: #fff; }

.inproa{ margin: 20px 0px; overflow: hidden}
.inproa a,.inproa a:visited,.inproa a:active{width: 160px; text-align: center; float: left; margin:2px; margin-top: 15px;  height: 40px; display: block; text-indent: 1em; color: #333; line-height: 40px; font-size: 16px; border-radius: 5px;}
.inproa a:hover{background:#287f3f; color: #fff}
a.inproaon:link,a.inproaon:visited,a.inproaon:active{background:#287f3f; color: #fff; border-radius: 5px;}


a.proa1:link,a.proa1:visited,a.proa1:active{background:#287f3f url(../images/r.png) no-repeat 147px;}



.ym{width:100%; padding-top:20px; padding-bottom:10px; overflow:hidden; margin-top: 80px; }
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; background: #fff; margin-right:5px; margin-bottom:5px;
}
.ym a:hover{background: #1242b5; color:#FFF; border:solid 1px #cdcdcd;}
a.select{background: #287f3f; color:#FFF; border:solid 1px #ff8e93;}
a.select:hover{	background: #287f3f; color:#FFF; border:solid 1px #287f3f;}
.nlesb a,.nlesb a:visited,.nlesb a:active,.nlesb a:hover{border: 0px; background: none;  text-indent: 0; }
.ndy{background: #fff;  padding: 30px; font-size: 15px; line-height: 1.8em}
.nprot{font-size: 30px;line-height: 2em; margin-bottom: 10px;}
.nproimg{width:100%; text-align: center; }
.nprozi{width: 400px;}
a.nproa:link,a.nproa:visited,a.nproa:active{
	padding: 2px 5px; border: 1px #ccc solid;white-space:nowrap;margin: 3px;float: left
}
.npronbt{border-bottom: 2px #ccc solid}
.npronbt h1{background: #3a7449; color: #fff; width: 150px; line-height: 40px; text-align: center;}
.npronzi{padding: 20px;}

.sx a{ font-size: 16px; border: 1px #d4d4d4 solid; margin-left: 20px; display: block; color: #777777 ;float: left; width: 130px;  padding: 8px; text-align: center;}
.sx a:last-child {float: right; margin-right: 20px;}

.nneimg{width: 250px; height: 175px; overflow: hidden}
.nneri{width: 620px;}
.nneri dt{color: #666666; font-size: 12px;}
.nneri h1{font-size: 16px; font-weight: bold}
.nneri dd{margin-top: 10px; color: #aeaeae}
.nneri em{padding: 0px 20px; border: 1px #ececec solid; margin-top: 20px; float: left; color: #3a7449}
.nneri em:hover{background: #3a7449; color: #fff}
.nnea a,.nnea a:visited,.nnea a:active{border: 1px #fff solid; padding: 6px; overflow: hidden; width:45%;  display: block}
.nnea a:hover{border: 1px #3a7449 solid}


.nnea1 li h1{width: 80%; height: 35px; overflow: hidden; line-height: 35px; font-weight: bold}
.nnea1 li em{font-size: 12px; color: #ccc}
.nnea1 a,.nnea1 a:visited,.nnea1 a:active{padding:20px; border: 1px #e5e5e5 solid; display: block; width: 48%; display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 15px; float: left;}
.nnea1 a:nth-child(even){float: right}

.nnea1 a:hover{border: 1px #1242b5 solid; background: #1242b5; color: #fff}
.nnea1z{width:100%;overflow: hidden; height: 35px; line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.nen h2{width: 100%; border-bottom: 1px #e5e5e5 solid; padding: 10px 0px; line-height: 1.8em; font-size: 20px; font-weight: 500; color: #333333}
.nen em{font-size: 12px; color: #888; padding: 10px 0px; width: 100%; text-align: right; float: left}
.nenz{padding: 20px 5px;  color: #888; min-height: 500px;}
.nenz img{max-width: 100%}
.nen dt img{max-width: 100%}


.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 350px;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	text-align: center;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
	text-align: center;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-align: center
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.6;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;

}

figure.effect-lily figcaption {
	top: auto;
	bottom: 0;
	height: 50%;
	text-align: left;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
	line-height: 2em;
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	opacity: 1;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;

}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transform: scale(1.1)
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
a.more1:link,a.more1:visited,a.more1:active{padding: 15px 50px; margin: 15px; color: #fff; font-size: 16px; line-height: 40px; text-align: center;  }
.morbg{background: #1f4e9f;}
.morbg1{background: #3e73cd;}
.morbg2{background: #ff803b;}
.morbg3{background: #146ebd;}

{}

.jumbo{font-weight: 500}
.bg2{background: url("../images/newbg.jpg") no-repeat top;}

.innew ul li{float: left; margin-bottom: 10px;}
.innew dt{font-size: 16px;}
.innew dd{height: 30px; line-height: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color: #b8c0c9 }
.bg3{background: url("../images/lxbg.jpg") no-repeat top;}
.ly dt{font-size: 16px; margin-top: 20px;}
.ly dd{background: #fff;border: 1px #c4c4c4 solid; padding:6px 10px; border-radius: 5px; }
.ly .lytext{width: 100%}
.more{width: 140px; height: 40px; background: #ff803b; color: #fff; font-size: 16px;}