/*body,

div,

ul,

li,

a,

ol,

dl,

dt,

dd,

p,

h1,

h2,

h3,

h4,

h5,

form,

input,

span,

label,

b {

	margin: 0;

	padding: 0;

	line-height: 100%;

	text-decoration: none;

	box-sizing: border-box;

}



body {

	background-color: #FFFFFF;

	margin: 0;

	font-family: 'Source Han Sans CN';

}





ul {

	list-style: none;

}



li {

	list-style: none;

}



button {

	border: none;

}



img,

input {

	outline: none;

	line-height: normal;

}



input[type=button],

input[type=submit],

input[type=file],

button {

	cursor: pointer;

	-webkit-appearance: none;

}



a {

	-webkit-tap-highlight-color: transparent;

}



textarea {

	resize: none;

	font-family: 'Source Han Sans CN';

}



h1,

h2,

h3,

h4,

h5 {

	font-weight: normal;

}



i,

em {

	font-style: normal;

}



a:hover {

	text-decoration: none;

}



.clearfix:after {

	content: "";

	display: block;

	height: 0%;

	clear: both;

}



header {

	width: 100%;

	background-color: #FFFFFF;

	padding: 10px 0;

}



.header {

	width: 1200px;

	margin: auto;

	height: 70px;

}



.headerlogo {

	height: 100%;

}



.header1melang {

	float: right;

	margin-left: 35px;

	position: relative;

	margin-top: 15px;

	z-index: 2;

}



.header1melang1 img {

	height: 20px;

	margin-top: 10px;

	cursor: pointer;

}



.header1me2 a img {

	width: 24px;

	height: 16px;

	float: left;

	margin-right: 5px;

	margin-top: 9px;

}



.header1me2 {

	position: absolute;

	top: 40px;

	left: -93px;

	width: 220px;

	display: none;

	background-color: #FFFFFF;

	padding: 15px 15px;

	-moz-box-shadow: 0px 2px 5px #BABABA;

	-webkit-box-shadow: 0px 2px 5px #BABABA;

	box-shadow: 0px 2px 5px #BABABA;

}



.header1me2:after {

	content: '';

	width: 0;

	height: 0;

	position: absolute;

	top: -8px;

	left: 0;

	right: 0;

	margin-left: auto;

	margin-right: auto;

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;

	border-bottom: 8px solid #ffffff;

}



.header1me2 a {

	width: 100%;

	display: block;

	color: #666666;

	border-bottom: 1px solid #DDDDDD;

}



.header1me2 a:last-child {

	border-bottom: none;

}



.header1me2 a span {

	font-size: 14px;

	line-height: 35px;

	transition: all 0.3s ease;

}



.header1me2 a:hover>span {

	color: #00A7E1;

}



.header1 {

	float: right;

}



.headermenu {

	float: right;

}



.headermenu a {

	display: block;

	line-height: 70px;

	float: left;

	margin-right: 30px;

	font-size: 15px;

	color: #000000;

}



.headermenu a:hover {

	color: #00A7E1;

}



.headermenu .headermenuxz {

	color: #00A7E1;

}*/



.index01 {

	width: 100%;

	padding: 50px 0;

}



.index01main {

	width: 1200px;

	margin: auto;

}



.index01lb {

	width: 100%;

	float: left;

}



.index01lb li {

	width: 31.33%;

	float: left;

	padding: 20px;

	border-radius: 20px;

	background-color: #9fbf3e;

}



.index01lb li a h4 {

	font-size: 18px;

	line-height: 20px;

	color: #FFFFFF;

}



.index01lb li a h4 i {

	float: right;

	font-size: 18px;

	line-height: 20px;

	color: #FFFFFF;

}



.index01lb li:nth-child(2) {

	background-color: #0070c0;

	margin: 0 3%;

}



.index01lb li:nth-child(3) {

	background-color: #fbcb39;

}



.index01lb li a img {

	width: 100%;

	margin: 15px 0;

}



