/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
.fadeIn {
  animation-delay: 0.3s;
  animation-timing-function: linear;
}

/*滚动动画的样式*/
/*.disable-hover {*/
  /*pointer-events: none;*/
/*}*/
.scroll-animate.animated {
  visibility: hidden;
}
.font-fadeIn font {
  display: inline-block;
  min-width: 12px;
}
.scrolly {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}


img.classGo,
.pic.classGo {
  transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  filter: blur(30px);
  visibility: visible!important;
}
img.classGo.go,
.pic.classGo.go {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  filter: blur(0);
}


/*header*/
.index-header{background: #ffffff; 

padding: 20px 50px;

box-sizing: border-box;

max-height: 90px;

transition: all 1s ease;

position: absolute;

z-index: 99;

/* -webkit-box-shadow: 0px 0 90px rgba(19,53,80,.5);

-moz-box-shadow: 0px 0 90px rgba(19,53,80,.5);

box-shadow: 0px 0 90px rgba(19,53,80,.5); */

width: 100%; min-width: 1200px;}

.index-logo{ display: flex; flex-direction: column; padding-right: 5%; }

.index-logo a{ display: flex; flex-direction: column;}

.index-logo img{ height: 50px;}

.index-nav {width: 70%;}

.index-nav li{float: left; width:calc(100%/8); text-align: center;  box-sizing: border-box; font-size: 16px; padding: 10px 5px 10px 0;}

.index-nav li a{color: #141418; display: inline-block; position: relative;}

.index-nav li a:after{position: absolute; content: ""; bottom: -10px; width: 100%; height: 3px; left: 0; background: #065799;  transform: scaleX(0); -webkit-transform: scaleX(0); transition: .42s; -webkit-transition: .42s; }

.index-nav li a:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); }

