* {
	margin:0;
	padding:0;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img {
	margin:0;
	padding:0;
	border:0;
}

 .section{ height:950px;}
 
body {
	letter-spacing: 1.5px;
	overflow-y: hidden;
	background:#ffffff;
	color:#333;
	font-size:16px;
	font-family: "Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif";
}
ul, ol, li {
	list-style-type:none;
}
select, input, img, select {
	vertical-align:middle;
}
a {/*
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;*/
}
a {
	text-decoration: none;
	color: #333333;
	outline:none;
}
.flex {
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box; /* Firefox 17- */
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex; /* Firefox 18+ */
	display: -ms-flexbox; /* IE 10 */
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
a:link {
	text-decoration: none;
	outline:none;
}
a:visited {
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}
.section {
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
}


.header {width: 100%;	height: 110px;	line-height: 110px;	position: fixed;	top: 0;	left: 0;	right: 0;	z-index: 2;	background: #ffffff;	box-shadow: 0 2px 10px 0px #d6d3d3;}
.headers {	width: 95%;	margin: 0 auto;	justify-content: space-between;}
.headers .logo {	width: 30%; margin:0 0 0 30px;}
.headers .nav0 { 	letter-spacing: 1.5px !important;	width: 70%;}


@media screen and (max-width:768px){
.header {width: 100%;	height: 80px;	line-height: 110px; box-shadow: 0 2px 10px 0px #d6d3d3;}
.headers {	width: 100%;	margin: 0 auto;  clear:both; display:block }
.headers .logo {	width: 100%; margin:10px 0 0 20px; clear:both; }
.headers .logo img{ width:80%;}
.headers .nav0 { 	letter-spacing: 1.5px !important;	width: 70%;}


}





.gywms {	width: 1580px; height:950px;	margin: 50px auto;	height: 100%;	justify-content: space-between;	align-items: center;}
.gywms>div {width: 50%;}
.gywmright {	margin-left: 80px;}
.gywmright img {width: 100%!important;}
.gywmleft .xian {width: 150px;	height: 3px;	background: #47ad37}
.gywmleft .en {	font-size: 60px;	margin-top: 16px;	margin-bottom: 5px; color:#999;}
.headers .nav .flex li {	position:relative;}
.gywmleft .cn {	font-size: 50px;	font-weight: bold;	letter-spacing: 2px; color:#005bac;}
.gywmleft .er {	margin-top: 40px;	font-size: 16px;	line-height: 28px;	letter-spacing: 1.5px;}
.gywmleft .er .deg {	margin-top: 22px;}

.san_gy {	width: 200px;	margin-top: 50px;}
.san_gy a {	display: block;	text-align: center;	line-height: 60px;	width: 100%;	font-size: 24px;	background: #47ad37;	color: #ffffff;	font-weight: 500;	letter-spacing: 2px; border-radius:20px;}
.san_gy a:hover { background:#005bac}
.san_gy a img {	width: 24px;}
.gywmright .san_gy{ display:none}

@media screen and (max-width:768px){
.section .flex{ display:block}
.gywms{width: 94%; margin:20px auto; height:auto;}
.gywms>div {width: 100%;}
.gywmleft{ width:100%; clear:both;}
.gywmleft .er {	margin-top: 20px; font-size: 16px;	line-height: 28px;	letter-spacing: 1.5px; width:100%; clear:both;text-align: justify; height:200px; overflow:hidden;}	
.gywmright{ width:100%; clear:both;margin-left: 0px!important}
.gywmleft .xian {width: 150px;	height: 3px; text-align:center; margin:auto}
.gywmleft .en {	font-size: 30px;	margin-top: 16px;	margin-bottom: 0; text-align:center;}
.gywmleft .cn {	font-size: 30px;	font-weight: bold; text-align:center}
.gywmleft .san_gy{ display:none}
.gywmright .san_gy{ display:block; margin:10px auto}
.san_gy {	margin-top: 10px;}
}





.jjsgc {
	width: 100%;
	height: 100%;
}
.jjsgcs {
	width: 1580px;
	height: 100%;
	margin: 0 auto;
	position:relative;
	justify-content: space-between;
	align-items: center;
}
.jjsgc .bjs {
	position: absolute;
	width: 39%;
	text-align: right;
	top: 18%;
	bottom: 0;
	right: 0;
	background: #0080c2;
}
.jjsgc .bjs .en {
	margin-top: 10px;
	font-size: 32px;
	margin-bottom: 6px;
	letter-spacing: 1.5px;
}
.jjsgc .bjs .cn {
	font-size: 40px;
	letter-spacing: 1.5px;
}
.jjsgc .tops {
	padding-top: 30px;
	padding-right: 25px;
	color: #ffffff;
}
.jjsgc .tops .xian {
	display: inline-block;
	width: 150px;
	height: 3px;
	background: #ffffff;
}
.jjsgc .lbs {
	padding-right: 60px;
	padding-top: 22px;
}
.jjsgc .lbs p {
	margin-bottom: 15px;
}
.jjsgc .lbs a {
	display: inline-block;
	border:1px solid #ffffff;
	width: 200px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 500;
	border-radius: 5px;
 transition: all .3s;
}
.jjsgc .lbs a:hover {
	background: #15aeb0;
	border: 1px solid #15aeb0;
}
.nrqy {
	margin-top: 16%;
	/* margin-top: 200px; */

  position: relative;
	z-index: 1;
	width: 72%;
}
.nrqy ul {
	flex-wrap: wrap;
	justify-content: space-between;
}
.nrqy ul li {
	width: 31.5%;
	margin-bottom: 30px;
}
.nrqy ul li img {
	width: 100%;
}
.nrqy ul li:hover img {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}


.wmyss {width: 1580px; padding:80px 0 80px 0;	height: 600px;	margin: 0 auto;	flex-direction: column;	justify-content: center;}
.wmyss .smbf {	text-align: center;}
.wmyss .smbf .xian {	width: 150px;	height: 3px;	background: #47ad37;	margin: 0 auto;}
.wmyss .smbf .en {	margin-top: 25px;	font-size: 50px; color:#999;}
.wmyss .smbf .cn {	font-size: 50px;	font-weight: bold;	margin-top: 10px; color:#005bac;}
.wmyss .xmbf {	margin-top: 60px;	letter-spacing: 1.5px;}
.wmyss .xmbf>div {	justify-content: space-between;}
.wmyss .xmbf .list {	width: 33.33%;	justify-content: left;	border-right: 1px solid #ccc;}
.wmyss .xmbf .dyc {	border-bottom: 1px solid #ccc;}
.wmyss .xmbf .dyc .list {	padding-bottom: 45px;	padding-top: 30px; padding-left:50px;}
.wmyss .xmbf .dyc .list:last-child {	border: none; }
.wmyss .xmbf .dec .list {	padding-top: 45px;	padding-bottom: 30px;padding-left:50px;}
.wmyss .xmbf .dec .list:last-child {	border: none;}
.wmyss .xmbf .ico {	margin-right: 20px;}
.wmyss .xmbf .title {	font-size: 28px;	color: #005bac;}
.wmyss .xmbf .descr {	font-size: 18px;	color: #666;	margin-top: 0;}
.wmyss .xmbf .ico {	align-items: center;}

@media screen and (max-width: 768px) {
.wmyss {width: 100%; padding:80px 0 80px 0;	height: auto;}
.wmyss .smbf .en {	margin-top: 15px;	font-size: 30px; }
.wmyss .smbf .cn {	font-size: 30px;	margin-top: 0px; }
.wmyss .xmbf {	margin-top: 25px;}
.wmyss .xmbf .list {	width: 49.99%;	justify-content: left;	border-right: 1px solid #ccc;}
.wmyss .xmbf .dyc .list {	padding-bottom: 15px;	padding-top: 5px; padding-left:10px;}
.wmyss .xmbf .dec .list {	padding-top: 15px;	padding-bottom: 15px;padding-left:10px;}
.wmyss .xmbf .title {	font-size: 18px; text-align:center; padding:0 0 5px 0}
.wmyss .xmbf .descr {	font-size: 13px;	}

}




.protwo {	background: url(../images/product_bg.jpg) center center no-repeat;	background-size: cover;}
.protwos {	width: 1580px;	height: 950px;	margin: 0 auto;	position: relative;	align-items: center;}
.protwos .abs {	position: absolute;	width: 100%;	left: 0;	top: 70px;	max-height:400px;	bottom: 10%;	color:#ffffff;	background-color: rgba( 0, 104, 198, 0.7)}
.protwos .lmnr {	padding-top: 20px;	padding-left: 0;	color: #ffffff;	position: relative;}
.protwos .abs .xian {	width: 150px;	height: 3px;	background: #ffffff;}
.protwos .abs .en {	font-size: 50px;	margin-top: 15px; text-align:center;}
.protwos .abs .cn {	font-size: 50px;	margin-top: 10px; margin-bottom:10px;	font-weight: bold;text-align:center;}
.protwos .cplb {	margin-top: 22px;	width: 90%;	flex-wrap: wrap;	justify-content: space-between;  margin-left:0;position:absolute;right:5%;}
.protwos .cplb p {	width: 21%; margin:0 30px 35px 0;}
.protwos .cplb p:nth-child(4n) {margin:0 0 35px 0;}
.protwos .cplb p a {	display: block;	width: 100%;	border: 1px solid #ffffff;	border-radius: 6px;	text-align: center;	color: #ffffff;	font-size: 22px;	line-height: 50px;	font-weight: 100; transition: all .3s;}
.protwos .cplb p a:hover {	background: #47ad37;	border: 1px solid #47ad37;}
.proList {	margin-top: 470px;	position: relative;	z-index: 1;	margin-left: 33%;	width: 67%;}
.proList .wrap{width:1580px; margin:auto;}
.proList li {	width: 19.5%;	margin-bottom: 20px; height:380px; text-align:center}
.proList li img {	width: 100%; transition: all .3s; height:340px;}
.proList li a {	display: block;	position: relative;}
.proList li a .thumb {	overflow: hidden;	max-height: 340px;}
.proList li:hover .thumb img {	width: 100%;	height: 100%;	object-fit: cover;	transform: scale(1.1);}
.proList .title {	position: absolute;	bottom: 0;	left: 0;	right: 0;	line-height: 40px; height:40px;	color: #ffffff;	padding: 0 10px;	background: #005bac; transition: all .3s; text-align:center;}
.proList li:hover .title {	background:#47ad37;	color: #fff;}
@media screen and (max-width: 768px) {
.protwos {	width: 100%;	height: 950px;	}
.protwos .abs .xian {	width: 150px; margin:auto}
.protwos .abs .en {	font-size: 30px;	margin-top: 15px; }
.protwos .abs .cn {	font-size: 30px;	margin-top: 10px; margin-bottom:10px;}
.protwos .cplb {	margin: 22px auto 0 auto;	width: 100%;	text-align:center;  right:0%;}
.protwos .cplb p {	width: 43.99%; margin:0 15px 15px 15px; display:block; float:left}
.protwos .cplb p:nth-child(2n) {margin:0 0 15px 0;}
.protwos .cplb p a {font-size: 18px;	line-height: 40px;	}

.proList {	margin-top: 500px;	position:absolute;	z-index: 1;	margin-left: 0%;	width: 100%; overflow:hidden;}
.proList .wrap{width:1550px!important; margin:auto; }
.proList li {	width: 370px!important;	margin:auto 0 20px auto; height:380px; }

}



.gylc{ width:1580px; margin:auto; height:950px;}
.gylc .lmnr {	padding-top: 50px;	padding-left: 30px;	color: #ffffff;	position: relative;}
.gylc .abs .xian {	width: 150px;	height: 3px;	background: #ffffff;}
.gylc .abs .en {	font-size: 50px;	margin-top: 45px; text-align:center;}
.gylc .abs .cn {	font-size: 50px;	margin-top: 10px; margin-bottom:70px;	font-weight: bold;text-align:center;}
@media screen and (max-width: 768px) {
.section0{ height:auto!important;}
.gylc{ width:100%; margin:auto; text-align:center; height:auto}
.gylc .lmnr {	padding-top: 20px;	padding-left: 0;	}
.gylc .abs .xian {	; text-align:center}
.gylc .abs .en {	font-size: 30px;	margin-top: 15px; }
.gylc .abs .cn {	font-size: 30px;	margin-top: 0px; margin-bottom:30px;}
.gylc img{ width:94%; margin:0 auto 50px auto;}	
}






.cases {	width: 1580px;	height: 950px;	margin:0 auto;	justify-content: space-between;	align-items: center;}
.caseleft {	width: 25%;}
.rightcase {	width: 70%;}
.caseleft .xian {	width: 150px;	height: 3px;	background: #47ad37;	margin-bottom: 25px;}
.caseleft .en {	font-size: 50px; color:#999;}
.caseleft .cn {	font-size: 50px;	font-weight: bold;	margin-top: 12px; color:#005bab;}
.caseleft .mores {	margin-top: 100px;}
.rightcase {	margin-top: 0px;}
.rightcase ul {	flex-wrap: wrap;	justify-content: space-between; }
.rightcase ul li {	width: 33%;	padding-top: 10px;	padding-bottom: 50px; height:410px;}
.rightcase ul li a {	display: block;	padding: 10px;}
.rightcase ul li a:hover{ background:#f5f5f5; color:#47ad37;}
.rightcase ul li img {	width: 100%; height:340px;}
.rightcase .title {font-size: 20px;	font-weight: 100;	margin-bottom: 10px; height:50px; line-height:60px; text-align:center;}
@media screen and (max-width: 768px) {
.cases {	width: 100%;	height: auto;	}
.caseleft {	width: 100%;}
.rightcase {	width: 100%!important; clear:both; margin-top: 20px;}
.caseleft .xian {	width: 150px; margin:25px auto}
.caseleft .en {	font-size: 30px; text-align:center}
.caseleft .cn {	font-size: 30px;	margin-top: 0px; text-align:center;}
.rightcase ul li {	width: 100%; height:auto;	padding-top: 0px;	padding-bottom: 15px; height:auto; }
.rightcase ul li img {	width: 100%; height:20rem;}

.caseleft .mores { display:none;}


}




.fwxm {	background: url(../images/fwxm.jpg) center center no-repeat;	background-size: cover;}
.jishu {	width: 1580px;	margin: 0 auto;	height: 950px;	flex-direction: column;	justify-content: center;}
.jishu .top {	text-align: center;	color: #ffffff;}
.jishu .en {	font-size: 50px;	margin-bottom: 10px;}
.jishu .cn {	font-size: 50px;	font-weight: bold;	letter-spacing: 2px;}
.fwxmlb {	margin-top: 40px;}
.fwxmlb .left{background-color: rgba( 0, 104, 198, 0.7); padding:15px; float:left; width:46%;}
.fwxmlb .right{background-color: rgba( 0, 104, 198, 0.7); padding:15px; float:right; width:46%;}
.jishu table td{ padding:18px; border:1px solid #fff; color:#fff; font-size:22px;}

@media screen and (max-width: 768px) {
.jishu {	width: 100%;	height: auto; padding:0 0 10p 0}
.jishu .en {	font-size: 30px;	padding: 20px 0 5px 0;}
.jishu .cn {	font-size: 30px; }
.fwxmlb {	margin-top: 20px;}
.fwxmlb .left{padding:15px; float:none; width:88%; margin:auto}
.fwxmlb .right{padding:15px; float:none; width:88%; margin:10px auto 10px auto}
.jishu table td{ padding:10px; font-size:14px;}
	
}




.jsyy {	background: url(../images/jsyy.jpg) center center no-repeat;	background-size: cover;}
.jsyys {	width: 1580px;	margin: 0 auto;	height: 100%;	flex-direction: column;	justify-content: center;}
.jsyys .top {	text-align: center;}
.jsyys .xian {	width: 150px;	height: 3px;	background: #47ad37;	margin: 0 auto;	margin-bottom: 25px;}
.jsyys .en {	font-size: 50px;	margin-bottom: 10px; margin:80px 0 0 0;}
.jsyys .cn {	font-size: 50px;	font-weight: bold;	color:#005bab;}
.jsyylist {	padding: 60px 0;	flex-wrap: wrap;	justify-content: space-between;}
.jsyylist .lists {	width: 45%;	 border-bottom:1px dotted #ddd; }
.jsyylist .lists a {	position: relative;	justify-content: flex-start; padding:25px 5px; }
.jsyylist .lists a:hover { background:#f7f7f7;}
.jsyylist .lists .time {	width: 14%;border-right:2px solid #ccc;}
.jsyylist .lists .btms {	width: 81%; margin:0 0 0 50px;}
.jsyylist .lists .ri {	font-size: 40px;	color: #c3c3c3;	font-weight: bold;}
.jsyylist .lists .year {	font-size: 12px;	color: #c3c3c3;}
.jsyylist .lists .title {	font-size: 24px;	color: #44af34;	font-weight: 500;	padding-bottom: 10px; height:auto!important;}
.jsyylist .lists .description {	font-size: 18px;	color: #666;}
@media screen and (max-width: 768px) {
.jsyys {	width: 94%; height: auto; margin:auto;}
.jsyys .xian {	width: 150px; margin-bottom: 25px;}
.jsyylist {	padding: 20px 0;	}
.jsyys .en {	font-size: 30px;	 margin:30px 0 0 0;}
.jsyys .cn {	font-size: 30px;	}
.jsyylist .lists {	width: 100%; display:block; }
.jsyylist .lists a {	padding:15px 0; }
.jsyylist .lists .btms {	width: 85%; margin:0 0 0 40px;}
.jsyylist .lists .ri {	font-size: 22px;	float:left}
.jsyylist .lists .title {	font-size: 22px;	padding-bottom: 5px; float:left}
.jsyylist .lists .description {	font-size: 14px; clear:both; }

}



.footer {background: url(../images/footer.jpg) center center no-repeat;	background-size: cover;	position: relative;	height: 100%;	padding:150px 0 150px 0;}
.footers {	width: 1020px;	margin:auto;	background:#0068c6;	padding:90px;	color:#ffffff;	background-color: rgba( 0, 104, 198, 0.7)}
.footerright {	width: 100%;	height: 100%;	color: #ffffff;}
.footerright .title {	font-size: 46px;	clear:both;	margin-bottom: 100px;	display:block;	color: #ffffff;}
.footerright .lxxx {	clear:both;	margin-top: 30px;	font-size: 22px;}
.footerright .lxxx p {	margin-bottom: 15px;	line-height: 30px;	display:block;	float:left;	color: #ffffff;}
.footerright .bqsy {	font-size: 14px;	color: #efeaea;}
.footerright .bqsy a {	font-size: 14px;	color: #efeaea;}
@media screen and (max-width: 768px) {
.footer {height: auto;	padding:40px 0 40px 0; display:none}
.footers {	width: 100%;	padding:20px;}
.footerright .title {	font-size: 24px;	margin-bottom: 10px;}
.footerright .lxxx {	clear:both; margin-top: 30px;	font-size: 20px; display:block}
}


#radioWrap {
	width:20px;
	height:280px;
	position:absolute;
	right:5%;
	top:50%;
	z-index: 2;
	margin-top: -90px;
}
#radio {
	width:100%;
	height:100%;
	overflow: hidden;
}
#radio li {
	width:20px;
	height:20px;
	background-color: rgba(255, 255, 255, 0.5);
	text-indent: -10000px;
	border-radius: 50%;
	margin-top: 12px;
	cursor:pointer;
}
#radio li:first-child {
	margin-top:0;
}
/*

  set position to absolute(essential).

  use margin to adjust gaps between LIs because ApplikeOnePage.js uses .outerHeight(true) method

  to measure the interval gap to which each radio buttons are placed.

*/

#radioOn {
	width:20px;
	height:20px;
	margin-bottom:12px;
	position: absolute;
	top:0;
	left:0;
	background-color: #fff;
	border-radius: 50%;
}
/* 内页样式 */

  .nybanner {
	margin-top: 80px;
}
.nybanner img {
	width: 100%;
}
/*浮动*/
		.new-float {
	position: fixed;
	right: -3px;
	top: 40%;
	z-index: 50;
	width: 77px;
	height: 374px;
}
.new-float li {
	position: relative;
	width: 77px;
	height: 57px;
	margin-bottom: 1px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
/*.new-float li.hover{overflow: hidden;}*/
		.new-float li a {
	display: inline-block;
	color: #fff;
}
.new-float li a.tit {
	width: 77px;
	height: 56px;
	color: #fff;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 78px;
}
.new-float li p {
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 30px;
	cursor: pointer;
}
.new-float li.fi a {
	background: url(../images/on_line.png) no-repeat 0px 0px;
}
.new-float li.tp a {
	background: url(../images/on_line.png) no-repeat 0px -171px;
}
.new-float li.th a {
	background: url(../images/on_line.png) no-repeat 0px -57px;
}
.new-float li.fo a.tit {
	background: url(../images/on_line.png) no-repeat 0px -114px;
}
.new-float li.th1{
	background: url(../images/nav_right_weixin.png) #fff no-repeat;;
	width: 100%;
	height: 57px;
}
/*.new-float li.fif p{background: url(img/bg_float05.png) no-repeat;}*/
		.new-float li .tel {
	position: absolute;
	left: 75px;
	top: 0;
	z-index: 1;
	width: 184px;
	height: 56px;
	font: 24px/57px Arial;
	color: #fff;
	background: #45af35;
	cursor: pointer;
}
.new-float a.mof {
	display: inline-block;
	width: 78px;
	height: 71px;
	padding: 12px 11px 0 12px;
	margin-top: 10px;
 *margin-top: 7px;
	background: url(../images/on_line.png) no-repeat 0px -239px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
}
.new-float li.th1 {
	position: relative;
}
.new-float li.th1 img {
	position: absolute;
	top: 0;
	left: -120px;
	width: 120px;
	display: none;
}
 @media (max-width: 767px) {
 .new-float li.fi {
 display: none
}
 .new-float li.th {
 display: none
}
 .new-float li.fo {
 display: none
}
}