.index01lb li a p {

	text-align: center;

	color: #FFFFFF;

	font-size: 15px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.index02 {

	width: 100%;

	padding: 50px 0;

}



.index02main {

	width: 1200px;

	margin: auto;

}



.index02left {

	width: 100%;

	float: left;

}



.indexnewtit {

	font-size: 20px;

	color: #222222;

	border-bottom: 1px solid #DDDDDD;

	padding-left: 30px;

	position: relative;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



.indexnewtit:after {

	content: '';

	width: 13px;

	height: 13px;

	position: absolute;

	left: 0;

	top: 4.5px;

	background-color: #0070c0;

}



.indexnew {

	width: 32.33%;

	float: left;

}



.indexnew:nth-child(3) {

	margin: 0 1.5%;

}



.indexnewleft {

	width: 100%;

	float: left;

}



.indexnewright {

	width: 100%;

	float: right;

	margin-top: 10px;

}



.indexnewright h4 {

	font-size: 18px;

	color: #000000;

	margin-bottom: 10px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.indexnewright p {

	font-size: 15px;

	line-height: 25px;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 2;

	-moz-box-orient: vertical;

	display: -o-box;

	-o-line-clamp: 2;

	-o-box-orient: vertical;

}



.indexnewright a {

	display: inline-block;

	padding: 5px 20px;

	border: 1px solid #aaaaaa;

	font-size: 13px;

	color: #666666;

	margin-top: 10px;

	transition: all 0.3s ease;

}



.indexnewright a:hover {

	background-color: #000000;

	border: 1px solid #000000;

	color: #FFFFFF;

}



.index02right {

	width: 31%;

	float: right;

	background-color: #f2f2f2;

	text-align: center;

	padding: 30px 40px;

}



.index02right h4 {

	font-size: 25px;

	color: #000000;

}



.index02right div {

	margin: 10px 0;

	text-align: left;

	height: 75px;

	overflow: hidden;

}



.index02right div p {

	font-size: 14px;

	line-height: 25px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	display: -moz-box;

	-moz-line-clamp: 3;

	-moz-box-orient: vertical;

	display: -o-box;

	-o-line-clamp: 3;

	-o-box-orient: vertical;

}



.index02right img {

	width: 100%;

	margin-bottom: 10px;

}



.index02right a {

	padding: 5px 15px;

	border: 1px solid #aaaaaa;

	font-size: 13px;

	color: #666666;

	transition: all 0.3s ease;

}



.index02right a:hover {

	background-color: #000000;

	border: 1px solid #000000;

	color: #FFFFFF;

}



.index02tit {

	text-align: center;

	font-size: 20px;

	color: #00a3e3;

	margin-top: 0;

	margin-bottom: 40px;

}



/*footer {

	width: 100%;

	background-color: #f5f5f5;

	padding-top: 50px;

	padding-bottom: 20px;

}



.footer {

	width: 1200px;

	margin: auto;

	border-bottom: 1px solid #dddddd;

	padding-bottom: 15px;

	margin-bottom: 15px;

}



.footermenu {

	width: 70%;

	float: left;

}



.footermenu1 {

	width: 25%;

	float: left;

	padding-right: 10px;

}



.footermenu1 h4 {

	font-size: 18px;

	color: #000000;

	margin-bottom: 5px;

}



.footermenu1 a {

	font-size: 14px;

	line-height: 30px;

	display: block;

	color: #666666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.footerewm {

	width: 25%;

	float: right;

}



.footerewm h4 {

	width: 47%;

	float: left;

	font-size: 18px;

	font-weight: bold;

	text-align: right;

	margin-top: 49px;

}



.footerewm h4 span {

	font-size: 15px;

	color: #666666;

	display: block;

	margin-top: 5px;

}



.footerewm img {

	width: 47%;

	float: right;

}



.footer1 {

	width: 1200px;

	margin: auto;

}



.footer1left {

	float: left;

	font-size: 14px;

	color: #666;

	margin-top: 10px;

}



.footer1left a {

	color: #666;

}



.footer1right {

	float: right;

	text-align: right;

}



.footer1right h4 {

	font-size: 15px;

	color: #666666;

	margin-bottom: 5px;

}



.footer1right p {

	font-size: 15px;

	color: #00a3e3;

}*/



.banner {

	width: 100%;

	margin-bottom: 40px;

}



.banner img {

	width: 100%;

}



.bannerlj {

	width: 1000px;

	margin: auto;

	margin-top: -20px;

	text-align: center;

}



.bannerlj a {

	display: inline-block;

	width: 17.5%;

	margin: 0 0.5%;

	text-align: center;

	line-height: 40px;

	background-color: #eeeeee;

	color: #000000;

	font-size: 15px;

	transition: all 0.3s ease;

}



.bannerlj .bannerljxz {

	background-color: #0070c0;

	color: #FFFFFF;

}



.bannerlj a:hover {

	background-color: #00a2e3;

	color: #FFFFFF;

}



.about1 {

	width: 100%;

	padding: 50px 0;

}



.about1main {

	width: 1200px;

	margin: auto;

	position: relative;

}



.about1left {

	width: 49%;

	float: left;

}



.aboutright {

	width: 49%;

	float: right;

}



.aboutright h4 {

	font-size: 30px;

    color: #00A2E3;

    margin-top: 30px;

    font-weight: bold;

    margin-bottom: 20px;

}



.aboutright div p {

	font-size: 16px;

    line-height: 34px;

    color: #666;

}



.aboutms {

	width: 58%;

	position: absolute;

	right: 0;

	bottom: 0;

}



.aboutms1 {

	width: 33.33%;

	float: left;

	padding: 10px 25px;

	background-color: #0070c0;

}



.aboutms1:nth-child(2) {

	background-color: #257bb9;

}



.aboutms1:nth-child(3) {

	background-color: #548fba;

}



.aboutms1left {

	float: left;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-color: #FFFFFF;

	font-size: 35px;

	text-align: center;

	line-height: 50px;

	color: #0070c0;

}



.aboutms1left i {

	font-size: 35px;

	line-height: 50px;

}



.aboutms1right {

	float: left;

	margin-left: 10px;

}



.aboutms1right h4 {

	font-size: 14px;

	color: #FFFFFF;

	padding-top: 5px;

}



.aboutms1right span {

	display: block;

	width: 20px;

	height: 2px;

	background-color: #FFFFFF;

	margin: 11px 0;

}



.aboutms1right p {

	font-size: 18px;

	color: #FFFFFF;

}



.about2 {

	width: 100%;

	padding: 60px 0;

	margin-bottom: 50px;

}



.about2main {

	width: 1200px;

	margin: auto;

}



.about2tit h4 {

	font-size: 20px;

	color: #00A2E3;

	margin-bottom: 15px;

	font-weight: bold;

}



.about2tit p {

	font-size: 15px;

	color: #000000;

}



.about2lb {

	width: 40%;

	float: left;

	margin-top: 40px;

}



.about2right {

	width: 50%;

	float: right;

}



.about2lb li {

	width: 48%;

	float: left;

}



.about2lb li:nth-child(2n) {

	float: right;

}



.about2lb li:nth-child(1),

.about2lb li:nth-child(2) {

	margin-bottom: 50px;

}



.about2lb li div {

	width: 100px;

	height: 100px;

	line-height: 100px;

	text-align: center;

	background-color: #0070C0;

	border-radius: 50%;

	margin: auto;

}



.about2lb li div i {

	font-size: 40px;

	color: #FFFFFF;

}



.about2lb li p {

	text-align: center;

	font-size: 15px;

	color: #000000;

	margin-top: 15px;

}



.culture {

	width: 100%;

	padding: 50px 0;

}



.culturemain {

	width: 1200px;

	padding: 80px 20px;

	margin: auto;

	background: url(../images/about2bj.jpg) center center no-repeat;

}



.culturemain h4 {

	font-size: 23px;

	color: #00A2E3;

	text-align: center;

	font-weight: bold;

	margin-bottom: 25px;

}



.culturemain h5 {

	font-size: 14px;

	line-height: 25px;

	margin-bottom: 40px;

	color: #666666;

}



.culturemain p {

	font-size: 14px;

	line-height: 25px;

	color: #666666;

}



.culturelb {

	width: 90%;

	margin-left: 5%;

	float: left;

}



.culturelb li {

	width: 28.33%;

	float: left;

	margin-right: 7.5%;

	padding: 15px 30px;

	border-left: 4px solid #007AFF;

	background-color: rgba(255, 255, 255, 0.7);

}



.culturelb li:last-child {

	margin-right: 0;

}



.culturelb li h3 {

	font-size: 16px;

	margin-bottom: 10px;

}



.culturelb li p {

	font-size: 14px;

	line-height: 24px;

	color: #666666;

	height: 48px;

	overflow: hidden; 

	text-overflow: ellipsis; 

	display: -webkit-box; 

	-webkit-line-clamp: 2; 

	-webkit-box-orient: vertical; 

	display: -moz-box; 

	-moz-line-clamp: 2; 

	-moz-box-orient: vertical; 

	display: -o-box; 

	-o-line-clamp: 2; 

	-o-box-orient: vertical; 

}



.strength {

	width: 100%;

	padding: 50px 0;

	background: url(../images/about3bj.jpg) center center no-repeat;

}



.strengthmain {

	width: 1000px;

	margin: auto;

}



.strengthtit {

	font-size: 23px;

	color: #00A2E3;

	text-align: center;

	font-weight: bold;

	margin-bottom: 25px;

}



.strengthlb {

	width: 100%;

}



.strengthlb li {

	width: 50%;

	float: left;

	text-align: center;

}



.strengthlb li div {

	width: 120px;

	height: 120px;

	display: inline-block;

	text-align: center;

	line-height: 100px;

	background-color: #e5e5e5;

	margin-bottom: 15px;

}



.strengthlb li div i {

	font-size: 50px;

	line-height: 120px;

	color: #0068b9;

}



.strengthlb li h4 {

	font-size: 18px;

	color: #000000;

	margin-bottom: 15px;

}



.strengthlb li p {

	font-size: 15px;

	line-height: 25px;

	color: #000000;

}



.talent {

	width: 100%;

	padding: 50px 0;

}



.talentmain {

	width: 1000px;

	margin: auto;

}



.talentfllb {

	width: 100%;

	float: left;

	margin-bottom: 30px;

}



.talentfllb li {

	width: 22%;

	float: left;

	margin: 15px 0;

	margin-right: 4%;

	padding: 0 10px;

	background-color: #EEEEEE;

	text-align: center;

	transition: all 0.3s ease;

}



.talentfllb li:nth-child(4n) {

	margin-right: 0;

}



.talentfllb li a {

	display: inline-block;

	line-height: 70px;

	font-size: 16px;

	color: #000000;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all 0.3s ease;

}



.talentfllb .talentfllbxz {

	background-color: #0070C0;

}



.talentfllb .talentfllbxz a {

	color: #FFFFFF;

}



.talentfllb li:hover {

	background-color: #00A2E3;

}



.talentfllb li:hover>a {

	color: #FFFFFF;

}



.talentnr {

	width: 100%;

}



.talentnrtit {

	font-size: 16px;

	padding-bottom: 15px;

	margin-bottom: 35px;

	color: #000000;

	border-bottom: 1px solid #dddddd;

}



.talentnrtit i {

	font-size: 28px;

	color: #0070C0;

	margin-right: 5px;

	vertical-align: middle;

}



.talentnrtit span {

	color: #00A2E3;

}



.talentnr1tit {

	font-size: 18px;

	color: #00A2E3;

	margin-bottom: 35px;

}



.talentnr2tit {

	font-size: 15px;

	color: #00A2E3;

	margin-bottom: 15px;

}



.talentnr21 p {

	font-size: 14px;

	line-height: 25px;

	color: #000000;

}



.talentnr2 {

	width: 100%;

	margin-bottom: 20px;

}



.talentnr3 {

	font-size: 14px;

	line-height: 25px;

	color: #000000;

	margin-bottom: 15px;

}



.talentnr3 span {

	color: #00A2E3;

	font-size: 15px;

}



.gallery img {

	height: 100%;

	width: 100%;

}



.gallery a {

	width: 22%;

	float: left;

	margin: 10px 0;

	margin-right: 4%;

	display: inline-block;

}



.gallery a:nth-child(4n) {

	margin-right: 0;

}



.baguetteBoxOne {

	width: 100%;

	margin: 0 auto;

}



.gallery a p {

	text-align: center;

	font-size: 15px;

	color: #222222;

	line-height: 20px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}





/* Highlight.js Tomorrow Night style */



.hljs-comment {

	color: #969896

}



.hljs-tag {

	color: #f8f8f2

}



.css .hljs-class,

.css .hljs-id,

.css .hljs-pseudo,

.hljs-attribute,

.hljs-regexp,

.hljs-title,

.hljs-variable,

.html .hljs-doctype,

.ruby .hljs-constant,

.xml .hljs-doctype,

.xml .hljs-pi,

.xml .hljs-tag .hljs-title {

	color: #c66

}



.hljs-built_in,

.hljs-constant,

.hljs-literal,

.hljs-number,

.hljs-params,

.hljs-pragma,

.hljs-preprocessor {

	color: #de935f

}



.css .hljs-rules .hljs-attribute,

.ruby .hljs-class .hljs-title {

	color: #f0c674

}



.hljs-header,

.hljs-inheritance,

.hljs-string,

.hljs-value,

.ruby .hljs-symbol,

.xml .hljs-cdata {

	color: #b5bd68

}



.css .hljs-hexcolor {

	color: #8abeb7

}



.coffeescript .hljs-title,

.hljs-function,

.javascript .hljs-title,

.perl .hljs-sub,

.python .hljs-decorator,

.python .hljs-title,

.ruby .hljs-function .hljs-title,

.ruby .hljs-title .hljs-keyword {

	color: #81a2be

}



.hljs-keyword,

.javascript .hljs-function {

	color: #b294bb

}



.hljs {

	display: block;

	overflow-x: auto;

	background: #35383C;

	color: #c5c8c6;

	padding: .8em

}



.coffeescript .javascript,

.javascript .xml,

.tex .hljs-formula,

.xml .css,

.xml .hljs-cdata,

.xml .javascript,

.xml .vbscript {

	opacity: .5

}



#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1000000;

	background-color: #222;

	background-color: rgba(0, 0, 0, .8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease

}



#baguetteBox-overlay.visible {

	opacity: 1

}



#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center

}



#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%

}