.index-nav li.on a{ color: #065799; }

.index-nav li.on a:before { transform: scaleX(1); -webkit-transform: scaleX(1); }




.index-nav li a:hover{color: #065799;}

.index-header-right{padding-top: 10px;}

.index-header-right a{display: block; float: left; margin-left: 30px; color: #141418;}

.index-header-right .sousuo img{ display: inline-block; vertical-align: bottom; margin-right: 10px;}

.index-header-right .erweima{background: url(../images/erweima-ico.jpg) no-repeat left center; width: 22px; height: 30px; position: relative;}
.erweima-pic{position: absolute; top: 30px; left: -100px; z-index: 99; display: none;}
.index-header-right .erweima:hover .erweima-pic{display: block;}
.search-btn{ background: url(../images/sousuo.png) no-repeat left center; text-indent: 30px; position: relative;z-index: 99;}
.la-close{font-family: sans-serif; font-size: 35px;}
.search_sec {position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(26,32,49,0.95);z-index: 999999999999;opacity: 0;visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.search_sec.active {	opacity: 1;	visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.search_sec.active .search_field {	margin: 0;}
.search_field {	position: absolute;	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 66px;	background-color: #e5e5e5;	color: #262626;	font-size: 17px;	padding: 0 30px;	border:0;	box-sizing: border-box;	border-radius:5px;}
.search_field form button {position: absolute;	top: 19px;	right: 24px;	background-color: inherit;	border:0;}
.close-search {	position: absolute;	top: 60px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}



/*banner*/
.banner-position{position: relative; min-width: 1200px;}
.index-banner .swiper-wrapper img{display: block; width: 100%; height: 100%;}
.banner-wave {
  width:100vw;
  position:absolute;
  bottom:-15%;
  z-index: 2;
  
}
.banner-wave > div {
  background-color: var(--col-deepblue);
  margin: -5px 0px 0px 0px;
  padding:0px;
  color: #fff;
  text-align:center;
}
svg {
  width:100%;
  overflow:visible;
}
.wave {
  animation: wave 3s linear;
  animation-iteration-count:infinite;
  fill: #ffffff;
}
.drop {
  fill: var(--col-deepblue);
  xfill: #99000055;
  animation: drop 3.2s linear infinite normal;
  stroke: var(--col-deepblue);
  stroke-width:0.5;
  transform: translateY(25px) ;
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.drop1 {
  
}
.drop2 {
  animation-delay: 3s;
  animation-duration:3s;
}
.drop3 {
  animation-delay: -2s;
  animation-duration:3.4s;
}
.drop4 {
  animation-delay: 1.7s;
}
.drop5 {
  animation-delay: 2.7s;
  animation-duration:3.1s;
}
.drop6 {
  animation-delay: -2.1s;
  animation-duration:3.2s;
}
.gooeff {
  	filter: url(../js/.com/Uploads/js/201810/1540526411/css/#goo);
}
#wave2 {
  animation-duration:5s;
  animation-direction: reverse;
  opacity: 1
}
#wave3 {
  animation-duration: 7s;
  opacity:.4;
}
@keyframes drop {
  0% {
    transform: translateY(25px); 
  }
  30% {
    transform: translateY(-10px) scale(.1);
  }
  30.001% {
    transform: translateY(25px) scale(1); 
  }
  70% {
    transform: translateY(25px); 
  }
  100% { 
    transform: translateY(-10px) scale(.1);  
  }
}
@keyframes wave {
  to {transform: translateX(-100%);}
}
@keyframes ball {
  to {transform: translateY(20%);}
}

/*about*/
.index-con{padding: 0 160px; box-sizing: border-box; width: 100%; min-width: 1200px;}
.index-about{position: relative; z-index: 9;position: relative; margin-top: 40px;}
.index-about .index-about-text{width: 50%;}
.index-about-text p{color: #666666; line-height: 33px; text-indent: 2em;}
.index-title h3{ font-size: 52px; font-family: 'DIN'; padding: 10px 0; text-transform: uppercase; font-weight: bold; color: #065799;
/* Firefox 3.6+ */
background-image: -moz-linear-gradient(left, #065799, #6519c5);
/* Safari 5.1+, Chrome 10+ */
background-image: -webkit-linear-gradient(left, #065799, #6519c5);
/* Opera 11.10+ */
background-image: -o-linear-gradient(left, #065799, #6519c5);

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
  
.index-title h2{color: #FFFFFF;text-shadow: 0px 5px 15px #afdbfe; font-size: 122px; letter-spacing: -2px; font-family: 'DIN'; text-transform: uppercase; font-weight: bold;  padding: 60px 0;}  

.index-title span{display: block; width: 30px; height: 4px; background: #065799; margin: 30px 0 40px;}

.index-more a{display: block; position: relative;  text-transform: uppercase; font-family: arial; width: 210px; font-size: 16px; height: 55px; line-height: 55px; background: #065799; text-align: center; color: #ffffff; border-radius: 30px; margin: 80px 0 20px;}

.index-more a:hover{ box-shadow: 5px 10px 10px 0 rgba(6,87,153,0.2);}

.wave_box1{position: absolute; bottom: -40vh;left: 0; opacity: .4; z-index: -1;} 
.wave_box1 img{ opacity: 0.3;}
.index-about-pic{width: 47%;box-shadow: 0 22px 60px -5px rgba(44, 115, 240, 0.6); overflow: hidden;     border-radius: 30px; }

.index-about-pic a{display: block; width: 100%; margin: 0 auto;  overflow: hidden;  }

    
.index-about-pic img{display: block; text-align: right; width: 100%; height: 100%; }


/*业务*/
.index-yewu{position: relative; z-index: 10; margin-top: 7em;}
.index-yewu-info{ margin-top: 2em;}
.index-yewu-pic{width: 45%;box-shadow: 10px 30px 48px 5px rgba(44, 115, 240, 0.5); overflow: hidden;  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;}
.index-yewu-pic img{display: block; text-align: right; width: 100%; height: 100%; }
.index-yewu-list{width: 52%;}
.index-yewu-list li{ position: relative; float: left; width:31%; margin-left: 2.3%; margin-top: 1.5em; background: #ffffff;padding: 30px; box-sizing: border-box;}
.index-yewu-list li em{display: block; margin-bottom: 10px; height: 37px;}
.index-yewu-list li .text h2{color: #065799; font-size: 20px; margin-bottom: 10px;}
.index-yewu-list li .text span{color: #666666; font-size: 12px;  font-family: arial; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-yewu-list li .text p{color: #666666; font-size: 13px; margin-top: 20px; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.index-yewu-list li a{display: block;}
.index-yewu-list li:hover{ box-sizing: border-box;box-shadow: 0 0 10px #84b1ff;
	-webkit-box-shadow: 1px 1px 10px rgba(132, 177, 255, 0.5);
	box-shadow: 1px 1px 10px rgba(132, 177, 255, 0.5) }





.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
	background-color: #afdbfe
}


.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
	top: 0;
	width: 3px;
	height: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
	left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
	right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
	top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
	bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.button {

        position: absolute;

        cursor: pointer;

        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

    }


/*产品*/
.index-product{margin-top:10em ;}
.index-product-list{margin-top: 4em;}
.index-product-list li{float: left; width: 32%; margin-left: 2%; position: relative;}
.index-product-list li em{display: block; width: 100%; height: 100%; overflow: hidden;}
.index-product-list li em img{display: block; width: 100%; height: 100%;}
.index-product-list li .text{position: absolute; bottom: 0; width: 100%; color: #ffffff; z-index: 3; padding: 35px; box-sizing: border-box;}
.index-product-list li .text h2{font-size: 30px; margin-bottom: 10px;}
.index-product-list li .text p{font-size: 16px; margin-bottom: 10px; font-family: arial; margin-bottom: 20px;}
.index-product-list li .text span{display: block; margin-bottom: 20px;}
.index-product-list li:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
.index-product-list li:first-of-type{margin-left: 0;}

.index-product-list li:hover em img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.index-product-list li em img{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    }
    

/*news*/
.index-news{margin-top: 6em;}
.index-news-list{width: 100%; margin-top:5em; }
.index-news-list li{width: 23.5%; float: left; margin-left: 2%; background: #ffffff; box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2)}
.index-news-list li:nth-child(4n+1){margin-left: 0;}
.index-news-list li em{display: block; height: 250px; overflow: hidden;}
.index-news-list li em img{display: block; width: 100%; height: 100%; overflow: hidden;}
.index-news-list li .text{padding: 35px; box-sizing: border-box;}
.index-news-list li .text span{display: block; height: 2px; width: 30px; background: #d8d8d8; margin:10px 0 20px;}
.index-news-list li .text p{line-height: 30px; color: #333333; height: 70px; margin-bottom: 20px; font-size: 18px; overflow: hidden;}
.index-news-list li .text i{color: #888888; font-family: arial; font-size: 14px; margin-top: 10px;}
.index-news-list li a{display: block; width: 100%; height: 100%;}
.index-news-list li a:hover .text p{color: #065799;}
.index-news-list li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.index-news-list li a img{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    }
    

.index-footer{background:url(../images/f-bg.jpg) no-repeat center top #2a2e34 ; padding: 60px 0 0; box-sizing: border-box; margin-top: 6em;}
.index-footer-info{margin-bottom:50px; padding: 0 100px; box-sizing: border-box;}
.index-footer-info .logo{width: 25%; margin-right: 2%;}
.index-footer-info .lianxi{width: 35%; margin-right: 3%;}
.index-footer-info .lianxi h2{color: #ffffff; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.index-footer-info .lianxi p{color: #ffffff; }
.index-footer-info .phone{color: #ecf0f4; font-size: 34px; font-family: "DIN"; width: 20%; margin-right: 3%; font-weight: bold;
 background: url(../images/phone.png) no-repeat center left; text-indent: 35px;}

.index-footer-info .erweima{width: 100px; height: 100px;}
.index-footer-info .erweima img{width: 100px; height: 100px; overflow: hidden; display: block; margin: 0 auto;}
.index-footer-info .erweima p{text-align: center; color: #cdcdcd;}
.index-footer-bottom{ color: #ffffff; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.1);}
.index-footer-bottom a{color: #ffffff;}

.position-yuan{position: relative; z-index:-1; width: 100%; height: 100%;}
.position-yuan .bg{background: url(../images/yuan.png) no-repeat right center;z-index: 4; height: 731px; width: 731px;
position: absolute;
top: -120px;
right: 0;
background-repeat: no-repeat;

background-color: transparent;}

/* 新闻资讯 */
.Inside-page{ width: 100%; display: flex; flex-direction: column; position: relative; z-index: 10; margin-top: 90px; min-width: 1200px;}
.Inside-page .neiye{ position: relative; width: 100%;}
.Inside-page .neiye .datudiv img{ width: 100%; display: block;}
.Inside-page .neiye .mingcheng{ width: 100%; position: absolute; left: 0; z-index: 101; color: #fff; top: 50%; margin-top: -25px; text-align: center; font-size: 50px; line-height: 50px;}
.Inside-page .cloumn{ display: flex; flex-direction: column; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff; align-items: center;}
.Inside-page .cloumn ol{ display: flex; flex-direction: row; max-width: 1440px; min-width: 1200px; width: 100%; }
.Inside-page .cloumn ol li{-webkit-flex-grow:1;flex-grow:1; text-align: center;}
.Inside-page .cloumn ol li a{ font-size: 22px; padding: 25px 0; display: inline-block; position: relative;}
.Inside-page .cloumn ol li a:before{ content: ''; position: absolute; display: block; left:0%; right:0%; height: 3px; transform-origin: center; transform:scale(0,1); transition: all 0.6s linear; background: #065799; bottom: 0px;}
.Inside-page .cloumn ol li.on a:before,.Inside-page .cloumn ol li:hover a:before{ transform: scale(1);}
.Inside-page .cloumn ol li.on a{ color: #065799;}

.center{ width: 100%; padding: 30px 0;}
.center .inner1200{ max-width: 1440px; min-width: 1140px; padding: 0 30px; margin: 0 auto;}
.newspage{ width: 100%; position: relative;}
.newspage ul{}
.newspage li{ position: relative; width:32%; float: left; margin: 30px 0 0 2%;}
.newspage li:nth-child(3n+1){ margin-left: 0;}
.newspage li .mafan{ display: block; border:1px solid #E0E0E0; position: relative; padding: 40px;}
.newspage li .item-text .date{ color: #666666; font-size: 14px;}
.newspage li .item-text .taxt{ color: #333333; 	font-size: 22px; line-height: 40px; height: 80px; overflow: hidden; margin: 30px 0;
 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newspage li .item-text img{ display: block; width: 100%; transition: all 0.6s;}
.newspage li:hover .item-text img{ transform: scale(1.03);}
.newspage li .bar{position: absolute;background-color: #333;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.newspage li .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.newspage li .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.newspage li .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.newspage li .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
.newspage li .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #000; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.newspage li .ball.tl {top: 100%;left: -3px;}
.newspage li .ball.tr {top: -3px;right: 100%;}
.newspage li .ball.bl {bottom: -3px;left: 100%;}
.newspage li .ball.br {bottom: 100%;right: -3px;}
.newspage li:hover .bar.top{ right: -1px;}
.newspage li:hover .bar.left{ top: -1px}
.newspage li:hover .bar.right{ bottom: -1px;}
.newspage li:hover .bar.bottom{left: -1px;}
.newspage li:hover .ball.tl{ top: -5px;}
.newspage li:hover .ball.tr{right: -5px;}
.newspage li:hover .ball.bl{left: -5px;}
.newspage li:hover .ball.br{bottom: -5px;}
.newspage li:hover .ball{ opacity: 1;}

.fenye{ display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.fenye a{ width: 40px;height: 40px;background-color: #ffffff; color: #666666; font-size: 14px;border: solid 1px #e0e0e0; display: block; line-height: 40px; text-align: center; box-sizing: content-box; border-radius: 100%; margin:  0 6px; transition: all 0.36s;}
.fenye .prevye,.fenye  .nextye{ width: 77px;height: 40px; line-height: 40px; text-align: center; box-sizing: content-box;background-color: #ffffff;border-radius: 20px;border: solid 1px #e0e0e0;}
.fenye a.on,.fenye a:hover{ background-color: #065799; color: #fff;}


/* 新闻中心详情 */
.yanse{ background: #efefef;}
.casket{ padding: 40px; background: #fff; display: flex; flex-direction: row; justify-content: space-between;}
.casket .xiangqing{ width: 70%; overflow: hidden;}
.casket .xiangqing .detail{ width: 100%;}
.casket .xiangqing .detail .ming{}
.casket .xiangqing .detail .ming .name{ font-size: 30px; line-height: 40px;}
.casket .xiangqing .detail .ming .xiaozi{ color: #888; padding: 20px 0 0 0;}
.casket .xiangqing .detail .ming .xiaozi span{ padding-right: 20px;}
.casket .xiangqing .detail .abstract{display: none; background: #f9f9f9; padding: 20px; border-radius: 4px;}
.casket .xiangqing .detail .abstract figure{ display: block; overflow: hidden; line-height: 24px; color: #888;}
.casket .xiangqing .detail .particulars{ width: 100%; overflow: hidden; padding: 40px 0; border-bottom: 1px solid #E5E5E5;}
.casket .xiangqing .detail .particulars p{ font-size: 16px; padding: 15px 0;}
.casket .xiangqing .detail .particulars p img{ width: 100%;}
.casket .xiangqing .another{ width: 100%; overflow: hidden; padding-top: 40px;}
.casket .xiangqing .another .wangzhi{ width: 70%; overflow: hidden;}
.casket .xiangqing .another .wangzhi a.cur{ display: block; line-height: 40px; transition: 0.3s;}
.casket .xiangqing .another .wangzhi a.cur:hover{ transform: translateX(8px);}
.casket .xiangqing .another .back{ background: #222; border-radius: 20px;}
.casket .xiangqing .another .back a{ display: block; padding: 0 30px; line-height: 40px; color: #fff;}
.casket .xiangqing .another .back:hover{ background: #065799;}
.casket .recommend{ width: 25%; overflow: hidden; padding-left: 5%;}
.casket .recommend .tou{ position: relative; font-size: 30px; padding-left: 20px; line-height: 30px;}
.casket .recommend .tou:before{ content: ""; position: absolute; left: 0; top: 3px; height: 24px; width: 5px; background: #065799;}
.casket .recommend .dynamic{ padding-top: 20px;}
.casket .recommend .dynamic li a{ display: block; padding: 20px 0; border-bottom: 1px solid #E5E5E5; overflow: hidden; transition: 0.3s; text-overflow: ellipsis; white-space: nowrap;}
.casket .recommend .dynamic li:hover a{ transform: translateX(8px);}

.xiangqing img{
	max-width: 100%;
}
/* 图片列表 */
.anliyemian{ width: 100%; position: relative; overflow: hidden;}
.anliyemian li{ position: relative; width:32%; float: left; margin: 0 0 20px 2%;}
.anliyemian li:nth-child(3n+1){ margin-left: 0;}
.anliyemian li .gdimg{ width: 100%; overflow: hidden;}
.anliyemian li .gdimg img{ width: 100%; height:246px; object-fit: cover; display: block; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.anliyemian li:hover .gdimg img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity: 1;}
.anliyemian li .solen{ display: flex; flex-direction: column; padding: 15px 0;}
.anliyemian li .solen .text a{ display: block; font-size: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease-in-out;}
.anliyemian li .chakan{ padding-bottom: 20px; line-height: 30px;}
.anliyemian li .chakan em{ display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; width: 13px; height: 13px;}
.anliyemian li .chakan em i{ background: #222; position: absolute; display: block; height: 2px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.anliyemian li .chakan em i:nth-child(1){ top: 0; width: 10px;}
.anliyemian li .chakan em i:nth-child(2){ top: 5px; width: 7px;}
.anliyemian li .chakan em i:nth-child(3){ top: 10px; width: 13px;}
.anliyemian li:hover .solen .text a,.anliyemian li:hover .chakan a{ color: #065799;}
.anliyemian li:hover .chakan em i{ background: #065799; width: 13px;}
.anliyemian li:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #065799; transition: all .3s ease-in-out;}
.anliyemian li:hover:after{ left: 0; width: 100%; opacity: 1;}



.layer{ width: 100%; margin-bottom: -6em; padding: 20px 0;}
.layer p{ font-size: 15px; line-height: 2.4; padding: 5px 0;}

.ceng{ width: 100%; overflow: hidden;}
.ceng .uptc{ padding:40px; background:#fff; overflow:hidden; position:relative;}
.ceng .uptc .cnact{ width:45%; overflow:hidden;}
.ceng .uptc .cnact h1{ font-size:30px; line-height:40px; overflow:hidden;}
.ceng .uptc .cnact figure{ width:100%; overflow:hidden; margin-top:20px;}
.ceng .uptc .cnact figure p{ color:#333; line-height:34px;}
.ceng .uptc .cnact dl{ display:block; overflow:hidden; text-align:center; margin-top:30px;}
.ceng .uptc .cnact dl dd{ display:block; float:left; margin-right:20px;}
.ceng .uptc .cnact dl dd img{ display:block; width:150px;}
.ceng .uptc .cnact dl dd p{ margin-top:10px;}
.ceng .uptc .map{ width:50%; position:absolute; right:0; top:0; height:100%;}

.ceng .online{ padding:50px 40px; background:#fff; overflow:hidden; position:relative; margin-top:50px;}
.ceng .online h2{ text-align:center; font-size:30px; padding-bottom:40px; overflow:hidden;}
.ceng .online .zxly{ width:50%; overflow:hidden;}
.ceng .online .zxly li{ overflow:hidden; margin-top:15px;}
.ceng .online .zxly li:nth-child(1){ margin:0;}
.ceng .online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:100%; background:#f8f8f8; border:none; box-sizing: border-box;}
.ceng .online .xxnr{ width:48%; overflow:hidden;}
.ceng .online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; width:100%; height:235px;}
.ceng .online .ljtj{ width:100%; overflow:hidden; padding-top:15px;}
.ceng .online .ljtj input.sub{ background:#065799; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}


.Parter{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.Parter li{
	width: 31.3%;
	margin-right: 3%;
	margin-bottom: 3%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:35px 0;
	transition: all 0.4s;
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
	cursor: pointer;
}
.Parter li:nth-child(3n){
	margin-right: 0;
}
.Parter li img{
	transition: all 0.4s;
}
.Parter li:hover img{
	transform: scale(1.1);
}






@media all and (max-width:1600px){

.index-logo{ padding-right: 0;}

.index-nav li{width: calc(100%/8);}

.wave_box1{bottom: -50vh;}

.position-yuan .bg{transform: scale(.7); right:-110px}

}

@media all and (max-width:1500px){
	
	.index-title h3{font-size: 44px;}
	.index-title h2{font-size: 110px;}
	
	.index-product-list li .text h2{ font-size: 20px;}
	.index-product-list li .text p{ font-size: 14px;}
	.index-product-list li .text span img{ height: 6px;}
	
	.index-news-list li .text p{ font-size: 15px;}
	
	.index-footer-info .logo{ width: 20%;}
	.index-footer-info .lianxi{ width: 40%;}
	.index-footer-info .phone{ font-size: 28px;}
	
	
	.newspage li .mafan{ padding: 30px;}
	.newspage li .item-text .taxt{ margin: 20px 0; font-size: 18px; line-height: 30px; height: 60px;}
	
	.casket .recommend .dynamic li a{ padding: 15px 0;}
	
	}
	

@media all and (max-width:1400px){
	.index-con{padding: 0 4%;}
	.index-title h3{font-size: 38px;}
	.index-title h2{font-size: 100px;}
	
	.newspage li .mafan{ padding: 20px;}
	.newspage li .item-text .taxt{ margin: 10px 0;}
	
	.casket .recommend .dynamic li a{ padding: 10px 0;}
	}
	
.anliyemian .text{
	white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
}
.index-header-right>a:first-child{
	position: relative;
}
.searchAll{
	position: absolute;
	display: flex;
	align-items: center;
	padding: 9px 10px;
	border-radius: 4px;
	background: rgb(0,0,0,0.65);
	top: 20px;
	opacity: 0;
	transition: all 0.4s;
	z-index: 9;
	right: -85px;
}
.searchAll input{
	background: none;
	border: none;
	margin: 0 10px;
	width: 172px;
	font-size: 15px;
	color: rgb(235, 235, 235);
}
.searchAll input:hover{
	border: none;
	outline: none;
}
.searchAll input::-webkit-input-placeholder,
.searchAll textarea::-webkit-input-placeholder {
	color: rgb(235, 235, 235);
	font-size: 14px;
}
.serShow{
	transform: translateX(-105%);
	opacity: 1;
}
.s3{
	width: 13px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}
.index-header-right{
	cursor: pointer;
}
.ser1{
	transform: translateX(0%);
}
.s1{
	position: relative;
	top: 5px;
}
.Honor{
	display: flex;
	flex-wrap: wrap;
}
.hoPart{
	overflow: hidden;
	width: 30.8%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	border: 1px solid rgb(220,220,220);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px;
	position: relative;
	box-sizing: border-box;
	transition: all 0.4s;
	cursor: pointer;
}
.hoPart:hover{
	box-shadow: 1px 1px 10px 1px rgb(220,220,220);
}
.hoPart:hover .ho1 img{
	transform: scale(1.05);
}
.Honor p:nth-child(3n){
	margin-right: 0;
}
.ho1{
	overflow: hidden;
	text-align: center;
	height: 92%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hoPart .ho1 img{
	/* width: 100%; */
	/* float: left; */
	max-width: 100%;
	transition: all 0.4s;
}
.ho2{
	font-size: 18px;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	height: 8%;
	display: flex;
	align-items: center;
	justify-content: center;
}