@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
.banner{position: relative;margin-top: 63px;}
.banner li{overflow: hidden;}
.banner_img01 img{width: 100%;}
.banner_img01{position: absolute;left:0;bottom: 0;}
.banner li.ban_video{background: #000!important;}
.banner li video{position: absolute;left: 0;top: 0;width: auto;height: 100%;object-fit: cover;z-index: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.banner_text{color: #fff;position: absolute;left: 0;top: 50%;left: 50%;width:1300px;margin-left: -650px;margin-top: -160px;/*opacity: 0;z-index: 2;transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;*/}
.banner_text h3{color: #253654;font-size: 30px;font-weight: bold;padding-bottom: 7px;}
.banner_text p{color: #505e77;font-size: 16px;font-family: "ZiTi2";line-height: 24px;max-width: 45%;}
.banner_text a{display: block;width: 122px;height: 41px;text-align: center;line-height: 41px;color: #fff;background: url(../images/jb.png) repeat-x;font-family: "ZiTi2";font-size: 16px;margin-top: 45px;border-radius:5px;}
.banner_text a:hover{background:#1184f0;}
/*.banner li.swiper-slide-active .banner_text{opacity: 1;left: 0;}*/
.pc_img{display: none;height: 100%;}
.phone_img{display: none;}
/*.banner .swiper-slide.swiper-slide-active .banner_text{animation: 1.5s fadeInUp2 ease;opacity: 1;}*/
.banner .swiper-cicle{bottom: 19px;text-align: center;left: 0;}

/*index1*/
.index1{padding: 25px 0;background: rgba(255,255,255,0.5);bottom: 0px;position: absolute;width: 100%;left: 0;z-index: 200;}
.index1 li{float: left;width: 19.33%;padding: 0 7%;position: relative;}
.index1 li::after{display: block;content: "";position: absolute;width: 1px;height: 100%;background: #e1e1e1;right: 0;top: 0;}
.index1 li:last-child::after{display: none;}
.index1 li img{display: inline-block;float: left;margin-right: 10px;}
.index1 li  a h3{color: #253654;font-size: 18px;}
.index1 li  a p{color: #505e77;font-size: 16px;}
/*index2*/  
.index2{padding: 52px 0 102px 0;}
.title1{text-align: center;}
.title1 h4{color: #253654;font-size: 28px;padding-bottom: 6px;font-weight: bolder;}
.title1 p{color: #505e77;font-size: 14px;}
.tabs1{width:calc(100% - 716px);float: left;}
.tabs1 li{width:calc(50% - 12px);float: left;margin:0 12px 22px 0;background: #f5f8fc;text-align: center;font-size: 18px;font-weight: bold;padding: 30px 0 26px 0;height: 74px;}
.tabs1 li p{padding-top: 13px;color: #253654;}
.tabs1 li .ico{width: 100%;height: 34px;background-position: center;background-repeat: no-repeat;}
.tabs1 li.on,.tabs1 li:hover{background:url("../images/li-bg.jpg") no-repeat;background-size: cover;}
.tabs1 li.on p,.tabs1 li:hover p{color: #fff;;}
.tabs1 li .ico1{background-image: url("../images/ico1.png");}
.tabs1 li.on .ico1,.tabs1 li:hover .ico1{background-image: url("../images/ico01.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs1 li .ico2{background-image: url("../images/ico2.png");}
.tabs1 li.on .ico2,.tabs1 li:hover .ico2{background-image: url("../images/ico02.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs1 li .ico3{background-image: url("../images/ico3.png");}
.tabs1 li.on .ico3,.tabs1 li:hover .ico3{background-image: url("../images/ico03.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs1 li .ico4{background-image: url("../images/ico4.png");}
.tabs1 li.on .ico4,.tabs1 li:hover .ico4{background-image: url("../images/ico04.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs1 li .ico5{background-image: url("../images/ico5.png");}
.tabs1 li.on .ico5,.tabs1 li:hover .ico5{background-image: url("../images/ico05.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs1 li .ico6{background-image: url("../images/ico6.png");}
.tabs1 li.on .ico6,.tabs1 li:hover .ico6{background-image: url("../images/ico06.png");transform: rotate(360deg);transition: all 0.6s;}
.tabs-con1{width: 705px;float: right;box-shadow: 0 0 12px rgba(0,0,0,0.1);padding-bottom: 42px;}
.tabs-con1 .items,.tabs-con2 .items2{display: none;}
.tabbox1{padding-top: 42px;}
.tabs-con1 .box1{padding: 25px 46px 30px 46px;}
.tabs-con1 .box1 .p0{font-size: 18px;font-weight: bold;color: #253654;padding-bottom: 7px;}
.tabs-con1 .box1 .p1{color: #505e77;font-size: 12px;line-height: 22px;}
.tabs-con1 .box2 li{float: left;width: 48.5%;margin:0 3% 11px 0;}
.tabs-con1 .box2 li:nth-child(2n){margin-right: 0;}
.tabs-con1 .box2 li .p11{color: #253654;font-size: 16px;position: relative;padding-left: 12px;}
.tabs-con1 .box2 li .p11::before{display: block;content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #1184f0;left: 0;top: 12px;}
.tabs-con1 .box2 li .p22{color: #666;font-size: 12px;line-height: 22px;margin-top: 5px;height: 44px;}
.tabs-con1 .box2{padding:32px 46px 15px 46px;}
.tabs-con1 .items .look a{display: block;width: 220px;height: 40px;border:1px solid #1184f0;text-align: center;line-height: 40px;color: #1184f0;font-size: 14px;border-radius: 4px;margin-left: 46px;transition: all 0.6s;}
.tabs-con1 .items .look a:hover,.tabs-con2 a.more:hover{background: url("../images/jb.png") repeat-x;color: #fff;}
.tabs2{text-align: center;position: relative;margin-top: 38px;}
.tabs2::after{display: block;content: "";position: absolute;width: 100%;height: 1px;background: #e6ebf2;bottom: 0;left: 0;}
.tabs2 li{display: inline-block;position: relative;margin: 0 39px;}
.tabs2 li::after{display: block;content: "";position: absolute;width: 0;height: 3px;background: #1184f0;bottom:0;left: 0;z-index: 2;}
.tabs2 li a{color: #253654;font-size: 18px;padding-bottom: 22px;display: block;}
.tabs2 li.on2::after{width: 100%;}
.tabs2 li.on2 a{color: #1184f0;}
.tabs-con2{background: #f7f7f8;margin-top: 30px;}
.tabbox2 .left{float: left;width: 568px;padding-top: 75px;}
.tabs-con2 .items2{position: relative;height: 397px;}
.tabs-con2 h5{color: #253654;font-size: 24px;font-weight: bolder;margin-bottom: 18px;}
.tabs-con2 p{color: #666;font-size: 14px;line-height: 24px;}
.tabs-con2 a{display: inline-block;width: 122px;height: 42px;line-height: 42px;text-align: center;border:1px solid #1184f0;color: #1184f0;font-size: 14px;border-radius: 4px;margin-top: 44px;}
.tabs-con2 a.free{border: none;width: 124px;height: 44px;line-height: 44px;background: url("../images/jb.png") repeat-x;color: #fff;margin-right: 20px;transition: all 0.6s;}
.tabs-con2 a.free:hover{background: #1184f0;}
.tabbox2 .images{position: absolute;right: 0;top: 0;width: 50%;height: 397px;}
.tabbox2 .images img{width: 100%;height: 100%;object-fit: cover;}
.index4{padding: 52px 0 34px 0;}
.six-box{padding-top: 42px;}
.index4 li{transition: all 0.6s;padding-left: 40px;float: left;margin:0 12px 22px 0;width:calc(33.33% - 52px);border: 2px solid #fff;box-shadow: 0 0 16px 0 rgba(55, 99, 170, 0.1);background: linear-gradient(to bottom, #ecf2fd, #fff);position: relative;height: 273px;border-radius: 6px;}
.index4 li:nth-child(3n){margin-right: 0;}
.index4 li img{position: absolute;bottom: 20px;right: 10px;}
.index4 li h5{color: #333;font-size: 20px;font-weight: bold;margin: 50px 0 15px 0;}
.index4 li p{color: #333;font-size: 16px;line-height: 26px;max-width: 60%;}
.index4 li:hover{transform: translateY(-10px);}
.index6{padding: 52px 0;}
.partner{
	position: relative;
	max-width: 1920px;
	min-width: 1300px;
	height: 420px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 6px
}

.partner:after,
.partner:before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 160px;
	top: 0
}

.partner:before {
	left: 0;
	background-image: linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0))
}

.partner:after {
	right: 0;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 75%)
}

.partner .slider {
	position: relative;
	width: 100%;
}

.partner .slider li {
	position: absolute;
	top: 0;
	width: 3876px;
	height: 452px;
	background: url(../images/logo-wall_5b5a818.png) no-repeat 50%/cover
}

.partner .slider li.index-0 {
	left: 0;
	animation: move1 60s linear infinite
}

.partner .slider li.index-1 {
	left: 3876px;
	animation: move2 60s linear infinite
}

@keyframes move1 {
	0% {
		left: 0
	}
	to {
		left: -3876px
	}
}

@keyframes move2 {
	0% {
		left: 3876px
	}
	to {
		left: 0
	}
}

.index3{padding: 52px 0 0px 0;height:209px;background-repeat: no-repeat;background-size:cover;background-position: center;}
.search-box{text-align: center;margin-top: 22px;}
.right-free{display: inline-block;}
.free-wrap,.no-gutters{display: flex;align-items: center;}
.search-box input.free-input {
  width: 347px;
  height: 51px;
  border: none;
  background-color:#fff;
  color: #333;
  font-size: 16px;
  border-radius: 4px 0 0 4px;
  padding: 0 15px;
}
.search-box input.test_code {
  width: 0px;
  padding: 0;
  opacity: 0;
  vertical-align: middle;
  transition: all 0.3s ease-out;
}
.search-box input.test_code.active {
  width: 80px;
  padding: 0 12px;
  opacity: 1;
  border-radius: 4px;
}
.search-box .code-show > img {
  vertical-align: middle;
  height: 51px;
  opacity: 0;
  width: 0;
  transition: all 0.3s ease-out;
}
.search-box .code-show > img.active {
  opacity: 1;
  width: 100px;
}
.search-box input.free-input:hover,
.search-box input.free-input:focus {
  box-shadow: none;
  border: 1px solid #6d9aed;
  outline: none;
}
.search-box input.free-input::placeholder {
  color: #cdd9ff;
}
.search-box .free-btn {
  background:url("../images/jb.png") repeat-x;
  color: #fff;
  border: none;
  height: 51px;
  line-height: 51px;
  font-size: 16px;
  border-radius:0 4px 4px 0;
  cursor: pointer;
  width: 140px;
  margin-left: -5px;
}
.search-box .free-btn:hover {
  background-color: #e5f4ff;
}
.search-box .free-btn.active,.search-box input.mobile.active{border-radius: 4px;}
.fl{float: left;}
.fr{float: right;}
.swiper-button-prev-banner{background: url("../images/ll.png") no-repeat;width: 20px;height: 36px;left: 5%;}
.swiper-button-next-banner{background: url("../images/rr.png") no-repeat;width: 20px;height: 36px;right: 5%;}
.banner .swiper-pagination{width: auto;position: absolute;bottom:150px;width: 1300px;left: 50%;margin-left: -650px;text-align: left;}
.banner .swiper-pagination-bullet{width: 8px;height:8px;border-radius: 50%;background: #d5d5d5;opacity: 1;margin: 0 4px;outline: none;position: relative;}
.banner .swiper-pagination-bullet-active{width: 36px;border-radius:4px;background:#fff;}
.banner .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 8px;
  width: 0;
  /*will-change: width;*/
  border-radius: 4px;
  background-color: #253654;
}
.banner .swiper-pagination-bullet-active::after {
  width: 100%;
  background-color: #253654;
  animation: dotLine 6s linear both;
}
/*@keyframes step {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}*/
@keyframes dotLine { 0% {width:100%;} 100% {width:0;}}
@-webkit-keyframes dotLine { 0% {width:100%;} 100% {width:0;}}

.search-box input.free-input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.search-box input.free-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.search-box input.free-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.search-box input.free-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}
.index7{height:304px;background-repeat: no-repeat;background-size:cover;background-position: center;}
.title2{text-align: left;padding-top: 86px;}
.go-to a{width: 126px;height: 44px;line-height: 44px;background: url("../images/jb.png") repeat-x;color: #fff;margin-top: 38px;display: block;border-radius: 4px;font-size: 14px;text-align: center;transition: all 0.6s;}
.go-to a:hover{background: #1184f0;}
.four-box li{float: left;margin-right: 6%;width: 20.5%;padding: 36px 0;}
.four-box li:nth-child(4n){margin-right: 0;}
.four-box li img{display: inline-block;float: left;margin-right: 20px;position: relative;top: 4px;}
.four-box li .wz1 h5{color: #333;font-size: 16px;padding-bottom: 9px;}
.four-box li .wz1 p{color: #848484;font-size: 14px;}
.footer .foot1{border-top: 1px solid #e6ebf2;border-bottom: 1px solid #e6ebf2;}
.foot1 dl{margin-right:102px;float: left;}
.foot1 dt{color: #333;font-size: 16px;margin-bottom: 18px;}
.foot1 dd a{display: block;color: #777;font-size: 14px;line-height: 36px;transition: all 0.6s;}
.foot1 dd a:hover{color: #1184f0;}
.foot1 .f-right{width: 300px;float: right;}
.foot1 .f-left{float: left;}
.foot1 h2{
	overflow: hidden;
	color: #253654;
	font-size: 24px;
	font-family: "ZiTi";
	line-height: 38px;
}
.foot1 h2 img {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.foot1 .base{padding-top: 15px;}
.foot1 .base p{color: #aeaeae;font-size: 14px;line-height: 24px;}
.foot1 .sao{width: 102px;text-align: center;padding-top: 15px;}
.foot1 .sao p{color: #aeaeae;font-size: 14px;line-height: 24px;padding-top: 4px;}
.foot1{padding: 48px 0;}
.foot2{padding: 14px 0;}
.foot2 div{color: #aeaeae;font-size: 14px;line-height: 30px;}
.foot2 div a{color: #aeaeae;transition: all 0.6s;}
.foot2 div a:hover{color: #1184f0;}
.ny-banner{height:448px;background-repeat: no-repeat;background-size:cover;position: relative;margin-top: 63px;background-position: center;}
.ny-banner .banner_text{opacity: 1;margin-top: -100px;}
.brand{height: 70px;line-height: 70px;background: #fff;box-shadow: 0 0 12px rgba(183,211,252,0.3);}
.brand .sub-nav{float: left;}
.brand .sub-nav a{display: inline-block;position: relative;color:#253654;font-size:16px;margin-right: 80px;transition: all 0.6s;}
.brand .sub-nav a::before{content: "";display: block;position: absolute;left: 0;width: 0;height: 2px;background:#1184f0;bottom: 0;transition: all 0.6s;}
.brand .sub-nav a:hover::before{width: 100%;}
.brand .home{float: right;color:#666;font-size:14px}
.brand .home a{color:#666;transition: all 0.6s;}
.brand .home a.indx{background: url("../images/home.jpg") no-repeat left center;padding-left: 27px;}
.brand .sub-nav a.move::before{width: 100%;}
.brand .sub-nav a.move,.brand a:hover{color:#1184f0;}
.about1{background: #f9fafc url("../images/a-bg1.jpg") no-repeat left bottom;padding: 52px 0 102px 0;}
.about1 .our{padding: 44px 0 80px 0;}
.about1 .our p{color: #666;font-size: 16px;line-height: 24px;}
#countup{text-align: center;}
.about1 li{
	display: inline-block;
	width: 23%;
}
.about1 .countup-txt{
	color:#1184f0;
  font-family: arial;
	font-size: 60px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	margin-left: -40px;
	line-height: 67px;
}
.about1 li p{color: #333;font-size:15px;}
.about1 .countup-txt sup{
	font-size: 60px;
	position: absolute;
	left: 100%;bottom: 6px;
	line-height: 1;
	margin-left: 5px;
	font-family: arial;
	font-weight: bold;
}
.about2{height:520px;background-repeat: no-repeat;background-size:cover;padding: 60px 0;position: relative;}
.about2 .swiper {
  width: 100%;
  height: 100%;
}

.about2 .swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.about2 .stroy{position: relative;border: 3px solid #fff;border-radius: 8px;background: linear-gradient(to bottom, #f4f6fa, #fff);box-shadow: 8px 8px 12px 0 rgba(55, 99, 170, 0.05);width: 100%;}
.about2 .stroy .dd{display:inline-block;width: 34px;height: 34px;border-radius: 50%;background: #edf2ff;position: absolute;top: -67px;left: 0px;z-index: 3;animation: mapRing1 1.5s linear infinite;}
.about2 .stroy .dd:before{content: "";display: block;width: 12px;height: 12px;background: #1082f0;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;}
.about2 .stroy .dd:before{animation: mapRing1 1.5s linear infinite;}
@keyframes mapRing1{0%{transform:scale(1)}50%{transform:scale(1.1);background: #dbe4fc}to{transform:scale(1)}}
.about2 .stroy .xx{display: block;height: 80px;width: 1px;background: #9ebafe;position: absolute;left: 16px;top: -55px;z-index: 2;}
.about2 .stroy .some{padding:18px 32px 30px 32px;}
.about2 .stroy h4{color: #253654;font-size: 18px;font-weight: bold;margin-bottom: 14px;position: relative;}
.about2 .stroy h4::before{content: "";display: block;position: absolute;top: 6px;left: -21px;width: 8px;height: 8px;border: 2px solid #9dbafe;border-radius: 50%;background: #fff;}
.about2 .stroy p{color: #797c86;font-size: 14px;line-height: 24px;}
.about2 .bar1{top: auto;bottom: 0;width: 200px;height: 8px;border-radius: 4px;left: 50%;margin-left: -100px;background: #e5e7ea;}
.about2 .bar1 .swiper-pagination-progressbar-fill{border-radius: 4px;}
.thingSwiper{padding: 68px 0;margin-top: 42px;}
.about2 .lines{width: 100%;height: 1px;background: #9ebafe;position: absolute;top: 192px;left: 0;}
.about3 .yi{padding: 0 30px;text-align: center;}
.about3 .yi p{color: #818385;font-size: 14px;margin-top: 7px;}
.about3{padding: 52px 0 87px 0;}
.someSwiper{padding: 40px 0 0px 0;}
.about3 .yi .img{height: 88px;}
.about3 .yi .img img{width: auto;height: 88px;object-fit: cover;}
.some-pagination{text-align: center;width: 100%;display: none;}
.about4{height:524px;background-repeat: no-repeat;background-size:cover;padding: 60px 0;position: relative;}
.contact{padding-left: 50px;background: #fff;margin-top: 50px;}
.contact .way-lx{float: left;width: 410px;padding-top: 30px;}
.contact .way-lx li{border-bottom:1px solid #eee;clear: both;padding: 27px 0;}
.contact .way-lx li img{display: inline-block;float: left;margin-right: 20px;}
.contact .way-lx li p{color: #333;font-size: 14px;line-height: 26px;}
.contact .map{float: right;width: 748px;height: 390px;}
.news{background: #fff;padding: ;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);margin: 60px 0;padding: 8px 48px 48px 48px;}
.news li{overflow: hidden;padding: 45px 0;border-bottom: 1px dashed #e8e8e8;}
.news li .tp{width: 290px;height:220px;float: left;overflow: hidden;position: relative;}
.news li .tp img{width:100%;transition: all 0.6s;}
.news li .text{width: 868px;float: right;}
.news li a h4{color: #505e77;font-size: 18px;font-weight: bold;transition: all 0.6s;}
.news li a .time{color: #999;font-size: 14px;padding: 10px 0 14px 0;}
.news li a p{color: #505e77;font-size: 14px;line-height: 24px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.news li a .read{width: 108px;height: 35px;border: solid 1px #e0e0e0;border-radius: 4px;text-align: center;line-height: 35px;color: #505e77;font-size: 14px;margin-top: 26px;transition: all 0.6s;}
.news li:hover a .read{border:#1082f0 1px solid;background: url("../images/jb.png") repeat-x;color: #fff;}
.news li:hover a h4{color: #1082f0;}
.news li:hover a .tp img{transform: scale(1.1);}
.product2{height:201px;}
.product1{padding: 52px 0 80px 0;}
.profile{border-radius: 20px;background: #f6fbff;box-shadow: rgba(153,205,247,0.3) 0px 0px 20px 5px inset;padding:44px 62px;margin-top: 44px;}
.profile .h3{color: #253654;font-size: 22px;font-weight:bolder;margin-bottom: 23px;}
.profile p{color: #253654;font-size: 16px;line-height: 24px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;height: 72px;}
.profile .left{width: 660px;float: left;padding-top: 18px;}
.small-wz li{float: left;margin:20px 2% 0 0;width:calc(49% - 17px);color: #253654;font-size: 16px;position: relative;padding-left: 17px;line-height: 24px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.small-wz li::before{content: "";display: block;background:#1082f0;width: 7px;height: 7px;border-radius: 50%;position: absolute;left: 0px;top: 9px;}
.small-wz li:nth-child(2n){margin-right: 0;}
.small-wz{padding: 5px 0 58px 0;}
.use h3{padding-bottom: 2px;}
.use li{display: inline-block;position: relative;padding-left: 20px;margin-right: 23px;}
.use li::before{content: "";display: block;position: absolute;width: 17px;height: 12px;color: #253654;font-size: 16px;background: url("../images/dui.png") no-repeat left center;left: 0;top: 5px;}
.profile .right{width:482px;float: right;position: relative;height: 482px;}
.yuan{width:552px;position: relative;height: 552px;margin: 0 auto;}
.quan1{width:402px;height:402px;background: #1282ef;border-radius: 50%;left: 50%;margin-left: -201px;top: 50%;margin-top: -201px;position: absolute;animation: mapRing2 1.8s linear infinite;}
.quan2{width:482px;height: 482px;border-radius: 50%;border: dashed 1px #1282ef;left: 0;top: 0;position: absolute;animation: spin 1.1s linear infinite;}
.profile img{display: block;position: relative;z-index: 2;margin:10px 0 0 43px;}
.profile img.khjc{float: right;width:calc(100% - 680px);margin:30px 0 0 0;}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes mapRing2{0%{transform:scale(1)}50%{transform:scale(1.05);background: #1689f7}to{transform:scale(1)}}
.product3{background: #f9fafc;}
.product3 li{margin:0 4% 34px 0;float: left;width:calc(22% - 8px);padding: 17px 0 20px 0;text-align: center;height: auto;border: 4px solid #fff;border-radius: 0;background: linear-gradient(to bottom, #f4f7fa, #fff);box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.1);}
.product3 li:nth-child(3n){margin-right: 4%;}
.product3 li:nth-child(4n){margin-right: 0;}
.product3 li .img2 img{position: relative;top: 0;right: auto;}
.product3 li p{max-width: none;padding: 0 13px;color: #505e77;height: 78px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.product3 li h5{padding: 0 13px;color: #253654;margin: 5px 0 23px 0;}
.product4{padding: 63px 0;}
.goods{margin-top: 42px;}
.goods li{float: left;margin-right: 1.5%;width: 32.33%;box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.1);padding-bottom: 10px;position: relative;transition: all 0.6s;}
.goods li:nth-child(3n){margin-right: 0;}
.goods li .head01{background: url("../images/cp-bg.png") no-repeat;background-size: cover;padding:20px 40px 16px 40px;}
.goods li .head01 h5{color: #253654;font-size: 20px;font-weight: bold;margin-bottom: 6px;}
.goods li .head01 p{color: #505e77;font-size: 14px;line-height: 20px;height: 40px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.goods li .con01{padding:10px 40px;}
.goods li .xian{border-bottom:1px solid #eee;padding: 9px 0;}
.goods li .con01 .p1{color: #666;font-size: 14px;margin-bottom: 3px;}
.goods li .con01 .p2{color: #333;font-size: 20px;}
.goods li .dui{position: relative;padding-left: 25px;color: #666;font-size: 14px;line-height: 24px;}
.goods li .dui::before{content: "";display: block;position: absolute;width: 17px;height: 12px;color: #253654;font-size: 16px;background: url("../images/dui.png") no-repeat left center;left: 0;top: 6px;}
.goods li .price{color: #666;font-size: 14px;padding: 8px 0 17px 0;}
.goods li .price span{color: #ff3c3c;font-size: 20px;padding-right: 10px;}
.goods li .price span em{font-style: normal;font-size: 32px;}
.goods li .price b{font-weight:normal;}
.goods li .go-buy a{height: 40px;line-height: 40px;background: #1082f0;color: #fff;font-size: 16px;text-align: center;display: block;}
.goods li .go-buy a:hover{background: url("../images/jb.png") repeat-x;}
.yinying{box-shadow: rgba(0,0,0,0.07) 0px 0px 25px 5px inset;background: #fafbfc;}
.goods li .hot{position: absolute;top:-9px;right: -11px;}
.goods li:hover,.solution3 li:hover{transform: translateY(-10px);}
.badbox{padding-top: 36px;}
.solution1{background: #f9fafc;padding: 52px 0 70px 0;}
.badbox li{float: left;border: 4px solid #fff;margin:0 1% 0 0;float: left;width:calc(23.25% - 8px);padding: 17px 0 37px 0;text-align: center;background: linear-gradient(to bottom, #f4f7fa, #fff);box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.1);}
.badbox li:nth-child(4n){margin-right: 0;}
.badbox li h5{color: #253654;font-size: 20px;font-weight: bold;margin: 12px 0 18px 0;}
.badbox li p{color: #505e77;font-size: 16px;line-height: 26px;padding: 0 26px;height: 78px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.badbox li .tiao{margin-bottom: 13px;animation: bounce-down 1.8s linear infinite;}
@keyframes bounce-down {
  25% {transform: translateY(-3px);}
  50%{transform: translateY(0);}
  75% {transform: translateY(3px);}
  100% {transform: translateY(0);}
}
.solution2{padding: 52px 0 75px 0;}
.solution3{padding: 52px 0 0px 0;height:573px;background-repeat: no-repeat;background-size:cover;position: relative;}
.solution3 li{float: left;margin:25px 2% 0 0;background: #fff;position: relative;box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.1);width: 49%;padding-bottom: 23px;transition: all 0.6s;}
.solution3 li:nth-child(2n){margin-right: 0;}
.solution3 li .wz{padding: 33px 0 0 40px;width: 67%;float: left;}
.solution3 li h5{color: #253654;font-size: 20px;font-weight: bold;margin-bottom: 17px;}
.solution3 li p{color: #505e77;font-size: 16px;line-height: 26px;height: 78px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.solution3 li .img2{position: absolute;right: 20px;top: 30px;}
.advantage{padding-top: 16px;}
.solution2 .group-box{position: relative;border-radius: 20px;background: #f6fbff;box-shadow: rgba(153,205,247,0.3) 0px 0px 20px 5px inset;padding:40px 0;margin-top: 44px;}
.solution2 .one,.solution2 .two,.solution2 .three,.solution2 .four{position: absolute;width: 288px;}
.solution2 .one,.solution2 .three{left: 60px;}
.solution2 .two,.solution2 .four{right: 60px;text-align: right;}
.solution2 .h5{color: #253654;font-size: 20px;font-weight: bold;margin-bottom: 27px;position: relative;}
.solution2 .h5 em,.solution2 .h5 span{position: absolute;display: block;}
.solution2 .h5 em{height: 1px;background: #83bef7;top: 15px;}
.solution2 .h5 span{width: 16px;height: 16px;border-radius: 50%;background: #1082f0;top: 8px;}
.solution2 .one .h5 span{right: -109px;}
.solution2 .three .h5 span{right: -43px;}
.solution2 .three .h5 em{right: -43px;width: calc(100% - 73px);}
.solution2 .one .h5 em{right: -96px;width: calc(100% - 0px);}
.solution2 .two .h5 span{left: -109px;}
.solution2 .four .h5 span{left: -43px;}
.solution2 .four .h5 em{left: -43px;width: calc(100% - 93px);}
.solution2 .two .h5 em{left: -109px;width: calc(100% - 5px);}
.solution2.solution2-jr .one .h5 em{right: -108px;width: calc(100% - 7px);}
.solution2.solution2-jr .three .h5 em{right: -43px;width: calc(100% - 53px);}
.solution2.solution2-wl .one .h5 em{right: -108px;width: calc(100% - 7px);}
.solution2.solution2-wl .three .h5 em{right: -43px;width: calc(100% - 53px);}
.solution2.solution2-jy .one .h5 em{right: -96px;width: calc(100% - 40px);}
.solution2.solution2-jy .three .h5 em{right: -43px;width: calc(100% - 53px);}
.solution2.solution2-jy .four .h5 em {left: -43px;width: calc(100% - 71px);}
.solution2.solution2-yx .four .h5 em {left: -43px;width: calc(100% - 71px);}
.solution2.solution2-yx .two .h5 em {left: -96px;width: calc(100% - 0px);}
.solution2.solution2-yx .one .h5 em{right: -96px;width: calc(100% - 20px);}
.solution2.solution2-yx .three .h5 em {right: -43px;width: calc(100% - 93px);}
.solution2.solution2-zw .two .h5 em{left: -96px;width: calc(100% - 0px);}
.solution2.solution2-zw .four .h5 em {left: -43px;width: calc(100% - 71px);}

.solution2 .one p,.solution2 .two p,.solution2 .three p,.solution2 .four p{color: #676767;font-size: 16px;line-height: 26px;height:156px;display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;}
.solution2 .one,.solution2 .two{top: 110px;}
.solution2 .three,.solution2 .four{bottom: 50px;}
.yuan .quan01{width:470px;height:470px;background: #1282ef;border-radius: 50%;left: 50%;margin-left: -235px;top: 50%;margin-top: -235px;position: absolute;animation: mapRing2 1.8s linear infinite;}
.yuan .quan02{width:550px;height: 550px;border-radius: 50%;border: dashed 1px #1282ef;left: 0;top: 0;position: absolute;animation: spin 1.1s linear infinite;}
.yuan img{display: block;position: relative;z-index: 2;margin:0px auto;top: 46px;}
.inside_text05 .text05_nav{ overflow:hidden;margin:0px 0 30px 0;text-align: center;}
.inside_text05 .text05_nav h2{ font-size:24px; color:#505e77;padding:0px 0 16px 0;font-weight: bold;}
.inside_text05 .text05_nav h3{height:32px; line-height:32px;border-bottom: 1px solid #e6e6e6;padding-bottom:15px;}
.inside_text05 .text05_nav h3 span{ font-size:16px; color:#666; padding-right:20px;}
.inside_text05 .text05_nav h3 a{ font-size:16px; color:#1887ea; padding:0 10px;}
.inside_text05 .text05_nav h3 a:hover{ text-decoration:underline}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;}
.inside_text05 .text05 p{ font-size:16px; color:#666; line-height:30px; text-align:justify;}
.inside_text05 .fy{overflow:hidden; padding-top:28px;border-top: 1px solid #e6e6e6;}
.inside_text05 .fy h4{ overflow:hidden; line-height:30px;font-size:16px; color:#666;}
.inside_text05 .fy h4 span{ font-size:16px; color:#666;}
.inside_text05 .fy h4 a{ font-size:16px; color:#666;font-weight: normal;}
.inside_text05 .fy h4:hover a,.inside_text05 .fy h4:hover span{color:#1184f0;}
.inside_text05 .fy .fr{text-align: right;}
.inside_text05 .text05 iframe{width: 100%;height: 500px;}
.nn_detail img{max-width:100%;margin:0px auto;display: block;}
.leftside{width:890px;padding: 0px 48px 0px 0px;border-right: 1px solid #e6e6e6;}
.rightside{width:317px;padding:0 0 40px 0;}
.rightside .tit{color: #505e77;font-size: 24px;padding-bottom: 29px;font-weight: bold;}
.part-box li{border-bottom: 1px solid #e6e6e6;padding-bottom: 16px;margin-bottom:17px;}
.part-box li a .p1{color: #555;font-size: 18px;margin-bottom: 12px;height: 24px;overflow: hidden;transition: all 0.6s;}
.part-box li a span{display: inline-block;font-size:14px; color:#a8a8a8; line-height:22px;margin-right: 10px;}
.part-box li:hover a .p1{color:#1184f0;transform: translateY(-2px);transition: all 0.6s;}
.news-detail{padding: 78px 0;}
@media ( min-width:1299px ) and ( max-width:1315px ) {
	 .header .wrap{width:1260px;}
	 .banner_text,.banner .swiper-pagination{width: 1260px;margin-left: -630px;}
	 .banner .swiper-pagination{bottom: 130px;}
}
@media screen and (max-width:1360px) {
  .wrap {width:1260px; }
  .banner_text,.banner .swiper-pagination{width: 1260px;margin-left: -630px;}
}

@media screen and (max-width:1280px) {
   .banner_text,.banner .swiper-pagination{width: 100%;margin-left: -50%;}
}