#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);

	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);

	box-shadow: 0 0 8px rgba(0, 0, 0, .6)

}



#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0, 0, 0, .6);

	font-family: sans-serif

}



#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}



#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -moz-transform .4s ease;

	transition: left .4s ease, transform .4s ease

}



#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out

}



#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out

}



.baguetteBox-button#next-button,

.baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px

}



.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	-moz-border-radius: 15%;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50, 50, 50, .5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease

}



.baguetteBox-button:hover {

	background-color: rgba(50, 50, 50, .9)

}



.baguetteBox-button#next-button {

	right: 2%

}



.baguetteBox-button#previous-button {

	left: 2%

}



.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px

}



.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0

}



.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px

}



.double-bounce1,

.double-bounce2 {

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out

}



.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s

}



@-webkit-keyframes bounceFromRight {

	0% {

		margin-left: 0

	}

	50% {

		margin-left: -30px

	}

	100% {

		margin-left: 0

	}

}



@keyframes bounceFromRight {

	0% {

		margin-left: 0

	}

	50% {

		margin-left: -30px

	}

	100% {

		margin-left: 0

	}

}



@-webkit-keyframes bounceFromLeft {

	0% {

		margin-left: 0

	}

	50% {

		margin-left: 30px

	}

	100% {

		margin-left: 0

	}

}



