@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/


body{min-height:105vh}
/*indexBanner开始*/
.bannerBox{
	position: relative;
	overflow:hidden;
	height:100vh;
}
.bannerBox .bd .bannerDeta{
	clear: both;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100vh;
}
#video{
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
}
.banner_ul li{
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    position: absolute;
    display: none;
}
.banner_ul li:nth-child(1){
    z-index: 4;
}
.banner_ul li:nth-child(2){
    z-index: 3;
}
.banner_ul li:nth-child(3){
    z-index: 2;
}
.banner_ul li:nth-child(4){
    z-index: 1;
}
.banner_ul li.show{
    display: block !important;
}
.banner_ul li.left{
    left: -100px;
    transition: all 0.3s linear;
}
.bannerDeta{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.bannerEml1{
	position: absolute !important;
	right:-10%;
	height:100%;
	bottom:0;
	animation:ant666 1.5s 1;
	-webkit-animation:ant666 1.5s 1;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	top: auto !important;
	left: auto !important;
}
/*动画*/
@keyframes ant666
{
from {height:100%;right:-10%;}
to {height:100%;right:0;}
}
/* Safari and Chrome */
@-webkit-keyframes ant666 
{
from {height:95%;right:-10%;}
to {height:100%;right:0;}
}

.bannerEml2{
	width:100%;
	position: absolute !important;
	left: 0 !important;
	bottom:-5px;
	z-index:2;
	top: auto !important;
}
.bannerBox .hd{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5vw;
  z-index: 20;
}
.bannerBox .hd:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 45px;
    width: 2px;
    height: calc(100% - 38px);
    background-color: #ffffff;
}
.bannerBox .hd li{
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    position: relative;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    outline: none;
    padding-bottom:65px;
}
.bannerBox .hd li span {
    position: absolute;
    top: 0;
    height: 2px;
    width: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    left: 30px;
}
.bannerBox .hd li > span:nth-of-type(1) {
    width: 25px;
    top: 10px;
    left: 20px;
}
.bannerBox .hd li > span:nth-of-type(2) {
    top: 18px;
}
.bannerBox .hd li > span:nth-of-type(3) {
    top: 26px;
}
.bannerBox .hd li > span:nth-of-type(4) {
    top: 34px;
}
.bannerBox .hd li > span:nth-of-type(5) {
    top: 42px;
}
.bannerBox .hd li > span:nth-of-type(6) {
    top: 50px;
    width: 20px;
    left: 25px;
}
.bannerBox .hd li > span:nth-of-type(7) {
    top: 58px;
}
.bannerBox .hd li > span:nth-of-type(8) {
    top: 66px;
}
.bannerBox .hd li > span:nth-of-type(9) {
    top: 74px;
}
.bannerBox .hd li > span:nth-of-type(10) {
    top: 82px;
}
.bannerBox .hd li.lat {
    padding-bottom:6px;
}
.bannerBox .hd li.lat > span {
    display: none;
}
.bannerBox .hd li.lat > span:nth-of-type(1) {
    display: inline-block;
    width: 25px;
    top: 10px;
    left: 20px;
}
.bannerBox .hd li.lat2 > span:after{
    content: "";position: absolute;
    width: 100%;height: 100%;background-color: #fff;
    top: 0;left: 0;
}
.bannerBox .hd li:nth-of-type(2).go {
    color: #ffffff;
}
.bannerBox .hd li:nth-of-type(2).go > span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(1) {
    transition-delay: 0s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(2) {
    transition-delay: 0.4s;
}
.webGL-slider .pagination > [data-slide]:nth-of-type(2).go > span:nth-of-type(3) {
    transition-delay: 0.8s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(4) {
    transition-delay: 1.2s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(5) {
    transition-delay: 1.6s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(6) {
    transition-delay: 2.0s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(7) {
    transition-delay: 2.4s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(8) {
    transition-delay: 2.8s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(9) {
    transition-delay: 3.2s;
}
.bannerBox .hd li:nth-of-type(2).go > span:nth-of-type(10) {
    transition-delay: 3.6s;
}
.bannerBox .hd li.on {
    color: #ffffff;
}
.bannerBox .hd li.on > span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.bannerBox .hd li.on > span:nth-of-type(1) {
    transition-delay: 0s;
}
.bannerBox .hd li.on > span:nth-of-type(2) {
    transition-delay: 0.4s;
}
.bannerBox .hd li.on > span:nth-of-type(3) {
    transition-delay: 0.8s;
}
.bannerBox .hd li.on > span:nth-of-type(4) {
    transition-delay: 1.2s;
}
.bannerBox .hd li.on > span:nth-of-type(5) {
    transition-delay: 1.6s;
}
.bannerBox .hd li.on > span:nth-of-type(6) {
    transition-delay: 2.0s;
}
.bannerBox .hd li.on > span:nth-of-type(7) {
    transition-delay: 2.4s;
}
.bannerBox .hd li.on > span:nth-of-type(8) {
    transition-delay: 2.8s;
}
.bannerBox .hd li.on > span:nth-of-type(9) {
    transition-delay: 3.2s;
}
.bannerBox .hd li.on > span:nth-of-type(10) {
    transition-delay: 3.6s;
}

.bannerBox .hd li.aa > span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}


.bannerBox .hd a.move-prev {
  position: absolute;
  bottom: 100%;
  width: 36px;
  height: 36px;
  left:2px;
  font-size: 24px;
  opacity: 0.6;
  transition: all 0.3s ease-out;
	background-image: url(../images/bnprev.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
.bannerBox .hd a.move-prev:hover {
  opacity: 1;
}
.bannerBox .hd a.move-next {
  position: absolute;
  top: 100%;
  width: 36px;
  height: 36px;
  left:2px;
  opacity: 0.6;
  transition: all 0.3s ease-out;
  background-image: url(../images/bnnext.png);
	background-repeat: no-repeat;
	background-position:left center;
	cursor: pointer;
}
.bannerBox .hd a.move-next:hover {
  opacity: 1;
}
@keyframes f-fadeIn {
	from {
		opacity: 0;
		transform: scale(1.5)
	}
}
.banner1text{position: absolute !important;width: 37.0833%;left:28.6458% !important;top: 50% !important;margin-top: -17%;}
.banner1text:before{ display: block; content: ''; padding-top: 41.9944%;}
.banner1text img{ position: absolute;}
.banner1text .text1{ width: 22.0506%; height: 61.264%; top: 14.0468%; left: 0;animation:f-fadeIn 1.5s backwards .5s}
.banner1text .text2{ width: 17.2753%; height: 41.806%; top: 10.7023%; left: 22.7528%;animation:f-fadeIn 1.5s backwards 1s}
.banner1text .text3{ width: 18.9607%; height: 40.4682%; top: 9.3645%; left: 41.1517%;animation:f-fadeIn 1.5s backwards .7s}
.banner1text .text4{ width: 18.118%; height: 53.8462%; top: 0%; left: 61.0955%;animation:f-fadeIn 1.5s backwards 1s}
.banner1text .text5{ width: 16.573%; height: 33.1104%; top: 66.8896%; left: 33.0056%;animation:f-fadeIn 1.5s backwards 1.5s}
.banner1text .text6{ width: 16.2921%; height: 43.1438%; top: 50.1672%; left: 49.7191%;animation:f-fadeIn 1.5s backwards 1.8s}
.banner1text .text7{ width: 14.4663%; height: 39.4649%; top: 60.8696%; left: 66.1517%;animation:f-fadeIn 1.5s backwards 1.5s}
.banner1text .text8{ width: 17.2753%; height: 45.8194%; top: 51.505%; left: 83.1461%;animation:f-fadeIn 1.5s backwards 1.8s}

.cloudWave{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/cloudwave1.png) left top no-repeat;
	background-size: contain;
	-webkit-animation: cloud 100s linear infinite;
  	-moz-animation: cloud 100s linear infinite;
  	-o-animation: cloud 100s linear infinite;
  	animation: cloud 100s linear infinite;
  	-webkit-transform: translate3d(0, 0, 0);
  	-ms-transform: translate3d(0, 0, 0);
  	-o-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  	

}
.cloudWave.cloudWave2{
	background: url(../images/cloudwave2.png) center center no-repeat;
	background-size: contain;
}
@keyframes cloud {
  0% {
	transform: translateX(0);
  }
  100% {
	transform: translateX(1920px);
  }
}
/**/
.bannerEml3{
	width:100%;
	height:105px;
	background:rgba(0,82,174,0.37);
	position: absolute;
	bottom:0;
	left:0;
	z-index:9;
	text-align: center;
}
.bannerEml3C{display:inline-block;margin-top:27px}
@keyframes slide{
	0%{transform:translateX(90vw) skew(-17deg) scaleX(3);animation-timing-function:ease-in}
	80%{transform:translateX(0) skew(-17deg) scaleX(3);animation-timing-function:ease-out}
	88%{transform:translateX(0) skew(12deg) scaleX(.8);animation-timing-function:ease-in-out}
	95%{transform:translateX(0) skew(-5deg) scaleX(1);animation-timing-function:ease-in-out}
	100%{transform:translateX(0) skew(0deg) scaleX(1);animation-timing-function:ease-in-out}
}
.bannerEml3_tt{
	float:left;
	width:47px;
	height:50px;
	margin:0 5px;
	background-repeat:no-repeat;
	background-position:center center;
	animation: slide 1s backwards;
}
.bannerEml3_tt.t1{background-image:url(../images/bannereml3_t1.png);}
.bannerEml3_tt.t2{background-image:url(../images/bannereml3_t2.png);animation-delay:0.1s}
.bannerEml3_tt.t3{background-image:url(../images/bannereml3_t3.png);animation-delay:0.3s}
.bannerEml3_tt.t4{background-image:url(../images/bannereml3_t4.png);animation-delay:0.5s}
.bannerEml3_tt.t5{background-image:url(../images/bannereml3_t5.png);animation-delay:0.7s}
.bannerEml3_tt.t6{background-image:url(../images/bannereml3_t6.png);animation-delay:0.9s}
.bannerEml3_tt.t7{background-image:url(../images/bannereml3_t7.png);animation-delay:1.1s}
.bannerEml3_tt.t8{background-image:url(../images/bannereml3_t8.png);animation-delay:1.3s}
.bannerEml4{
	width:22.7604%;
	position:absolute;
	bottom:140px;
	right:8.0729%;
	z-index:5;
}
.bannerEml4 img{
	display:block;
	width:100%;
	clear: both;
	margin-bottom:17px;
}
/*indexBanner结束*/
/*footer begin*/
.footer{
	clear: both;
	position: relative;
	z-index: 9;
}
.bnrWave{
    position: absolute;
    bottom:99%;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 3;
}
.bnrWave .wave1,
.bnrWave .wave2{
    display: block;
    position: absolute;
    bottom: 0px;
    height: 100px;
    left: 0;
    width: 100%;
    background: url(../images/ftbg.png) repeat-x -600px -25px;
    z-index: 99;
}
.bnrWave .wave1{
    background-position: 0 -300px;
    z-index: 2;
}
.footerBox1{
	clear: both;
	overflow:hidden;
	background:#e4e4e4;
	padding:14px 3.25% 20px 7.25%;
}
.footerBox1C{width:35%}
.footerUl li{
	float: left;
	overflow:hidden;
	width:15%;
	font-size:0;
}
.footerDl{display:inline-block;}
.footerDl dt{
	clear: both;
	height:40px;
	overflow:hidden;
}
.footerDl dt a{
	color:#333333;
	font-size:16px;
	line-height: 40px;
	transition-duration:0.3s;
}
.footerDl dt a:hover{color:#1b79bf}
.footerDl dd a{
	color:#777777;
	font-size:14px;
	line-height:30px;
	transition-duration:0.3s;
}
.footerDl dd a:hover{color:#1b79bf}
.footerBox1CRC{
	width:40%;
	overflow: hidden;
	text-align: center
}
.ewmBox{display:inline-block;margin-top:35px;}
.ewmBoxC{
	width:134px;
	overflow:hidden;
}
.ewmBoxC .pic{
	width: 100px;
	height:100px;
	background:#fff;
	overflow: hidden;
	margin:0 auto;
}
.ewmBoxC .pic img{
	display: block;
	width: 100px;
	height:100px;
}
.ewmBoxC span{
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size:14px;
	color:#999999;
}
.footerBox1CRCR{overflow: hidden;display:inline-block;text-align:left}
.footerBox1CRCR .divT{
	clear: both;
	height:31px;
	overflow: hidden;
	padding-left:6px;
	background-position:left center;
	background-repeat: no-repeat;
	line-height: 30px;
	color:#666666;
	font-size:14px;
}
/* .footerBox1CRCR .divT.icon1{background-image:url(../images/fticon1.png)}
.footerBox1CRCR .divT.icon2{background-image:url(../images/fticon2.png)}
.footerBox1CRCR .divT.icon3{background-image:url(../images/fticon3.png)}
.footerBox1CRCR .divT.icon4{background-image:url(../images/fticon4.png)} */
.tel{
	height:37px;
	background-position:left center;
	background-repeat: no-repeat;
}
.footerBox1CRCR .divT2 a{
	float: left;
	width:33px;
	height:33px;
	margin-right:13px;
	background-repeat: no-repeat;
	background-image:url(../images/mallicon1.png);
}
.footerBox1CRCR .divT2 a:hover{background-image:url(../images/mallicon2.png)}
.footerBox1CRCR .divT2 a.icon1{background-position:0 center;}
.footerBox1CRCR .divT2 a.icon2{background-position:-46px center;}
.footerBox1CRCR .divT2 a.icon3{background-position:-92px center;}
.footerBox2{
	clear: both;
	overflow: hidden;
	background:#1d1d1d;
	height:56px;
	line-height:56px;
	color:#666;
	font-size:13px;
}
.footerBox2 a{color:#666}
.footerBox2 a:hover{color:#1b79bf}
/*footer end*/
/*首页内容区 begin*/
.h_150{clear: both;padding-top:2.8125%}
.h_205{clear: both;padding-top:2.677%}
.hc_110{clear: both;padding-top:0.5476%}
.hc_50{clear: both;padding-top:1.2738%}
/*title*/
.indexTitle{
	clear: both;
	overflow:hidden;
}
.indexTitle .divT1{
    height: 50px;
    line-height: 50px;
    font-size: 34px;
    color: #333333;
    overflow:hidden;
}
.indexTitle .divT2{
    height: 20px;
    line-height: 35px;
    font-size: 24px;
    color: #bcbcbc;
    overflow:hidden;
}
a.ixMore{
    padding-right: 13px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    position: relative;
    display: block;
	color:#333333;
}
a.ixMore:after{
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 0px;

    background-size: cover;
}
a.ixMore:hover{color:#1f63b5}
/*1 begin*/
.ixBox{
	clear: both;
	overflow: hidden;
	position: relative;
	z-index:1;
}
.ixBox .bg{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index:-1;
	background-position:center center;
	background-size:cover;
}
.ixBox .bgC{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index:-1;
	background-position:center center;
	background-size:cover;
}
.ixBoxC{
	clear: both;
	width: 1200px;
	margin: 0 auto;
}
.index1L{
	width:36.9047%;
}
.index1L1{
    height: 55px;
    line-height: 55px;
    font-size: 36px;
    color: #333333;
    overflow:hidden;
}

.index1L2{
    color: #666666;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    overflow: hidden;
}
.index1LTBox{
    position: relative;
    padding-bottom:20px;
    margin-bottom:10.3174%;
}

.index1LTBox:before{
    display: block;
    content: "";
    width: 40px;
    height: 2px;
    background: #d4d4d4;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.index1L3{
    height:120px;
    line-height:30px;
    font-size: 14px;
    color: #666;
    overflow:hidden;
    margin-bottom:7%;
}
.index1L4{overflow: visible !!important}
.index1L4 a{
    text-align: center;
    display: block;
    width: 150px;
    height:40px;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    background: linear-gradient(to right,#207dc1,#89caed);
	position: relative;
}

.index1L4 a span{
	display:inline-block;
	height:40px; color: #fff;
/* 	padding-right:13px; */
	/* background:url(../images/icon3.png) no-repeat right center; */
}
.index1R{width:60.119%}
.index1RList{margin:0 -1.6346%;}
.index1RList dd{
    float: left;
	width:33.3333%;
}
.index1RList dd a{
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
	margin:0 4.885%;
	transition-duration: 0.3s;
	position: relative;
	top:0;
}
.index1RList dd a:hover{top:-20px;box-shadow:-3px 5px 15px rgba(0,0,0,0.2)}
.index1RList dd a:after{
    content: "";
    display: block;
    width: 100%;
    padding-top: 161.6031%;
}
.index1RText{
    padding: 0 30px;
    position: absolute;
    bottom: 38px;
    left: 0px;
    height: auto;
	opacity:1;
    transition: all 0.3s;
}
.index1RList dd a:hover .index1RText{opacity:0;}
.index1RText1{
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 30px;
    overflow:hidden;
	transition: all 0.3s;
	transform:translateY(0);
}
.index1RList dd a:hover .index1RText1{transform:translateY(100%)}
.index1RText2{
    height: 60px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    overflow:hidden;
	transition: all 0.3s;
	transform:translateY(0);
}
.index1RList dd a:hover .index1RText2{transform:translateY(100%)}
.index1RCenter{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    border-radius: 20px;
    opacity: 0;
    transition: all 0.5s;
}
.index1RList dd a:hover .index1RCenter{opacity:1;}
.index1RCenter:before{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	 background: linear-gradient(to right,#217dc1,#89caed);
	position: absolute;
	top:0;
	left: 0;
	opacity:0.8;
	
}
.index1RCenter1{
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    overflow:hidden;
	padding:0 10px;
	transition: all 0.3s;
	transform:translateY(100%);
}
.index1RList dd a:hover .index1RCenter1{transform:translateY(0);}
.index1RCenter2{
    text-align: center;
    height: 100px;
    line-height: 34px;
    font-size: 15px;
    color: #fff;
    overflow:hidden;
    margin-bottom: 35px;
	padding:0 10px;
	transition: all 0.3s;
	transform:translateY(100%);
}
.index1RList dd a:hover .index1RCenter2{transform:translateY(0);}
.index1RCenter3{
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #2f62ab;
    background: #fff;
    text-align: center;
    border-radius: 40px;
	transition: all 0.3s;
	transform:translateY(100%);
}
.index1RList dd a:hover .index1RCenter3{transform:translateY(0);}
.index1RCenterBox{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -80px;
    text-align: center;
}

.index1LNumList{
    margin-bottom:1vw;
	overflow: hidden;
	width:115%;
}
.index1LNumList dd{
    position: relative;
    width:32.3333%;
    float: left;
}
.index1LNumList dd .divC{display:inline-block}
.index1NumT1{
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #2f62ab;
	text-align:center;
}
.index1NumT1 span{
    font-size: 36px;
}
.index1NumT2{
    font-size: 14px;
    color: #9d9d9b;
    height: 40px;
    overflow:hidden;
	text-align: center;
	line-height:40px;
}
/*1 end*/
/*2 begin*/
.index2Content{
    width: 100%;
    position: absolute;
    top: 285px;
    left: 0px;
}
.index2PicList{
    padding-bottom:20px;
	margin-right:-35px;
}
.index2PicList dd{
    float: left;
    width:31.6333% !important;
	margin-top: 10px;
    margin-right: 36px;
}
.index2PicList a{
    position: relative;
    background: #fff;
    display: block;
}
.index2PicList a:hover{box-shadow: 0px 2px 10px rgba(0,0,0,0.1);}
.index2ListText1{
    height:58px;
    line-height: 25px;
	margin-top: 12px;
/* 	background:#f5f5f5; */
    font-size: 17px;
    color: #333333;
    overflow: hidden;
    transition: all 0.3s linear;
	padding:0 12px;
	text-align: center;
}
.index2PicList a:hover .index2ListText1{
    color: #2f62ab;
	background:#ffffff;
}
.index2ListText2{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
}

.index2ListText3{
    height: 56px;
    line-height: 28px;
    font-size: 14px;
    color: #666666;
    overflow:hidden;
}

.index2P{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.index2P:before{
    display: block; 
    content: ''; 
}
.index2P img{
    display:block; 
    width:100%; 
    height:100%; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.index2PicList a:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.index2PicC{
}
.index2PicC .swiper-pagination{
    bottom: 10px!important;
}
.index2PicC .swiper-pagination-bullet{
    opacity: 1!important;
    background: unset!important;
    border: 1px solid #3a6aaf!important;
	width: 10px!important;
    height: 10px!important;
	margin:0 7px !important;
}
.index2PicC .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #2f62ab!important;
	border: 1px solid #3a6aaf!important;
}
/*2 end*/
/*4 begin*/
.ixBox4Dl{margin:0;}
.ixBox4Dl dd{
	float:left;
	width:25%;
}
.ixBox4Dl dd a{
	display: block;
	overflow: hidden;
	margin:0 3.1358%;
	background:#fff;
	border-radius:10px;
	position: relative;
	transition-duration:0.3s;
}
.ixBox4Dl dd:hover a{box-shadow:0px 2px 8px rgba(0,0,0,0.2)}
.ixBox4T{
	clear: both;
	overflow: hidden;
	height:50px;
	padding:0;
}
.ixBox4T .divT{
	float:left;
	line-height:50px;
	color:#333333;
	font-size:17px;
	font-weight: bold;
}

.ixBox4Dl dd:hover .ixBox4Box1R{background:url(../images/icon44.png) no-repeat center center;
	margin:15px 0 15px 12px;transition:0.4s}
.ixBox4Box1R{
	width:38px;
	height:38px;
	background:url(../images/icon4.png) no-repeat center center;
	margin:15px 0 15px 12px;
}
.ixBox4Pic{
	clear: both;
	overflow: hidden;
	padding-top:67.8571%;
	position: relative;
}
.ixBox4Pic img{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
}
.ixBox4Text{
	clear: both;
	height:44px;
	overflow: hidden;
	font-size:14px;
	color:#666666;
	line-height:24px;
	margin-left: 15px;
	margin-right: 15px;
}
/*4 end*/
/* 产品中心start */
.pdCloumn{ position: relative;}
.pdCloumn:after{ display: block; content: ''; padding-top: 48%;}
.pdCloumnL{ position: absolute; left:0px; top:38px; width:33.3333%; height: 100%; background: #FFF;}


.pdCloumnLC{ margin-left: 19%; height: 100%; margin-right: 7%; position: relative; z-index: 9;}
.pdCloumnLC .indexTitle{ margin-bottom: 5%;}
.pdCloumnLC .ixMore{ display: inline-block; color: #2f62ab;position:relative;left:-14px;transition-duration:0.3s;top: -73px;}
.pdCloumnLC .ixMore:hover{left:10px;}
.pdCloumnInfo{ color: #666666; font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 35%;}

.pdCloumnScroll {overflow: hidden;margin-left: -5%;position: relative;height: 484px;
    bottom:160px;width:355px;}
.pdCloumnScroll .bd{ margin-right: -40px;}
.pdCloumnScroll .swiper-slide{ width: 33.3333%; float: left;}
.pdCloumnScroll .swiper-slide .con{ margin-right: 40px;}
.pdCloumnScroll .swiper-slide .pic{ position: relative;border-radius: 100%; overflow: hidden; cursor: pointer;}
.pdCloumnScroll .swiper-slide .pic:before{ padding-top: 100%; content: ''; display: block;}
.pdCloumnScroll .swiper-slide .pic:after{content: '';display:block;border:1px solid #fff;border-radius: 100%;position: absolute;top:0;left: 0;bottom:0;right:1px;transition-duration:0.3s;}
.pdCloumnScroll .swiper-slide .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top:0px;}
.pdCloumnScroll .swiper-slide.swiper-slide-thumb-active .pic:after{ border-color: #2a6bb9;border-width:2px}
.pdCloumnScroll .swiper-slide:hover .pic:after{ border-color: #2a6bb9;border-width:2px}

.pdCloumnR{ position: absolute; right: 0px; width:66.6667%; height: 100%; background: #f5f5f5;background: -webkit-linear-gradient(to right,#89caed, #1b79bf);background: url(../images/pdcloumnbg2.jpg) no-repeat right 1px; background-size: cover;}
.pdCloumnRScroll{ margin-left:13%; margin-right: 17%; height: 100%; position: relative; z-index: 9;}
.pdCloumnRScroll .bd{ height: 100%; overflow: hidden;}
.pdCloumnRScroll .bd .swiper-slide{ float: left; width: 100%; font-size: 0;}
.pdCloumnRScroll .bd .swiper-slide .pic{ overflow: hidden; width:55%; position: relative; display: inline-block; display:block;float: left;}
.pdCloumnRScroll .bd .swiper-slide .pic:before{ display: block; content: ''; padding-top: 100%;}
.pdCloumnRScroll .bd .swiper-slide .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top:0px;}
.pdCloumnRScroll .bd .swiper-slide .text{ overflow: hidden; display: block; padding-left: 15px; box-sizing: border-box;-webkit-box-sizing: border-box; width:44%; animation-delay: .1s; float:right;}
.pdCloumnRScroll .bd .swiper-slide .text .num{ overflow: hidden; padding-top: 20px; height: 35px; line-height: 35px; font-size: 16px; color: #c8e8ff;}
.pdCloumnRScroll .bd .swiper-slide .text .title{ overflow: hidden; padding-bottom: 20px; height: 55px; line-height: 55px; font-size: 36px; border-bottom: 1px solid #76b8e2;}
.pdCloumnRScroll .bd .swiper-slide .text .title a{ color: #FFF;font-size:32px;}
.pdCloumnRScroll .bd .swiper-slide .text .info{ overflow: hidden; padding-bottom: 20px; height: 125px; line-height: 26px; font-size: 14px; color: #ffffff; padding: 20px 0; margin-bottom: 20px;}
.pdCloumnRScroll .bd .swiper-slide .text a.btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; color: #ffffff; font-size: 14px; background: #1f64b6; border-radius: 40px;position:relative;top:0;transition-duration:0.3s;}
.pdCloumnRScroll .bd .swiper-slide .text a.btn:hover{top:-5px;box-shadow:0 3px 5px rgba(0,0,0,0.1)}
.pdCloumnRScroll .bd .swiper-slide .text a.btn span{ display: block; padding-right: 15px; background: url(../images/pdcloumnicn1.png) no-repeat right center;}
.pdCloumnRScroll .bd .swiper-slide.swiper-slide-active .pic{ display: inline-block;}
.pdCloumnRScroll .bd .swiper-slide.swiper-slide-active .text{ display: inline-block;}

.pdCloumnScrollPrev{display: block;width: 50px;height: 50px;border-radius: 50px;background: rgba(163, 163, 163, 0.45) url(../images/pdcloumnprev.png) no-repeat center center;position: absolute;left: 3%;top: 50%;margin-top: 45px; cursor: pointer; z-index: 9;}
.pdCloumnScrollNext{display: block; width: 50px; height: 50px; border-radius: 50px; background: rgba(163, 163, 163, 0.45) url(../images/pdcloumnnext.png) no-repeat center center;position: absolute; right: 3%;top: 50%;margin-top: 45px; cursor: pointer; z-index: 9;}
.pdCloumnScrollBtn span.pdCloumnScrollPrev:hover{ background-color: rgba(163, 163, 163, 0.38);}
.pdCloumnScrollBtn span.pdCloumnScrollNext:hover{ background-color: rgba(255,255,255,.45);}
@-webkit-keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.picfadeInUp {
	-webkit-animation-name: picfadeInUp;
	animation-name: picfadeInUp
}

.picanimated{
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.pdCloumnBg1{ position: absolute; width: 10%; height: 100%; left:33.3333%; z-index: 1;}
.pdCloumnBg1 .pdbg{ position: absolute; left: 0;top:0; width: 100%; height: 100%;animation: 3s ease-in-out infinite alternate myWave;}
.pdCloumnBg1 .pdbg svg{ width: 100%; height: 100%; position: absolute; left: -2%; top:0%;}
.pdCloumnBg1 .pdbg.bg1 svg{ transform: translateX(10px);}
.pdCloumnBg1 .pdbg.bg2{animation-delay: 1s;}
@keyframes myWave {
  0% {
    transform: translate(-8px,0%);
  }
  100% {
    transform: translate(0px,0%);
  }
}
.pdCloumnBg2{ position: absolute; width: 42.6%; height: 21%; background: url(../images/pdcloumnbg1.png) no-repeat center center; background-size: cover; left: 0px; bottom: 0px; z-index: 3;}
.pdCloumnBg3{ position: absolute; width: 43.125%; height: 100%; background: url(../images/pdcloumnbg2.jpg) no-repeat right center; background-size: cover; right: 0px; bottom: 0px; z-index: 3;display:none}
.pdCloumnBg4{ position: absolute; width: 24.1146%; height: 7%; background: url(../images/pdcloumnbg3.png) no-repeat center center; background-size: cover; left: 45.46%; top: 0px; z-index: 3;}



.spzq{ 
    width: 100%;
    float: left;}
.testimonial-card-area2{ float: left; width: 36.9047%;}
.testimonial-img{float: right; width:60%;margin-top: -60px;}

/* 产品中心end */
/*首页内容区 end*/
/*内页框架结束*/
/***********频道页start**********/
/*新闻start*/
.newsBox{
	clear: both;
	overflow: hidden;
	background:#fff;
}
.newsBox1Slide{
	overflow: hidden;
	width:600px;
	height:420px;
	margin-right:35px;
    border-radius: 10px;
}
.newsBox1Slide .bd{
	width:600px;
	height:360px;
	overflow: hidden;
}
.newsBox1Slide .bd .swiper-slide{
	width:600px;
	height:360px;
}
.newsBox1Slide .bd .swiper-slide img{
	display: block;
	width:600px;
	height:360px;
	object-fit: cover;
	object-position: center center;
}
.newsBox1Slide .hd{
	height:60px;
	background:#f6f6f6;
	overflow: hidden;
}
.newsBox1Slide .hd div.fl{
	width:395px;
    position: relative;
	height:60px;
	line-height: 60px;
	color: #666666;
	font-size: 18px;
    margin-left: 50px;
}
.newsBox1Slide .hd div.fl:before{ display: block; content:''; position: absolute; left: -20px; width: 6px; height: 6px; background: #666666; top: 50%; margin-top: -3px;}
.newsBox1Slide .hd .newsBox1SlideDot{margin-right:24px;margin-top:24px;}
.newsBox1Slide .hd .newsBox1SlideDot span{
	float: left;
	width:14px;
	height:14px;
	overflow: hidden;
	line-height:9999px;
	border-radius:100%;
	border:1px solid #c6c6c6;
	margin-left: 12px;
	cursor: pointer;
    opacity: 1;
    background: none;
}
.newsBox1Slide .hd .newsBox1SlideDot span.swiper-pagination-bullet-active{border:1px solid #1f63b5;background:#1f63b5}
.newsBox1R{
	overflow: hidden;
}
.newsBox1R .newsList1{height:415px;overflow: hidden}
.newsList1 dd{
	overflow: hidden;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:1px solid #dddddd;
}
.newsList1 dd .divT{
	clear: both;
	height:26px;
	overflow: hidden;
}
.newsList1 dd .divT a{
	line-height: 26px;
	color: #222222;
	font-size: 18px;

}
.newsList1 dd .divT a:hover{color:#014099}
.newsList1 dd .divT2{
	clear: both;
	height:20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 14px;
	color: #999999;
}
.newsList1 dd .txt{
	clear: both;
	height:50px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
/*2*/
.bgRelative{
	position: relative;
	overflow: hidden;
    z-index: 1;
}
.layerBg{
	position: absolute !important;
	top: -2.5% !important;
	left: -2.5% !important;
	width: 105%;
	height: 105%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    z-index: -1;
}
.newsBox.bg2{background:url(../images/r_bg6.jpg) no-repeat center center}
.newsBox2Slide{
	height:420px;
	position: relative;
}
.newsBox2Slide .bt{
	display:block;
	width:25px;
	height:44px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top:-22px;
	z-index:999;
	background-repeat: no-repeat;
	background-image: url(../images/r_icon13.png);
	opacity:0;
	transition-duration: 0.3s;
}
.newsBox2Slide .bt.prev{
	left:0;
	background-position:left center;
}
.newsBox2Slide .bt.next{
	right:0;
	background-position:right center;
}
.newsBox2Slide:hover .bt{opacity:1}
.newsBox2Slide .bd{
	overflow: hidden;
}
.newsBox .newsBox2Dl dd{margin-top:10px;}
.newsBox2Dl{margin:0 -10px !important}
.newsBox2Dl dd{
	float:left;
	width:33.333%;
	margin-bottom:20px;
}
.newsBox2Dl dd a{
	display:block;
	overflow:hidden;
	padding:20px;
	margin:0 10px;
	background:#ffffff;
	position: relative;
	top: 0;
	transition-duration:0.3s;
	border-radius: 8px;
}
.newsBox2Dl dd a .divT{
	overflow: hidden;
	height: 60px;
	font-size:18px;
	line-height: 30px;
	color: #222222;
}
.newsBox2Dl dd a:hover .divT{color: #014099}
.newsBox2Dl dd a .divT2{
	overflow: hidden;
	height: 40px;
	font-size:14px;
	line-height: 40px;
	color: #999999;
}
.newsBox2Dl dd a:hover .divT2{color: #014099}
.newsBox2Dl dd a .pic{
	width:100%;
	padding-top:62.289%;
	position: relative;
}
.newsBox2Dl dd a .pic img{
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}
.newsBox2Dl dd a .divT3{
	overflow: hidden;
	height: 30px;
	font-size:14px;
	line-height: 30px;
	color: #999999;
	text-align: center;
}
.newsBox2Dl dd a:hover .divT3{color: #014099}
/*3*/
.h105{ height: 105px; clear: both;}
.f_newsC3List{ margin-right: -30px;}
.f_newsC3List dd{ float: left; display: inline; width: 50%; margin-bottom: 40px;}
.f_newsC3List dd .con{ margin-right: 30px;}
.f_newsC3List dd a{ display: block; padding: 22px 0 26px; overflow: hidden; background: #f7f7f7; border-radius: 8px; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.f_newsC3List dd .date{ width: 108px; position: relative; text-align: center; padding-top: 7px;}
.f_newsC3List dd .date:before{ width: 1px; height: 53px; background: #e8e8e8; content: ''; display: block; position: absolute; right: 0px; top: 11px; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.f_newsC3List dd .date span{ display: block; height: 34px; line-height: 34px; font-size: 28px; color: #454545;}
.f_newsC3List dd .date em{ display: block; height: 27px; line-height: 27px; font-size: 14px; color: #999999; font-style: normal;}
.f_newsC3List dd .text{ padding: 0 27px; overflow: hidden;}
.f_newsC3List dd .text span{ display: block; height: 34px;overflow: hidden;line-height: 34px; font-size: 18px; color: #333333; font-weight: bold;}
.f_newsC3List dd .text em{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #777777; font-style: normal;}

.f_newsC3List dd a:hover{ background: #1f63b5;}
.f_newsC3List dd a:hover .date:before{ background: #3673bd;}
.f_newsC3List dd a:hover span{ color: #FFF;}
.f_newsC3List dd a:hover em{ color: #FFF;}

/*3*/
.newsBox3Slide{
	position: relative;
	overflow: hidden;
}
.newsBox3Slide .bd{
	width: 1200px;
}
.newsBox3Dl dd{
	float: left;
	width: 386px;
	height:300px;
	overflow: hidden;
	position: relative;
	z-index: 11;
	margin-right:16px;
	transition-duration: 0.3s;
    border-radius: 8px;
    background: #FFF;
}
.newsBox3Dl dd:before{
	content: "";
	display: block;
	width: 100%;
	height:20%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition-duration: 0.3s;
	background:#fff
}
.newsBox3Dl dd:hover{
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.newsBox3Dl dd:hover:before{height:100%;background:#1f63b5}
.newsBox3Dl{width:110%}
.newsBox3Dl dd:after{
	content: "";
	display: block;
	height:1px;
	background:#dedede;
	position:absolute;
	left:34px;
	right:34px;
	bottom: 80px;
	transition-duration: 0.3s;
}
.newsBox3Dl dd:hover:after{
	left:0;
	right:0;
}
.newsBox3Dl dd .divT{
	clear: both;
	overflow: hidden;
	height:40px;
	color: #333333;
	line-height: 40px;
	font-size: 16px;
	margin:40px 0 0 0;
	padding:0 34px;
	transition-duration: 0.3s;
}
.newsBox3Dl dd:hover .divT{color:#fff}
.newsBox3Dl dd .divT2{
	clear: both;
	overflow: hidden;
	height:35px;
	color: #999999;
	line-height: 35px;
	font-size: 14px;
	padding:0 34px;
	transition-duration: 0.3s;
}
.newsBox3Dl dd:hover .divT2{color:#fff}
.newsBox3Dl dd .txt{
	overflow: hidden;
	clear: both;
	height:60px;
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	margin-top: 8px;
	padding:0 34px;
	transition-duration: 0.3s;
}
.newsBox3Dl dd:hover .txt{color:#fff}
.newsBox3Dl dd .divT3{
	width: 33px;
	height:33px;
	background: url(../images/r_icon14.png) no-repeat center center;
	margin-top: 57px;
	margin-right: 34px;
}
.newsBox3Dl dd:hover .divT3{background: url(../images/r_icon15.png) no-repeat center center;}
.newsBox3Slide .bt{
	display:block;
	width:25px;
	height:44px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top:-22px;
	z-index:999;
	background-repeat: no-repeat;
	background-image: url(../images/r_icon13.png);
	opacity:0;
	transition-duration: 0.3s;
}
.newsBox3Slide .bt.prev{
	left:0;
	background-position:left center;
}
.newsBox3Slide .bt.next{
	right:0;
	background-position:right center;
}
.newsBox3Slide:hover .bt{opacity:1}
/*5*/
.f_newsC5List{ overflow: hidden; margin-right: -30px;}
.f_newsC5List dd{ width: 25%; float: left; display: inline;}
.f_newsC5List dd a{ display: block; margin-right: 30px;}
.f_newsC5List dd .pic{ position: relative;}
.f_newsC5List dd .pic:before{ display: block; content: ''; padding-top:144%;}
.f_newsC5List dd .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.f_newsC5List dd .text{ display: block; height: 58px; line-height: 58px; font-size: 16px; text-align: center;}
/*6*/
.periodical{
    position: relative;
    overflow: hidden;
}
.periodicalBg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.periodicalBox{
    
}
#jswbox{position:relative; clear:both;}

.periodicalBox #jswbox ul{
    position:relative; 
    z-index: 9; 
    clear:both;
    height:360px;
}
#jswbox li{
    position:absolute;
    z-index:0;
    /*overflow:hidden;*/
    top:0px;
    left:0px; 
    height:0px; 
    width:0px;
    padding-bottom: 20px;
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.1);
}
.periodicalBox #jswbox li a{
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.periodicalBox #jswbox li a:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
}
#jswbox li img{
    width:100%;
    height:100%;
    vertical-align:top;
    box-reflect:below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 93%,rgba(250,250,250,0.4));
    -webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 93%,rgba(250,250,250,0.4));
}
#jswbox li.li1{
    left: 62px;
    top: 100px;
    width: 166px;
    height: 219px;
}#jswbox li.li2{
    left: 250px;
    top: 52px;
    width: 205px;
    height: 277px;
}#jswbox li.li3{
    left: 475px;
    top: 0px;
    width: 250px;
    height: 335px;
}#jswbox li.li4{
    left: 745px;
    top: 52px;
    width: 205px;
    height: 277px;
}#jswbox li.li5{
    left: 970px;
    top: 100px;
    width: 166px;
    height: 219px;
}
#jswbox li a{ 
    height:100%; 
    width:100%; 
    display:block; 
    position:absolute; 
    top:0;
    left: 0;
    z-index: 1;
}
#jswbox .periodicalZz{
    position: absolute;
    top: 275px;
    left: 0;
    width: 100%;
    background: url(../images/newsbg4.png) center center no-repeat;
    height: 300px;
}
/*新闻end*/
/*企业文化start*/

.columnw5 {
	position: relative;
	height: 701px;
	overflow: hidden;
}

/*品牌文化*/

.cul_con {
	background: url("../images/cul_bg.png") no-repeat center bottom, #f6f9fb;
	overflow: hidden;

}

.con_case_b {
	width: 81.25vw;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-bottom: 1.6rem;
	position: relative;
}

.scr1_img_box {
	position: relative;
	float: left;
	width: 44.23%;
	margin-top: -42px;
	margin-left: -42px;
}

.scr1_img_case {
	display: block;
	width: 100%;
}

.scr1_img_face {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 39%;
}

.scr1_text_box {
	margin-top: -42px;
	float: right;
	width: 50%;
}

.cul_title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5rem;
	color: #000;
}

.cul_info {
	font-size: 14px;
	color: #72787f;
	line-height: 2.57;
}


/*关于我们start*/

.columnw1 {
	position: relative;
	height: 690px;
	overflow: hidden;
}

.titleBoxw .title {
	position: relative;
	height: 57px;
	line-height: 57px;
	text-align: center;
	font-size: 30px;
	color: #333;
}
.titleBoxw.typ .title{color:#fff}
.titleBoxw .title:after {
	display: block;
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
	background: #1c4295;
}
.titleBoxw.typ .title:after{background: #cecece;}
.titleBoxw .itro {
	padding: 8px 0;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.titleBoxw.typ .itro{color: #cecece}
.column1Pic {
	position: relative;
	height: 0;
	margin-left: 27px;
	width: 300px;
}

.column1Pic:after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 390px;
	top: 10px;
	left: 0;
	z-index: 1;
	border-radius: 10px;
	background: #d1dae3;
}

.column1Pic .pic {
	position: absolute;
	width: 100%;
	overflow: hidden;
	z-index: 5;
	left: 10px;
	top: 0;
	border-radius: 10px;
}

.column1Pic .pic:after {
	display: block;
	content: "";
	padding-top: 130%;
}

.column1Pic .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column1Pic1 {
	position: relative;
	height: 146px;
	line-height: 146px;
	overflow: hidden;
}

.column1Pic1 .pic {
	position: absolute;
	width: 100%;
	height: 146px;
	left: 0;
	bottom: -19px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.columnwCon {
	height: 295px;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.columnwCon .con {
	position: relative;
	margin-left: 355px;
	padding-left: 125px;
	padding-top: 50px;
	padding-right: 80px;
}

.columnwCon .con:after {
	display: block;
	content: "";
	position: absolute;
	width: 106px;
	height: 1px;
	left: 0;
	top: 70px;
	background: #d1dae3;
}

.columnwCon .title {
	height: 46px;
	line-height: 46px;
	font-size: 24px;
}

.columnwCon .title a {
	color: #333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnwCon .text {
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	color: #777;
	overflow: hidden;
}

.moreW {
	width: 113px;
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #c6c6c6;
}
.moreW:hover{border-bottom: 1px solid #1c4295;}
.moreW a {
	display: block;
	height: 100%;
	padding: 0 10px;
	line-height: 50px;
	font-size: 14px;
	color: #696969;
	background: url(../images/wicon1.png) 70px center no-repeat;
}

.columnw2 {
	position: relative;
	height:702px;
	overflow: hidden;
}
/**/

.columnw3 {
	position: relative;
	height: 697px;
	overflow: hidden;
}

.columnC3Left {
	width: 600px;
	padding-top: 35px;
}

.column3Ctext {
	overflow: hidden;
}

.column3Cpic {
	width: 145px;
	padding: 13px 10px 0;
	margin-right: 35px;
}

.column3Cpic .pic {
	position: relative;
}

.column3Cpic .pic:after {
	display: block;
	content: "";
	padding-top: 306.8966%;
}

.column3Cpic .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column3Ctext {
	padding-right: 50px;
}

.column3Ctext .title {
	line-height: 30px;
	font-size: 20px;
	color: #333;
	padding-bottom: 30px;
	position: relative;
}

.column3Ctext .title:after {
	display: block;
	content: "";
	position: absolute;
	width: 94px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: url(../images/wicon3.png) center center no-repeat;
}

.column3Ctext .textC {
	height: 144px;
	line-height: 24px;
	font-size: 14px;
	color: #808080;
}

.columnC3Right {
	overflow: hidden;
}

.column3Dl {
	overflow: hidden;
	padding-top: 5px;
	margin: 0 -5px;
}

.column3Dl dd {
	float: left;
	display: inline;
	width: 33.333%;
	margin-bottom: 10px;
}

.column3Dl dd .con {
	margin: 0 5px;
	background: #fff;
	padding: 5px 5px 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column3Dl dd .pic {
	position: relative;
	overflow: hidden;
}

.column3Dl dd .pic:after {
	display: block;
	content: "";
	padding-top: 66.6667%;
}

.column3Dl dd .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column3Dl dd .text {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.column3Dl dd .con:hover {
	box-shadow: 3px 0px 7px rgba(0, 0, 0, 0.08);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.columnw4 {
	position: relative;
	height: 700px;
}

.development {
	position: relative;
}

.deve_dl {
	position: relative;
	padding-top: 34.5833%;
	z-index: 5;
}

.deve_dl dt {
	width: 0px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/developmentbg1.png) no-repeat left center;
	background-size: auto 100%;
	z-index: 2;
	transition: all 1.5s linear;
}

.show .deve_dl dt {
	width: 100%;
}

.deve_dl:before,
.deve_dl:after {
	display: block;
	content: "";
	overflow: hidden;
	width: 1px;
	position: absolute;
	background: #72bdfd;
	bottom: 0px;
	z-index: 3;
}

.deve_dl:before {
	height: 25.2626263%;
	left: 30.3333%;
}

.deve_dl:after {
	height: 56.5656566%;
	left: 68.5666667%;
}

.deve_dl dd {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 6;
}

.deve_dl dd.dd1 {
	/*1650*495*/
	left: 1.5%;
	bottom: 12.5301%;
}

.deve_dl dd.dd2 {
	/*1650*495*/
	left: 6.5%;
	bottom: 13.9759%;
}

.deve_dl dd.dd3 {
	/*1650*495*/
	left: 11.5%;
	bottom: 15.0454545%;
}

.deve_dl dd.dd4 {
	/*1650*495*/
	left: 16.5%;
	bottom: 16.1616162%;
}

.deve_dl dd.dd5 {
	/*1650*495*/
	left: 21.5%;
	bottom: 18.3838384%;
}

.deve_dl dd.dd6 {
	/*1650*495*/
	left: 26.5%;
	bottom: 19.8080808%;
}

.deve_dl dd.dd7 {
	/*1650*495*/
	left: 31.5%;
	bottom: 22.3363636%;
}

.deve_dl dd.dd8 {
	/*1650*495*/
	left: 36.5%;
	bottom: 24.8686869%;
}

.deve_dl dd.dd9 {
	/*1650*495*/
	left: 41.5%;
	bottom: 27.5050505%;
}

.deve_dl dd.dd10 {
	/*1650*495*/
	left: 45.5%;
	bottom: 29.3434343%;
}

.deve_dl dd.dd11 {
	/*1650*495*/
	left: 50.5%;
	bottom: 32.4040404%;
}

.deve_dl dd.dd12 {
	/*1650*495*/
	left: 55.5%;
	bottom: 36.4848485%;
}

.deve_dl dd.dd13 {
	/*1650*495*/
	left: 60.5%;
	bottom: 40.4848485%;
}

.deve_dl dd.dd14 {
	/*1650*495*/
	left: 65.5%;
	bottom: 39.4848485%;
}

.deve_dl dd.dd14 {
	/*1650*495*/
	left: 65.5%;
	bottom: 44.4848485%;
}

.deve_dl dd.dd15 {
	/*1650*495*/
	left: 70.5%;
	bottom: 49.4848485%;
}

.deve_dl dd.dd16 {
	/*1650*495*/
	left: 75.5%;
	bottom: 48.4848485%;
}

.deve_dl dd.dd16 {
	/*1650*495*/
	left: 75.5%;
	bottom: 54.4848485%;
}

.deve_dl dd.dd17 {
	/*1650*495*/
	left: 80.5%;
	bottom: 60.56627%;
}

.deve_dl dd.dd18 {
	/*1650*495*/
	left: 85.5%;
	bottom: 67%;
}

.deve_dl dd.dd19 {
	/*1650*495*/
	left: 90.5%;
	bottom: 75%;
}

.deve_dl dd:hover {
	z-index: 8;
}

.deve_a {
	position: relative;
	display: block;
	width: 60px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -30px;
	padding-top: 10px;
	opacity: 0;
	transform: scale(0) translateY(5px);
	transition: all 0.2s linear;
	transform-origin: 50% 100%;
}

.show .deve_dl .deve_a {
	opacity: 1;
	transform: scale(1) translateY(0px);
}

.year {
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding-bottom: 30px;
	transition: all 0.3s linear;
}

/*.deve_dl dd.hover .year,*/

.deve_a:hover .year {
	color: #005aaa;
	font-size: 24px;
}

.deve_a.hover .year {
	color: #005aaa;
	font-size: 24px;
}

.year:after,
.year:before {
	display: block;
	content: "";
	overflow: hidden;
	width: 100%;
	height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	transform-origin: 50% 100%;
	transition: all 0.3s linear;
}

.year:before {
	background: url(../images/position1.png) no-repeat center top;
}

.year:after {
	opacity: 0;
	transform: scale(0);
	background: url(../images/position2.png) no-repeat center top;
}

/*.deve_dl dd.hover .year:before,*/

.deve_a:hover .year:before {
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}
.deve_a.hover .year:before {
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}
/*.deve_dl dd.hover .year:after,*/

.deve_a:hover .year:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.15s;
}
.deve_a.hover .year:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.15s;
}

.deveCont {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 100%;
	left: 0px;
	padding-bottom: 14px;
	transform: translateY(-20px);
	transition: all 0.3s linear;
}

.deve_a:hover .deveCont {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}
.deve_a.hover .deveCont {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.deveCont:after {
	display: block;
	content: "";
	width: 28px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	left: 15px;
	bottom: 0px;
	z-index: 9;
	background: url(../images/trangledown.png) no-repeat center center;
}

.ceveDeta {
	width: 260px;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15);
}

.ceveDeta .pic {
	padding-top: 56.25%;
}

.ceveIntr {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.deveTxt_dl {
	overflow: hidden;
}

.deveTxt_dl dd {
	width: 33.333333%;
	overflow: hidden;
	float: left;
	display: inline;
	transform: translateY(10px);
	opacity: 0;
	transition: all 0.3s linear;
}

.deveTxt_dl dd:nth-child(1) {
	transition-delay: 0s;
}

.deveTxt_dl dd:nth-child(2) {
	transition-delay: 0.5s;
}

.deveTxt_dl dd:nth-child(3) {
	transition-delay: 1s;
}

.show .deveTxt_dl dd {
	transform: translateY(0px);
	opacity: 1;
}

.deveTxtDiv {
	overflow: hidden;
	text-align: center;
	padding: 0px 15px;
	display: none;
}

.deveTxtName {
	overflow: hidden;
	font-size: 24px;
	color: #333;
	line-height: 30px;
}

.deveTxtIntr {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}

/*企业文化start*/

.columnw5 {
	position: relative;
	height: 710px;
	overflow: hidden;
}

/*品牌文化*/
.columnw5CBox{
	width:1195px;
	height:490px;
	margin:0 auto;
	background:url(../images/columnw5cboxbg.png) no-repeat center top;
}
.columnw5Text{
	width:275px;
	overflow:hidden;
}
.columnw5CBox .div{
	clear: both;
	overflow: hidden;
}
.columnw5Text .divT{
	clear: both;
	height:33px;
	overflow: hidden;
	line-height:33px;
	font-weight:bold;
	font-size:18px;
}
.columnw5Text.lt1 .divT{color:#37a76f}
.columnw5Text.lt2 .divT{color:#44c1a3}
.columnw5Text.lt3 .divT{color:#4eb3cf}
.columnw5Text.lt4 .divT{color:#4e97cf}
.columnw5Text .txt{
	clear: both;
	min-height:65px;
	overflow:hidden;
	line-height:24px;
	color:#666666;
	font-size:14px;
	margin-top:2px;
}
.columnw5Text.fl .txt{text-align:right}
.columnw5Text.fl .divT{text-align:right}
.columnw5Text.fr .txt{text-align:left}
.columnw5Text.fr .divT{text-align:left}
/*产品列表页*/

.productBox {
	clear: both;
	height: 848px;
	overflow: hidden;
}

.product_t {
	clear: both;
	overflow: hidden;
	max-height: 133px;
}

.product_t img {
	display: block;
	margin: 0 auto;
	max-height: 133px;
}

.ptSlide {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ptSlide .bt {
	display: block;
	width: 45px;
	height: 45px;
	cursor: pointer;
	position: absolute;
	top: 168px;
}

.ptSlide .bt.prev {
	left: -90px;
	background: url(../images/perv.png) no-repeat left top;
}

.ptSlide .bt.next {
	right: -90px;
	background: url(../images/next.png) no-repeat right top;
}

.ptSlide .bt.prev:hover {
	left: -90px;
	background: url(../images/perv_h.png) no-repeat left bottom;
}

.ptSlide .bt.next:hover {
	right: -90px;
	background: url(../images/next_h.png) no-repeat right bottom;
}

.ptSlide .bd {
	width: 1200px;
	height: 410px;
	overflow: hidden;
}

.ptSlide .bd dl {
	width: 1300px;
	margin-right: -30px;
}

.ptSlide .bd dl dd {
	display: inline;
	float: left;
	width: 370px;
	height: 410px;
	margin: 0 45px 0 0;
	overflow: hidden;
}

.ptSlide .bd dl dd .pic {
	clear: both;
	width: 370px;
	height: 356px;
	overflow: hidden;
	border-radius: 8px;
}

.ptSlide .bd dl dd .pic img {
	display: block;
	width: 370px;
	height: 356px;
	object-fit: cover;
}

.ptSlide .bd dl dd span {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 0 17px;
	color: #838383;
	font-size: 16px;
	text-align: center;
}

.ptSlide .bd dl dd span a {
	color: #777777;
}

.ptSlide .bd dl dd span a:hover {
	color: #438522;
}

.ptSlide .bd dl dd em {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: left;
	padding: 0 17px;
	color: #999999;
	font-size: 14px;
}

.ptSlide .pageState {
	color: #848484;
	font-size: 20px;
	text-align: center;
	line-height: 34px;
}

.ptSlide .pageState span {
	font-size: 40px;
	font-weight: bold;
	color: #2da5e8;
	padding: 0 5px;
}

.productBox1{
	position: relative;
	height: 846px;
	overflow: hidden;
}
.productBox2{
	position: relative;
	height: 853px;
	overflow: hidden;
}
.productBox3{
	position: relative;
	height: 848px;
	overflow: hidden;
}
.col1BgBox {
	position: absolute !important;
	width: 105%;
	height: 105%;
	left: -2.5% !important;
	top: -2.5% !important;
}

.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
/*subBanner*/
.subBanner{
	clear: both;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
	padding-top:36.4583%;
	position: relative;
	overflow: hidden;
}
.subPageBox{
	clear: both;
	overflow: hidden;
	background:#f5f5f5;
}
/*当前位置*/
.locationBox{
    height:50px;
    overflow: hidden;
    padding-left:20px;
    background:url(../images/wsbg13.png) no-repeat left center;
	color: #959595;
    font-size:14px;
	line-height: 50px;
}
.locationBox a{
    display:inline-block;
    line-height: 50px;
    color: #959595;
    font-size:14px;
}
.locationBox a:last-child{background:none;color:#2862a2}
.locationBox a:hover{color:#2862a2}
.h135{clear:both;height:135px}
/**********频道页end**********/
/*banner文字*/
/*声明 WebFont*/
@font-face {
	font-family: 'zwp';
	src: url('../fonts/599-cai978.eot');
	src: url('../font/599-CAI978.eot') format('embedded-opentype'),
		 url('../fonts/599-cai978.woff') format('woff'),
		 url('../fonts/599-cai978.ttf') format('truetype'),
		 url('../fonts/599-cai978.svg') format('svg');
}
.indexBanner .webGL-slider .txt-item > li small{padding-top:13px;display:block;clear: both;}
.indexBanner .webGL-slider .txt-item > li small font{color:rgba(1,64,153,0.3);font-family:"zwp";font-size:36px}
.indexBanner .webGL-slider .txt-item > li h5 font{
	width:70px;
	height:68px;
	overflow: hidden;
	background-position:center center;
	background-repeat: no-repeat;
	background-size:contain;
	font-size:0;
}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(1){background-image:url(../images/t1.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(2){background-image:url(../images/t2.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(3){background-image:url(../images/t3.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(4){background-image:url(../images/t4.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(5){background-image:url(../images/t5.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(6){background-image:url(../images/t6.png)}
.indexBanner .webGL-slider .txt-item .li1 h5 font:nth-child(7){background-image:url(../images/t7.png)}

.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(1){background-image:url(../images/t1.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(2){background-image:url(../images/t2.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(3){background-image:url(../images/t3.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(4){background-image:url(../images/t4.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(5){background-image:url(../images/t5.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(6){background-image:url(../images/t6.png)}
.indexBanner .webGL-slider .txt-item .li3 h5 font:nth-child(7){background-image:url(../images/t7.png)}


.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(1){background-image:url(../images/t1.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(2){background-image:url(../images/t2.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(3){background-image:url(../images/t3.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(4){background-image:url(../images/t4.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(5){width:40px;}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(6){background-image:url(../images/t5.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(7){background-image:url(../images/t6.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(8){background-image:url(../images/t7.png)}
.indexBanner .webGL-slider .txt-item .li2 h5 font:nth-child(9){background-image:url(../images/t8.png)}

.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(1){background-image:url(../images/t1.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(2){background-image:url(../images/t2.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(3){background-image:url(../images/t3.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(4){background-image:url(../images/t4.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(5){width:40px;}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(6){background-image:url(../images/t5.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(7){background-image:url(../images/t6.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(8){background-image:url(../images/t7.png)}
.indexBanner .webGL-slider .txt-item .li4 h5 font:nth-child(9){background-image:url(../images/t8.png)}

/**/
.language_box{
	width:105px;
	height:34px;
	border:1px solid #666666;
	border-radius:3px;
	overflow:hidden;
	margin:25px 33px 0 27px;
	
	z-index:999;
}
.language_box a{
	float:left;
	width:51px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#666;
}
.language_box a.on{opacity:1}
/**/
@media screen and (max-width:1366px){
	.nav_box{width:53vw;}
}
/*核心团队*/
.carouselSlide{
    position: relative;
    width:1200px;
	height:350px;
    margin: 0px auto;
}
.carouselBt{
    display: block;
    width:35px;
    height:60px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top:-30px;
	z-index: 999;
	cursor:pointer;
}
.carouselBt:hover{opacity:0.9}
.carouselBt.prev{
    left:-40px;
    background:url(../images/prevbt.png) no-repeat center center;
}
.carouselBt.prev:hover{
    background:url(../images/prevbt.png) no-repeat center center;
}
.carouselBt.next{
    right:-40px;
    background:url(../images/nextbt.png) no-repeat center center;
}
.carouselBt.next:hover{
    background:url(../images/nextbt.png) no-repeat center center;
}
#carousel{height:349px}
#carousel a{
	display:block;
	width:260px;
    height:348px;
	position:absolute;
	border-radius:3px;
	overflow: hidden;
}
#carousel a span{
	display: block;
	width:100%;
	height:55px;
	line-height:55px;
	background:rgba(0,0,0,0.5);
	padding-left:15px;
	position: absolute;
	left:0;
	bottom:0;
	z-index:3;
	font-size:16px;
	color:#fff;
}
#carousel a img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	object-fit: cover;
}
/**/
.columnw6{height:715px;clear: both;position:relative}
.columnw6Dl{margin:0 -10px;}
.columnw6Dl dd{
	float:left;
	width:33.3333%;
	overflow: hidden;
}
.columnw6Dl dd a{
	display: block;
	margin:0 10px;
	padding-bottom:43px;
	position: relative;
}
.columnw6Dl dd a .pic{
	width:100%;
	padding-top:112.4031%;
	overflow:hidden;
	position: relative;
}
.columnw6Dl dd a .pic img{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	object-fit:cover;
}
.columnw6Dl dd a .pic i{
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left: 0;
	z-index:1;
}
.columnw6Dl dd a .txtBox{
	height:87px;
	position: absolute;
	width:100%;
	top:50%;
	margin-top:-43px;
	left:0;
	z-index:2
}
.columnw6Dl dd a .txtBox .divT{
	clear: both;
	height:47px;
	overflow:hidden;
	line-height:47px;
	text-align: center;
	font-size:24px;
	color:#f5f5f5;
}
.columnw6Dl dd a .txtBox .divT2{
	clear: both;
	height:40px;
	overflow:hidden;
	line-height:40px;
	text-align: center;
	font-size:16px;
	color:#f5f5f5;
}
.columnw6Dl dd a .divT3{
	width:84px;
	height:84px;
	border-radius:100%;
	overflow: hidden;
	background:#d8c3af url(../images/+.png) no-repeat center center;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-42px;
	z-index:4;
}
.columnw6Dl dd.dd2 a .divT3{background:#93b4a7 url(../images/+.png) no-repeat center center}
.columnw6Dl dd.dd3 a .divT3{background:#837466 url(../images/+.png) no-repeat center center}
/**/
.newsBox3Dl2{margin:0 -13px !important;}
.newsBox3Dl2 dd{
	float:left;
	width:50%;
	overflow:hidden;
}
.newsBox3Dl2 dd a{
	display: block;
	overflow:hidden;
	margin:0 13px;
}
.newsBox3Dl2 dd a .pic{
	width:100%;
	padding-top:56.218%;
	overflow:hidden;
	position: relative;
}
.newsBox3Dl2 dd a .pic:after{
	content: "";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	z-index:1;
	background: url(../images/mv.png) no-repeat center center;
}
.newsBox3Dl2 dd a .pic img{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	object-fit: cover;
}
.newsBox3Dl2 dd a .divT{
	clear: both;
	height:52px;
	border-bottom:1px solid #ffffff;
	font-size:16px;
	color:#fff;
	line-height:52px;
}
/**/
.carouselSlide2{
	overflow: hidden;
	position: relative;
}
#carousel2{height:450px}
#carousel2 a{
	display: block;
	width:700px;
	height:450px;
	position:absolute;
	overflow:hidden;
}
#carousel2 a .txtBox{
	width:100%;
	height:112px;
	background:rgba(10,102,165,0.9);
	position: absolute;
	bottom:-112px;
	left: 0;
	z-index:1;
	transition-duration:0.3s;
}
#carousel2 a .txtBox .divT{
	clear: both;
	height:38px;
	line-height:38px;
	overflow: hidden;
	font-size:18px;
	color:#fff;
	margin-top:24px;
	padding:0 35px;
}
#carousel2 a .txtBox .divT2{
	clear: both;
	height:30px;
	line-height:30px;
	overflow: hidden;
	font-size:14px;
	color:#e7e7e7;
	padding:0 35px;
}
#carousel2 a img{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	object-fit: cover;
}
#carousel2 a:after{
	content:"";
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left: 0;
	z-index:1;
	transition-duration:0.1s;
	opacity:1;
}
#carousel2 a.carousel-center:after{opacity:0}
#carousel2 a.carousel-center .txtBox{bottom:0}
.ixBox3Bt2{
	width:186px;
	height:390px;
	cursor: pointer;
	position: absolute;
	top:18px;
	z-index:9;
}
.ixBox3Bt2.prev{
	left:55px;
	background:url(../images/fg_icon1.png) no-repeat center center;
}
.ixBox3Bt2.next{
	right:55px;
	background:url(../images/fg_icon2.png) no-repeat center center;
}
/**/
.pdtBox{
	clear: both;
	overflow: hidden;
	background:#f3faff url(../images/pdt.jpg) no-repeat center top;
}
.pdtSpchBox{
	height:100px;
	background:#d9e3eb;
	overflow:hidden;
}
.pdtSpchBoxC{
	width:505px;
	height:48px;
	margin:0 auto;
	margin-top:25px;
	background:#fff;
	overflow: hidden;
	border-radius:24px;
}
.pdtSpchBoxC input{
	float:left;
	width:375px;
	height:48px;
	border:none;
	background:none;
	line-height:48px;
	font-size:14px;
	color:#666;
	margin-left:23px;
}
.pdtSpchBoxC input::placeholder{font-size:14px;color:#999999}
a.pdtBt{
	display: block;
	width:105px;
	height:48px;
	overflow:hidden;
	line-height:48px;
	text-align: center;
	color:#fff;
	font-size:16px;
	border-radius:24px;
	background:#1f63b5;
}
.pdtScg{
	clear: both;
	overflow: hidden;
}
.pdtScg .divT{
	clear: both;
	overflow: hidden;
	margin-bottom:18px;
}
.pdtScg .divT_t{
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#666;
	margin-right:20px;
}
.pdtScg .divT_C{overflow:hidden}
.pdtScg .divT_C a{
	float:left;
	height:32px;
	line-height:32px;
	padding:0 24px;
	overflow: hidden;
	border-radius:16px;
	color:#666;
	font-size:14px;
	margin-right:5px;
}
.pdtScg .divT_C a.hover{background:#1f63b5;color:#fff !important;}
.pdtScg .divT_C a:hover{color:#1f63b5;}
/**/
.navBox{
	clear: both;
	height:50px;
	background:#fff;
	overflow: hidden;
}
.navC a{
	float:left;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size:16px;
	color:#777;
	padding:0 10px;
	position: relative;
}
.navC a:after{
	content: "";
	display: block;
	width:100%;
	height:2px;
	background:#2064b5;
	position: absolute;
	bottom: 0;
	left: 0;
	display:none;
}
.navC a.hover{color:#2064b5}
.navC a.hover:after{display:block}
/*.navC a:hover{color:#2064b5}
.navC a:hover:after{display:block}*/

/*产品介绍 begin*/
.section.bg{
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.pdtVBox1{
	position:relative;
	height:100vh;
}
.pdtVBox1R{
	position:absolute;
	top:0;
	right:0;
	height:91.3888%;
}
.pdtVBox1R .pdtVBox1RBg{
	display: block;
	height:100%;
}
.pdtVBox1Bt{
	width:152px;
	height:152px;
	background:url(../images/bt1.png) no-repeat center center;
	cursor: pointer;
	position: absolute;
	bottom:9.118%;
	left:-55px;
	transition-duration:0.3s;
}
.pdtVBox1Bt:hover{bottom:10%;}
.pdtVBox1Bt2{
	width:68px;
	height:68px;
	background:url(../images/bt2.png) no-repeat center center;
	cursor: pointer;
	position: absolute;
	bottom:9.118%;
	left:-130px;
	transition-duration:0.3s;
}
.pdtVBox1Bt2:hover{bottom:10%;}
.pdtVBox1RSlide{
	position:absolute;
	top:35%;
	left:5.222%;
	width:73.6658%;
	height:50.8611%;
}
.pdtVBox1RSlide .bt{
	display: block;
	width:51px;
	height:51px;
	cursor:pointer;
	position: absolute;
	top:40%;
	cursor:pointer;
	z-index:9;
}
.pdtVBox1RSlide .bt.prev{
	left:10px;
	background:url(../images/bt3.png) no-repeat center center;
}
.pdtVBox1RSlide .bt.next{
	right:10px;
	background:url(../images/bt4.png) no-repeat center center;
}
.pdtVBox1RSlide .bd{
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}
.pdtVBox1RDl{
	position: absolute;
	top:0;
	left: 0;
	width:100% !important;
	height:100% !important;
	text-align: center;
} 
.pdtVBox1RDl dd{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	text-align:center;
}
.pdtVBox1RDl dd img{
	display: block;
	height:100%;
	margin:0 auto;
}
.sectionBt{
	width:380px;
	height:85px;
	background:url(../images/bg2.png) no-repeat center center;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-160px;
	z-index:9;
}
.sectionBt span{
	display: block;
	width:28px;
	height:32px;
	background:url(../images/icon1.png) no-repeat center center;
	margin:0 auto;
	margin-top:27px;
	cursor:pointer;
	animation:ant333 3s infinite;
	-webkit-animation:ant333 3s infinite;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/*动画*/
@keyframes ant333
{
	0%{transform:translateY(0);}
	20%{transform:translateY(-25%);}
	50%{transform:translateY(-50%);}
	75%{transform:translateY(-25%);}
	100%{transform:translateY(0);}
}
/* Safari and Chrome */
@-webkit-keyframes ant333 
{
	0%{transform:translateY(0);}
	20%{transform:translateY(-25%);}
	50%{transform:translateY(-50%);}
	75%{transform:translateY(-25%);}
	100%{transform:translateY(0);}
}
.pdtVBox1L .divT{
	height:60px;
	overflow:hidden;
	line-height:60px;
	font-size:40px;
	color:#434343;
}
.pdtVBox1L .divT.icon{
	padding-left:45px;
	background:url(../images/icon4.png) no-repeat left center;
}
.pdtVBox1L .divT2{
	height:36px;
	overflow:hidden;
	line-height:36px;
	font-size:14px;
	color:#d2d2d2;
	/*text-transform: uppercase*/
}
.pdtVBox1L .txt{
	clear: both;
	overflow: hidden;
	color:#767676;
	font-size:18px;
	line-height:40px;
}
.ul_list li{
	height:40px;
	overflow: hidden;
	padding-left:18px;
	background:url(../images/icon2.png) no-repeat left center;
}
.pdtVBox2R{
	width:852px;
	height:620px;
	background:url(../images/bg3.png) no-repeat center center;
	overflow: hidden;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-310px;
	margin-left:70px;
}
.pdtVBox2RSlide{
	width:559px;
	height:386px;
	overflow: hidden;
	position: relative;
	margin-top: 130px;
    margin-left: 25px;
}
.pdtVBox2RSlide .bd{
	width:559px;
	height:386px;
	overflow:hidden;
}
.pdtVBox2RSlide .bd dl{
	width:559px;
	height:386px;
}
.pdtVBox2RSlide .bd dd{
	width:559px;
	height:386px;
	overflow:hidden;
}
.pdtVBox2RSlide .bd dd img{
	display: block;
	height:325px;
	margin:0 auto;
	margin-top:25px;
}
.pdtVBox2RSlide .bt{
	display: block;
	width:51px;
	height:51px;
	cursor:pointer;
	position: absolute;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
	z-index:9;
}
.pdtVBox2RSlide .bt.prev{
	left:37px;
	background:url(../images/bt5.png) no-repeat center center;
}
.pdtVBox2RSlide .bt.prev:hover{background:url(../images/bt5h.png) no-repeat center center}
.pdtVBox2RSlide .bt.next{
	right:37px;
	background:url(../images/bt6.png) no-repeat center center;
}
.pdtVBox2RSlide .bt.next:hover{background:url(../images/bt6h.png) no-repeat center center}
.pdtVBoxCV{
	width:1920px;
	position: relative;
	left:50%;
	margin-left:-960px;
	text-align: center;
	line-height:30px;
	color:#666;
	font-size:14px;
}
.pdtVBoxCV img{
	max-width:100%;
}
/**/
.pdtV_mv{
	width:365px;
	height:205px;
	border:3px solid #fff;
	border-radius:3px;
	position:fixed;
	bottom:60px;
	left:50px;
	z-index:999;
	background:#fff;
}
.pdtV_mv .btn{
	display: block;
	width:37px;
	height:37px;
	cursor:pointer;
	background:url(../images/icon3.png) no-repeat center center;
	position: absolute;
	top:-18px;
	right:-18px;
	z-index:11
}
/*产品介绍 end*/

.floatR{
	width: 40px;
    position: fixed;
    top: 50%;
    right:15px;
    z-index: 999;
}
.floatR a{
	display: block;
	width:50px;
	height:50px;
	border-radius:4px;
	overflow:hidden;
	background-color:#fff;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom:5px;
}
.floatR a:hover{background-color:#1f63b5;}
.floatR a span{
	display: block;
	width:50px;
	height:50px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}
.floatR a span.icon1{background-image:url(../images/flricon1.png)}
.floatR a span.icon2{background-image:url(../images/flricon2.png)}
.floatR a span.icon1:hover{background-image:url(../images/flricon1h.png)}
.floatR a span.icon2:hover{background-image:url(../images/flricon2h.png)}
.floatR a.getHome{background-image:url(../images/gethome.png);}
.floatR a.getHome:hover{background-image:url(../images/gethomeh.png);}
.getHomeDiv{display:none}
.sp{width: 1200px;
	margin: 0 auto;
	height: 470px;
	background-color: #f1f7f6;
	/* background: url(../images/sp.jpg); */
}
.et{
	    clear: both;
	    padding: 0 6.25%;
}
.etl{
	clear: both;
	overflow: hidden;
}
.entl{
	float: left;
	    display: inline;
}
.entelai{
	    height: 50px;
	    line-height: 50px;
	    font-size: 36px;
	    color: #333333;
	    overflow: hidden;
}
.entelai2{
	height: 20px;
	    line-height: 35px;
	    font-size: 24px;
	    color: #bcbcbc;
	    overflow: hidden;
}
.ckxx{
	padding-right: 40px;
	    height: 25px;
	    line-height: 25px;
	    font-size: 16px;
	    position: relative;
	    display: block;
	    color: #333333;
	}
.time{
	font-size: 14px;
	    color: #999999;
	    line-height: 15px;
	    height: 15px;
	    padding-left: 25px;
	    background: url(../images/col2time.png) no-repeat center left;
	    margin:20px 0 0 15px;
}

element.style {
}
.col2Slick .text .btn {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #666;
    background: url(../images/col2next.png) no-repeat center;
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
}
