@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;margin:0 auto}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}  
ol, ul{ margin:0;}
ul, li {
    list-style: none;
}
p{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;font-weight: 700;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
.vertical-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.text-white {
  color: #fff;
  margin-bottom: 50px;
  line-height: 32px;
}
.text-theme {
  color: #ff5555;
}
.btn,
.btn:hover,
.btn.hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 9px 22px;
  font-family: inherit;
  color: #fff !important;
  border-color: #ff5555 !important;
  background-color: #ff5555 !important;
}
.btn:focus,
.btn.focus {
  color: #fff !important;
  border-color: #dd3333 !important;
  background-color: #dd3333 !important;
}
.btn:hover,
.btn.hover {
  color: #fff !important;
  border-color: #ff7777 !important;
  background-color: #ff7777 !important;
}
.btn:active,
.btn.active {
  color: #fff !important;
  border-color: #dd3333 !important;
  background-color: #dd3333 !important;
}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'CONTEXT';
src:url(../fonts/context.ttf);
    font-weight: normal;
    font-style: normal;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}

.headerBg{ margin-top:20px; transition:all 0.3s ease-out 0s;}
.headerBg.active{ border:none; background:rgba(0,0,0,0.6); margin-top:0;}
.headerBg.noEffect{ transform:translateY(0) !important;}
.logo{ position:absolute; left:30px; top:16px;}
.logo a{ display:block;}
.hdRig{ position:absolute; right:30px; top:0; color:#FFFFFF;}
.hdRig a{ color:#FFFFFF; display:inline-block; vertical-align:middle;}
.hdRigList{ font-size:0;}
.hdRigList li{ display:inline-block; vertical-align:middle; font-size:18px; padding-left:8px; line-height:84px;}
.hdWx{ position:absolute; right:-30px; top:84px; width:140px; padding:10px; text-align:center; background:#FFFFFF; font-size:12px; color:#666666; line-height:26px; display:none;}
.hdWx img{ margin:0 auto;}
.hdRigList li:hover .hdWx{ display:block;}
.hdTel{ font-size:20px; margin-top:-2px; margin-right:5px;}
.hdShare{ margin-top:-10px; font-size:15px; width:32px; height:32px; border:1px solid rgba(255,255,255,0.25); border-radius:50%; text-align:center; line-height:30px;}

/*navList*/
.navList{ display:table; margin:0 auto;}
.navLi{ float:left; height:84px; position:relative;}
.navLi h3{
    margin: 12px 0;
}
.navLi h3 a{ display:block; padding:24px 10px; font-size:15px; color:#FFFFFF;}
.navLi h3 a span{ display:block; border:1px solid transparent; height:36px; line-height:34px; border-radius:17px; padding:0 20px; transition:all 0.4s ease 0s;}
.navLi.on h3 a span,.navLi h3 a:hover span{ border-color:#FFFFFF;}

.navSub{position:absolute;left: 90%;margin-left:-150px;top:84px;width: 215px;padding-top:23px;display:none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;}
.navSubList{ background:rgba(0,0,0,0.75); padding:15px; border-radius:5px;}
.navSubLi{}
.navSubLi h4{border-bottom:1px solid rgba(255,255,255,0.2);margin: 0;}
.navSubLi h4 a{ display:block; color:#FFFFFF; font-size:14px; line-height:42px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navSubLi.has h4 a{ background-image:url(../images/navlibg.png);}
.navSubLi a:hover{ color:#005dac;}

.navThrList{ padding-left:15px; display:none;}
.navThrLi h5{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navThrLi h5 a{ display:block; color:#FFFFFF; font-size:14px; line-height:22px; padding:10px 0; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navThrLi.has h5 a{ background-image:url(../images/navlibg.png);}

.navFouList{ padding:15px 0 15px 10px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.navFouLi{ font-size:12px; color:#dddddd; line-height:24px;} 
.navFouLi a{ display:block; color:#dddddd;}

.navBoxm{ display:none;}
.navListm{ list-style:none; overflow:hidden;}


.ban1Con{width:100%;}
.ban1Img{width: 50%;float:left;max-width:651px;position:relative;}
.ban1Logo{ width:119px; height:57px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-49px; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir{ width:379px; height:379px; position:absolute; left:50%; top:0; margin-left:-190px; background-position:center center; background-repeat:no-repeat; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir1{ background-image:url(../images/ban1cir1.png); animation: circle 200s infinite linear;}
.ban1Cir2{ background-image:url(../images/ban1cir2.png); animation: circleF 200s infinite linear;}
.ban1Cir3{ background-image:url(../images/ban1cir3.png); animation: circle 200s infinite linear;}
.ban1Line{ width:509px; height:379px; position:absolute; left:50%; top:0; margin-left:-254px; background:url(../images/ban1line.png) center center no-repeat;}
.ban1IcoItem{}
.ban1IcoItem li{ display:inline-block; position:absolute; text-align:center; font-size:14px; line-height:34px;}
.ban1IcoItem li a{ display:block; color:#FFFFFF;}
.ban1Ico{ width:71px; height:71px; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.ban1Ico i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ban1icobg.png) center center no-repeat; animation:circle 150s infinite linear;}
.ban1IcoLi1{ left:50px; top:0;}
.ban1IcoLi2{ left:0; top:156px;}
.ban1IcoLi3{ left:50px; bottom:-30px;}
.ban1IcoLi4{ right:50px; top:0;}
.ban1IcoLi5{ right:0; top:156px;}
.ban1IcoLi6{ right:50px; bottom:-30px;}
.ban1IcoItem li a:hover .ban1Ico img{ animation:pulse 0.3s linear 2;}
@keyframes circle{
  0% {
	  transform:rotate(0);}
  50% {
	  transform:rotate(360deg);}
  100% {
	  transform:rotate(0);}
}
@keyframes circleF{
  0% {
	  transform:rotate(360deg);}
  50% {
	  transform:rotate(0);}
  100% {
	  transform:rotate(360deg);}
}
.swiper-slide-active .ban1Logo{ opacity:0;}
.swiper-slide-active .ban1Cir{ opacity:1;}
.swiper-slide-active .ban1Cir1{ transition-delay:0.3s;}
.swiper-slide-active .ban1Cir2{ transition-delay:0.7s;}
.swiper-slide-active .ban1Cir3{ transition-delay:1.1s;}

.ban1Text{width: 50%;float:right;max-width: 442px;padding-top: 20%;}
.banLink{ display:block; color:#FFFFFF; font-weight:bold; font-size:15px; text-align:center; width:144px; height:40px; line-height:38px; margin:25px 0 0; border:1px solid rgba(255,255,255,0.65); background:url(../images/banlinkbg.png) center center no-repeat; background-size:100% 100%;}
.banLink img{ margin-left:5px; transition:all 0.3s ease 0s;}
.banLink:hover{ color:#FFFFFF;}
.banLink:hover img{ margin-left:15px;}

.banPc{ display:block;}
.banMob{ display:none; position:relative; z-index:1;}
.banMob a{ display:block;}

.banBtn{ position:absolute; left:50%; margin-left:-12px; bottom:6%; display:block; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:12px; z-index:1; overflow:hidden;}
.banBtn:after{ display:block; content:""; position:absolute; left:50%; margin-left:-2px; top:21px; width:4px; height:4px; background:#FFFFFF; border-radius:50%; animation:bounce 2s infinite;}


.index-banwrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 41.66667%;
	overflow: hidden
}

.index-banwrap .index-banner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.index-banwrap .index-banner .bx-wrapper {
	width: 100%;
	height: 100%
}

.index-banwrap .index-banner .bx-viewport {
	width: 100%;
	height: 100%
}

.index-banwrap .index-banner .slides:after {
	visibility: hidden;
	display: block;
	font-size: 0;

	content: "";clear:both;height:0;*display:none}
.index-banwrap .index-banner .slides{*zoom:1}.index-banner
.slides {
		width: 300%
	}

	.index-banner .slides li {
		float: left;
		width: 33.3333%;
		overflow: hidden
	}

	.index-banner .linerbg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 30;
		height: 140px;
		background: url("../images/hdbanbg01.png") repeat-x 0 0
	}

	.index-banner a {
		display: block
	}

	.index-banner img {
		display: block;
		max-width: none;
		width: 100%
	}

	.index-banner li {
		position: relative
	}

	.index-banner li .m-line-more {
		display: none;
		visibility: hidden
	}

	.index-banner .flex-direction-nav {
		display: none
	}

	.index-banner .bx-pager {
		bottom: 18px
	}

	.index-banner .bx-pager .bx-pager-item a {
		margin: 0 3px;
		line-height: 0;
		height: 2px;
		padding: 20px 0;
		width: 94px
	}

	.index-banner .bx-pager .bx-pager-item i {
		display: block;
		width: 100%;
		height: 2px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		background-color: #fff
	}

	.index-banner .bx-pager .bx-pager-item .active i {
		background-color: #d90000
	}

	.index-banner .flex-control-nav {
		z-index: 20;
		bottom: 38px
	}

	.index-banner .flex-control-nav li {
		margin: 0 3px;
		line-height: 0;
		height: 2px;
		width: 94px;
		background-color: #fff
	}

	.index-banner .flex-control-nav .cur {
		background-color: #d90000
	}

	.index-banner .flex-control-nav a {
		-webkit-border-radius: 0;
		border-radius: 0;
		width: 94px;
		height: 2px;
		background: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 1;
		-webkit-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		transition: all ease 0.3s;
		padding: 15px 0;
		margin-top: -16px
	}

	.index-banner .flex-control-nav .flex-active {
		opacity: 1;
		background: none
	}

	.index-banner .slide01 .imgpopup {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 3;
		width: 72.39583%
	}

	.index-banner .slide01 .imgpopup img {
		vertical-align: top;
		width: 100%
	}

	.index-banner .slide01 .textpopup {
		position: absolute;
		top: 27.5%;
		left: 50%;
		z-index: 20;
		margin-left: -800px;
		color: #fff
	}

	.index-banner .slide01 .tit {
		margin-bottom: 15px;
		font-size: 48px;
		line-height: 58px;
		width: 72.39583%;
		white-space: nowrap;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.index-banner .slide01 .txt {
		margin-bottom: 52px;
		font-size: 20px;
		line-height: 32px;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
		white-space: nowrap
	}

	.index-banner .slide01 .m-line-more {
		-webkit-transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s;
		width: 72.39583%;
		width: 138px;
		border-color: #a19583;
		color: #fff
	}

	.index-banner .slide01 .m-line-more:hover {
		color: #fff
	}

	.index-banner .slide01 .m-line-more:hover::after {
		background-color: #a19583
	}

	.index-banner .slide01 .before {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0
	}

	.index-banner .slide01 .after {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	.index-banner .slide03 {
		position: relative
	}

	.index-banner .slide03 .textpopup03 {
		position: absolute;
		top: 27.5%;
		left: 50%;
		z-index: 20;
		margin-left: -800px;
		color: #fff
	}

	.index-banner .slide03 .textpopup03 .ico {
		margin-bottom: 26px
	}

	.index-banner .slide03 .textpopup03 .ico img {
		width: auto
	}

	.index-banner .slide03 .textpopup03 .tit {
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		transition-delay: 0.5s;
		margin-bottom: 50px;
		font-size: 48px;
		line-height: 60px;
		color: #fff
	}

	.index-banner .slide03 .textpopup03 .m-line-more {
		border-color: #fff;
		color: #fff;
		-webkit-transition-delay: 0.8s;
		-moz-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s
	}

	.index-banner .slide03 .textpopup03 .m-line-more::after {
		background-color: #fff
	}

	.index-banner .slide03 .textpopup03 .before {
		-webkit-transform: translateY(60px);
		-moz-transform: translateY(60px);
		-ms-transform: translateY(60px);
		-o-transform: translateY(60px);
		transform: translateY(60px);
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0
	}

	.index-banner .slide03 .textpopup03 .after {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	.index-banner .slide03 .imgpopup03 .before {
		-webkit-transform: translate(80px, 60px);
		-moz-transform: translate(80px,
			60px);
		-ms-transform: translate(80px, 60px);
		-o-transform: translate(80px, 60px);
		transform: translate(80px,
			60px);
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0
	}

	.index-banner .slide03 .imgpopup03 .after {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0,
			0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}

	.index-banner .slide03 .imgpopup03 img {
		position: absolute;
		z-index: 10;
		width: auto
	}

	.index-banner .slide03 .imgpopup03 .pop01 {
		width: 5.72917%;
		top: 66.5%;
		left: 32.34375%;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.index-banner .slide03 .imgpopup03 .pop02 {
		width: 11.61458%;
		top: 69.875%;
		left: 37.29167%;
		-webkit-transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s
	}

	.index-banner .slide03 .imgpopup03 .pop03 {
		width: 6.61458%;
		top: 50.375%;
		left: 41.04167%;
		-webkit-transition-delay: 0.9s;
		-moz-transition-delay: 0.9s;
		-o-transition-delay: 0.9s;
		transition-delay: 0.9s
	}

	.index-banner .slide03 .imgpopup03 .pop04 {
		width: 19.21875%;
		top: 0%;
		left: 68.22917%;
		-webkit-transition-delay: 0.4s;
		-moz-transition-delay: 0.4s;
		-o-transition-delay: 0.4s;
		transition-delay: 0.4s
	}

	.index-banner .slide03 .imgpopup03 .pop05 {
		width: 9.32292%;
		top: 28.375%;
		left: 76.82292%;
		-webkit-transition-delay: 0.7s;
		-moz-transition-delay: 0.7s;
		-o-transition-delay: 0.7s;
		transition-delay: 0.7s
	}

	.index-banner .slide04 {
		position: relative
	}

	.index-banner .slide04 .textpopup {
		position: absolute;
		top: 31%;
		left: 50%;
		z-index: 20;
		margin-left: -800px;
		color: #fff
	}

	.index-banner .slide04 .textpopup .tit {
		margin-bottom: 15px;
		font-size: 48px;
		line-height: 58px;
		width: 72.39583%;
		white-space: nowrap;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.index-banner .slide04 .textpopup .txt {
		margin-bottom: 52px;
		font-size: 20px;
		line-height: 32px;
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		transition-delay: 0.5s;
		white-space: nowrap
	}

	.index-banner .slide04 .textpopup .m-line-more {
		-webkit-transition-delay: 0.7s;
		-moz-transition-delay: 0.7s;
		-o-transition-delay: 0.7s;
		transition-delay: 0.7s;
		width: 72.39583%;
		width: 138px;
		border-color: #fff;
		color: #fff
	}

	.index-banner .slide04 .textpopup .m-line-more::after {
		background-color: #fff
	}

	.index-banner .slide04 .textpopup .m-line-more:hover {
		color: #fff
	}

	.index-banner .slide04 .textpopup .m-line-more:hover::after {
		background-color: #fff
	}

	.index-banner .slide04 .textpopup .before {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0
	}

	.index-banner .slide04 .textpopup .after {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	.index-banner .slide04 .imgpopup img {
		position: absolute;
		z-index: 10;
		width: auto
	}

	.index-banner .slide04 .imgpopup .pop01 {
		top: 9.875%;
		left: 33.90625%;
		width: 35.46875%
	}

	.index-banner .slide04 .imgpopup .pop01.before {
		-webkit-transform: translate(-120px, 120px);
		-moz-transform: translate(-120px,
			120px);
		-ms-transform: translate(-120px, 120px);
		-o-transform: translate(-120px, 120px);
		transform: translate(-120px,
			120px)
	}

	.index-banner .slide04 .imgpopup .pop02 {
		top: 0;
		left: 58.54167%;
		width: 26.35417%
	}

	.index-banner .slide04 .imgpopup .pop02.before {
		-webkit-transform: translate(-120px, 120px);
		-moz-transform: translate(-120px,
			120px);
		-ms-transform: translate(-120px, 120px);
		-o-transform: translate(-120px, 120px);
		transform: translate(-120px,
			120px)
	}

	.index-banner .slide04 .imgpopup .pop03 {
		top: 79.375%;
		left: 33.3125%;
		width: 33.33333%;
		-webkit-transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s
	}

	.index-banner .slide04 .imgpopup .pop03.before {
		-webkit-transform: translate(120px, -120px);
		-moz-transform: translate(120px,
			-120px);
		-ms-transform: translate(120px, -120px);
		-o-transform: translate(120px, -120px);
		transform: translate(120px,
			-120px)
	}

	.index-banner .slide04 .imgpopup .pop04 {
		top: 19.5%;
		left: 55.57292%;
		width: 35.46875%;
		-webkit-transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s
	}

	.index-banner .slide04 .imgpopup .pop04.before {
		-webkit-transform: translate(120px, -120px);
		-moz-transform: translate(120px,
			-120px);
		-ms-transform: translate(120px, -120px);
		-o-transform: translate(120px, -120px);
		transform: translate(120px,
			-120px)
	}

	.index-banner .slide04 .imgpopup .pop05 {
		top: 0;
		left: 80.625%;
		width: 19.47917%;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.index-banner .slide04 .imgpopup .pop05.before {
		-webkit-transform: translate(120px, -120px);
		-moz-transform: translate(120px,
			-120px);
		-ms-transform: translate(120px, -120px);
		-o-transform: translate(120px, -120px);
		transform: translate(120px,
			-120px)
	}

	.index-banner .slide04 .imgpopup .pop06 {
		top: 73.5%;
		left: 57.29167%;
		width: 36.97917%
	}

	.index-banner .slide04 .imgpopup .pop06.before {
		-webkit-transform: translate(-120px, 120px);
		-moz-transform: translate(-120px,
			120px);
		-ms-transform: translate(-120px, 120px);
		-o-transform: translate(-120px, 120px);
		transform: translate(-120px,
			120px)
	}

	.index-banner .slide04 .imgpopup .pop07 {
		top: 29.125%;
		left: 84.32292%;
		width: 15.88542%
	}

	.index-banner .slide04 .imgpopup .pop07.before {
		-webkit-transform: translate(-120px, 120px);
		-moz-transform: translate(-120px,
			120px);
		-ms-transform: translate(-120px, 120px);
		-o-transform: translate(-120px, 120px);
		transform: translate(-120px,
			120px)
	}

	.index-banner .slide04 .imgpopup .before {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0;
		-webkit-transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
		transition-delay: 0.1s
	}

	.index-banner .slide04 .imgpopup .before.after {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0,
			0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}

	.index-banner .slide05 {
		position: relative
	}

	.index-banner .slide05 .textpopup {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -209px 0 0 -505px;
		width: 1010px
	}

	.index-banner .slide05 .before {
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		opacity: 0
	}

	.index-banner .slide05 .after {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0,
			0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}

	.index-banner .slide05 .tit {
		margin-bottom: 34px;
		text-align: center;
		font-size: 48px;
		line-height: 60px;
		/*color: #fff*/
	}

	.index-banner .slide05 .tit span {
		color: #28b7ec;
		background-image: -webkit-linear-gradient(118deg, #00ffe4,
			#28b7ec);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent
	}

	.index-banner .slide05 .icolist {
		margin-bottom: 82px;
		font-size: 0;
		text-align: center
	}

	.index-banner .slide05 .icolist.before {
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.index-banner .slide05 .icolist .ico {
		position: relative;
		width: 202px;
		display: inline-block;
		vertical-align: top;
		font-size: 32px;
		line-height: 40px
	}

	.index-banner .slide05 .icolist .ico img {
		display: inline-block;
		vertical-align: top;
		max-width: 90px
	}

	.index-banner .slide05 .icolist .ico p {
		padding-top: 12px;
		color: #28b7ec;
		background-image: -webkit-linear-gradient(118deg, #00ffe4,
			#28b7ec);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent
	}

	.index-banner .slide05 .icolist .ico:after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -30px;
		width: 1px;
		height: 61px;
		background-color: #fafafa
	}

	.index-banner .slide05 .icolist .ico.last:after {
		display: none
	}

	.index-banner .slide05 .botdesc {
		text-align: center;
		font-size: 24px;
		line-height: 48px;
		/*color: #fff*/
	}

	.index-banner .slide05 .botdesc.before {
		-webkit-transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		transition-delay: 0.5s
	}

	.index-banner .slide05 .botdesc span {
		font-size: 32px;
		font-weight: bold;
		color: #28b7ec;
		background-image: -webkit-linear-gradient(118deg,
			#00ffe4, #28b7ec);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent
	}


	.iban-ctrl {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 30;
		width: 330px;
		height: 70px;
		background: rgba(255, 255, 255, 0.7);
		padding: 0 30px 0 30px;
	}

	.iban-index {
		float: left;
		line-height: 70px;
		color: #333
	}

	.iban-index span {
		float: left;
		font-size: 24px;
		font-weight: bold;
		line-height: 70px
	}

	.iban-index .line {
		font-size: 20px;
		padding: 0 10px
	}

	.iban-index .total {
		color: #999
	}

	.iban-nav {
		float: left;
		padding-left: 30px
	}
.clearfix {
    *zoom: 1;
}
	.iban-nav a {
		float: left;
		width: 80px;
		height: 70px;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		-moz-transition: all ease .5s;
		transition: all ease .5s;
	}

	.iban-nav .prev {
		border-right: 1px solid #fff;
		background-image: url("../images/ibanprev.png")
	}

	.iban-nav .prev:hover {
		background-position: 40% center
	}

	.iban-nav .next {
		background-image: url("../images/ibannext.png")
	}

	.iban-nav .next:hover {
		background-position: 60% center
	}

	.iban-nav .next {
		background-color: #d90000
	}

.product-nav {
  margin: 0 auto;
  margin-bottom: 40px
}

.productList {
  height: 32px;
  overflow: hidden;
  zoom: 1;
}

.productList li {
  display: inline-block;
  color: #000;
  cursor: pointer
}

.productList li.on div {
    background: #39A4DC;
    color: #fff;
    font-weight: bold;
}

.product {

width: 100%;

position: relative;

overflow: hidden;

overflow: hidden;

padding: 15px;

background: #fff;

text-align: left;
}

.product .news-list li {
  float: left;
  height: 395px;
  width: 33.333%;
  text-align: center;
  padding-top: 40px;
}

 

.product .tabs a:hover {
  
  text-align: center;
  background: #39A4DC;
  color:#fff;
}
 
 
.product .tabs {
  height: 50px;
  line-height: 28px;
  padding: 0 15px;
  border-bottom: 2px solid #39A4DC;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.product .tabs a {
  margin-right: 20px; color:#333;
  background: #f1f1f1;
  float: left;
  cursor: pointer;
  padding: 10px 30px;
  font-size: 16px;
  text-align: center;
}
.product .tabs a:first-child {margin-left: 35%;}

.product .tabs a.active {
  background: #39A4DC;
  color:#fff
}
 
.product .product-icon-seq {
  height: 150px;
  margin: 0 auto;
  margin-bottom: 45px;
}

.product .product-icon-seq {
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain
}


.product li .Product-hover {
  display: none;
  position: relative;
  bottom: -30px;
  left: 45%;;
  height: 12px;
  width: 17px;
  background: url("../images/cooperation-icon-hover.png") no-repeat
}

.product li:hover {
 
  text-align: center;
  background: #f3f3f3
}

.product li:hover .Product-hover {
  display: block
}

.product li span {
  font: 23px/30px siyuan;
  color: #0a0a0a
}

.product li p {
  margin: 0 25px;
  font: 14px/25px siyuan;
  color: #7f8591;
  margin-top: 15px
}

.product-qiehuan {
  margin: 20px auto;
  width: 70px
}


.box1Bg{padding: 0px 0 0 0;}
.box1Num{ font-size:24px; color:#969696; line-height:200%;}
.box1Num span{ color:#e80b11; font-family:'CONTEXT'; font-size:50px; padding:0 10px; line-height:200%; display:inline-block; width:330px; text-align:left;}
.title{padding: 50px 0 0 0;position:relative;}
.title h2{font-size:36px;color:#222222;line-height:120%;padding: 10px 0;}
.titleBrief{max-width: 1080px;margin:0 auto;color: #a6a5a5;line-height:28px;padding: 10px 0;}

.box1CenBg{ min-height: 360px;overflow:hidden;position:relative;}
.wavesBg{position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom: 50px;}
#waves{}
.box1Cen{margin: 0px 0 0;position:relative;}
 
.box1CenImgBg{float:left;width:38%;padding-right:3%;overflow: hidden;max-height: 340px;}
.box1CenImgBg img{border-radius: 0;max-width: 60%;    margin: 0 auto;}
.box1CenText{float:right;width:62%;max-width:450px;}
.box1CenH3{font-size: 18px;line-height:30px;}
.box1CenH3 strong{font-weight:400}
.box1CenBrief{font-size: 14px;line-height: 24px;margin:10px 0;color: #666;}
.box1CenItem{ padding:0px 0 15px;}
.box1CenItem li a{ color:#FFFFFF; display:inline-block; line-height:26px; padding:0 10px; border-radius:10px; transition:all 0.4s ease 0s;}
.box1CenItem li a:before{ display:inline-block; content:""; vertical-align:middle; width:4px; height:4px; border-radius:50%; background:#FFFFFF; margin:-2px 5px 0 0;}
.box1CenItem li a:hover{ background:#005dac;}
.box1CenText .box1BotMore{ margin:0; border:1px solid #FFFFFF; text-align:center;}
.box1CenText .box1BotMore:hover{ background:#df292e; border-color:#df292e;}
.box1BotMore a,.box1BotMore a:hover{ display:block; color:#FFFFFF;}

.box1BotBg{background:url(../images/box1cenbg.png) center top no-repeat;background-size:cover;background-color: #7ccab4;padding: 30px 0;}
.box1Bot{margin:0 -42px;padding: 20px 0;}
.box1Bot li{ padding:10px 42px;}
.box1Bot li:after{ display:block; content:""; display:block; width:190px; height:1px; font-size:0; background:#e6e6e6; position:absolute; top:100px; right:-95px;}
.box1Bot li:last-child:after{ display:none;}
.box1Bot li a{ display:block; height:100%; max-width:360px; margin:0 auto;}
.box1BotImgBg{ width:174px; height:174px; border:1px solid #dbdbdb; border-radius:50%; margin:0 auto; position:relative; display:flex; justify-content:center; align-items:center;}
.box1BotImgBg:after{ display:block; content:""; position:absolute; top:29px; right:15px; width:7px; height:7px; background:#005dac; border-radius:50%;}
.box1BotCir{ position:absolute; left:50%; top:50%; width:144px; height:144px; margin-left:-72px; margin-top:-72px; background:url(../images/box1botcir.png) center center no-repeat; background-size:cover;}
.box1BotImg{ width:84px; height:84px; background:#005dac; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:all 0.4s ease 0s;}
.box1BotH3{font: 23px/30px siyuan;color: #fff;line-height:150%;padding:10px 0;}
.box1BotBrief{font-size:14px;color: #fff;line-height:26px;height:52px;margin:0 0 20px;overflow:hidden;}
.box1BotMore{display:block;margin:0 auto;width:120px;height:40px;line-height:38px;border: 1px solid #fff;border-radius:20px;color: #fff;transition:all 0.4s ease 0s;}
.box1Bot li a:hover .box1BotImg{ width:120px; height:120px;}
.box1Bot li a:hover .box1BotMore{ border-color:#df292e; background:#df292e; color:#FFFFFF;}
.box1Bot li a:hover .box1BotMore img.showsIn{ display:none;}
.box1Bot li a:hover .box1BotMore img.hides{ display:inline-block;}
.box1Bot li a:hover .box1BotCir{ animation:Cir 20s infinite;}
@keyframes Cir
{
from { transform:rotate(0);}
to { transform:rotate(360deg);}
}
.box1Bot li:nth-child(2) .box1BotImgBg:after{ top:auto; bottom:29px;}
.box1Bot li:nth-child(3) .box1BotImgBg:after{ right:auto; left:-4px; top:74px;}
 

.box2Bg{ background:url(../images/box2bg.gif) center top no-repeat; background-size:cover; padding:90px 0;}
.box2Bg .title h2,.box2Bg .titleBrief{ color:#FFFFFF;}
.box2List{ margin:0 -30px;}
.box2List li{ padding:0 30px 30px;}
.box2Con{ position:relative; overflow:hidden;}
.box2Img{ overflow:hidden;}
.box2Img img{ width:100%; transition:all 0.4s ease 0s;}
.box2Tit{ position:absolute; left:0; bottom:0; width:100%; background:#000000; background:rgba(0,0,0,0.7); font-size:18px; color:#FFFFFF; line-height:34px; padding:15px; transition:all 0.4s ease 0s;}
.box2HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#184091; background:rgba(24,64,145,0.9); padding:35px; color:#FFFFFF; opacity:0; transform:translateY(-100%); transition:all 0.4s ease 0s;}
.box2Hov{ width:100%;}
.box2Hov a{ color:#FFFFFF; color:rgba(255,255,255,0.65); transition:all 0.4s ease 0s;}
.box2Hov h4{ text-align:center; font-size:18px; padding:20px 0; opacity:0; transform:translateY(-50%); transition:all 0.4s ease 0s;}
.box2Item{ overflow:hidden; margin:0 -5px; font-size:12px; line-height:26px; opacity:0; transform:translateY(50%); transition:all 0.4s ease 0s;}
.box2Item p{float:left;width: 100%;padding:0 5px;}
.box2Hov a:hover{ color:#FFFFFF;}
.box2Con:hover .box2Tit{ transform:translateY(100%);}
.box2Con:hover .box2HovBg{ opacity:1; transform:translateY(0%);}
.box2Con:hover .box2Hov h4,.box2Con:hover .box2Item{ opacity:1; transform:translateY(0%); transition:all 0.4s ease 0.3s;}

.box3Bg{padding: 0px 0;}
.box3List{}
.box3List .swiper-container{ padding-bottom:15px;}
.box3List .swiper-slide{ padding:20px 10px;}
.box3List a{ display:block; height:100%; position:relative; overflow:hidden;}
.box3List img{ margin:0 auto;}
.box3Hov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scale(2); transition:all 0.4s ease 0s;}
.box3List a:hover .box3Hov{ opacity:1; transform:scale(1);}
.box3List .swiper-pagination{position:static;width:100%;display:block;margin-bottom: 30px;}
.box3List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:#e5e5e5; opacity:1; margin:0 5px;}
.box3List .swiper-pagination-bullet-active{ background:#ee353a;}

.box4Bg{ padding:0px 0 40px 0; position:relative; background:url(../images/box4bg.jpg) center center no-repeat; background-size:cover;}
#box4BgId{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box4Bg .title h2,.box4Bg .titleBrief{ color:#FFFFFF;}
.box4List .swiper-slide{ text-align:center; padding:20px 10px; color:#fbfbfb;}
.box4List a{ display:block; color:#FFFFFF; height:100%; color:#fbfbfb;}
.box4List img{ margin:0 auto;}
.box4Img img{ max-width:50%;}
.box4Num{ font-size:38px; font-family:Arial, sans-serif;}
.box4Tit{ font-size:16px; font-weight:bold; opacity:0.6; transition:all 0.3s ease 0s;}
.box4List .swiper-container{ padding-bottom:25px;}
.box4List .swiper-pagination{ position:static; width:100%; display:block;}
.box4List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:rgba(255,255,255,0.2); opacity:1; margin:0 5px;}
.box4List .swiper-pagination-bullet-active{ background:#ee353a;}
.box4List a:hover .box4Tit{ opacity:1;}
.box4List a:hover .box4Img img{ animation:swing 2s infinite;}

.footerBg{ background:#333333; font-size:12px; color:#777777; line-height:26px; padding:20px 0;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;font-size: 16px;}
.kefu{ display:block; float:right; width:126px; height:38px; line-height:38px; margin-bottom:20px; background:#df292e; color:#FFFFFF; border-radius:5px; text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:34px; color:#FFFFFF; line-height:150%;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top; font-size:12px; margin-right:60px; max-width:150px;}
.footLink li:last-child{ margin-right:0;}
.footLink h3 a{ font-size:16px; font-weight:bold; line-height:200%; color:#eeeeee;}
.footSub{ margin:20px 0 0; overflow:hidden;}
.footSub a{ font-size:12px; color:#777777; line-height:26px;}
.footSub a:hover{ color:#FFFFFF; transition:all 0.3s ease 0s;}
.footMore{ display:block; line-height:30px; height:30px; color:#FFFFFF; cursor:pointer;}
.footMore:hover,.footMore:focus{ color:#FFFFFF;}

.footBot{ font-size:12px; color:#777777; padding:40px 0; border-top:1px solid rgba(255,255,255,0.1);}
.footBot a{ color:#777777;}
.footLogo{ float:right; padding-left:10px;}
.footBot p{ line-height:24px; padding:9px 0;}


.online{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:1;}
.online li{ margin:5px 0; width:35px; height:35px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:35px; height:35px; line-height:35px; font-size:16px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#0053a4; width:144px;}
.onlineIco:focus{ color:#FFFFFF;}
.onlineIco:hover i{ text-align:right; width:auto;}
.onlineWx{ position:absolute; right:38px; top:40px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#0053a4;}

.bannerN{ height:450px; position:relative; text-align:center; justify-content:center; align-items:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banH2{ position:relative; color:#FFFFFF; font-size:36px;margin-top: 6%; line-height: 180%;}
.banH4{ position:relative; color:#FFFFFF; font-size:30px;}
.bannerN .box1Num,.bannerN .box1Num span{ color:#FFFFFF;}
.bannerN .box1Num{ position:relative; top:-20%;}

.mainBg{ position:relative; overflow:hidden; min-height:198px; font-size:14px; color:#777777; line-height:32px;}
.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainbg.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}
.tabcontent-slider {
    position: relative;
    width: 200%;
}
.iclients-list {
    width: 50%;
    float: left;
    /* overflow: hidden; */
}
.iclients-list ul {
    margin-right: -4px;
}
.iclients-list li {
    float: left;
    width: 20%;
    margin-bottom: -4px;
    background: url(../images/iclibg.png) no-repeat right bottom;
}
.iclients-list li a {
    display: block;
    text-align: center;
}
.iclients-list li img {
    max-width: 80%;
    padding: 10%;
}

.onepage{ padding:80px 0;}
.onepage img{ max-width:100% !important; height:auto;}
.oneTop{ padding-bottom:35px; text-align:center;}
.oneTop img{ margin:0 auto;}
.oneText{ padding-bottom:50px; word-break:break-all;}
.oneText strong{ font-size:18px; color:#005dac;}
.oneList{}
.oneList li{ padding-left:14px; position:relative;}
.oneList li:before{ display:block; content:""; position:absolute; left:0; top:15px; width:4px; height:4px; border-radius:50%; background:#005dac;}
.oneBtn a{ display:inline-block; margin:0 auto; width:200px; height:52px; line-height:48px; color:#2946a5; border:2px solid #2946a5; border-radius:5px; transition:all 0.4s ease 0s;}
.oneBtn a:hover{ background:#2946a5; color:#FFFFFF;}

.hisBg{ background:url(../images/hisbg.jpg) center center no-repeat; padding:75px 0 50px; background-size:cover; color:#FFFFFF;}
.hisTit{ font-size:30px; font-weight:bold; line-height:120%; padding-bottom:15px; text-align:center;}
.hisBox{ background:url(../images/hisboxbg.jpg) center center repeat-x;}
.history{ position:relative;}
.history .swiper-slide{ height:460px;}
.hisItem{}
.hisTextBg{ height:140px; position:relative; font-size:12px; line-height:20px;}
.hisText{ position:absolute; left:0; bottom:20px; width:100%;}
.hisText p.text-center strong{ font-size:26px;}
.hisIco{ height:90px; position:relative;}
.hisIco:after,.hisIco:before{ display:block; content:""; position:absolute;}
.hisIco:before{ width:13px; height:13px; border:2px solid #FFFFFF; border-radius:50%; left:50%; top:0; margin-left:-6px;}
.hisIco:after{ width:1px; height:77px; background:#FFFFFF; left:50%; top:13px;}
.hisYear{ font-size:22px; font-weight:bold; line-height:30px; padding:20px 0; text-align:center;}
.history .swiper-slide.odd{ padding-top:160px;}
.history .swiper-slide.odd .hisText{ position:static; padding-top:20px;}
.history .swiper-slide.odd .hisIco:before{ top:auto; bottom:0;}
.history .swiper-slide.odd .hisIco:after{ top:auto; bottom:13px;}
.hisPrev,.hisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:27px; height:52px; cursor:pointer;}
.hisPrev.swiper-button-disabled,.hisNext.swiper-button-disabled{ opacity:0.5;}
.hisPrev{ left:-90px; background:url(../images/hisprev.png) left center no-repeat;}
.hisNext{ right:-90px; background:url(../images/hisnext.png) right center no-repeat;}

.honour{ padding:70px 0; overflow:hidden;}
.honTab{ font-size:0; margin:0 -10px;}
.honTab li{ padding:0 10px;}
.honTab li a{ display:block; font-size:15px; color:#555555; min-width:120px; height:40px; line-height:38px; border:1px solid #aaaaaa; border-radius:3px; transition:all 0.4s ease 0s;}
.honTab li.active a,.honTab li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.honList{ margin:0 -16px; padding:30px 0;}
.honList li{ padding:19px 16px;}
.honList li a{ display:block; height:100%; padding:10px; border:1px solid #d9d9d9; transition:all 0.4s ease 0s;}
.honImg{ overflow:hidden; margin-bottom:10px;}
.honImg img{ width:100%; transition:all 0.4s ease 0s;}
.honTit{ font-size:13px; color:#666666; line-height:26px; transition:all 0.4s ease 0s;}
.honList li a:hover{ border-color:#3855aa;}
.honList li a:hover .honTit{ font-weight:bold; color:#3855aa;}
.honMore{ display:block; width:378px; height:50px; line-height:50px; background:#f2f2f2; font-size:16px; color:#666666; text-align:center; border-radius:25px; margin:0 auto; transition:all 0.4s ease 0s;}
.honMore i{ font-size:14px;}
.honMore:hover,.honMore:focus:hover{ color:#FFFFFF; background:#3855aa;}
.honMore:focus{ color:#666666;}

.artlistBox{ padding:80px 0;}
.artlist{ padding:0 0 10px;}
.artlist li{ border-bottom:1px solid #e8e8e8; padding:0 0 38px; margin-bottom:38px;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#8e8e8e; line-height:26px;}
.arImg{ position:relative; float:left; width:300px;}
.arImg img{ width:100%;}
.arTime{ position:absolute; left:15px; top:0; width:46px; height:70px; background:#005dac; font-size:12px; color:#FFFFFF; line-height:20px; text-align:center; padding-top:25px;transition:all 0.4s ease 0s;}
.date{ font-size:18px; font-weight:bold;}
.arText{ margin-left:360px;}
.arTit{ font-size:22px; color:#444444; line-height:28px; padding:10px 0; transition:all 0.4s ease 0s;}
.arBrief{ height:104px; margin:5px 0 10px; overflow:hidden;}
.arBot{ font-size:13px; color:#b1b1b1;}
.arBot .pull-right{ font-size:14px; transition:all 0.4s ease 0s;}
.arBot .pull-right i{ width:22px; height:22px; border:1px solid #999999; border-radius:50%; line-height:20px; text-align:center; transition:all 0.4s ease 0s;}
.artlist li a:hover .arTime{ background:#e7141a;}
.artlist li a:hover .arTit,.artlist li a:hover .arBot .pull-right{ color:#005dac;}
.artlist li a:hover .arBot .pull-right{ font-weight:bold;}
.artlist li a:hover .arBot .pull-right i{ background:#005dac; border-color:#005dac; color:#FFFFFF;}

.page{ text-align:center;}
.page img{ margin:0 auto; max-width:100%;}
.page a.current{color:#f00;}

.article{ position:relative; padding-right:170px;}
.arLef{ border-right:1px solid #dddddd; padding-bottom:70px;}
.arTop{ border-bottom:1px solid #dddddd; font-size:13px; color:#999999; line-height:22px; padding:60px 40px 30px 0;}
.arTopTit{ font-size:26px; color:#222222; line-height:150%;}
.arTop p{ padding:10px 0; margin:0 -5px;}
.arTop p span{ padding:0 5px;}
.arCon{ font-size:14px; color:#666666; line-height:200%; padding:10px 40px 10px 0; min-height:200px;}
.arCon p{text-indent:2em;margin:20px 0;font-size: 16px!important;line-height: 30px!important;color: #333;}
.arCon img{ max-width:100% !important; height:auto !important; margin:20px auto;}
.reList{ display:block; background:#e7141a; width:120px; height:40px; line-height:40px; color:#FFFFFF; text-align:center; border-radius:5px;}
.reList:hover,.reList:focus{ color:#FFFFFF;}

.arRig{ position:absolute; right:0; top:0; width:130px; padding:50px 0;}
.pager{ font-size:13px; color:#888888; line-height:24px; text-align:left; margin:0;}
.pager li{ display:block; padding-bottom:30px; font-size:14px; color:#999999; line-height:22px;}
.pager li p{ padding:0 0 5px;}
.pager li > a{ display:block; border:none; border-radius:0; color:#888888; padding:0; font-size:13px; line-height:24px; transition:all 0.4s ease 0s;}
.pager li > a:hover{ background:none; color:#005dac;}
.share span{ font-size:14px; color:#999999; line-height:22px;}
.shareList li a{ display:inline-block; font-size:14px; color:#666666; line-height:36px; padding-left:25px; background-position:left center; background-repeat:no-repeat; transition:all 0.4s ease 0s;}
.shareIco1{ background-image:url(../images/shareico1.png);}
.shareIco2{ background-image:url(../images/shareico2.png);}
.shareIco3{ background-image:url(../images/shareico3.png);}
.shareIco4{ background-image:url(../images/shareico4.png);}
.shareList li a:hover{ color:#005dac;}

.parTit{ padding-bottom:40px;}
.parTit h3{ font-size:28px; color:#222222; line-height:150%; padding-bottom:20px;}
.parBrief{ font-size:14px; color:#aaaaaa; line-height:200%; max-width:815px; margin:0 auto;}
.parList{ margin:0 -5px;}
.parList li{ padding:0 5px;}
.parList li a{ display:block; padding:15px 0;}
.parList li a img{ display:block; margin:0 auto; max-height:100%;}

.proTit{ font-size:36px; color:#005dac; line-height:150%; padding:50px;}
.proBox1Bg{}
.proBox1{ position:relative;}
.proBox1:after{ display:block; content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d9d9d9;}

.proBox1List{ margin:0; font-size:0;}
.proBox1Item{ padding:50px; width:50%; font-size:14px; display:inline-block; vertical-align:top;}
.proBox1Img{ float:left; width:50px;}
.proBox1Text{ margin-left:70px; color:#888888;}
.proBox1H3{ font-size:22px; color:#111111;}
.proBox1Brief{ line-height:25px; margin:10px 0;}
.proBox1Text .box1CenItem li a{ color:#111111;}
.proBox1Text .box1CenItem li a:before{ background:#005dac; width:8px; height:8px;}
.proBox1Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox1Text .box1CenItem li a:hover:before{ background:#FFFFFF;}

.proBox2ItemBg:nth-child(2n+1){ background:#f3f3f3;}
.proBox2Img,.proBox2Text{ width:50%;}
.proBox2Item{padding: 30px 0;}
.proBox2Img{float:right;padding-top: 50px;}
.proBox2Img img{ max-height:100%; margin:0 auto;}
.proBox2Text{ float:left; color:#888888; padding:50px 50px 0;}
.proBox2Text .proBox1H3{ font-size:36px; color:#005dac; line-height:150%; padding-bottom:10px;}
.proBox2Text .box1CenItem li a{ color:#111111;}
.proBox2Text .box1CenItem li a:before{ background:#005dac; width:8px; height:8px;}
.proBox2Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox2Text .box1CenItem li a:hover:before{ background:#FFFFFF;}
.proBox2Text .box1BotMore{ margin:20px 0 0; background:#0053a4; text-align:center;}
.proBox2ItemBg:nth-child(2n) .proBox2Img{ float:left;}
.proBox2ItemBg:nth-child(2n) .proBox2Text{ float:right;}

.soluBg .proBox2ItemBg:nth-child(2n+1){ background:#FFFFFF;}
.soluBg .proBox2ItemBg:nth-child(2n){ background:#f3f3f3;}

.case{ overflow:hidden; padding:0 0 70px;}
.caseTop{ padding:50px 0; margin:0 -5px; text-align:center;}
.caseTop li{ padding:5px;}
.caseTop li a{ display:block; height:36px; line-height:34px; border:1px solid #d5d5d5; padding:0 11px; color:#777777; border-radius:3px; transition:all 0.4s ease 0s;}
.caseTop li.active a,.caseTop li a:hover{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.caseBot{ padding-bottom:30px;}
.caseBot li{ padding:0 7px 20px;}
.caseBot li a{ display:block; height:100%; border:1px solid #dcdcdc; border-radius:4px; font-size:13px; color:#8d8d8d; line-height:26px; padding:20px 100px 20px 0; position:relative; transition:all 0.3s ease 0s;}
.caseImg{ float:left; width:260px; height:84px; display:flex; justify-content:center; align-items:center;}
.caseImg img{ margin:0 auto; max-width:100%; max-height:100%;}
.caseTit{ font-size:18px; color:#555555; line-height:32px;}
.caseBrief{ height:52px; overflow:hidden;}
.caseIco{ width:36px; height:36px; border:1px solid #d3d3d3; text-align:center; line-height:32px; font-size:22px; color:#3855aa; border-radius:50%; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease 0s;}
.caseBot li a:hover{ border-color:#FFFFFF; box-shadow:0 0 7px rgba(0,0,0,0.14);}
.caseBot li a:hover .caseIco{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}

.contact{ padding:95px 0;}
.contactWay{ font-size:15px; color:#777777; line-height:36px; padding-left:90px;}
.contactWay h3{ font-size:26px; color:#222222; padding-bottom:15px;}

.contactShare{ background:url(../images/contactimg.png) center center no-repeat; width:493px; height:283px; color:#FFFFFF; text-align:center; padding-top:90px; background-size:cover;}
.contactShare li{ padding:0 15px; position:relative;}
.conShIco{ display:block; height:100%; color:#FFFFFF;}
.conShIco:hover{ color:#FFFFFF; opacity:0.8;}
.conShIco i{ display:block; width:58px; height:58px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; line-height:56px; font-size:24px;}
.conWx{ position:absolute; left:50%; bottom:100px; transform:translateX(-50%); width:100px; height:0; overflow:hidden; transition:all 0.4s ease 0s;}
.contactShare li:hover .conWx{ height:100px;}

.contact_map{ height:400px;}

.contactBot{ padding:80px 0; background:url(../images/contactbotbg.png) center bottom no-repeat; background-size:contain;}
.conBotTit{ font-size:26px; color:#333333; line-height:36px; padding:15px 0;}
.conBotList{ font-size:0; margin:0; text-align:center; padding:0 60px;}
.conBotList li{ padding:25px; width:50%; font-size:14px; color:#777777; line-height:28px; text-align:left;}
.conBotList li .media{ padding:25px; border:1px solid #d2d2d2; border-radius:5px; background:#FFFFFF;}
.conBotList .media-left{ padding-right:25px;}
.conBotList .media-left img{ width:150px;}
.conBotList .media-body{ color:#777777; line-height:28px;}
.conBotList .media-body h3{ font-size:18px; color:#333333; line-height:28px;}

.proNavBg{ background:#FFFFFF;}
.proNavBg.proFixed{ position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.proNav{ padding:45px 0; transition:all 0.4s ease 0s;}
.proNavBg.proFixed .proNav{ padding:15px 0;}
.proNavTit{ float:left; font-size:28px; color:#111111; line-height:40px; max-width:400px;}
.proNavItem{ float:right; margin:0;}
.proNavItem li{ padding:1px;float:left}
.proNavItem li a{ display:block; font-size:15px; color:#333333; line-height:36px; border:2px solid transparent; padding:0 15px; border-radius:20px; transition:all 0.4s ease 0s;}
.proNavItem li.active a,.proNavItem li a:hover{ border-color:#005dac; color:#005dac;}
.proWinLinke,.reProlist{ margin-left:0px; color:#FFFFFF !important; border-color:transparent !important;}
.proWinLinke{ background:#df292e;}
.proWinLinkenew,.reProlist{ margin-left:10px; color:#FFFFFF !important; border-color:transparent !important;}
.proWinLinkenew{ background:#df292e;}
.reProlist{ background:#005dac;}

.proBg1{ background:#f5f5f5; padding:70px 0;}
.pro1 p,.about_nr p{text-indent:2em;margin:20px 0;font-size: 16px!important;line-height: 30px!important;color: #333;}
.pro1 img,.about_nr img{max-width:100%;display:block;height:auto;margin:0 auto}
.proText{ color:#666666; line-height:32px;}
.proText strong{ color:#005dac;}
.proH3{ font-size:28px; color:#111111; line-height:36px; padding-left:20px; position:relative; margin-bottom:10px;}
.proH3:after,.proH3:before{ display:block; content:""; position:absolute; left:0; width:3px;}
.proH3:before{ height:3px; background:#df292e; top:5px;}
.proH3:after{ height:21px; background:#005dac; top:10px;}
.probrief{ margin:30px 0; color:#666666; line-height:32px;}
.proText .proWinLinke{ display:block; width:108px; border:1px solid #005dac !important; border-radius:20px; background:none; color:#005dac !important; text-align:center; margin:10px 0 0;}
.proText .proWinLinkenew{ display:block; width:108px; border:1px solid #005dac !important; border-radius:20px; background:none; color:#005dac !important; text-align:center; margin:10px 0 0;}
.proImg img{ max-width:100%; margin:0 auto;}

.proBg2{ padding:70px 0; position:relative;}
.proBg2Img{ position:absolute; left:0; top:0; width:100%; height:111px; background:url(../images/productbg2.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
.pro2{ overflow:hidden; padding:30px 0 0;}
.pro2 li{ border-right:1px solid #e8e8e8;}
.proText2{ font-size:14px; color:#777777; line-height:26px; padding:0 25px;}
.proText2 h4{ margin:0; font-size:18px; color:#005dac; line-height:200%; margin:10px 0;}
.pro2 li:last-child{ border-right:none;}
.pro2 li:first-child .proText2{ padding-left:0;}

.proBg3{ padding:0 0 70px; position:relative;}
.pro3Top{ background:url(../images/pro3topbg.jpg) center center no-repeat; background-size:cover; padding:70px 0 0;}
.pro3Top .proH3{ color:#FFFFFF;}
.pro3Top .proH3:after,.pro3Top .proH3:before{ background:#FFFFFF;}
.proTab3{ padding:30px 0 0; margin:0 -3px;}
.proTab3 li{ padding:0 3px;}
.proTab3 li a{ display:block; color:#FFFFFF; font-size:15px; line-height:44px; padding:0 15px; border:1px solid #FFFFFF; border-bottom:none; border-radius:4px 4px 0 0; transition:all 0.4s ease 0s;}
.proTab3 li.active a,.proTab3 li a:hover{ background:#FFFFFF; color:#005dac; font-weight:bold;}

.pro3Bot .swiper-slide{ overflow:hidden;}
.proH4{ font-size:24px; color:#333333; line-height:32px;}
.pro3{ padding:70px 0 0;}
.pro3 .probrief{ margin:15px 0 0;}

.proBg4{ background:#f5f5f5; padding:70px 0;}
.pro4{ margin:0 -22px;}
.pro4 li{ padding:0 22px 10px;}
.pro4 li a{ display:block; height:100%; font-size:15px; color:#555555; line-height:36px;}
.pro4 li a img{ margin:0 auto; max-width:100%;}

.winBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1031; display:none;}
.winBox{ position:fixed; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.3); max-width:590px; background:#FFFFFF; padding:20px 70px 40px; z-index:1032; display:none;}
.winClose{ display:block; width:20px; height:20px; position:absolute; right:20px; top:20px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.winTit{ font-size:22px; color:#444444; line-height:36px; padding:25px 0;}
.winTit i{ font-size:24px; color:#3855aa;}
.winList{}
.winList li{ position:relative; margin-bottom:20px;}
.winList li span{ position:absolute; right:-10px; top:0; line-height:42px;}
.winList li i{ display:block; position:absolute; left:15px; top:0; width:25px; font-size:14px; color:#b8b8b8; text-align:center; line-height:42px;}
.winList li input{ width:100%; height:42px; border:1px solid #d5d5d5; border-radius:20px; background:#FFFFFF; padding:5px 10px 5px 40px; line-height:30px; appearance:none; -webkit-appearance:none;}
.winList li input[type="submit"]{ background:#e7141a; color:#FFFFFF; border-color:#e7141a; padding:0; line-height:40px;}
.winTip{ font-size:12px; color:#999999; line-height:36px;}


.soluBg3{ background:url(../images/solubg3.jpg) repeat; padding:70px 0;}
.soluBg4{ padding:0 0 70px; position:relative;}
.soluBg5{ padding:70px 0;}

.solu2{ padding:15px 0 0;}
.solu2 li{ padding:25px;}
.solu2Img{ float:left; width:74px; height:74px; border-radius:3px; background:#005dac; display:flex; justify-content:center; align-items:center;}
.solu2Img img{ margin:0 auto; display:block;}
.solu2Text{ margin-left:110px;}
.solu2Tit{ font-size:16px; color:#005dac; line-height:26px; padding-bottom:5px;}
.solu2Brief{ font-size:14px; color:#7e7e7e; line-height:24px; max-height:48px; overflow:hidden;}

.soluBg3 .proH3{ color:#FFFFFF;}
.soluBg3 .proH3:after,.soluBg3 .proH3:before{ background:#FFFFFF;}
.soluBg3 .proText2,.soluBg3 .proText2 h4{ color:#FFFFFF;}
.soluBg3 .proText2{ padding:0 10px;}

.soluBg4 .proBg2Img{ z-index:0;}
.soluBg4 .pro3Top{ background:#FFFFFF;}
.soluBg4 .pro3Top .proH3{ color:#111111;}
.soluBg4 .pro3Top .proH3:after{ background:#005dac;}
.soluBg4 .pro3Top .proH3:before{ background:#df292e;}
.soluBg4 .proTab3 li a{ color:#2a49a4; border-color:#005dac;}
.soluBg4 .proTab3 li.active a,.soluBg4 .proTab3 li a:hover{ background:#005dac; color:#FFFFFF; border-color:#005dac;}

.solu5Text{ border-top:1px solid #d7d7d7; margin-top:25px; padding:20px 0 0;}
.solu5Text h4{ font-size:22px; color:#005dac; padding:30px 0; font-weight:bold; text-align:center;}
.solu5Text img{ display:inline-block; margin:0 auto; max-width:100% !important; height:auto !important;}


.roate-container{position:relative;margin:0 auto;width:559px;height:623px;background:url(../images/roate-bg.png) no-repeat}.screen-bg{position:absolute;left:70px;top:220px;width:462px;height:374px;background-repeat:no-repeat;z-index:99}.roate-item{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:4px;font-size:0;background:url(../images/icon-item.png) no-repeat;z-index:9}.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{width:56px;height:56px;background-repeat:no-repeat}.icon-sq-1{width:54px;height:43px;background:url(../images/icon-sq-1.png) no-repeat}.icon-sq-2{width:28px;height:22px;background:url(../images/icon-sq-2.png) no-repeat}#roate1{height:70%}#roate2{height:30%}.type9901 .screen-bg{background-image:url(http://www.guanxingkeji.com/images/9901/bg3.png)}.type9901 .icon-roate-1{background-image:url(http://www.guanxingkeji.com/images/9901/ic_1.png)}.type9901 .icon-roate-2{background-image:url(http://www.guanxingkeji.com/images/9901/ic_2.png)}.type9901 .icon-roate-3{background-image:url(http://www.guanxingkeji.com/images/9901/ic_3.png)}.type9901 .icon-roate-4{background-image:url(http://www.guanxingkeji.com/images/9901/ic_4.png)}.type9902 .screen-bg{background-image:url(http://www.guanxingkeji.com/images/9902/bg3.png)}.type9902 .icon-roate-1{background-image:url(http://www.guanxingkeji.com/images/9902/ic_1.png)}.type9902 .icon-roate-2{background-image:url(http://www.guanxingkeji.com/images/9902/ic_2.png)}.type9902 .icon-roate-3{background-image:url(http://www.guanxingkeji.com/images/9902/ic_3.png)}.type9902 .icon-roate-4{background-image:url(http://www.guanxingkeji.com/images/9902/ic_4.png)}.type9903 .screen-bg{background-image:url(http://www.guanxingkeji.com/images/9903/bg3.png)}.type9903 .icon-roate-1{background-image:url(http://www.guanxingkeji.com/images/9903/ic_1.png)}.type9903 .icon-roate-2{background-image:url(http://www.guanxingkeji.com/images/9903/ic_2.png)}.type9903 .icon-roate-3{background-image:url(http://www.guanxingkeji.com/images/9903/ic_3.png)}.type9903 .icon-roate-4{background-image:url(http://www.guanxingkeji.com/images/9903/ic_4.png)}.type9904 .screen-bg{background-image:url(../images/9904/bg3.png)}.type9904 .icon-roate-1{background-image:url(../images/9904/ic_1.png)}.type9904 .icon-roate-2{background-image:url(../images/9904/ic_2.png)}.type9904 .icon-roate-3{background-image:url(../images/9904/ic_3.png)}.type9904 .icon-roate-4{background-image:url(../images/9904/ic_4.png)}.type9905 .screen-bg{background-image:url(http://www.guanxingkeji.com/images/9905/bg3.png)}.type9905 .icon-roate-1{background-image:url(http://www.guanxingkeji.com/images/9905/ic_1.png)}.type9905 .icon-roate-2{background-image:url(http://www.guanxingkeji.com/images/9905/ic_2.png)}.type9905 .icon-roate-3{background-image:url(http://www.guanxingkeji.com/images/9905/ic_3.png)}.type9905 .icon-roate-4{background-image:url(http://www.guanxingkeji.com/images/9905/ic_4.png)}.type9906 .screen-bg{background-image:url(http://www.guanxingkeji.com/images/9906/bg3.png)}.type9906 .icon-roate-1{background-image:url(http://www.guanxingkeji.com/images/9906/ic_1.png)}.type9906 .icon-roate-2{background-image:url(http://www.guanxingkeji.com/images/9906/ic_2.png)}.type9906 .icon-roate-3{background-image:url(http://www.guanxingkeji.com/images/9906/ic_3.png)}.type9906 .icon-roate-4{background-image:url(http://www.guanxingkeji.com/images/9906/ic_4.png)}


@media (min-width:1375px){
	.container{ max-width:1630px;}
	.parList li{ width:20%;}
}
@media (max-width:1600px){
	.logo{ top:16px; left:15px;width: 25%;}
.navLi h3 a span{padding:0 5px}
	.navLi{ height:74px;}
	.navLi h3 a{ padding:19px 5px;}
	.hdRigList li{ line-height:74px;}
	.hdWx,.navSub{ top:74px;}
	
	.title h2{ font-size:32px; padding:15px 0;}
	
	.box2Bg{ padding:50px 0;}
	.box3Bg{ padding:50px 0;}
	.box4Bg{ padding:50px 0;}
	
	.box1CenPrev{ left:-100px;}
	.box1CenNext{ right:-100px;}
	
	.bannerN{ height:400px;}
	.banH2{ font-size:30px;}
	.onepage{ padding:60px 0;}
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honour{ padding:50px 0;}
	
	.proTit{ font-size:32px; padding:30px 50px;}
	.proBox2Item{ padding:80px 0;}
	.proBox2Text .proBox1H3{ font-size:32px;}
	
}
@media (max-width:1400px){	
	.box1Cen{ padding:0 30px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.bannerN{ height:350px;}
	
	.onepage{ padding:40px 0;}
	.hisTit{ font-size:24px; padding-bottom:10px;}
	.hisBg{ padding:45px 0 25px;}
	.history{ padding:0 35px;}
	.hisTextBg{ height:160px;}
	.hisIco{ height:70px;}
	.hisIco:after{ height:57px;}
	.hisYear{ font-size:20px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
	
	.caseTop{ padding:30px 0; margin:0 -3px;}
	.caseTop li{ padding:3px;}
	
}
@media (max-width:1200px){	
	.logo{ left:15px; width:22%;}
	.navList{ position:relative; left:0px;}
	.navLi{ height:64px;}
	.navLi h3 a{ padding:14px 3px; font-size:14px;}
	.navLi h3 a span{ padding:0 8px;}
	.hdRigList li{ line-height:64px;}
	.hdWx,.navSub{ top:64px;}
	.navLi h3{margin:0}
	.ban1Img{ width:70%; transform:scale(0.8);}
	.ban1Text{ width:30%;}
	.banLink{ height:34px; line-height:32px; width:120px;}
	
	.title h2{ font-size:28px; padding:10px 0;}
	.titleBrief{ padding:10px 0;}
	
	.box1Bg{ padding:30px 0;}
	.box1CenBg{ min-height:400px;}
	.wavesBg{ padding-bottom:100px;}
	.box1Cen{ margin:50px 0 0;}
	.box1CenH3{ font-size:24px;}
	.box1CenBrief{ font-size:14px; margin:5px 0;}
	.box1Bot{ margin:0 -22px; padding:20px 0;}
	.box1Bot li{ padding:10px 22px;}
	.box1Bot li:after{ width:100px; right:-50px;}
	.box1BotH3{ font-size:18px;}
	
	.box2Bg{ padding:30px 0;}
	.box2List{ margin:0 -15px;}
	.box2List li{ padding:0 15px 15px;}
	.box2Tit{ font-size:16px; line-height:24px;}
	.box2HovBg{ padding:25px 15px;}
	.box2Hov h4{ padding:10px 0;}
		
	.box3Bg{ padding:30px 0;}
	.box3List .swiper-slide{ padding:10px;}
		
	.box4Bg{ padding:30px 0;}
	.box4List .swiper-slide{ padding:10px;}
	.box4Num{ font-size:32px;}
	
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:30px;}
	.footLink h3 a{ font-size:14px;}
	.footSub{ margin:10px 0 0;}
	.fTel{ font-size:30px;}
	.footBot{ padding:25px 0 0;}
	
	.bannerN{ height:300px;}
	
	.oneTop{ padding-bottom:15px;}
	.oneTop img{ max-width:50% !important;}
	.oneText{ padding-bottom:30px;}
	.oneBtn a{ width:170px; height:44px; line-height:40px;}
	.hisText p.text-center strong{ font-size:20px;}
	.hisPrev, .hisNext{ width:20px; height:39px;}
	
	
	.honour{ padding:30px 0;}
	.honList{ margin:0 -10px; padding:15px 0;}
	.honList li{ padding:10px;}
	.honList li a{ padding:5px;}
	.honImg{ margin-bottom:5px;}
	.honMore{ width:300px; height:46px; line-height:44px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:270px;}
	.arText{ margin-left:300px;}
	.arTit{ font-size:18px; padding:5px 0;}
	
	.arTop{ padding:40px 40px 20px 0;}
	.arTopTit{ font-size:24px;}
	
	.proTit{ font-size:28px; padding:30px 25px;}
	.proBox1Item{ padding:50px 25px;}
	.proBox1Img{ width:35px;}
	.proBox1Text{ margin-left:45px;}
	.proBox1H3{ font-size:20px;}
	/*.proBox1Text .box1CenItem li a{ font-size:14px; line-height:26px;}*/
	
	.proBox2Item{ padding:50px 0;}
	.proBox2Text{ padding:25px 25px 0;}
	.proBox2Text .proBox1H3{ font-size:20px; padding-bottom:0;}
	.proBox2Text .box1CenItem li a{}
	
	.caseBot li a{ padding:20px 70px 20px 0;}
	.caseImg{ width:200px;}
	.caseIco{ right:20px; width:32px; height:32px; line-height:28px;}
	
	.contact{ padding:70px 0;}
	.contactWay{ padding-left:0;}
	.contactWay h3{ font-size:20px;}
	.contactShare{ width:430px; height:247px; padding-top:70px;}	
	.contact_map{ height:350px;}
	.conBotList{ padding:0;}
	.conBotList li{ padding:15px;}
	
	.proBg1,.proBg2,.proBg4{ padding:50px 0;}
	.proBg3{ padding:0 0 50px;}
	.pro3Top,.pro3{ padding:50px 0 0;}
	.proH3{ font-size:24px;}
	.proH3:before{ top:10px;}
	.proH3:after{ top:15px; height:18px;}
	.proText2 h4{ margin:5px 0; font-size:16px;}
	.proText2{ padding:0 15px;}
	
	.proTab3 li a{ line-height:38px; font-size:14px;}
	
	.pro4{ margin:0 -10px;}
	.pro4 li{ padding:0 10px 10px;}
	.pro4 li a{ font-size:14px;}
	
	.proNav{ padding:25px 0;}
	.proNavTit{ font-size:22px; max-width:320px; line-height:30px;}
	.proNavItem li a{ font-size:14px; padding:0 10px; line-height:30px;}
	
	.winBox{ padding:15px 30px; max-width:500px;}
	.winTit{ padding:15px 0; font-size:18px;}
	.winTit i{ font-size:20px;}
	.winList li{ margin-bottom:15px;}
	
	.soluBg3{ padding:50px 0;}
	.soluBg4{ padding:0 0 50px;}
	.soluBg5{ padding:50px 0;}
	.solu2 li{ padding:20px;}
	.solu2Text{ margin-left:90px;}
}
@media (max-width:992px){
	.headerBg{ background:rgba(0,0,0,0.76); margin-top:0;}
	.logo{ float:left; position:static; padding:10px 0;width: 40%;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:54px; height:54px;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; max-height:400px; overflow-y:auto; display:none;}
	.navLi h3{ border-bottom:1px solid rgba(255,255,255,0.25);}
	.navLi h3 a{ padding:0;}
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;}
	.navLi.has h3 a span{ background-image:url(../images/navlibg.png);}
	
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
	
	.menuBtn{ float:right; width:40px; height:40px; margin-top:7px; z-index:3; cursor:pointer; overflow:hidden;}
	.menuBtn span{ display:block; background:#FFFFFF; width:16px; height:1px; font-size:0; margin:14px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:4px;}
	.menuBtn span:first-child + span + span{ margin-top:4px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(4px,4px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	
	.banner{ height:auto;margin-top: 58px;}
	.banPc{ display:none;}
	.banMob{ display:block;}
		
	.box1CenBg{ height:auto;}
	.box1CenText,.box1CenImgBg{ float:none; width:100%; max-width:none;}
	.box1CenText{ padding-bottom:20px;}
	
	.box1BotImgBg{ width:154px; height:154px;}
	.box1BotCir{ width:124px; height:124px; margin-left:-62px; margin-top:-62px;}
	.box1Bot li a:hover .box1BotImg{ width:100px; height:100px;}
	
	.box2List{ margin:0 -5px;}
	.box2List li{ padding:0 5px 10px;}
	.box2Tit{ font-size:14px; line-height:22px; padding:10px;}
	.box2HovBg{ padding:15px 10px;}
	.box2Hov h4{ font-size:16px; padding:5px 0;}
	
	.footTopR{ float:none; text-align:center; padding-bottom:15px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footLink li{ margin:0; width:15%;}
	.footLink li:nth-child(2){ width:20%;}
	.footLink li:nth-child(3){ width:20%;}
	.footBot{ padding:20px 0 0px; text-align:center;}
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0;}
	
	.online{ top:auto; bottom:3%; transform:translateY(0);}
	.online li{ display:none;}
	.online li.online_top{ display:block; opacity:0.7;}
	.onlineIco:hover{ color:#FFFFFF; background:#0057a7; width:35px;}
	.onlineIco:hover i{ text-align:center; width:35px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:200px;}
	.arText{ margin-left:220px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:0 0 10px;}
	
	.article{ padding-right:150px;}
	.arLef{ padding-bottom:35px;}
	.arCon{ padding:10px 20px 10px 0;}
	.arTop{ padding:30px 20px 15px 0;}
	.arTopTit{ font-size:20px;}
	
	.parTit{ padding-bottom:20px;}
	.parTit h3{ font-size:22px; padding-bottom:10px;}
	
	.proTit{ font-size:24px; padding:25px 0;}
	.proBox1:after{ display:none;}
	.proBox1Item{ width:100%; border-bottom:1px solid #d9d9d9; padding:25px 0;}
	.proBox1Item:last-child{ border:none;}
	
	.proBox2Item{ padding:25px 0;}
	.proBox2Img,.proBox2Text{ float:none !important; width:100%;}
	.proBox2Text{ padding:25px 0 0;}
	
	.case{ padding-bottom:40px;}
	.caseTop{ padding:20px 0;}
	.caseBot{ padding-bottom:15px;}
	.caseBot li a{ padding:15px 50px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ right:10px; width:28px; height:28px; line-height:24px; font-size:18px;}
	
	.contact{ padding:40px 0;}
	.contactWay{ padding-bottom:15px; font-size:14px;}
	.contactWay h3{ padding-bottom:10px;}
	.contactShare{ margin:0 auto;}
	
	.contactBot{ padding:40px 0;}
	.conBotTit{ font-size:22px;}
	.conBotList li{ padding:0 0 10px; width:100%;}
	.conBotList li .media{ padding:10px;}
	.conBotList .media-left{ padding-right:10px;}
	.conBotList .media-left img{ width:100px;}
	.conBotList .media-body h3{ font-size:16px;}
	
	.proNav{ padding:15px 0;}
	.proNavTit{ float:none; max-width:none; font-size:20px;}
	.proNavItem{ float:none; text-align:left; padding:10px 0 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proWinLinke,.reProlist{ margin-left:0;}
	
	.proText{ padding-bottom:25px;}
	.probrief{ margin:15px 0;}
	.proImg img{ float:none !important;}
	
	.pro2 li{ margin:0 0 20px; text-align:center;}
	.pro2 li:nth-child(2n){ border:none;}
	.pro2 li img{ margin:0 auto;}
	.proText2{ padding:15px !important;}
	
	.proTab3{ margin:0;}
	.proTab3 li{ padding:0;}
	.pro3 .proText{ padding:25px 0 0;}
}
@media (max-width:767px){	
        .logo{width: 60%;}	
	.headerBg{ transform:translateY(0) !important;}
	.box1Num{ font-size:18px;}
	.box1Num span{ font-size:30px; width:210px;}
	
	.box1Bot{ margin:0 -15px;}
	.box1Bot li{ padding:10px 15px;}
	.box1Bot li:after{ display:none;}
	.box1BotBrief{ height:auto; max-height:52px;}
	
	.box2HovBg{ display:flex; justify-content:center; align-items:center;}
	.box2Item{ text-align:center;}

.index-banwrap {
		padding-bottom: 63%;margin-top: 54px;
	}

	.index-banwrap ul {
		height: 100%
	}

	.index-banwrap ul li {
		height: 100%
	}

	.index-banwrap ul a {
		height: 100%;
		overflow: hidden
	}

	.index-banwrap .iban {
		position: relative;
		/* left: 50%; */
		/* -webkit-transform: translateX(-50%); */
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		/* transform: translateX(-50%); */
		width: 100%;
		height: 100%
	}

	.index-banwrap .slide03 .imgpopup03 .pop01 {
		width: 8.65677%;
		left: 24.87981%
	}

	.index-banwrap .slide03 .imgpopup03 .pop02 {
		width: 17.54964%;
		left: 31.07639%
	}

	.index-banwrap .slide03 .imgpopup03 .pop03 {
		width: 9.99464%;
		left: 34.20139%
	}

	.index-banwrap .slide03 .imgpopup03 .pop04 {
		width: 29.03953%;
		left: 78.46354%
	}

	.index-banwrap .slide03 .imgpopup03 .pop05 {
		width: 14.08693%;
		left: 88.34635%
	}

	.index-banwrap .slide04 .imgpopup .before {
		-webkit-transition-delay: 0s !important;
		-moz-transition-delay: 0s !important;
		-o-transition-delay: 0s !important;
		transition-delay: 0s !important
	}

	.index-banwrap .slide04 .imgpopup .pop01 {
		top: 10.58333%;
		left: 0.60417%;
		width: 53.20313%
	}

	.index-banwrap .slide04 .imgpopup .pop02 {
		left: 38.74366%;
		width: 39.53125%
	}

	.index-banwrap .slide04 .imgpopup .pop03 {
		top: 80.91667%;
		left: -0.79167%;
		width: 50%
	}

	.index-banwrap .slide04 .imgpopup .pop04 {
		top: 20%;
		left: 33.04861%;
		width: 53.20313%
	}

	.index-banwrap .slide04 .imgpopup .pop05 {
		left: 70.75%;
		width: 29.21875%
	}

	.index-banwrap .slide04 .imgpopup .pop06 {
		top: 73.7%;
		left: 37.29444%;
		width: 55.46875%
	}

	.index-banwrap .slide04 .imgpopup .pop07 {
		top: 28.41667%;
		left: 76.27093%;
		width: 23.82813%
	}

	.index-banner .bx-pager {
		bottom: 0
	}

	.index-banner .bx-pager .bx-pager-item a {
		width: 50px
	}

	.index-banner .linerbg {
		display: none
	}

	.index-banner .slide01 .textpopup {
		top: 0;
		left: 0;
		margin-left: 0;
		padding: 30px 15px 15px
	}

	.index-banner .slide01 .tit {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 26px;
		width: 72.39583%;
		white-space: normal
	}

	.index-banner .slide01 .txt {
		white-space: normal;
		margin-bottom: 12px;
		font-size: 10px;
		line-height: 22px
	}

	.index-banner .slide03 .textpopup03 {
		top: 0;
		left: 0;
		margin-left: 0;
		padding: 30px 15px 15px
	}

	.index-banner .slide03 .textpopup03 .ico {
		margin-bottom: 10px
	}

	.index-banner .slide03 .textpopup03 .ico img {
		width: 26px
	}

	.index-banner .slide03 .textpopup03 .tit {
		font-size: 16px;
		line-height: 26px;
		white-space: normal
	}

	.index-banner .slide04 .textpopup {
		top: 0;
		left: 0;
		margin-left: 0;
		padding: 30px 15px 15px
	}

	.index-banner .slide04 .textpopup .tit {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 26px;
		width: 72.39583%;
		white-space: normal
	}

	.index-banner .slide04 .textpopup .txt {
		margin-bottom: 0;
		font-size: 10px;
		line-height: 22px;
		white-space: normal
	}

	.index-banner .slide05 .textpopup {
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 90%;
		margin: 0
	}

	.index-banner .slide05 .tit {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 26px
	}

	.index-banner .slide05 .icolist {
		margin-bottom: 18px
	}

	.index-banner .slide05 .icolist .ico {
		width: 20%;
		font-size: 16px;
		line-height: 24px
	}

	.index-banner .slide05 .icolist .ico img {
		width: 30px
	}

	.index-banner .slide05 .icolist .ico p {
		padding-top: 0;
		font-size: 12px
	}

	.index-banner .slide05 .icolist .ico:after {
		margin-top: -10px;
		height: 20px
	}

	.index-banner .slide05 .botdesc {
		font-size: 14px;
		line-height: 30px
	}

	.index-banner .slide05 .botdesc span {
		font-size: 15px
	}

	.iban-ctrl {
		width: auto;
		padding: 0 15px;
		height: 34px
	}

	.iban-index span {
		font-size: 16px;
		line-height: 34px
	}

	.iban-index .line {
		font-size: 16px
	}

	.iban-nav {
		display: none
	}

	.scroll-tips {
		display: none
	}


	.iclients-list {
		position: relative;
		
	}

	.iclients-list:after {
		content: '';
		display: block;
		width: 100%;
		padding-bottom: 216%;
	}

	.iclients-list ul {
		position: absolute;
		left: 0;
		top: 0
	}

	.iclients-list li {
		width: 50%;
		margin-bottom: 0;
		-o-background-size: 96.5625% auto;
		background-size: 96.5625% auto
	}

.title{padding-top:0}
.product {padding:0}
.product .tabs {padding:0}
.product .tabs a{
    padding: 10px 10px;
    margin: 0 2%;
    width: 29%;
}
.product .tabs a:first-child {
    margin-left: 2%;
}
.product .news-list li {width:100%;height: 300px;}
.product .product-icon-seq{height:120px}
	.bannerN{ height:250px;}
       .bannerN .imgFull img {display:none}
	.banH2{ font-size:24px;}
       .banH4{ font-size:14px;}
	.box1Cen {margin:10px 0 30px 0;}
	.box1Cen .swiper-slide{width:100%}
       .box1CenImgBg img{border-radius:0}
	.hisTit{ font-size:20px;}
	.history{ padding:0 10px;}
	.history .swiper-slide{ height:100%;}
	.history .swiper-slide.odd{ padding:0;}
	.hisBox{ background-position:center 60px;}
	.hisYear{ padding:12px 0; font-size:18px;}
	.hisIco:before{ background:#FFFFFF; top:0 !important; bottom:auto !important;}
	.hisIco:after{ top:13px !important; bottom:auto !important;}
	.hisTextBg{ height:auto;}
	.hisText{ position:static; text-align:center; padding:10px !important;}
	.hisPrev,.hisNext{ top:40px; transform:translateY(0%);}
	.hisPrev{ left:-10px;}
	.hisNext{ right:-10px;}
	
	.honTab{ margin:0 -5px;}
	.honTab li{ padding:0 5px;}
	.honTab li a{ min-width:100px; height:34px; line-height:32px;}
	
	.article{ padding-right:0;}
	.arLef{ min-height:200px !important; border:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.arTop{ padding:20px 0 10px;}
	.arCon{ padding:10px;}
	.arCon p,.arCon img{ margin:10px 0;}
	.arRig{ position:static; width:100%; padding:0 0 20px;}
	.pager li{ padding-bottom:15px;}
	
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.pro2 li{ margin:0; padding:10px 0; border-bottom:1px solid #e8e8e8 !important; height:auto !important;}
	.pro2 li:last-child{ border:none !important;}
	.proBg1 table,.proBg2 table,.proBg3 table,.proBg4 table{ max-width:100%;display:block}
	.proBg1 table td,.proBg2 table td,.proBg3 table td,.proBg4 table td{ width:auto}
	.proBg1 img,.proBg2 img,.proBg3 img,.proBg4 img{ max-width:100%;display:block}
	.proTab3 li{ padding:4px 0 0;}
	.proH4{ font-size:20px;}
}
@media (max-width:640px){
	.logo{ width:70%; padding:13px 0;}
	.box1Cen{padding: 0;}
	.box1CenH3{ font-size:20px;}
	.box1CenPrev,.box1CenNext{ width:20px; height:35px; top:50px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	

	.footLink li{ display:block; width:100% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0; height:auto !important;}
	.footSub p{ float:left; padding:0 5px;}
	.footMore{ display:none;}
	
	.honTab li a{ min-width:0;  padding:0 20px;}
	
	.artlist li{ padding-bottom:15px; margin-bottom:15px;}
	.arImg{ width:150px;}
	.arTime{ position:static; height:30px; line-height:30px; padding:0; width:100%; overflow:hidden;}
	.arTime p{ display:inline-block; vertical-align:middle;}
	.date{ font-size:16px;}
	.arText{ margin-left:160px;}
	.arTit{ font-size:16px; padding:0;}
	.arBrief{ height:52px; margin:0 0 5px;}
	
	.parTit h3{ font-size:18px;}
	
	.caseBot li{ padding:0 7px 10px;}
	.caseBot li a{ padding:15px 15px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ display:none;}
	
	.contact_map{ height:300px;}
	
	.winBox{ max-width:none; width:90%; margin:0 auto; padding:15px 20px 15px 10px;}
	.winClose{ background-size:15px; right:10px; top:10px;}
	.winTit{ font-size:16px; padding:10px 0;}
	.winTit i{ font-size:18px;}
	.winList li{ margin-bottom:10px;}
	.winList li input{ height:36px; padding:3px 5px 3px 25px; line-height:28px;}
	.winList li span{ line-height:36px;}
	.winList li i{ line-height:36px; left:5px; width:20px;}
	.winList li input[type="submit"]{ line-height:36px;}
	.winTip{ line-height:22px;}
	
	.solu5Text h4{ font-size:18px; padding:20px 0;}
}
@media (max-width:460px){	
	.hdRigList li span{ display:none;}
	.hdTel{ margin-top:0;}
	
	.banBtn{ width:18px; height:28px; border:1px solid #FFFFFF;}
	
	.box1Num{ font-size:14px;}
	.box1Num span{ font-size:24px;}
	
	.title h2{ font-size:24px; padding:5px 0;}
	.titleBrief{ padding:5px 0; line-height:24px;}
	
	.box3List .swiper-pagination-bullet,.box4List .swiper-pagination-bullet{ width:24px; margin:0 3px;}
	
	.box4List .swiper-container{ padding-bottom:10px;}
	.box4Num{ font-size:17px;}
	.box4Tit{ font-size:12px;}
	
	.bannerN{ height:220px;}
	.banH2{ font-size:22px;}
	.bannerN .box1Num span{ display:block; line-height:28px; width:100%; text-align:center;}
	
	.honList li{ width:100%;}
	.honMore{ width:100%;}
	
	.artlist li{ padding-bottom:10px; margin-bottom:10px;}
	.arImg{ width:100px;}
	.arText{ margin-left:110px;}
	.arBrief{ line-height:20px; height:40px;}
	.arBot .pull-right{ font-size:12px;}
	.arBot .pull-right i{ width:18px; height:18px; line-height:16px;}
	
	.reList{ height:36px; line-height:34px;}
	
	.proBox1H3{ font-size:16px;}
	.proBox1Brief{ margin:5px 0;}
	
	.proBox2Text .proBox1H3{ font-size:16px;}
	
	.caseBot li a{ padding:15px;}
	.caseImg{ float:none; width:100%; margin-bottom:10px;}
	.caseBrief{ height:auto; max-height:52px;}
	
	.contactShare{ width:290px; height:166px; padding-top:50px;}
	.contactShare li{ padding:0 5px; font-size:12px;}
	.conShIco i{ width:40px; height:40px; margin:0 auto; line-height:38px; font-size:18px;}
	.conWx{ bottom:75px;}
	.contact_map{ height:250px;}
	.contactBot{ padding:20px 0;}
	.conBotTit{ font-size:19px;}
	
	.proH4{ font-size:18px;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.title h2{ font-size:20px;}
	
	.box1Num span{ display:block; line-height:28px; width:100%; text-align:center;}
	.box3List .swiper-slide{ padding:10px 0;}
	
	.bannerN{ height:180px;}
	.banH2{ font-size:18px;}
	.bannerN .box1Num{}
	
	.parList li a{ padding:10px 0;}
	
	.contact_map{ height:200px;}
	.winBox{ width:100%;}
	.winList li input{ font-size:12px;}
	
}	
@media (max-width:360px){

.container{padding:0}
.product .tabs a{
    font-size:14px;
    margin: 0 1%;
    width: 31%;
}
.product .tabs a:first-child {
    margin-left: 2%;
}
.product .news-list li {width:100%;height: 300px;}
.product .product-icon-seq{height:120px}
}	
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}
@media print{
     a[href]:after {
          content: none !important;
     }
    
 }