@keyframes bounceFromLeft {

	0% {

		margin-left: 0

	}

	50% {

		margin-left: 30px

	}

	100% {

		margin-left: 0

	}

}



@-webkit-keyframes bounce {

	0%,

	100% {

		-webkit-transform: scale(0);

		transform: scale(0)

	}

	50% {

		-webkit-transform: scale(1);

		transform: scale(1)

	}

}



@keyframes bounce {

	0%,

	100% {

		-webkit-transform: scale(0);

		-moz-transform: scale(0);

		transform: scale(0)

	}

	50% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1)

	}

}



.honor {

	width: 100%;

	padding: 50px 0;

}



.honormain {

	width: 1200px;

	margin: auto;

}



.product {

	width: 1200px;

	margin: auto;

	padding: 50px 0;

}



.producttit {

	width: 100%;

	text-align: center;

	margin-bottom: 40px;

}



.producttit a {

	width: 18%;

	display: inline-block;

	line-height: 50px;

	background-color: #eeeeee;

	color: #222222;

	margin: 0 5px;

	font-size: 15px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all 0.3s ease;

}



.producttit .producttitxz {

	background-color: #0070C0;

	color: #FFFFFF;

}



.producttit a:hover {

	background-color: #00A2E3;

	color: #FFFFFF;

}



.productlb {

	width: 100%;

	float: left;

}



.productlb li {

	width: 30.33%;

	float: left;

	padding: 10px 0;

	margin-right: 4.5%;

	transition: all 0.3s ease;

}



.productlb li:hover {

	transform: scale(1.02);

}



