body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td {
  margin: 0;
  padding: 0; }

body {
	background: rgb(255, 255, 255); font: 14px/1.5 "΢ÈíÑźÚ", Arial, Helvetica, "Nimbus Sans L", sans-serif; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal;
}
img {
	vertical-align: middle; border-image: none; vertical-align: middle; max-width: 100%;
}
ul, ol {
  list-style: none outside none; }
table {
	border-collapse: collapse; border-spacing: 0;
}
button {
	font-size: 100%; vertical-align: middle;
}
input {
	font-size: 100%; vertical-align: middle;
}
select {
	font-size: 100%; vertical-align: middle;
}
textarea {
	font-size: 100%; vertical-align: middle;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
:focus {
	outline: 0px;
}
h1 {
	font-family: Open Sans,Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal;
}
h2 {
	font-family: Open Sans,Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal;
}
h3 {
	font-family: Open Sans,Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal;
}
button {
	cursor: pointer; -moz-appearance: button; -webkit-appearance: button;
}
input[type='button'] {
	cursor: pointer; -moz-appearance: button; -webkit-appearance: button;
}
input[type='reset'] {
	cursor: pointer; -moz-appearance: button; -webkit-appearance: button;
}
input[type='submit'] {
	cursor: pointer; -moz-appearance: button; -webkit-appearance: button;
}
.text {
	font-family: "΢ÈíÑźÚ",arial,"Hiragino Sans GB";
}
.btn {
	font-family: "΢ÈíÑźÚ",arial,"Hiragino Sans GB";
}
textarea {
	font-family: "΢ÈíÑźÚ",arial,"Hiragino Sans GB";
}
.wrap {
	margin: auto; width: 1200px;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	
}
.btn {
	border: currentColor; border-image: none; cursor: pointer;
}
html {
	width: 100%; height: 100%;
}
body {
	width: 100%; height: 100%;
}
.slide-img {
	height: 100%;
}
.slide-img li {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-size: cover !important;
}
.nav li a:hover {
	color: rgb(255,0,0);
}
.kong1-right h3 a:hover {
	color: rgb(255,0,0);
}
.kong1-2 h3 a:hover {
	color: rgb(255,0,0);
}
.footer a:hover {
	color: rgb(255,0,0);
}
.news-top h3 a:hover {
	color: rgb(255,0,0);
}
.bread a:hover {
	color: rgb(255,0,0);
}
.inews-list li h3 a:hover {
	color: rgb(255,0,0);
}
.ls-scroll-lsit li .more {
	transition:0.3s;
}
.ls-scroll-pic {
	transition:0.3s;
}
.nav li a {
	transition:0.3s;
}
.tm {
	transition:0.3s;
}
.kong1-2 h3 a {
	transition:0.3s;
}
.kong1-right h3 a {
	transition:0.3s;
}
.footer a {
	transition:0.3s;
}
.menus-list li a {
	transition:0.3s;
}
.menus-list li a::after {
	transition:0.3s;
}
.sub .btn {
	transition:0.3s;
}
.news-top h3 a {
	transition:0.3s;
}
.news-list li {
	transition:0.3s;
}
.news-list li a h3 {
	transition:0.3s;
}
.pages a {
	transition:0.3s;
}
.case-list li {
	transition:0.3s;
}
.case-list li a {
	transition:0.3s;
}
.jqr li a {
	transition:0.3s;
}
.bread a {
	transition:0.3s;
}
.inews-list li h3 a {
	transition:0.3s;
}
.silde {
	width: 100%; height: 100%; overflow: hidden; margin-bottom: 90px; position: relative;
}
.slide-img li {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.header {
	background: url("icon01.png") repeat-x; left: 0px; top: 0px; width: 100%; height: 100px; position: fixed; z-index: 9999;
}
.logo {
	margin: 12px 0px 0px 10px; font-size: 0px; float: left;
}
.nav {
	height: 100px; line-height: 100px; padding-left: 100px; float: left;
}
.nav li {
	font-size: 16px; margin-right: 40px; float: left;
}
.nav li a {
	color: rgb(255, 255, 255);
}
.language {
	background: url("icon2.png") no-repeat; margin: 15px 40px 0px 0px; width: 117px; height: 50px; float: right;
}
.lan {
	height: 24px; line-height: 72px; padding-left: 47px; position: relative;
}
.cn {
	width: 48px; text-align: center; font-size: 12px; float: left;
}
.droplan {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-image: none; left: 47px; top: 48px; width: 66px; position: absolute;
}
.droplan li {
	height: 24px; text-align: center; line-height: 24px;
}
.droplan li a {
	font-size: 12px;
}
.i-cloumn {
	text-align: center; padding-bottom: 10px; margin-bottom: 40px; position: relative;
}
.i-cloumn h3 {
	color: rgb(51, 51, 51); font-size: 25px;
}
.i-cloumn p {
	font-size: 14px;
}
.i-cloumn::after {
	background: rgb(127, 127, 127); left: 50%; width: 50px; height: 2px; bottom: 0px; margin-left: -25px; position: absolute; content: "";
}
.ls-scroll-lsit li a {
	display: block;
}
.ls-scroll-lsit li {
	width: 302px; text-align: center; float: left;
}
.ls-scroll-lsit li h3 {
	padding: 0px 30px; font-size: 16px; margin-bottom: 2px;
}
.ls-scroll-lsit li .intro {
	margin: 0px 80px 10px; height: 10px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden;
}
.ls-scroll-lsit li .more {
	
}
.tm {
	border-radius: 6px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 106px; height: 28px; text-align: center; line-height: 28px; display: inline-block;
}
.ls-scroll-pic {
	width: 302px; height: 244px; line-height: 244px;
}
.ls-scroll-pic img {
	max-height: 244px; max-width: 300px;
}
.bdr {
	border-right-color: rgb(229, 229, 229); border-right-width: 1px; border-right-style: solid;
}
.ls-scroll-lsit li a:hover .tm {
	background: rgb(255,0,0); border-color: rgb(255,0,0); color: rgb(255, 255, 255);
}
.tm:hover {
	background: rgb(255,0,0); border-color: rgb(255,0,0); color: rgb(255, 255, 255);
}
.ls-scroll-lsit li a:hover .ls-scroll-pic {
	transform: translateY(-4px);
}
.ls-scroll-lsit {
	width: 200%;
}
.ls-scroll {
	margin: auto; width: 1208px; height: 364px; overflow: hidden; position: relative;
}
.ls-pro-box {
	height: 364px; margin-bottom: 100px; position: relative;
}
.ls-left {
	background: url("icon3.png") no-repeat; left: -70px; top: 96px; width: 30px; height: 78px; position: absolute;
}
.ls-right {
	background: url("icon3.png") no-repeat; left: -70px; top: 96px; width: 30px; height: 78px; position: absolute;
}
.ls-right {
	background-position: -32px 0px; left: auto; right: -70px;
}
.ls-left:hover {
	background-position: 0px -79px;
}
.ls-right:hover {
	background-position: -32px -79px;
}
.kong1 {
	height: 295px; overflow: hidden; position: relative;
}
.kong1-p {
	left: 50%; width: 1920px; height: 295px; margin-left: -960px; position: absolute;
}
.kong1-left {
	width: 1023px; float: left;
}
.kong1-right {
	padding: 40px 0px 0px 50px; float: left;
}
.kong1-right h3 {
	font-size: 18px; margin-bottom: 18px;
}
.kong1-2 h3 {
	font-size: 18px; margin-bottom: 18px;
}
.fu {
	font-size: 16px;
}
.kong1-right .intro {
	height: 80px; line-height: 25px; overflow: hidden;
}
.kong1-2 .intro {
	height: 80px; line-height: 25px; overflow: hidden;
}
.kong1-2 {
	padding: 50px 20px 0px 45px; width: 270px; float: right;
}
.kong2-right {
	float: right;
}
:nth-of-type(3).kong1-2 {
	background: url("icon4.png") no-repeat right; padding: 50px 45px 0px 0px;
}
.mb100 {
	margin-bottom: 100px;
}
.inews-list {
	background: url("icon5.png") repeat-y 14px top; width: 750px; margin-left: 10px; float: left;
}
.inews-list li {
	background: url("icon6.png") no-repeat left 8px; padding-left: 55px; margin-top: -10px; margin-bottom: 20px; position: relative;
}
.inews-list li h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; padding-top: 9px; font-size: 14px;
}
.inews-list li h3 em {
	font-size: 30px; font-style: normal; margin-right: 10px;
}
.inews-list li h3 span {
	font-size: 18px; margin-right: 16px;
}
.inews-list li .intro {
	height: 72px; line-height: 24px; overflow: hidden; display: none;
}
.inews-list .on {
	background: url("icon7.png") no-repeat left 8px;
}
.inews-list .on::after {
	background: url("icon12.png") repeat-y; left: 14px; top: 18px; width: 1px; height: 100%; position: absolute; content: "";
}
.tut {
	width: 320px; height: 300px; overflow: hidden; margin-left: 90px; float: left; position: relative;
}
.tut li {
	left: 0px; top: 0px; line-height: 234px; position: absolute;
}
.tut li img {
	max-height: 300px; max-width: 400px;
}
.inews-box {
	margin-bottom: 80px;
}
.footer {
	background: rgb(247, 247, 247);
}
.bm-menus {
	padding: 40px 30px 0px 0px; float: left;
}
.bm-menus dt {
	font-size: 14px; margin-bottom: 15px;
}
.bm-menus dd {
	font-size: 12px; margin-bottom: 8px;
}
.bm-menus dd a {
	color: rgb(102, 102, 102);
}
.bm360 {
	width: 270px;
}
.er {
	margin: 45px 0px 0px; float: right;
}
.bm {
	margin-bottom: 35px;
}
.bf {
	padding: 10px 0px; text-align: center; color: rgb(51, 51, 51); font-size: 12px; border-top-color: rgb(172, 172, 172); border-top-width: 1px; border-top-style: solid;
}
.banner {
	height: 180px; margin-top: 50px;
}
.menus {
	margin-top: -37px; box-shadow: 0px 3px 3px #e5e5e5;
}
.menus-list {
	height: 60px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.menus-list li {
	height: 60px; text-align: center; line-height: 60px; float: left;
}
.menus-list li a {
	background: rgb(255, 255, 255); font-size: 20px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: block; position: relative;
}
.menus-list li a::after {
	background: rgb(255,0,0); left: 50%; width: 0px; height: 2px; bottom: 0px; position: absolute; content: ""; transform: translateX(-50%);
}
.menus-list li .hover {
	color: rgb(255,0,0);
}
.menus-list li a:hover {
	color: rgb(255,0,0);
}
.menus-list li .hover::after {
	width: 100%;
}
.menus-list li a:hover::after {
	width: 100%;
}
.abouta {
	padding: 60px 0px;
}
.at {
	background: url("icon8.jpg") no-repeat top; height: 48px; text-align: center; color: rgb(51, 51, 51); line-height: 1; font-size: 34px;
}
.a-article {
	padding: 40px 100px 0px; color: rgb(51, 51, 51); line-height: 24px; overflow: hidden; min-height: 400px;
}
.a-article img {
	max-width: 100%;
}
.infoot .footer {
	background: rgb(239, 239, 239);
}
.bread {
	text-align: right; color: rgb(255, 255, 255); padding-top: 100px; font-size: 12px;
}
.bread a {
	color: rgb(255, 255, 255);
}
.bread span {
	color: rgb(255,0,0);
}
.a-list {
	padding: 70px 100px 0px; overflow: hidden; min-height: 300px;
}
.honour {
	width: 1200px;
}
.honour li {
	margin: 0px 52px 35px 0px; border: 1px solid rgb(222, 222, 222); border-image: none; width: 296px; height: 202px; float: left;
}
.honour li img {
	max-height: 200px; max-width: 294px;
}
.honour li a {
	padding: 1px; display: block;
}
.infoot .ml45 {
	margin-left: 0px;
}
.infoot .nav {
	padding-left: 100px;
}
.j-box {
	color: rgb(51, 51, 51); line-height: 24px; padding-bottom: 10px;
}
.join-list li {
	background: rgb(255, 255, 255); padding: 10px; overflow: hidden; margin-top: 30px; box-shadow: 0px 0px 2px 2px #e3e3e3;
}
.j-left {
	padding: 0px 0px 0px 70px; width: 280px; vertical-align: middle; display: table-cell;
}
.j-left h3 {
	color: rgb(51, 51, 51); font-size: 20px;
}
.j-left h4 {
	color: rgb(220, 29, 81); font-size: 14px; font-weight: 100;
}
.j-right {
	padding: 10px 0px 10px 100px; width: 660px; color: rgb(51, 51, 51); line-height: 24px; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: dashed; display: table-cell;
}
.a-c {
	padding-top: 50px;
}
.msg {
	float: left;
}
.geiw {
	color: rgb(255,0,0); font-size: 18px; margin-bottom: 12px;
}
.msg-left {
	float: left;
}
.msg-item {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 294px; height: 44px; overflow: hidden; margin-bottom: 6px;
}
.msgname {
	width: 65px; height: 44px; text-align: right; color: rgb(51, 51, 51); line-height: 44px; float: left;
}
.msg-txt {
	float: left;
}
.msg-txt .text {
	padding: 11px 5px; border: currentColor; border-image: none; width: 210px; height: 21px; line-height: 21px;
}
.yzm .text {
	padding: 11px 5px; border: currentColor; border-image: none; width: 210px; height: 21px; line-height: 21px;
}
.msg-right {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 390px; height: 199px; overflow: hidden; margin-left: 6px; float: left;
}
.mname {
	margin: 10px 0px 0px 18px; float: left;
}
.msg-right textarea {
	border: 0px currentColor; border-image: none; width: 315px; height: 184px; margin-top: 11px; float: left; resize: none;
}
.yzm {
	background: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 692px; height: 44px; overflow: hidden; position: relative;
}
.yzcode {
	top: 0px; right: 10px; position: absolute;
}
.yzm .text {
	width: 400px;
}
.sub {
	text-align: center; padding-top: 26px;
}
.sub .btn {
	background: rgb(255,0,0); border-radius: 40px; border: 1px solid rgb(255,0,0); border-image: none; width: 260px; height: 52px; color: rgb(255, 255, 255); font-size: 16px;
}
.sub .btn:hover {
	background: rgb(255, 255, 255); color: rgb(255,0,0);
}
.cway {
	width: 430px; color: rgb(51, 51, 51); line-height: 30px; padding-left: 40px; float: left;
}
.bg {
	background: url("bg1.jpg") no-repeat right bottom; padding-bottom: 120px;
}
.news-top {
	background: rgb(255, 255, 255); padding: 20px 25px; overflow: hidden; margin-bottom: 40px; box-shadow: 0px 0px 2px 2px #e3e3e3;
}
.news-top-pic {
	margin-right: 25px; float: left;
}
.news-top-pic img {
	width: 370px; height: 220px;
}
.news-top h3 {
	height: 48px; line-height: 24px; overflow: hidden; padding-top: 10px; font-size: 16px; margin-bottom: 10px;
}
.dtime {
	font-size: 12px; margin-bottom: 10px;
}
.news-top .intro {
	line-height: 24px; font-size: 12px;
}
.news-list {
	width: 1280px; margin-bottom: 20px;
}
.news-list li {
	background: rgb(255, 255, 255); margin: 0px 30px 30px 0px; width: 380px; height: 385px; float: left; box-shadow: 0px 0px 2px 2px #efefef;
}
.news-list li a {
	padding: 25px; display: block;
}
.news-list li h3 {
	height: 20px; overflow: hidden; margin-bottom: 20px;
}
.npic img {
	width: 290px; height: 164px;
}
.npic {
	text-align: center; margin-bottom: 25px;
}
.nntime {
	color: rgb(102, 102, 102); font-size: 12px; margin-bottom: 18px;
}
.news-list li .intro {
	height: 72px; line-height: 24px; overflow: hidden; font-size: 12px;
}
.news-list li:hover {
	transform: translateY(-5px);
}
.case-list li:hover {
	transform: translateY(-5px);
}
.news-list li a:hover h3 {
	color: rgb(255,0,0);
}
.case-list li a:hover h3 {
	color: rgb(255,0,0);
}
.down-list {
	background: rgb(255, 255, 255); padding: 30px; width: 1140px; box-shadow: 0px 0px 2px 2px #efefef;
}
.down-list li {
	background: url("dian.jpg") no-repeat 0px; height: 50px; line-height: 50px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed; position: relative;
}
.down-list li a {
	text-indent: 15px;
}
.down-list li a:hover {
	color: rgb(255, 0, 0); text-decoration: underline;
}
.down-list li h3 {
	
}
.down-list li .nntime {
	top: 0px; right: 0px; position: absolute;
}
.pages {
	text-align: center;
}
.pages a {
	margin: 0px 2px; padding: 5px 11px; border: 1px solid rgb(222, 222, 222); border-image: none; font-size: 12px; display: inline-block;
}
.fy1 {
	border-radius: 4px 0px 0px 4px;
}
.fy2 {
	border-radius: 0px 4px 4px 0px;
}
.pages a:hover {
	background: rgb(255,0,0); border-color: rgb(255,0,0); color: rgb(255, 255, 255);
}
.pages .cur {
	background: rgb(255,0,0); border-color: rgb(255,0,0); color: rgb(255, 255, 255);
}
.nbsb {
	padding-bottom: 40px;
}
.datitle {
	padding: 40px 25px 4px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.datitle h1 {
	color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 12px;
}
.data span {
	font-size: 12px; margin-right: 10px;
}
.nbsbsb {
	background: rgb(255, 255, 255); margin-bottom: 50px; box-shadow: 0px 0px 2px 2px #efefef;
}
.article {
	padding: 30px 25px; color: rgb(51, 51, 51); line-height: 24px; overflow: hidden; min-height: 400px;
}
.article img {
	max-width: 100%;
}
.fc {
	display: inline-block;
}
.fc a {
	margin: 0px 2px; padding: 5px 10px; border: 1px solid rgb(229, 229, 229); border-image: none; font-size: 12px; float: left;
}
.s {
	border-radius: 4px 0px 0px 4px;
}
.x {
	border-radius: 4px 4px 0px 0px;
}
.fanye {
	height: 30px; text-align: center; margin-bottom: 50px;
}
.fc .d {
	background: url("icon9.png") no-repeat 50% 50%; padding: 0px; width: 40px; height: 28px;
}
.fc a:hover {
	color: rgb(255,0,0);
}
.case {
	padding: 80px 0px;
}
.case-list {
	width: 100%; margin-bottom: 30px;
}
.case-list li {
	background: rgb(255, 255, 255); margin: 0px 0px 30px 30px; width: 450px; height: 450px; float: left; box-shadow: 0px 0px 2px 2px #e3e3e3;
}
.case-list li a {
	padding: 28px 60px 15px; display: block;
}
.case-pic {
	margin-bottom: 14px;
}
.case-pic img {
	width: 324px; height: 324px;
}
.case-list li h3 {
	height: 20px; text-align: center; overflow: hidden; margin-bottom: 10px;
}
.case-list li .intro {
	height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 12px;
}
.hy-js {
	background: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 12px; margin-top: -37px; box-shadow: 0px 0px 2px 2px #e3e3e3;
}
.hy-article {
	padding: 45px;
}
.case2 {
	background: rgb(255, 255, 255); overflow: hidden; margin-top: -37px; margin-bottom: 50px; box-shadow: 0px 0px 2px 2px #e3e3e3;
}
.content {
	padding: 55px 0px;
}
.leftm {
	width: 420px; float: left;
}
.mml li {
	height: 62px; line-height: 62px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.mml li a {
	padding-left: 40px; font-size: 14px; display: block; position: relative;
}
.mml li a:hover {
	background: rgb(255,0,0); color: rgb(255, 255, 255);
}
.mml li .hover {
	background: rgb(255,0,0); color: rgb(255, 255, 255);
}
.mml li .hover_all {
	background: rgb(34, 34, 34); color: rgb(255, 255, 255);
}
.mml li a::after {
	background: url("icon10.png") no-repeat; top: 24px; width: 20px; height: 20px; right: 25px; position: absolute; content: "";
}
.mml li a:hover::after {
	background: url("icon11.png") no-repeat; top: 31px; width: 20px; height: 2px; right: 25px; position: absolute;
}
.mml li .hover::after {
	background: url("icon11.png") no-repeat; top: 31px; width: 20px; height: 2px; right: 25px; position: absolute;
}
.jqi {
	margin-left: 420px;
}
.jbox {
	background: rgb(255, 255, 255); margin-bottom: 50px; border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; min-height: 400px;
}
.jqr li {
	width: 25%; text-align: center; float: left; box-sizing: border-box;
}
.jqr li h3 {
	margin: 10px 0px; font-size: 20px;
}
.jqr li img {
	max-width: 100%;
}
.jqr li a {
	padding: 10px; border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; display: block;
}
.jqr li a:hover {
	color: rgb(255,0,0);
}
.jb-article {
	padding: 30px; line-height: 24px; overflow: hidden;
}
.mb-ls {
	display: none;
}
.mdr {
	display: none;
}
.mb-ins {
	display: none;
}
.flex-control-nav{ position: absolute; left: 0; bottom: 15px; width: 100%; z-index: 99; text-align: center;}
.flex-control-nav li{ display: inline-block; width: 100px; height: 5px;border-radius: 2px; margin:0 5px; line-height: 5px;}
.flex-control-nav  a{ display: inline-block; height: 5px; background: #858585; border-radius: 2px; font-size: 0; text-indent: -9999px; width: 100%; }
.flex-control-nav .flex-active{ background: #78152f;}
.shouji {display: none;}

ls-scroll-lsit li,.ls-left,.ls-right,.kong1-left,.kong1-right,.kong2-right,.kong1-2,.inews-list,.tut{ visibility: hidden; }
.i-cloumn{ z-index: 9; }
/*¶¯»­*/
.into .ls-scroll-lsit li{
  -webkit-animation:bounceInUp 1.2s ease 0s both;
  -ms-animation:bounceInUp 1.2s ease 0s both;
  animation:bounceInUp 1.2s ease 0s both;
  visibility: visible!important;
}

.into .ls-left{
  -webkit-animation:fadeInLeft 1.2s ease 1.2s both;
  -ms-animation:fadeInLeft 1.2s ease 1.2s both;
  animation:fadeInLeft 1.2s ease 1.2s both;
  visibility: visible!important;
}
.into .ls-right{
  -webkit-animation:fadeInRight 1.2s ease 1.2s both;
  -ms-animation:fadeInRight 1.2s ease 1.2s both;
  animation:fadeInRight 1.2s ease 1.2s both;
  visibility: visible!important;
}
.ls-scroll-lsit li:nth-of-type(4),.ls-scroll-lsit li:nth-of-type(1){
  animation-delay: .2s;
}
.ls-scroll-lsit li:nth-of-type(5),.ls-scroll-lsit li:nth-of-type(2){
  animation-delay: .3s;
}
.ls-scroll-lsit li:nth-of-type(6),.ls-scroll-lsit li:nth-of-type(3){
  animation-delay: .4s;
}
.ls-scroll-lsit li:nth-of-type(7),.ls-scroll-lsit li:nth-of-type(4){
  animation-delay: .5s;
}

.into .kong1-left,.into .kong1-2,.into .inews-list{
  -webkit-animation:fadeInLeftBig .8s ease .2s both;
  -ms-animation:fadeInLeftBig .8s ease .2s both;
  animation:fadeInLeftBig .8s ease .2s both;
  visibility: visible!important;
}

.into .kong1-right,.into .kong2-right,.into .tut{
  -webkit-animation:fadeInRightBig .8s ease .2s both;
  -ms-animation:fadeInRightBig .8s ease .2s both;
  animation:fadeInRightBig .8s ease .2s both;
  visibility: visible!important;
}

.into .f1{
  animation-delay: .3s;
}

.into .f2{
  animation-delay: .4s;
}

.pc.into{
  -webkit-animation:fadeInUp .8s ease .2s both;
  -ms-animation:fadeInUp .8s ease .2s both;
  animation:fadeInUp .8s ease .2s both;

}

.fix{ background: rgba(0,0,0,0.6);}

.inews-box{ overflow: hidden; }

.tut li{  display: none;

}

.tut .act{
  -webkit-animation:fadeInRight .8s ease .2s both;
  -ms-animation:fadeInRight .8s ease .2s both;
  animation:fadeInRight .8s ease .2s both;
  visibility: visible!important;
}

.dong.into .footer{
  -webkit-animation:fadeInUp .8s ease .4s both;
  -ms-animation:fadeInUp .8s ease .4s both;
  animation:fadeInUp .8s ease .4s both;
  visibility: visible!important;
}

.ls-scroll-lsit{ padding-top: 20px!important; }
.ls-scroll,.ls-pro-box{ height: 384px; }
.ls-pro-box{ margin-top: -20px; }
.flex-control-nav li{ cursor: pointer; }

.swiper-slide{ text-align: center; }
.swiper-container{ display: none; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5px!important; }


@media only screen and (max-width:1366px ) {
    .leftm{ width: 380px; }
    .mml li a{ padding-left: 30px; }
    .jqi{ margin-left: 380px; }
}

@media only screen and (max-width:1200px ) {
    .wrap{ width: 1000px; }
    .ls-pro-box,.inews{ display: none; }
    .mb-ls{ display: block; width: 1000px; margin:0 auto 30px; }
    .silde,.mb100,.inews-box{ margin-bottom: 30px; }
    .mb-ls li{ width: 333px; }
    .mb-ls .ls-scroll-pic{ width: 100%; }
    .mb-ls .ls-scroll-pic img{ max-width: 100%; }
    .kong1-2:nth-of-type(3){ display: none; }
    .mb-ins h3{ margin-bottom: 5px; }
    .mb-ins h3 em{ font-style: normal; margin-right: 5px; }
    .mb-ins h3 span{ margin-right: 10px; }
    .mb-ins li{ margin-bottom: 15px; }
    .nav{ padding-left: 80px; }
    .nav li{ margin-right: 48px; }
    .bm-menus{ width: 112px; }
    .bm360{ width: 300px; }

    .case-list{ width: 110%; }
    .case-list li{ width: 312px; height: 280px;}
    .case-list li a{ padding:10px; }
    .case-pic img{ width: 100%; height: 100%; }

    .menus-list{ background: #fff; }
    .menus-list li a{ padding:0 30px; }
    .news-list{ width: 100%; }
    .news-list li{ width: 33.3%; height: auto; margin:0 0 10px 0; padding:0 5px; box-sizing: border-box; box-shadow: none; background: none;}
    .news-list li a{ padding:10px; background: #fff; }
    .npic{ margin-bottom: 10px; }
    .nntime{ margin-bottom: 5px; }
    .mb-ins{ display: block; }

    .honour{ width: 100%; }
}

@media only screen and (max-width:1000px ) {
    .wrap{ width: 800px; }
    .nav,.language{ display: none; }
    .silde, .mb100, .inews-box{ margin-bottom: 15px; }
    .i-cloumn h3{ font-size: 16px; }
    .ls-scroll-pic{ height: 180px; line-height: 180px; }
    .ls-scroll-pic img{ max-height:180px; }
    .ls-scroll-lsit li h3{ font-size: 16px; }
    .mb-ls li{ width: 266px; }
    .ls-scroll-lsit li .intro{ margin:0 0 10px 0; }
    .kong1-left{ display: none; }
    .kong1-p{ position: static; margin:0; }
    .kong1{ display: none; }
    .i-cloumn{ margin-bottom: 15px; }
    .bm-menus{ -float: none; width: 50%; }
    .bm-menus dd{ float: left; margin-right: 10px; }
    .bm-menus dt{ margin-bottom: 5px; }
    .bm-menus{ padding-top: 15px; overflow: hidden;}
    .er{ float: left; }
    .mb-ls{ width: 100%; }
    .m{ background: url(icon23.png) no-repeat; width: 26px; height: 24px; float: right; margin:12px 0 0 0; }
    .mdr{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: fixed; left: 0; top: 50px; z-index: 9999; display: none;}
    .mdr a{ display: block; text-align: center; color: #fff; height: 30px; line-height: 30px; padding:5px 0; }
    .mml li a{ font-size: 14px; }
    .jqr li h3{ font-size: 14px; }
    .bread{ display: none; }
    .banner{ height: 100px; background-size: cover!important; }
    .leftm{ float: none; width: 100%;  overflow: hidden; background: #fff; margin-bottom: 10px;}
    .content{ padding:0 0 30px 0; }
    .mml li{ height: 34px; line-height: 34px; width: 50%; float: left; }
    .mml li a::after{ top: 7px; right: 10px; }
    .mml li a:hover::after, .mml li .hover::after{ top: 15px; right: 10px; }
    .jqi{ margin:0; }
    .jbox{ min-height: 200px; }

    .case{ padding: 20px 0 }
    .case-list li{ margin:0 15px 15px 0; width: 250px; height: 250px;}
    .case-pic img{ width: 220px; height: 220px; }
    .case-list{ margin-bottom: 15px; }

    .honour li{ width: 50%; margin:0 0 10px 0; padding:0 5px; box-sizing: border-box; }
}

@media only screen and (max-width:800px ) {
    .wrap{ width: 500px; }
    .mb-ls li{ width: 100%; margin-bottom: 15px;}
    .ls-scroll-lsit li .intro{ height: auto; }
    .ls-scroll-lsit li .more{ font-size: 12px; }
    .mb-ins .intro{ font-size: 12px; }
    .mb-ls{ margin-bottom: 10px; }
    .bdr{ border: none; }
    .jbox{ margin-bottom: 25px; }
    .case-list li{ width: 50%; height: auto; padding:0 5px; box-sizing: border-box; margin:0; background: none; box-shadow:none; margin-bottom:10px;}
    .case-list{ width: 100%; }
    .case-list li a{ background: #fff; }

    .npic img{ width: auto; height: auto; }
    .news-top-pic img{ width: 150px; height: auto; }
    .news-top{ padding:10px; margin-bottom: 15px; }
    .news-top h3{ font-size: 14px; padding-top: 0;  margin-bottom: 5px;}
    .dtime{ display: none; }
    .news-top-pic{ margin-right: 10px; }
    .menus{ margin-top: 0; height: 36px;}
    .menus li{ height: 36px; line-height: 36px; font-size: 14px; }
    .menus-list li a{ font-size: 14px; }
    .news-list li{ width: 50%; }
    .news-list li h3{ margin-bottom: 10px; font-size: 14px; }

    .menus-list{ height: 36px; }
    .abouta { padding: 30px 0 }
    .j-left{ width: 120px; padding-left: 0; text-align: center; }
    .j-left h3{ font-size: 14px; }
    .j-left h4{ font-size: 12px; }
    .j-right{ padding-left: 15px; font-size: 12px; }
    .join-list li{ margin-top: 15px; }

    .msg,.msg-left,.msg-right{ float: none; margin-left:0;}
    .msg-item,.msg-right{ width: 98%; }
    .yzm{ width: 98%; }
    .msgbox { margin-bottom: 6px; }
}
@media only screen and (max-width:500px ) {
    .wrap{ width: 100%; padding:0 10px; box-sizing: border-box; }
    .mb-ins .intro{ height: 48px; overflow: hidden; line-height: 24px; }
    .mb-ins h3{ height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bf a{ display: block; }
    .logo{ margin-left: 0; }
    .logo img{ height: 18px; }
    .mml li a:hover::after, .mml li .hover::after,.mml li a::after,.banner{ display: none; }
    .mml li a{ padding:0; }
    .mml li{ text-align: center; }
    .jqr li{ width: 33.3%; }
    .content,.case{ padding-top: 50px; }
    .case-pic img{ width: auto; height: auto; }
    .case-list{ margin-bottom: 10px; }
    .case{ padding-bottom: 20px; }
    .case2{ margin:50px 0 30px; }
    .fanye{ margin-bottom: 30px; }
    .article{ padding:10px 0; }
    .hy-js{ margin-top: 50px; }
    .hy-article{ padding: 10px 0; }
    .cc{ padding:15px 0 20px 0; }
    .nbsb{ padding-bottom: 20px; }
    .news-list li{ width: 100%; }
    .menus{ margin-top: 50px; }
    .datitle{ padding:10px 0; }
    .datitle h1{ font-size: 14px; margin-bottom: 5px;}
    .nbsbsb{ margin-bottom:30px; }
    .menus-list li a{ padding:0 15px; }
    .at{ font-size: 16px; padding-top: 20px; height: 30px;}
    .a-article{ padding:15px 0; }
    .a-list{ padding:0;  margin-top: 15px;}
    .honour li { height: 200px; line-height: 200px; }
    .honour li img{ max-width: 100%; max-height: 180px; }
    .j-left{ display: block; text-align: left; }
    .j-right{ display: block; padding:10px 10px 0 0; border: none; }
    .j-right{ width:100%; }
    .abouta{ padding-top:15px; }
    .a-c{ padding-top: 20px; }
    .geiw{ font-size: 14px; }
    .sub .btn{ height: 40px; width: 100%; }
    .cway{ width: 100%; padding:10px 0 20px 0; }
    .bg{ background: none; }
    .news-list li{ padding:0; }
    .mb-ins h3 a{ color: #d80c18; }

    .flex-control-nav li{ width: 60px; }
    .shouji{ display: block; }
    .pc{ display: none; }

    .swiper-container{ display: block; padding-bottom: 25px; }
    .menus-list li a:after{ display: none; }

}
@media only screen and (max-width:400px ) {
    .bm-menus{ width: 100%; }
    .er{ margin-top:10px; }
    .bm{ margin-bottom: 15px; }
    .jqr li{ width: 50%; }
    .jbox{ margin-bottom: 0; }
    .case-list li{ width: 100%; }
    .menus-list li a{ font-size: 12px; padding:0 10px;}
    .honour li{ width: 100%; text-align: center; }

}

.paging{ PADDING-BOTTOM: 25px; WIDTH:100%; PADDING-TOP:30px; TEXT-ALIGN: center}
.paging a,.paging span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}

.product{ padding:20px;}
.product-title{ height:40px; line-height:40px; text-align:center; font-size:18px;}
.product-pic{ padding:20px 0; width:100%; overflow:hidden;}
.product-pic .pic{ float:left; width:48%; height: auto; border:1px solid #ddd; margin-right:10px; overflow:hidden;}
.product-pic .pic img{ width:100%; height:auto;}
.product-pic dl{ float:left; width:50%;}
.product-pic dl dt{ padding-bottom:10px; font-size:18px; font-weight:bold; color:#222;}
.product-pic dl dd{ line-height:30px;}
.product-pic dl dd b{ color:#222;}

.product-pic h2{ padding-bottom:20px; text-align:center; font-size:30px; color:#000;}
.product-pic .title-pic{ text-align:center;}

/* tab */
#tab{width:100%; min-height:400px; margin-top:20px;}
#tab .tab_menu{width:100%;}
#tab .tab_menu li{
	float:left;
	background:#fefefe;
	background:-moz-linear-gradient(top, #fefefe, #ededed);	
	background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
	background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
	border:1px solid #ccc;
	padding:10px 0;
	width:25%;
	text-align:center;
	margin-left:-1px;
	cursor:pointer;
	font-size:18px; color:#000;}
#tab .tab_menu li:first-child{ width:49%;}
#tab .tab_box{ width:100%; }
#tab .tab_box .hide{ width:25%; float:left; min-height:330px; border:1px solid #ccc; border-top:none;margin-left:-1px;line-height:30px;  }
#tab .tab_box .hide:first-child{ width:49%;}
#tab .tab_box .hide p{ padding:20px; }	
#tab .tab_box .hide dt{ padding:20px;}
#tab .tab_box .hide dd{ padding:5px 20px;line-height:20px; overflow:hidden;}
#tab .tab_box .hide dd i{ display:block; float:left; width:20px; height:20px; line-height:20px; text-align:center; margin:0 10px 0 0; border-radius:20px; border:1px solid #ccc; font-style: normal;}
#tab .tab_box .hide a:hover{ text-decoration:underline;}

.product-info{ line-height:30px;}

/* --  -- */
input,textarea{font-family:"Tahoma",\5b8b\4f53,"microsoft yahei",Arial;vertical-align:middle}
.input{width:80%;border:1px solid #dedbd7;padding:1em .4em;font-size:12px;color:#666;}
.input:focus{box-shadow:0 0 5px 0 rgba(0,0,0,.2);}

.module_form_topic h4{padding:10px;margin:0;background:#eee;text-align:center;font-size:16px}
.module_form_topic .tips{background:#9c0c16;color:#fff;line-height:22px;padding:10px;margin:12px;}
.module_field{padding:.5em 0;overflow:hidden}
.module_field .c_left{float:left;width:15%;text-align:right;display:block;padding:0.8em 0 0}
.module_field .middle{margin:0 0 0 15%;display:block;padding-left:.3em}
.module_form_tips{padding:.3em 1em .8em;color:#f60}

.inputbox{margin:0 0 10px;overflow:hidden;zoom:1;}
.inputbox p{padding:.5em 0}
.inputbox .ibl{float:left;width:15%;text-align:right;display:block;padding-top:.4em}
.inputbox .ibr{margin:0 0 0 15%;display:block;padding-left:.3em}
.tip{margin:0 1.2em 1em;color:#f60;padding-left:15%;padding-top:1em}
.module_form_box{margin:2em 1.2em 1.5em; width:720px;}
.module_form_intro{border-bottom:1px solid #e2e2e2;margin:0 0 1.2em}
.module_form_intro .name{border-bottom:3px solid #67be00;display:inline-block;*display:inlne;zoom:1;padding:0 .8em .5em;font-size:14px;font-weight:bold;color:#333}

.module_field{padding:.5em 0;overflow:hidden}
.module_field .c_left{float:left;width:15%;text-align:right;display:block;padding:0.8em 0 0}
.module_field .middle{margin:0 0 0 15%;display:block;padding-left:.3em}
.module_form_tips{padding:.3em 1em .8em;color:#f60}


.btn-area{padding:1em 15.7%}
.btn-submit{width:80px;height:35px;border:0;background:#9c0c16;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}
.reset{width:80px;height:35px;border:0;background:#999;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}
#rightObj .btn-area{padding:10px 155px 20px}