.productlb li:hover>a img {

	-moz-box-shadow: 0px 0px 5px #1F8AC0;

	-webkit-box-shadow: 0px 0px 5px #1F8AC0;

	box-shadow: 0px 0px 5px #1F8AC0;

}



.productlb li:nth-child(3n) {

	margin-right: 0;

}



.productlb li a img {

	width: 100%;

	transition: all 0.3s ease;

}



.productlb li a div {

	width: 100%;

	margin-top: 10px;

}



.productlb li a div h4 {

	font-size: 15px;

    max-width: 100%;

    color: #000000;

    /* float: left; */

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-align: center;

}



.productlb li a div i {

	float: right;

	font-size: 18px;

	color: #0068B9;

}



.prodetleft {

	width: 48%;

	float: left;

}



.prodetright {

	width: 48%;

	float: right;

}



.prodetrighttit {

	font-size: 18px;

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px solid #DDDDDD;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.prodetjs {

	width: 100%;

	float: left;

	margin: 10px 0;

}



.prodetjs span {

	display: inline-block;

	float: left;

}



.prodetjs span:nth-child(1) {

	width: 18%;

	font-size: 14px;

	color: #000000;

	font-weight: bold;

	line-height: 20px;

	word-break: break-all;

}



.prodetjs span:nth-child(2) {

	width: 82%;

	font-size: 14px;

	color: #666;

	line-height: 20px;

}



.news {

	width: 1200px;

	margin: auto;

	padding: 50px 0;

}



.newslb {

	width: 100%;

}



.newslb li {

	width: 31.33%;

	float: left;

	margin: 10px 0;

	margin-right: 3%;

}



.newslb li:nth-child(3n) {

	margin-right: 0;

}



.newslb li img {

	width: 100%;

	display: block;

}



.newslb li div {

	padding: 15px;

	transition: all 0.3s ease;

}



.newslb li div h4 {

	font-size: 15px;

	color: #222222;

	margin-bottom: 5px;

	transition: all 0.3s ease;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.newslb li div p {

	font-size: 14px;

	line-height: 20px;

	color: #222222;

	margin-bottom: 10px;
	height: 60px;

	transition: all 0.3s ease;
	overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 
display: -moz-box; 
-moz-line-clamp: 3; 
-moz-box-orient: vertical; 
display: -o-box; 
-o-line-clamp: 3; 
-o-box-orient: vertical; 
}



.newslb li div a {

	display: inline-block;

	padding: 5px 19px;

	border: 1px solid #DDDDDD;

	color: #666666;

	font-size: 14px;

	transition: all 0.3s ease;

}



.newslb li:hover>div {

	background-color: #0070C0;

}



.newslb li:hover>div h4 {

	color: #FFFFFF;

}



.newslb li:hover>div p {

	color: #FFFFFF;

}



.newslb li:hover>div a {

	border: 1px solid #ffffff;

	color: #ffffff;

}



.newsdettit {

	text-align: center;

	padding-bottom: 15px;

	margin-bottom: 15px;

	border-bottom: 1px dashed #DDDDDD;

}



.newsdettit h4 {

	font-size: 30px;

    color: #000000;

    line-height: 35px;

    margin-bottom: 5px;

}



.newsdettit p {

	font-size: 14px;

	color: #666666;

}



.newsdetnr {

	width: 100%;

}



.newsdetnr p {

	font-size: 15px;

	line-height: 22px;

	color: #000000;

}



.contactjs {

	width: 100%;

}



.contactjs li {

	width: 33.3%;

	float: left;

	text-align: center;

}



.contactjs li div {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	border: 1px solid #0070C0;

	text-align: center;

	line-height: 80px;

	display: inline-block;

}



.contactjs li div i {

	line-height: 80px;

	font-size: 50px;

	color: #0070C0;

}



.contactjs li h4 {

	font-size: 18px;

	margin: 15px 0;

}



.contactjs li p {

	font-size: 14px;

	line-height: 20px;

	color: #222222;

}



#container {

	width: 100%;

	height: 500px;

	margin-top: 50px;

}



.menulogo {

	display: none;

}



.menuzz {

	display: none;

}



.fenye {

	list-style: none;

	padding: 0;

	margin: 0;

	margin-top: 20px;

}



.fenye li {

	float: left;

	width: auto;

	line-height: 22px;

	margin-right: 5px;

	padding: 0px 8px;

}



.active {

	background-color: #222222;

}



.fenye li .current {

	color: #ffffff !important;

}



.fenye li a {

	color: #222222 !important;

}



.index03 {

	width: 100%;

	padding: 50px 0;

	background: url(../images/nindex02bj.jpg) center center no-repeat;

}



.index03main {

	width: 1200px;

	margin: auto;

}



.index03left {

	width: 30%;

	float: left;

	margin-top: 55px;

}



.index03left div:nth-child(1) {

	margin-bottom: 50px;

}



.index03left div h4 {

	font-size: 20px;

	text-align: right;

	color: #00a3e3;

	margin-bottom: 10px;

}



.index03left div p {

	font-size: 14px;

	line-height: 25px;

	color: #666;

}



.index03center {

	width: 30%;

	float: left;

	margin-left: 5%;

	position: relative;

}



.index03center img {

	width: 100%;

}



.index03center1 {

	width: 100%;

	position: absolute;

	top: 28%;

	left: 0;

	padding: 0 20px;

	color: #ffffff;

	text-align: center;

}



.index03center1 h4 {

	font-size: 20px;

	margin-bottom: 5px;

}



.index03center1 h5 {

	font-size: 12px;

}



.index03center1 p {

	font-size: 20px;

	margin: 20px 0;

}



.index03center1 div {

	width: 60%;

	margin-left: 20%;

	padding: 10px 0;

	border: 1px solid #ffffff;

	border-radius: 10px;

}



.index03center1 div h3 {

	font-size: 18px;

	margin-bottom: 5px;

}



.index03center1 div h2 {

	font-size: 16px;

}



.index03right {

	width: 30%;

	float: right;

	margin-top: 55px;

}



.index03right div:nth-child(1) {

	margin-bottom: 50px;

}



.index03right div h4 {

	font-size: 20px;

	color: #00a3e3;

	margin-bottom: 10px;

}



.index03right div p {

	font-size: 14px;

	line-height: 25px;

	color: #666;

}



.index04 {

	width: 100%;

	background: url(../images/nindex03bj.jpg) center center no-repeat;

	padding-top: 50px;

	padding-bottom: 150px;

}



.index04 p {

	text-align: center;

	font-size: 20px;

	color: #ffffff;

}



.index05 {

	width: 100%;

	background: url(../images/indexaboutbj.jpg) bottom center no-repeat;

	padding-top: 50px;

	padding-bottom: 150px;

}



.index05main {

	width: 1200px;

	margin: auto;

}



.index04more {

	width: 110px;

	display: block;

	margin: auto;

	line-height: 35px;

	text-align: center;

	border-radius: 20px;

	background: #00a3e3;

	color: #ffffff;

	font-size: 15px;

}



.index04lb {

	margin-top: -150px;

}



.index05tit {

	text-align: center;

	font-size: 20px;

	color: #00a3e3;

	margin-top: 50px;

	margin-bottom: 10px;

}



.index05jsright {

	width: 48%;

	float: right;

}



.index05jsleft {

	width: 48%;

	float: left;

}



.index05jsleft p {

	font-size: 14px;

	line-height: 25px;

	color: #666;

}



.index05jsleft a {

	margin-top: 40px;

	display: block;

	font-size: 14px;

	color: #666;

}



.index05js {

	margin-top: 30px;

}



.swiper-container1 {

	width: 100%;

	overflow: hidden;

}



.index2left {

	position: absolute;

	left: 0px;

	top: 35%;

	width: 20px;

	color: #FFFFFF;

	transition: all 0.3s ease;

	cursor: pointer;

}



.index2right {

	position: absolute;

	right: 0;

	top: 35%;

	width: 20px;

	color: #FFFFFF;

	transition: all 0.3s ease;

	cursor: pointer;

}



.index05gc {

	position: relative;

	width: 100%;

	margin-top: 50px;

	padding: 0 25px;

}



.about3 {

	width: 100%;

	background: url(../images/hyjm2bj.jpg) center center no-repeat;

	padding: 50px 0;

	background-color: #f5f5f5;

}



.about3main {

	width: 800px;

	margin: auto;

}



.about3tit {

	text-align: center;

	font-size: 20px;

	color: #ffffff;

}



.about3lb {

	width: 100%;

	margin-top: 40px;

}



.about3lb li {

	width: 100%;

	padding: 25px 35px;

	background-color: rgba(255, 255, 255, 0.7);

	margin: 15px 0;

}



.about3lb li h4 {

	font-size: 18px;

	color: #222222;

	margin-bottom: 5px;

}



.about3lb li p {

	font-size: 14px;

	line-height: 24px;

	color: #666;

}



.strength1 {

	width: 100%;

	padding: 50px 0;

	background: url(../images/strength1bj.jpg) center center no-repeat;

}



.strength1main {

	width: 1200px;

	margin: auto;

	position: relative;

	padding: 0 20px;

}



.strength1tit {

	text-align: center;

	font-size: 20px;

	color: #00a3e3;

	margin-bottom: 40px;

}

.yylylb{

	width: 90%;

	margin-left: 5%;

	float: left;

	margin-top: 20px;

}

.yylylb li{

	width: 30.33%;

	float: left;

	margin:10px 0;

	margin-right: 4.5%;

	position: relative;

}

.yylylb li:nth-child(3n){

	margin-right: 0%;

}

.yylylb li img{

	width: 100%;

	display: block;

}

.yylylb li div{

	width: 100%;

	background: #f5f5f5;

	padding:75px 0;

	text-align: center;

	transition: all 0.3s ease;

}

.yylylb li div h4{

	font-size: 20px;

	margin-bottom: 5px;

}

.yylylb li div p{

	font-size: 14px;

}

.yylylb li .yylyicon{

	width: 100px;

	height: 100px;

	border-radius: 50%;

	background: #ffffff;

	position: absolute;

	left: 0;

	right: 0;

	top: 40%;

	margin:auto;

	padding:0;

}

.yylylb li .yylyicon img{

	width: 50px;

	margin: 25px auto;

}

.yylylb li:hover> div:nth-child(2){

	background: #00A7E1;

	color: #ffffff;

}

.yylytit{

	text-align: center;

	font-size: 20px;

	color: #00a3e3;

	margin-bottom: 10px;

}



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

	body {

		min-width: 100%;

	}

	header {

		padding: 0 10px;

		height: 50px;

		box-sizing: border-box;

		position: fixed;

		left: 0;

		top: 0;

		z-index: 2;

	}

	.header {

		width: 100%;

		margin: auto;

		height: 50px;

	}

	.headerlogo {

		height: 30px;

		margin-top: 5px;

	}

	.headermenu {

		position: fixed;

		left: -300px;

		top: 0;

		width: 260px;

		height: 100%;

		background-color: #FFFFFF;

		margin-left: 0;

		transition: all 0.5s ease;

		z-index: 9;

	}

	.menuzz {

		position: fixed;

		width: 100%;

		height: 100%;

		top: 0;

		left: 0;

		background: rgba(0, 0, 0, 0.8);

		z-index: 8;

		display: none;

	}

	.menulogo {

		display: block;

		position: absolute;

		right: 10px;

		top: 10px;

		width: 30px;

	}

	.header1melang {

		float: right;

		margin-left: 0;

		position: relative;

		margin-top: 5px;

		z-index: 2;

		margin-right: 65px;

	}

	.header1me2 {

		position: absolute;

		top: 40px;

		left: -40px;

		width: 115px;

		display: none;

		background-color: #FFFFFF;

		padding: 5px;

		-moz-box-shadow: 0px 2px 5px #BABABA;

		-webkit-box-shadow: 0px 2px 5px #BABABA;

		box-shadow: 0px 2px 5px #BABABA;

	}

	.headermenu a {

		display: block;

		line-height: 45px;

		float: left;

		margin-right: 30px;

		font-size: 15px;

		color: #000000;

		width: 100%;

		padding: 0 10px;

	}

	.swiper-pagination-bullet {

		width: 12px !important;

		height: 12px !important;

	}

	.index01 {

		width: 100%;

		padding: 20px 10px;

	}

	.index01main {

		width: 100%;

		margin: auto;

	}

	section {

		box-sizing: border-box;

		overflow: hidden;

	}

	.index01lb li {

		width: 100%;

		float: left;

		padding: 15px;

		border-radius: 20px;

		background-color: #9fbf3e;

	}

	.index01lb li:nth-child(2) {

		background-color: #0070c0;

		margin: 15px 0;

	}

	.index02 {

		width: 100%;

		padding: 20px 10px;

	}

	.index02main {

		width: 100%;

		margin: auto;

	}

	.index02left {

		width: 100%;

		float: left;

	}

	.index02right {

		width: 100%;

		float: right;

		background-color: #f2f2f2;

		text-align: center;

		padding: 20px 20px;

		margin-top: 10px;

	}

	footer {

		width: 100%;

		background-color: #f5f5f5;

		padding: 0px 10px;

		box-sizing: border-box;

		padding-top: 0rem;

	}

	.footer {

		display: none;

	}

	.footer1 {

		width: 100%;

		margin: auto;

	}

	.footer1left {

		float: left;

		font-size: 13px;

		color: #666;

		margin-top: 10px;

		text-align: center;

		line-height: 20px;

		margin-bottom: 5px;

	}

	.footer1right {

		float: initial;

		text-align: center;

	}

	.footer1right p {

		display: inline-block;

		font-size: 13px;

	}

	.footer1right h4 {

		display: inline-block;

		font-size: 13px;

	}

	.swiper-container {

		margin-top: 50px !important;

	}

	.banner {

		width: 100%;

		margin-bottom: 0px;

		margin-top: 50px;

	}

	.bannerlj {

		width: 100%;

		margin: auto;

		margin-top: 5px;

		text-align: center;

	}

	.bannerlj a {

		width: 25%;

		margin: 5px 0.5%;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.about1 {

		width: 100%;

		padding: 20px 10px;

	}

	.about1main {

		width: 100%;

		margin: auto;

		position: relative;

	}

	.about1left {

		width: 100%;

		float: left;

	}

	.aboutright {

		width: 100%;

		float: right;

	}

	.aboutright h4 {

		font-size: 19px;

		color: #00A2E3;

		margin-top: 20px;

		font-weight: bold;

		margin-bottom: 10px;

	}

	.aboutright div p {

		font-size: 13px;

		line-height: 25px;

		color: #666;

	}

	.aboutms {

		width: 100%;

		position: initial;

		right: auto;

		bottom: auto;

	}

	.aboutms1 {

		padding: 10px;

		text-align: center;

	}

	.aboutms1left {

		float: none;

		display: inline-block;

	}

	.aboutms1right h4 {

		margin-top: 10px;

	}

	.aboutms1right span {

		display: inline-block;

		width: 20px;

		height: 2px;

		background-color: #FFFFFF;

		margin: 5px 0;

	}

	.aboutms1right {

		float: left;

		margin-left: 0;

		width: 100%;

	}

	.aboutms1right p {

		font-size: 12px;

		line-height: 15px;

		color: #FFFFFF;

		height: 30px;

	}

	.about2 {

		padding: 20px 10px;

	}

	.about2main {

		width: 100%;

		margin: auto;

	}

	.about2lb {

		width: 100%;

		float: left;

		margin-top: 30px;

	}

	.about2lb li {

		width: 48%;

		float: left;

		margin: 10px 0;

		margin-right: 0;

	}

	.about2lb li:nth-child(2n) {

		float: right;

	}

	.about2lb li div {

		margin: auto;

	}

	.culturemain {

		width: 100%;

		padding: 30px 10px;

	}

	.culturelb li {

		width: 100%;

		float: left;

		margin-right: 0;

		margin: 10px 0;

		padding: 15px 30px;

	}

	.culture {

		width: 100%;

		padding: 20px 0;

	}

	.strength {

		padding: 20px 10px;

		margin-top: 20px;

		background-size: auto 100%;

	}

	.strengthmain {

		width: 100%;

		margin: auto;

	}

	.strengthlb li p {

		font-size: 14px;

		line-height: 20px;

		color: #000000;

	}

	.strengthlb li {

		width: 100%;

		float: left;

		text-align: center;

		margin: 10px 0;

	}

	.talent {

		width: 100%;

		padding: 20px 10px;

	}

	.talentmain {

		width: 100%;

		margin: auto;

	}

	.talentfllb li {

		width: 48%;

		margin: 5px 0;

		margin-right: 0;

	}

	.talentfllb li:nth-child(2n) {

		float: right;

	}

	.talentfllb li a {

		line-height: 45px;

		font-size: 13px;

	}

	.talentnr1tit {

		margin-bottom: 25px;

	}

	.talentnrtit {

		margin-bottom: 25px;

	}

	.honor {

		width: 100%;

		padding: 20px 10px;

	}

	.honormain {

		width: 100%;

		margin: auto;

	}

	.gallery a {

		width: 48%;

		float: left;

		margin: 10px 0;

		margin-right: 0;

		display: inline-block;

	}

	.gallery a:nth-child(2n) {

		float: right;

	}

	.news {

		width: 100%;

		margin: auto;

		padding: 20px 10px;

	}

	.contactjs li {

		width: 100%;

		margin: 10px 0;

		float: left;

		text-align: center;

	}

	#container {

		height: 300px;

	}

	.newslb li {

		width: 100%;

		float: left;

		margin: 10px 0;

		margin-right: 0;

	}

	.product {

		width: 100%;

		margin: auto;

		padding: 20px 10px;

	}

	.producttit {

		margin-bottom: 20px;

	}

	.producttit a {

	    margin: 5px 0;

	    width: 49%;

	    line-height: 40px;

	    display: block;

	    float: left;

	    font-size: 13px;

	}

	.producttit a:nth-child(2n){

		float: right;

	}

	.productlb li {

		width: 48%;

		margin-right: 0;

	}

	.productlb li:nth-child(2n) {

		float: right;

	}

	.prodetleft {

		width: 100%;

		margin-bottom: 20px;

	}

	.prodetright {

		width: 100%;

		float: right;

	}

	.prodetrighttit {

		font-size: 16px;

		padding-bottom: 10px;

		margin-bottom: 10px;

		border-bottom: 1px solid #DDDDDD;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.prodetjs span:nth-child(1) {

		width: 19%;

	}

	.prodetjs span:nth-child(2) {

		width: 81%;

	}

	.index04 {

		width: 100%;

		background: url(../images/nindex03bj.jpg) center center no-repeat;

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.index03 {

		padding: 20px 10px;

		background: #f5f5f5;

	}

	.index03main {

		width: 100%;

		margin: auto;

	}

	.index03left {

		width: 100%;

		float: left;

		margin-top: 0;

	}

	.index03left div:nth-child(1) {

		margin-bottom: 15px;

	}

	.index03left div h4 {

		font-size: 18px;

		text-align: left;

		color: #00a3e3;

		margin-bottom: 10px;

	}

	.index03left div p {

		font-size: 13px;

		line-height: 22px;

		color: #666;

	}

	.index03center {

		width: 100%;

		float: left;

		margin-left: 0;

		position: relative;

	}

	.index03right {

		width: 100%;

		float: right;

		margin-top: 15px;

	}

	.index03right div:nth-child(1) {

		margin-bottom: 15px;

	}

	.index05 {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.index05main {

		width: 100%;

		margin: auto;

	}

	.index04lb {

		padding: 0 10px;

		margin-top: 0;

	}

	.index04more {

		margin-top: 20px;

	}

	.index05jsright {

		width: 100%;

		float: right;

	}

	.index05tit {

		text-align: center;

		font-size: 20px;

		color: #00a3e3;

		margin-top: 30px;

		margin-bottom: 10px;

	}

	.index05jsleft {

		width: 100%;

		float: left;

		margin-top: 10px;

		padding: 0 10px;

	}

	.index05jsleft p {

		font-size: 13px;

	}

	.index05jsleft a {

		margin-top: 20px;

		display: block;

		font-size: 14px;

		color: #666;

	}

	.index05gc {

		padding-bottom: 20px;

	}

	.index02tit {

		margin-bottom: 25px;

	}

	.indexnew {

		width: 100%;

		float: left;

		margin: 10px 0;

	}

	.indexnew:nth-child(3) {

		margin: 10px 0;

	}

	.about3main {

		width: 100%;

		margin: auto;

		padding: 0 10px;

	}

	.about2right {

		width: 100%;

		float: right;

		margin-top: 20px;

	}

	.strength1main {

		width: 100%;

		margin: auto;

		position: relative;

		padding: 0 20px;

	}

	.yylylb {

		width: 100%;

		margin-left: 0;

		float: left;

		margin-top: 20px;

	}

	.yylylb li {

		width: 100%;

	}

	.yylylb li:nth-child(2) {

		margin: 10px 0;

	}

	.productlb li a img {

    width: 100%;

    height: 126px;

    transition: all 0.3s ease;

}

}



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

	.productlb li a img {

    height: 113px;

}

}



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

	.productlb li a img {

    height: 109px;

}

}



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

	.productlb li a img {

    height: 96px;

}

}