@charset "UTF-8";
/*字体共用样式*/
@font-face {
    font-family: "CuTi";
   src: url("../font/SOURCEHANSANSCN-MEDIUM_1.OTF")
}
@font-face {
    font-family: xiti;
    src: url("../font/SOURCEHANSANSCN-EXTRALIGHT_1.OTF") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
}

html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body {
    font-family: "CuTi";
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    
}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;}
input[type=submit],input[type=text],button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    cursor:pointer;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
.wrap {
    padding:0 100px;
    margin:0 auto;
    position:relative;
}
@media (max-width:991px){
    .wrap {padding:0 4.5%;}
    .mc-hidden {display:none}
}
@media (min-width:990px){
    .lg-hidden1 {display:none}
}
@media (max-width:767px){
    .sm-hidden {display:none;}
}
@media (min-width:768px){
    .lg-hidden {display:none;}
}
.wrap:after,
.wrap:before,
.container:after,
.container:before{
    content:"";
    display:table;
}
.wrap:after,
.container:after {clear:both;}
.container {width:80%;margin:0 auto;}
@media (min-width:1200px){
    .container {width:1200px;}
}
@media (min-width:1450px){
    .container {width:1330px;}
}
@media (min-width:1530px){
    .container {width:1530px;}
}
@media (min-width:1450px) {
    .ourwork-page .container {width:88%;}
}
@media (max-width:991px){
    .container {width:91%;}
}
.clear {clear:both;}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
li {list-style-type:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
.w1400 {width:1400px;margin:0 auto}
.js-container{position: relative;}
.header{width: 100%;background: #fff;z-index: 100;}
.logo{width: 20%;padding: 30px 0 29px 0;position: relative;z-index: 1;}
.logo img{display: block;margin:0 auto;}
.head-box{width: 80%;}
.head .top1{width: 88%;padding: 10px 0;}
.head .hi{color: #333;font-size: 16px;line-height: 36px;}
.head .top1 .right li{float:left;color: #333;font-size: 12px;background: url("../images/ico_03.png") no-repeat left center;padding-left: 40px;margin-left: 40px;}
.head .top1 .right li.li02{background: url("../images/ico_06.png") no-repeat left center;margin-top: 8px;}
.head .top1 .right li p{color: #333;font-size: 15px;}
.head .top1 .right li a{color: #333;font-size: 15px;}
.head .bottom1{background: #21478b;height: 64px;line-height: 64px;border-radius: 12px 0 0 0;}
.head .bottom1 .right{float: right;width: 30%;display: inline-block;}
.head .bottom1 .yuyan{background: url("../images/ico_17.png") no-repeat 30px center;padding-left:5%;color: #fff;font-size: 16px;width: 32%;text-align: center;letter-spacing: 5px;position: relative;}
.head .bottom1 .yuyan a{color: #fff;}
.head .bottom1 .yuyan dl{position: absolute;top: 64px;z-index: 10;width: 100%;left: 0;background: rgba(33,71,139,0.5);padding: 5px 0;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}
.head .bottom1 .yuyan dl a{display: block;line-height: 34px;}
.head .bottom1 .wai{background:#f0c424 url("../images/ico_20.png") no-repeat 30% center;font-size: 16px;padding-left: 8%;width:48%;text-align: center;}
.head .bottom1 .wai a{color: #283734;}
.search-box{width: 20%;}
.menu{width: 70%;}
.menu li{float: left;position:relative;width: 12.5%;text-align: center;}
.menu li a{color: #fff;font-size: 16px;display: block;}
.menu li:last-child{margin-right: 0;}
.menu dl {
	width: 140px;
	left: 50%;
	top: 56px;
	z-index: 12;
	padding-top: 8px;
	position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	margin-left: -70px;

}
.menu li:hover dl,.head .bottom1 .yuyan:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.menu dl dd {
	line-height:38px;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	background:rgba(33,71,139,0.9);
	
	
}
.menu dl dd a {
	font-size: 15px;
	padding: 0;
	text-align: center;
	padding: 0 5px;
	color: #fff;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	font-weight: normal;
	
}
.menu li dl dd a:hover{
	background: rgba(33,71,139,1);
	color:#fff;
	transition: all .3s;
	font-weight: bold;
}
.head .bottom1 .yuyan dl a:hover{color:#fff;
	transition: all .3s;
	font-weight: bold;}
.right .search-box p{font-size: 0;cursor: pointer;text-align: center;height: 64px;}
.right .search-box p img{margin-top: 19px;}
.right .search-box .search{position: absolute;left: 0;display: none;height: 100px;width:100%;background:rgba(255,255,255,0.8);top: 120px;padding: 25px 0;z-index: 100;}
.right .search-box .search .ss-box{background: #fff;width: 1000px;margin: 0 auto;height: 50px;border-radius: 8px;}
.right .search-box .search a{float: left;line-height: 50px;font-size: 16px;width: 124px;background:#f0c424;color: #fff;text-align: center;border-radius: 8px 0 0 8px;}
.right .search-box .search input{height: 50px;width:calc(100% - 124px);float: right;border: none;background: none;font-size: 14px;padding: 0 15px;box-sizing: border-box;color: #333;outline: none;}
.w-header,.wap-search{display: none;width: 100%;}
.wap-search .search2{padding: 20px 0;}
.wap-search .search2 .ss-box{border: 1px solid #f0c424;background: #fff;margin: 0 4%;}
.wap-search .search2 a{float: right;font-size: 16px;background:#f0c424 url("../images/ico_14.png") no-repeat center;color: #fff;padding: 0 30px;height: 40px;}
.wap-search .search2 input{height: 40px;width:calc(100% - 60px);border: none;background: none;font-size: 14px;padding: 0 15px;box-sizing: border-box;color: #333;outline: none;}

@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.index-banner {
    position:static;
    width:100%;
    overflow:hidden;
}

.index-banner .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}


.wap-banner{display: none;margin-top: 54px;position: relative;}
.index1{background: url("../images/tm_05.png") no-repeat center top;position: relative;top: -57px;z-index: 20;height: 180px;padding-top: 10px;width: 263px;margin: 0 auto;}
.index1 img{display: block;position: absolute;left: 50%;margin-left: -70px;}
.index1 img:hover{
    -webkit-animation: tiao 0.9s both;
    animation: tiao 0.9s both;
}
.number{padding-top: 68px;}
.number li{position: relative;display: inline-block;margin-right: 55px;}
.number h6{color:#f0c424;font-size: 60px;font-weight: bold;display: inline-block;}
.number li p{color: #00245a;font-size: 18px;display: inline-block;width: 150px;padding-left: 50px;}
.number li span{display: block;color:#f0c424;font-size:60px;font-weight: bold;position: absolute;right:110px;top: 0;}
.number li:nth-child(3) span{right: 95px;}
.number li:nth-child(3) p{padding-left: 68px;}
.number li:nth-child(4){margin-right: 0;}

.fixed {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  position: fixed;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  -webkit-animation: 1s dong;
  animation: 1s dong;
}

@keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-moz-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-o-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInX {
  from {
    transform: perspective(600px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(600px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(600px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(600px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(600px);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes dong2 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.dong2 {
  -webkit-animation-name: dong2;
  animation-name: dong2;
}
@keyframes dong3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.dong3 {
  -webkit-animation-name: dong3;
  animation-name: dong3;
}
@keyframes dong4 {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.dong4 {
  -webkit-animation-name: dong4;
  animation-name: dong4;
}
@keyframes slideInDown2 {
  from {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown2 {
  -webkit-animation-name: slideInDown2;
  animation-name: slideInDown2;
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
@keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown2 {
  animation-name: fadeInDown2;
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
}
@keyframes fadeInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight2 {
  animation-name: fadeInRight2;
}
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bmove1 {
  animation-name: bmove1;
}
@keyframes bmove1 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn2 {
  animation-name: fadeIn2;
}
@keyframes fadeIn2 {
  0% {
    width: 0;
  }
  10% {
    width: 100%;
  }
}
.rotate01 {
  animation-name: rotate;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bmove3 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.index-banner .t1{top:7%;left:40%;width: 50%;z-index: 11;color: #fff;position: absolute;opacity: 0;margin-left: -700px;}
.index-banner .t1 h3{font-weight: 700;font-size: 60px;line-height: 95px;position: relative;padding-bottom: 11px;}
.index-banner .t1 h3::after{display: block;content: "";position: absolute;width: 60px;height: 2px;background: #fff;left: 0;bottom: 0;}
.index-banner .t1 p{font-size: 20px;font-weight: 100;padding: 40px 0 49px 0;line-height: 34px;}
.index-banner .t1 a{position: relative;display: inline-block;width: 158px;height: 43px;padding-left: 34px;line-height: 43px;border: 1px solid #fff;font-size: 14px;color: #fff;overflow: hidden;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;background: url("../images/mo.png") no-repeat right center;}
.index-banner .t1 a:hover{box-shadow: -2px 5px 15px rgba(0,0,0,0.5);-webkit-animation: jello-horizontal 0.9s both;animation: jello-horizontal 0.9s both;}
.index-banner .swiper-slide.swiper-slide-active .t1{animation: 1.5s fadeInUp2 ease;opacity: 1;}
.index-banner .swiper-pagination{position: absolute;}
.index-banner .swiper-cicle{bottom: 50px;text-align:left;left: 50%;margin-left: -700px;}
.but div{outline: none;width: 24px;height: 24px;line-height: 24px; margin-top: -12px; background: none;font-size: 28px;color: #ec6700;text-align: center;}
.but div.swiper-button-disabled{opacity: 1;color: #ccc;}
.but .swiper-button-prev{width: 50px;height: 50px;background: url("../images/left.png") no-repeat;left: 0;}
.but .swiper-button-next{width: 50px;height:50px;background: url("../images/right.png") no-repeat;right: 0;}
.index-banner .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 50%;background: #fff;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;border-radius: 6px;} 
.index-banner .swiper-pagination-bullet{opacity: 1;}
.index-banner .but{position: absolute;bottom: 41px;width: 120px;right: 5%;}
.wap-banner .t1{top: 35px;left: 50%;width:90%;z-index: 11;color: #fff;position: absolute;margin-left: -45%;}
.wap-banner .t1 h3{font-size:15px;position: relative;padding-bottom: 12px;}
.wap-banner .t1 h3::after{display: block;content: "";position: absolute;width: 30px;height: 2px;background: #fff;left: 0;bottom: 0;}
.wap-banner .flex-active-slide .t1{animation: 1.5s fadeInUp2 ease;}
.wap-banner .t1 p{font-size: 12px;font-weight: 100;padding: 15px 0 10px 0;}
.wap-banner .t1 a{position: relative;display: inline-block;width: 120px;height: 32px;padding-left: 14px;line-height:32px;border: 1px solid #fff;font-size: 14px;color: #fff;overflow: hidden;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;background: url("../images/mo.png") no-repeat right center;}
.wap-banner .t1 a:hover{box-shadow: -2px 5px 15px rgba(0,0,0,0.5);-webkit-animation: jello-horizontal 0.9s both;animation: jello-horizontal 0.9s both;}
.wap-banner .but{display: none;}
.wap-banner img{width: 100%;}
.wap-banner .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.wap-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;border-radius: 6px;} 
.wap-banner .swiper-pagination-bullet{opacity: 1;}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after,.wap-banner .swiper-button-prev:after,.wap-banner .swiper-button-next:after{display: none;}
.title1{text-align: center;color:#21478b;font-size: 30px;font-weight: bold;position: relative;padding-bottom: 14px;}
.title1::after{content: "";display: block;position: absolute;width:40px;height: 3px;background: #21478b;left: 50%;margin-left: -20px;bottom: 0;}
.part01{padding-top: 62px;}
.part1 .left{width:52%;}
.part1 .left p{color: #666;font-size: 16px;line-height: 34px;text-indent: 30px;}
.part1 .left p a{color:#F00;}
.part1 .right{width:46%;}
.part1 li{float: left;width:22%;margin-right: 7%;margin-top:20px;position: relative;overflow: hidden;}
.part1 li img{width: 100%;height: 100%;object-fit: cover;}
.part1 li a .text{position: absolute;left: 0;top: 50%;bottom: 0;width: 100%;text-align:center;    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
.part1 li:hover a .text {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding-right: 10px;
	margin-top: -23px;
	height: 46px;
}
.part1 li a .text span{color: #fff;font-size: 20px;font-weight: bold;display:block;width: 100%;padding-bottom: 20px;background: url("../images/line.png") no-repeat center bottom;}
/*.part1 li a .bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
}
.part1 li a:hover .bac {
  transition: all 0.7s;
  transform: scale(10.2);
}*/
.part1{padding-bottom: 78px;}
.part2{background: #f7fafc;padding: 60px 0 34px 0;}
.part3,.part5{padding: 60px 0;}
.part4{background: #fbfcfd;padding: 60px 0;}
.part02{padding-top: 45px;}
.part2 .swiper-slide a{display: block;position: relative;}
.part2 .swiper-slide a .wz{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.8));opacity: 0;overflow: hidden;}
.part2 .swiper-slide a .wz div{position: absolute;left: 36px;bottom: 30px;-webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
.part2 .swiper-slide a:hover .wz div{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mySwiper{overflow: hidden;position: relative;padding-bottom: 60px;}
.part2 .swiper-slide a:hover .wz{opacity: 1;}
.part2 .swiper-slide a .p1{color: #fff;font-size: 24px;}
.part2 .swiper-slide a .p2{color: #fff;font-size: 16px;font-family: arial;padding-top: 12px;position: relative;padding-bottom: 20px;}
.part2 .swiper-slide a img{width: 100%;height: 100%;object-fit: cover;}
.part2 .swiper-slide a .img{height: 435px;}
.part2 .swiper-slide a .p2::after{content: "";display: block;position: absolute;width: 18px;height: 3px;background: #f1ce4d;bottom: 0;}
.part2 .swiper-slide a:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.3)}
.part2 .swiper-pagination-bullet{width: 13px;height: 8px;border-radius: 4px;background: #21478b;opacity: 1;}
.part2 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 36px;background: #f1ce4d;} 
.part03{padding-top:15px;}
.part03 li{float: left;margin-right: 2%;width:23.5%;position: relative;margin-top: 30px;box-shadow:0 0 12px rgba(0, 0, 0, 0.1)}
.part03 li:nth-child(4n){margin-right: 0;}
.part03 li .p0{height: 54px;background: #9e9e9e;line-height: 54px;color: #fff;font-size: 18px;text-indent:20px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;position: absolute;bottom: 0;left: 0;width: 100%;}
.part03 li .txt{background: rgba(2,58,132,0.88);position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;opacity: 0;}
.part03 li dt{position: relative;padding-bottom: 18px;}
.part03 li dt::after{content: "";display: block;position: absolute;width: 100%;height: 1px;background: #fff;}
.part03 li dt a{display: block;color: #fff;font-size: 22px;margin-bottom: 15px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.part03 li dl{padding:50px 20px 20px 20px;-webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
.part03 li dd a{display: block;color: #fff;font-size: 15px;background: url(../images/tm_33.png) no-repeat left center;padding-left: 20px;margin-top: 8px;}
.part03 li dd a:hover{font-weight: bold}
.part03 li .look{display: block;width: 108px;height: 35px;text-align: center;line-height: 35px;color: #fff;font-size: 16px;background: #f0c424;margin: 30px 0 0 0px;}
.part03 li:hover .p0{display: none;}
.part03 li:hover .txt{opacity: 1;}
.part03 li:hover dl{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.part03 li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.part03 li .tp{height: 287px;overflow: hidden;}
.part03 li:hover img{transform: scale(1.2);}
.tab-con01 .group{display: none;}
.tabs01 a{display: inline-block;color: #666;font-size: 20px;padding: 0 36px;}
.tabs01{text-align: center;color: #666;font-size: 20px;padding-top: 20px;margin-bottom: 46px;}
.tab-con01 li,.news2 li{float: left;margin-right: 2%;width: 32%;}
.tab-con01 li:nth-child(3n),.news2 li:nth-child(3n){margin-right: 0;}
.part5 li img,.news2 li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.part5 li .tp,.news2 li .tp{height: 256px;overflow: hidden;}
.part5 li:hover img,.news2 li:hover img,.news1 .left img:hover{transform: scale(1.2);}
.tab-con01 li a h3,.news2 li a h3{color: #000;font-size: 22px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.tab-con01 li a p,.news2 li a p{color: #666;font-size: 14px;margin: 5px 0 18px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.tab-con01 li a p span,.news2 li a p span{display: inline-block;color: #b2b2b2;font-size: 12px;margin-right: 20px;}
.tab-con01 li a .txt,.news2 li a .txt{padding-top: 22px;}
.tabs01 a.on,.tab-con01 li:hover a h3,.news2 li:hover a h3{color: #f0c424;}
.news1{margin: 45px 0 18px 0;box-shadow:0 0 22px rgba(0, 0, 0, 0.1);padding: 50px;}
.news1 .left{width: 48.5%;overflow: hidden;height: 429px;}
.news1 .left img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.news1 a p{color: #666;font-size: 16px;line-height: 28px;margin: 15px 0 35px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;}
.news1 a p span{display: inline-block;color: #b2b2b2;font-size: 12px;margin-right: 20px;}
.news1 a h3{color: #333;font-size: 28px;font-weight: bold;margin-top: 16px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.news1 a .more{width: 168px;background:#f0c424 url(../images/jtt2.jpg) no-repeat 95px center;color: #fff;font-family: arial;font-size: 16px;margin-top: 50px;height: 50px;line-height: 50px;padding-left: 32px;}
.news2{margin-bottom: 60px;}
.news1 .right{width: 48.5%;}
.news2 li{margin-top: 30px;}
.news2 li a .btn{width: 35px;height: 35px;border: 1px solid #d8d8d8;background: url(../images/more-jt1.png) no-repeat center;float: right;background-size: 16px auto;margin-top:10px;}
.news2 li:hover a .btn{border: 1px solid #f0c424;background:#f0c424 url(../images/more-jt2.png) no-repeat center;background-size: 16px auto;}
.footer{background: #333;}
.foot-1{padding: 50px 0;}
.foot-1 .left{width: 58%;}
.foot-1 .right{width: 42%;}
.foot-1 dl{float: left;margin-right: 4%;width: 21%;}
.foot-1 dt{color: #fff;font-size: 18px;padding-bottom: 10px;}
.foot-1 dd a{display: block;color: #9f9f9f;font-size: 14px;line-height: 28px;}
.foot-1 h4{color: #fff;font-size: 18px;padding-bottom: 10px;}
.foot-1 .lxwm{width: calc(95% - 140px);}
.foot-1 .lxwm p span{display:block;float: left;position: relative;top: 4px;margin-right: 8px;}
.foot-1 .lxwm p{clear: both;color: #9f9f9f;font-size: 14px;line-height: 30px;}
.foot-1 .ewm{width: 140px;text-align: center;color: #666;font-size: 16px;}
.foot-1 .ewm img{width: 120px;height: 120px;border-radius: 5px;display: block;margin: 0 auto;}
.foot-1 .ewm p{padding-top: 8px;}
.foot-1 .lxwm p span.dz{margin-bottom: 45px;}
.foot-2{padding: 16px 0;text-align: center;color: #fff;font-size: 15px;line-height: 30px;background: #222;}
.foot-2 a{color: #fff;}
.foot{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:9;box-shadow: -2px 3px 8px rgba(0,0,0,0.5);background:#054078;display: none;width: 100%;}
.foot ul li{ float:left; width:25%;margin:11px 0;position: relative;border-right: 1px solid #0d4f8d;}
.foot ul li:nth-child(4n){border-radius: none;}
.foot ul li h4{ text-align:center;}
.foot ul li h4 img{ width:auto; height:22px; margin-bottom:6px}
.foot ul li a h3{ text-align:center; font-size:15px; color:#fff; line-height:1.5rem}
#zhezhao{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 20000;display: none;}
.tan-box{position: fixed;background: #fff;width: 80%;margin:-160px 10% 0 10%;color: #2a2a2a;font-size: 16px;padding: 20px 4%;z-index:20002;top:50%;border-radius: 12px;display: none;}
.tan-box .close02{position: absolute;right: 10px;top:10px}
.tan-box .close02 img{width: 24px;height: auto;}
.tan-box .car img{width: 60%;height: 100%;padding: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: block;margin:20px auto 10px auto;}
.tan-box p{line-height: 28px;text-align: center;}
.tan-box p span{background:#054078;color: #fff;display: inline-block;padding:2px 5px;}
.index-banner .swiper-slide img{width: 100%;}
.page{font-size:12px; padding-top:15px; padding-bottom:60px; margin:0 auto; margin-top:15px;text-align: center;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin:2px;
cursor:pointer;
display: inline-block;
margin: 5px 3px;
}
.page .current{
border:1px #054078 solid;
background:#054078;
font-weight:bold;
color: #fff;
}
.page a:hover{
border:1px #054078 solid;
background:#054078;
text-decoration:none;
}

.ny-banner{position: relative;height:540px;background-repeat: no-repeat;background-size: cover;}
.ny-banner::before{display: block;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.4);top:0;left: 0;position: absolute;}
.ny-banner .bann-text2{position: absolute;text-transform:uppercase;left: 50%;margin-left: -625px;top: 50%;margin-top: -53px;}
.ny-banner .bann-text2 h3{color: #fff;font-size: 48px;font-weight: bold;padding-bottom: 5px;}
.ny-banner .bann-text2 h3 span{color: #fff;font-size: 20px;display: block;font-weight: normal;}
.bann-name{position: absolute;right: 0;bottom: 0;width:502px;height: 80px;background: url(../images/name.png) no-repeat left center;color: #fff;font-size: 28px;font-weight: bold;line-height: 80px;padding-left: 90px;}
.products{padding: 45px 0 60px 0;}
.brand{height: 74px;line-height: 74px;border-bottom: 1px solid #e5e5e5;}
.brand .home{color: #999;font-size: 16px;display: inline-block;float: right;background: url(../images/pp.jpg) no-repeat left center;padding-left: 20px;}
.brand .home a{color: #999;}
.sub-menu-1{position: relative;width:85%;}
.sub-menu-1 li{float: left;margin-right: 22px;}
.sub-menu-1 li a{color: #999;font-size: 18px;position: relative;display: block;padding: 0 12px;}
.sub-menu-1 li a::after{content: "";display:none;position: absolute;bottom: -1px;height: 2px;width: 100%;transition: all 0.3s;background-color: #22478b;left: 0;}
.sub-menu-1 li dl{position: absolute;left: 0;padding: 0 10px;top: 74px;transition: all 0.3s;display: none;width:100%}
.sub-menu-1 li:hover dl{display: block;}
.sub-menu-1 li dl dd{float: left;padding: 10px 15px;background-color: #22478b;}
.sub-menu-1 li dl dd a{color: #fff;font-size: 16px;height: 36px;line-height: 36px;}
.sub-menu-1 li.move a,.brand .home a:hover,.sub-menu-1 li a:hover,.sub-menu-1 li:hover a{color: #22478b}
.sub-menu-1 li.move dl dd a{color: #fff;}
.sub-menu-1 li.move a::after,.sub-menu-1 li:hover a::after{display: block;}
.sub-menu-1 li dl dd a::after,.sub-menu-1 li.move dl dd a::after{display: none;}
.sub-menu-1 li:hover dl dd a{color: #fff;}
.sub-menu-1 li dl dd a:hover{color: #fff;font-weight: bold;}
.products li{margin-top: 11px;margin-bottom: 20px;}
.list-div{padding: 45px 0 60px 0;}
.list-div .left{width: 50%;overflow: hidden;height: 466px;}
.list-div .right{width: 50%;padding-left: 3%;}
.list-div li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.list-div li h4{color: #333;font-size: 32px;font-weight: bold;padding: 42px 0 32px 0;}
.list-div li p{color: #333;font-size: 16px;line-height: 30px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;}
.list-div li a{display:block;width: 182px;background:#f0c424 url(../images/jtt.jpg) no-repeat 120px center;color: #fff;font-size: 18px;margin-top: 50px;height: 55px;line-height: 55px;border-radius: 28px;padding-left: 40px;}
.list-div li:nth-child(2n) .right{padding-right: 3%;padding-left: 0;}
.list-div li:hover img{transform: scale(1.2);transition: all 0.3s;}
/* .sub-nav{overflow-x: auto;}
.sub-nav ul{width: 150%;}
.sub-nav li{display: inline-block;}
.sub-nav li a{color: #000;font-size: 18px;display:block;padding: 0 12px;position: relative;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;}
.sub-nav li a::after{display: block;position: absolute;width: 0;height: 60px;background: #023a84;content: "";left: 0;top: 0;}
.sub-nav li a.on,.sub-nav li a:hover{color: #fff;}
.sub-nav li a span{position: relative;z-index: 2;}
.sub-nav li a:hover::after{width: 100%;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;}
.sub-nav li a.on::after{width: 100%;}
.sub-nav2 li a{padding: 0 40px;}
.sub-nav::-webkit-scrollbar {
  width: 5px;
}
.sub-nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}
.sub-nav::-webkit-scrollbar-thumb {
  background:#fff;
}
.follow_us_list li{display: inline-block;margin-right: 16px;}
.follow_us_list li img{width: auto;height: 15px;}
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes focuse {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }

    75% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes tiao {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    30% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    65% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    75% {
       -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    85% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes tiao {
     0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    30% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    65% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    75% {
       -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    85% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
} */
.video {height: 372px;}
.video video{object-fit: fill;width: 100%;height:100%;}
.video video:focus{outline: none;}
@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}
@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}
.solution{padding: 45px 0;}
.solution li{float: left;margin-right: 3%;width:31.33%;margin-bottom: 40px;}
.solution li:nth-child(3n){margin-right: 0;}
.solution li img{object-fit: fill;width: 100%;height:100%;transition: all 0.3s;}
.solution li a .img{overflow: hidden;height: 382px;}
.solution li a .text{background-color: #f7f7f7;padding: 28px;}
.solution li a h4{color: #333;font-size: 24px;}
.solution li a p{color: #888;font-size: 15px;line-height: 24px;margin: 8px 0 20px 0;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
.solution li a span{display: block;width: 108px;height: 32px;text-align: center;background: #f0c424;color: #fff;font-size: 16px;border-radius: 16px;line-height: 32px;}
.solution li:hover img{transform: scale(1.2);}
.title_1{color: #000;padding-top: 35px;}
.hot-search .hot{margin-top: 5px;}
.hot-search .hot a{display: inline-block;background: #f2f2f2;padding: 0 15px;height: 40px;line-height: 40px;color:#666;font-size: 14px;border-radius:20px;margin-right: 10px;}
.hot-search{margin-top: 38px;}
.search-gjc{background: #f2f2f2;width: 500px;}
.search-gjc input {
    height: 50px;
    width: calc(100% - 62px);
    float: left;
    border: none;
    background: none;
    font-size: 14px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #333;
    outline: none;
}
.search-gjc a{display: inline-block;background: url("../images/zlxz_03.jpg") no-repeat center;height: 50px;width: 62px;}
.download{margin-bottom: 60px;}
.download li{float: left;margin:30px 2% 0 0;width:32%;padding:50px 25px 45px 25px;box-shadow:0 0 15px rgba(0, 0, 0, 0.3)}
.download li h4{font-size:18px;color:#333;background: url("../images/zlxz_07.jpg") no-repeat left center;line-height: 28px;padding-left: 48px;}
.download li .time{color: #666;font-size: 14px;font-family: arial;padding-left: 48px;margin: 18px 0 35px 0;}
.download li .click-dj a{display: block;float: left;width: 47%;margin-right: 6%;background: #f8f9fd;height: 54px;line-height: 54px;font-size: 16px;text-align: center;color:#666}
.download li .click-dj a:nth-child(2n),.download li:nth-child(3n){margin-right: 0;}
.download li .click-dj a em{display: inline-block;height: 30px;width: 24px;position: relative;top: 9px;margin-right: 7px;}
.download li .click-dj a em.xtb-1{background: url("../images/view1.png") no-repeat center;background-size: 28px auto;margin-right: 12px;}
.download li .click-dj a em.xtb-2{background: url("../images/xiazai.png") no-repeat center;background-size: 20px auto;}
.download li .click-dj a:hover{background: #21468c;color: #fff;}
.download li .click-dj a:hover em.xtb-1{background: url("../images/view2.png") no-repeat center;background-size: 28px auto;margin-right: 12px;}
.download li .click-dj a:hover em.xtb-2{background: url("../images/xiazai2.png") no-repeat center;background-size: 20px auto;}
.common-1 li{width: 22.75%;margin: 25px 3% 0 0;float: left;}
.common-1 li:nth-child(4n){margin-right: 0;}
.common-1 li .tp{height: 198px;overflow: hidden;}
.common-1 li .tp img{width: 100%;height:100%;object-fit: cover;}
.common-1 li a .time{transition: 1s;color: #fff;font-size: 15px;width: 68px;height: 68px;text-align: center;background: #f0c424;top: -40px;position: relative;}
.common-1 li a .time b{display: block;font-size: 30px;line-height: 34px;padding-top: 6px;}
.common-1 li a .text{position: relative;z-index: 1;padding: 0 15px 35px 15px;background: #fbfbfb;}
.common-1 li a h5{color: #00245a;font-size:20px;font-weight: bold;margin: -20px 0 14px 0;white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;}
.common-1 li a p{color: #333;font-size: 14px;line-height: 24px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}

.common-1 ul {
    /*flex-wrap: wrap;
    display: flex;
    justify-content: space-between;*/
}
.common-1 li img{vertical-align: bottom;-webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;}
.common-1 li:hover img{-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}
.common-1 li:hover a .time{transform: rotateY(360deg);}
.common-1 li:hover{box-shadow: 0 5px 18px 15px rgb(0 0 0 / 5%);}

.common-solu{margin-top: 56px;}
.common-solu .swiper-button-prev,.common-solu .swiper-button-next{padding:25px 16px;background: rgba(0,0,0,0.8);}
.common-solu .swiper-button-prev{left: 0;}
.common-solu .swiper-button-next{right: 0;}
.common-solu .swiper-button-prev:after,.common-solu .swiper-button-next:after{color: #fff;font-size: 24px;}
.common-1 a .tp{height: 198px;overflow: hidden;}
.common-1 a .tp img{width: 100%;height:100%;object-fit: cover;}
.common-1 a .time{transition: 1s;color: #fff;font-size: 15px;width: 68px;height: 68px;text-align: center;background: #f0c424;top: -40px;position: relative;}
.common-1 a .time b{display: block;font-size: 30px;line-height: 34px;padding-top: 6px;}
.common-1 a .text{position: relative;z-index: 1;padding: 0 15px 35px 15px;background: #fbfbfb;}
.common-1 a h5{color: #00245a;font-size: 24px;font-weight: bold;margin: -20px 0 14px 0;white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;}
.common-1 a p{color: #333;font-size: 14px;line-height: 24px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
.common-1 img{vertical-align: bottom;-webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;}
.common-1 a:hover img{-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}
.common-1 a:hover a .time{transform: rotateY(360deg);}
.common-1 a:hover{box-shadow: 0 5px 18px 15px rgb(0 0 0 / 5%);}


.common-2 li{box-shadow:0 0 15px rgba(0, 0, 0, 0.3)}
.common2{padding: 30px 0 60px 0;}
.common3 .w1400{max-width: 1200px;}
.tit-name{text-align: center;padding: 45px 0;}
.tit-name h4{color: #000;font-size: 24px;font-weight: bold;}
.tit-name .dibu{padding-top: 12px;}
.tit-name .dibu span{display: inline-block;margin: 0 10px;color: #888;font-size: 14px;padding-left: 23px;}
.tit-name .dibu span.tb_1{background: url("../images/xtb01.jpg") no-repeat left center;}
.tit-name .dibu span.tb_2{background: url("../images/xtb02.jpg") no-repeat left center;}
.tit-name .dibu span.tb_3{background: url("../images/xtb03.jpg") no-repeat left center;}
.solution-detail .read p{color: #666;font-size: 16px;line-height: 30px;}
.solution-detail .read img{max-width: 100%;}
.solution-detail .read{padding-bottom: 50px;}
.h60{height: 60px;}
.tabs02{background: #023a84;}
.tabs02 a{color: #fff;font-size: 18px;font-weight: bold;padding: 0 40px;display:inline-block;height: 74px;line-height: 74px;}
.tabs02 a.cur{background: #f0c424;}
.tab-con02{}
.tab-con02 .items{display: none;color: #333;font-size: 16px;line-height: 30px;padding:24px 0 30px 0;}
.product2{padding: 55px 0 20px 0;}
.fenye{font-size: 14px;color: #595959;padding: 30px 0 0 0;}
.fenye a{color: #595959;}
.fenye a:hover{color: #023a84;font-weight: bold;}
.pp-top{padding: 50px 0 40px 0;}
.pp-top .left{width: 38%;overflow: hidden;}
.pp-top .right{width: 59%;position: relative;z-index: 10;min-height: 550px;}
.pp-top .tit01{color: #023a84;font-size: 24px;font-weight: bold;}
.pp-top .detail p{color: #666;font-size: 16px;line-height: 36px;}
.pp-top .share{margin: 8px 0 20px 0;}
.pp-top .swiper {
      width: 100%;
      height: 100%;
    }

.pp-top .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.pp-top .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.pp-top .swiper {
      width: 100%;     
      margin-left: auto;
      margin-right: auto;
    }

.pp-top .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper02 {
      width: 100%;
      border: 1px solid #dedede;
      height: 410px;
      overflow: hidden;
    }

    .mySwiper01 {
      height: 98px;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper01 .swiper-slide {
      width: calc(25% -2px);
      height: 100%;
      opacity: 1;
      border: 1px solid #dedede;
      cursor: pointer;
    }
    
    .mySwiper01 .swiper-slide.swiper-slide-thumb-active{border: 1px solid #023a84;}

    .mySwiper01 .swiper-slide-thumb-active {
      opacity: 1;
    }
.mySwiper02 .swiper-button-next,.mySwiper02 .swiper-button-prev{display: none;z-index: 10;outline: none;}
.mySwiper02 .swiper-slide{position: relative;}
.pp-top .swiper-slide img {
	overflow: hidden;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.pp-top .mySwiper02 .swiper-slide img{width: 80%;margin: 30px auto}
.service{padding: 20px 0 60px 0;}
.service .left{width: 64%;margin-top:30px;}
.service .left .map2 img{width: 100%;}
.service .right{width:33%;border: 1px solid #d9d9d9;padding: 20px 15px;}
.service .right dl{width:48.5%;margin:5px 3% 5px 0;float: left;}
.service .right dl:nth-child(2n){margin-right: 0;}
.service .right dt{color: #023a84;font-size: 16px;font-weight: bold;background: url("../images/fw1.jpg") no-repeat left 6px;margin-bottom: 10px;padding-left: 18px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.service .right dd{color: #666;font-size: 14px;background: url("../images/fw2.jpg") no-repeat left center;padding-left: 18px;}
.service01{padding: 40px 0 60px 0;}
.online .left{width:40%;}
.online .left img{width: 100%;}
.online .right{width:56%;padding:20px 4% 0 0;}
.online .right li{border-bottom: 1px solid #eee;margin:10px 5% 10px 0;float: left;width: 47.5%;}
.online .right li:nth-child(2n){margin-right: 0;}
.online .right input{height: 60px;border: none;outline: none;background:none;width: 100%;color: #666; font-family:'CuTi';font-size: 16px;}
.online .right textarea{border: none;outline: none;background:none;height: 130px;padding-top: 20px;width: 100%;color: #666;font-family:'CuTi';font-size: 16px;resize: none;}
.online .right li.li2,.online .right li.li1{width: 100%;margin-right: 0;}
.online .right li.li2{padding-top: 30px;}
.online .right li.li2 button{width: 160px;height:50px;background: #f0c424;margin-right: 20px;color: #fff;font-size: 18px;font-family:'CuTi';}
.online .right li.li2 button.button02{background: #21478b;}
.contact{margin: 58px 0 65px 0;}
.contact .left{width: 40%;}
.contact .right{width: 54%;}
.contact .right img{width: 100%;}
.contact .name{color: #023a84;font-size: 24px;font-weight: bold;padding-bottom: 8px;letter-spacing: -0.5px;}
.contact p{color: #333;font-size: 16px;line-height: 35px;padding-left: 32px;}
.contact p.p1{background: url("../images/cc1.jpg") no-repeat left 8px;}
.contact p.p2{background: url("../images/cc2.jpg") no-repeat left 8px;}
.contact p.p3{background: url("../images/cc3.jpg") no-repeat left 10px;}
.contact p.p4{background: url("../images/cc4.jpg") no-repeat left 8px;}
.contact .sao{margin-top: 25px;}
.contact .sao li{display: inline-block;width: 155px;}
.contact .sao li img{width: 155px;height: 155px;}
.contact01{margin-top: 50px;}
.online{background: #f7f7f7;padding: 60px 0;}
.online .tit3{text-align: center;color: #999;font-size: 18px;padding-bottom: 55px;}
.online .tit3 h5{color: #000;font-weight: bold;font-size: 36px;padding-bottom: 10px;}
.boss2 li{float: left;margin-right: 1%;width:24.25%;margin-bottom: 20px;}
.boss2 li .box-1{position: relative;overflow: hidden;margin-bottom: 14px;}
.boss2 li:nth-child(4n){margin-right: 0;}
.boss2 li .p0{height: 40px;background: rgba(2,58,132,0.5);line-height: 40px;color: #fff;font-size: 18px;text-indent:25px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;position: absolute;bottom: 0;left: 0;width: 100%;font-weight: bold;transition: all .2s;}
.boss2 li .txt{background: rgba(2,58,132,0.5);position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;-webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
.boss2 li .txt p{color: #fff;font-size: 16px;margin-top: 18px;padding:0 26px;line-height: 28px;}
.boss2 li .box-1:hover .p0{height: 0;}
.boss2 li .box-1:hover .txt{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.boss2 li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.boss2 li .tp{height: 260px;overflow: hidden;}
.boss2 li .box-1:hover img{transform: scale(1.2);}
.boss2 li h4{color: #fff;font-size: 22px;font-weight: bold;padding:50px 26px 0 26px;}
.boss2{margin: 50px 0;}
.boss2 li:nth-child(3) .tp,.boss2 li:nth-child(4) .tp{height:534px;}
.boss1 p{color: #333;font-size: 16px;line-height: 40px;text-indent: 32px;}
.boss1{padding: 40px 0;}
.boss-talk1{padding: 30px 0;}
.about3{padding: 30px 0 60px 0;}
.about3 .pic-group{padding-top: 50px;}
.about3 li{float: left;margin:0 2% 35px 0;width:23.5%;}
.about3 li:nth-child(4n){margin-right: 0;}
.about3 li .tp{overflow: hidden;height:230px;margin-bottom: 18px;}
.about3 li .tp img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.about3 li:hover .tp img{transform: scale(1.2);}
.about3 li p{position: relative;padding-top: 20px;color: #333;font-size: 20px;}
.about3 li p::before{transition: all 0.3s;;content: "";display: block;position: absolute;width: 38px;height: 5px;background: #f0c424;top: 0;left: 0;} 
.about3 li:hover p::before{width: 100%;height:3px;}
.about1{padding: 60px 0;}
.about1 .left{width: 46%;}
.about1 .left a{color:#F00;}
.about1 .right{width: 52%;}
.about1 .video {height: 406px;}
.about1 .tt-name-1{margin-bottom: 20px;color: #21478b;font-size: 36px;font-weight: bold;background: url("../images/our_05.png") no-repeat left center;padding-left: 95px;}
.about1 .left p{color: #333;font-size: 16px;line-height: 36px;text-indent: 32px;}
.tab03 a{display: inline-block;position: relative;background: #21478b;width: 25%;color: #fff;font-size: 20px;text-align: center;padding: 12px 0;}
.tab03 a::after{content: "";display:block;position: absolute;height:100%;width: 1px;background: #90a3c5;right: 0;top: 0}
.tab03 a:nth-child(4)::after{display: none;}
.tab03 a.on2{background: #f0c424}
.tab03 a img{display: block;margin: 0 auto 8px auto; transition: all .3s}
.tab03 a:hover img{transform: rotate(360deg);}
.tab-con03{margin-bottom: 60px;}
.tab-con03 .team{display: none;}
.tab-con03 .left{width: 55%;}
.tab-con03 .right{width: 36%;}
.tab-con03 .right img{width: 100%;}
.tab-con03 h4{color: #333;font-size: 32px;font-weight: bold;margin-bottom: 30px;}
.tab-con03 p{color: #666;font-size:20px;line-height: 36px;}
.about1 .number-shuzi h6{font-size: 50px;color: #f0c424;padding-right: 30px;font-weight: bold;display: inline-block;position: relative;}
.about1 .number-shuzi li{width: 16.666%;margin: 0 0 10px 0;float: left;text-align: center;position: relative;}
/*.about1 .number-shuzi li span{right: 175px;font-size: 24px;display: block;
    color: #f0c424;
    position: absolute;
    right: 0px;
    bottom:34px;}*/
.about1 .number-shuzi{padding: 84px 0 40px 0;}
.about1 .number-shuzi li p{color:#333;font-size: 18px;}
.about1 .number-shuzi h6::after{content: "年";position: absolute;right: 0;bottom: 10px;display: block;font-size: 24px;color: #f0c424;font-weight: normal;}
.about1 .number-shuzi li:nth-child(2) h6::after,.about1 .number-shuzi li:nth-child(6) h6::after{content: "+";font-size:28px}
.about1 .number-shuzi li:nth-child(3) h6::after{content: "万"}
.about1 .number-shuzi li:nth-child(3) h6{padding-right: 30px;}
.about1 .number-shuzi li:nth-child(4) h6::after{content: "亿"}
.about1 .number-shuzi li:nth-child(5) h6::after{content: "%"}
.index-wz .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 26px;
 
}
.index-wz li{margin-bottom: 4px;text-align: left;}
.index-wz li a{color: #666;font-size: 15px;line-height: 28px;padding-left: 12px;background: url("../images/about_09.jpg") no-repeat left 8px;}
.index-wz .swiper {
  width: 100%;
  height: 304px;
  margin-top: 18px;
}
.index-wz{float: left;margin-right: 3%;padding:28px 17px 25px 20px;width:31.33%;background: #fff;}
.index-wz:nth-child(3n){margin-right: 0;}    
.index-wz h4{color: #0c429a;font-size: 22px;font-weight: bold;text-align: left;margin-bottom: 15px;}
.index-wz li a:hover{color: #0c429a;}
.history02{padding: 60px 0;}
.history{padding: 30px 0;}
.his-time{height: 290px; text-align:left;overflow-y: auto;}
.history01 .swiper {
  width: 100%;
  height: 100%;
}

.history01 .swiper-slide {
  text-align: center;
  font-size: 18px;
}

.history01 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.history01 .swiper {
  width: 100%;     
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}

.history01 .swiper-slide {
  background-size: cover;
  background-position: center;
}
.mySwiper001 .swiper-slide {
  opacity: 1;
  cursor: pointer;
  padding-bottom: 20px;
  position: relative;
}

.mySwiper001 .swiper-slide-thumb-active {
  opacity: 1;
}

.history01 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper001 p{color: #333;font-size: 18px;display: block;line-height: 32px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}
.mySwiper001 .circle{z-index: 10;width: 18px;height: 18px;box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 50%;text-align: center;position: absolute;left: 50%;margin-left: -9px;bottom: -9px;background: #fff;}
.mySwiper001 .circle span{width: 10px;height: 10px;background: #4d4d4d;border-radius: 50%;display:block;position:absolute;top:50%;margin-top: -5px;left: 50%;margin-left: -5px;}
.mySwiper002 .tpp img{width: 100%;height: 100%;object-fit: cover;}
.mySwiper002 .swiper-slide{position: relative;}
.mySwiper002 .text{position: absolute;left: 0;top: 0;width: 100%;}
.mySwiper002 .year{padding-top: 80px;}
.mySwiper002 .year p{color: #fff;font-size: 26px;line-height: 38px;}
.number-shuzi2 h6{font-size: 48px;color: #fff;font-family: impact;font-weight: bold;display: inline-block;position: relative;}
.number-shuzi2 li{margin: 0 5%;width: 20%;display: inline-block;text-align: center;position: relative;}
.number-shuzi2 li span{font-size: 18px;display: block;
    color: #fff;
    position: absolute;
    bottom:34px;left: 50%;margin-left:50px;text-align: right;}
.number-shuzi2{padding: 54px 0 0px 0;}
.number-shuzi2 li p{color:#fff;font-size: 15px; margin-top:10px;}
.number-shuzi2 li:nth-child(3) span{margin-left: 36px;}
.mySwiper001{padding-bottom: 20px;}
.mySwiper001 .line{position: absolute;width: 100%;height: 1px;background: #ccc;left: 0;bottom: 20px;}
.history01{margin-top: 50px;}
.mySwiper001 .swiper-slide.swiper-slide-thumb-active p{color: #f0c424;}
.mySwiper001 .swiper-slide.swiper-slide-thumb-active .circle span{background: #f0c424;}
.mySwiper001 .swiper-button-prev:after,.mySwiper001 .swiper-button-next:after{font-size: 24px;line-height: 36px;text-align: center;color: #fff;width: 36px;height: 36px;border-radius:50%;background: #ccc;}
.mySwiper001 .swiper-button-next,.mySwiper001 .swiper-button-prev{width: 36px;height: 36px;margin-top:13px;opacity: 1;outline: none;}
.mySwiper001 .swiper-button-next{right: 0}
.mySwiper001 .swiper-button-prev{left: 0;}
.honor{padding:50px 0;}
.honor li{float: left;margin-right: 2%;width:23.5%;position: relative;overflow: hidden;margin-bottom: 30px;}
.honor li:nth-child(4n){margin-right: 0;}
.honor li img{height: 100%;object-fit: cover;transition: all 800ms ease;display: block;margin: 0 auto;}
.honor li .pic{height: 210px;overflow: hidden;position: relative;}
/*.honor li:hover .pic img {transform: scale(1.2);}*/ 
.honor li a p.p01{color: #333;font-size:18px;text-align: center;margin: 25px 0;position: relative;z-index: 1;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;}  
.honor .tabs04{text-align: center;margin: 30px 0 45px 0;}
.honor .tabs04 a{color: #333;font-size: 18px;display: inline-block;height: 32px;line-height: 32px;padding: 0 30px;}
.honor .tabs04 a.move,.honor .tabs04 a:hover{color: #fff;background: #0c429a;}
.join2{padding: 54px 0;clear: both;}
.join2 div h4{display: block;color: #666;font-size: 16px;line-height: 30px;padding-top:22px;padding-bottom: 5px;font-weight: bold;}
.join2 div p{color: #999;font-size: 16px;line-height: 28px;}
.join2 h3{color: #666;font-size:18px;line-height: 60px;}
.accordion-item-active h3{color: #fff;}  
.join2 div p a{color: #0c429a;}
.join{padding: 30px 0 60px 0;}
.map2{position: relative;}
.map2 .map-img2{width: 100%;}
.par-map .parico{position: absolute;cursor: pointer;color: #333;font-size: 16px;}
.par-map .parico em{display: inline-block;position: relative;top: -5px;font-style: normal;}
.par-map .parico .i img{width: 19px;height: 25px;animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;margin-right: 5px;}
/*.par-map .parico .i em{flex: 0 0 16px;display:block;min-width: 16px;height:16px;border-radius: 50%;background:#fff;animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
*/.par-map .parico.a1{top: 34%;left: 15%;}
.par-map .parico.a2{top: 35%;left: 34.5%;}
.par-map .parico.a3{top:46%;left: 31.5%;}
.par-map .parico.a4{top: 62%;left:21%;}
.par-map .parico.a5{top: 31%;right:35.3%;}
.par-map .parico.a6{top: 42.5%;right:44.8%;}
.par-map .parico.a7{top: 62%;left:43.5%;}
.par-map .parico.a8{bottom: 17.8%;left:42%;}
.par-map .parico.a9{top: 34%;right:25.5%;}
.par-map .parico.a10{top: 38%;right:24%;}
.par-map .parico.a11{top: 41%;right:34.7%;}
.par-map .parico.a12{top: 41.6%;right:28%;}
.par-map .parico.a13{top: 45.6%;right:24%;}
.par-map .parico.a14{top: 47.3%;right:39.3%;}
.par-map .parico.a15{top: 51.8%;right:32%;}
.par-map .parico.a16{top: 54.8%;right:19.5%;}
.par-map .parico.a18{top: 63.3%;left: 53.5%;}
.par-map .parico.a19{top: 60%;right:33%;}
.par-map .parico.a19 em{top:4px}
.par-map .parico.a20{top: 55.5%;right:27.5%;}
.par-map .parico.a21{top: 58.7%;right:17.3%;}
.par-map .parico.a22{bottom: 25%;right:42%;}
.par-map .parico.a23{bottom: 24.5%;right:35.8%;}
.par-map .parico.a24{bottom: 23.9%;right:30%;}
.par-map .parico.a25{bottom: 29%;right:22.3%;}
.par-map .parico.a26{bottom: 21%;right:25.7%;}
.par-map .parico.a28 em,.par-map .parico.a26 em,.par-map .parico.a25 em,.par-map .parico.a24 em,.par-map .parico.a23 em,.par-map .parico.a20 em,.par-map .parico.a14 em,.par-map .parico.a11 em,.par-map .parico.a6 em{display: block;left: -5px;}
.par-map .parico.a27{bottom: 14.8%;left:54%;}
.par-map .parico.a28{bottom: 12%;right: 32.5%;}
.par-map .parico.a29{bottom: 2.8%;right:36.2%;}
.par-map .parico.a30{top: 17%;right:6%;}
.par-map .parico.a31{top: 26.3%;right:10.8%;}
.par-map .parico.a32{top: 33%;right:14%;}

.par-map .parico.a33{bottom:10%;right:29.8%;}
.par-map .parico.a34{bottom:8%;right:34%;}
.par-map .parico.a35{bottom:16%;right:22%;}
@keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-moz-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-webkit-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
@-o-keyframes scalemap {0% {transform: scale(0.5)}100% {transform: scale(1.1)}}
.part04{position: relative;margin-top: 45px}
.part4 .sjdt {
    width: 100%;
}
.part4 .ul1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.part4 .ul1 li {
    position: absolute;
    z-index: 6;
    width: 10px;
    height: 10px;
    cursor: pointer;
    transform: translate(-50%, -50%);
    background-color: #f0c424
    border-radius: 50%;
    color: #fff;
    font-size: 20px
}
.part4 .ul1 li i {
    display: block;
    width: 10px;
    height: 10px;
    position: relative;
    transform: scale(0.8);
}
.part4 .ul1 #li1 {
    width: 10px;
    height: 10px;
}
.part4 .ul1 #li1 i::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgb(240,196,36,1);
    animation: gjyy-dh0 3s linear infinite;
}
.part4 .ul1 #li1 i::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgb(240,196,36,1);
    animation: welcome-qqyy-dh0 3s 1.5s linear infinite
}
@keyframes welcome-qqyy-dh0 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    75% {
        opacity: 0.4;
        transform: scale(3);
    }
    100% {
        opacity: 0;
        transform: scale(4);
    }
}
.part4 .ul1 li:nth-of-type(1) {
    top: 40.1%;
    right: 23.2%;
}
.part4 .ul1 li:nth-of-type(2) {
    top: 34%;
    right: 51.7%;
}
.part4 .ul1 li:nth-of-type(3) {
    top: 36%;
    right: 51.9%;
}
.part4 .ul1 li:nth-of-type(4) {
    top: 41.4%;
    right: 44.35%;
}
.part4 .ul1 li:nth-of-type(5) {
    bottom: 38.15%;
    right: 50.9%;
}
.part4 .ul1 li:nth-of-type(6) {
    top: 51.6%;
    right: 39.4%;
}
.part4 .ul1 li:nth-of-type(7) {
    bottom: 35.3%;
    right: 41.42%;
}
.part4 .ul1 li:nth-of-type(8) {
    bottom: 16.4%;
    right: 45.9%;
}
.part4 .ul1 li:nth-of-type(9) {
    top: 47.1%;
    right: 33.4%;
}
.part4 .ul1 li:nth-of-type(10) {
    top: 46.3%;
    right: 29.4%;
}
.part4 .ul1 li:nth-of-type(11) {
    top: 29.1%;
    right: 22.2%;
}
.part4 .ul1 li:nth-of-type(12) {
    top: 40.7%;
    right: 17.1%;
}
.part4 .ul1 li:nth-of-type(13) {
    bottom: 43.6%;
    right: 24.3%;
}
.part4 .ul1 li:nth-of-type(14) {
    bottom: 42.7%;
    right: 22.9%;
}
.part4 .ul1 li:nth-of-type(15) {
    bottom: 40.7%;
    right: 18.4%;
}
.part4 .ul1 li:nth-of-type(16) {
    bottom: 33.6%;
    right: 21.2%;
}


.part4 .ol1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.part4 .ol1 li {
    position: absolute;
    background-size: cover;
    background-position: right top;
}
.part4 .ol1 li:nth-of-type(1) {
    top: 29.6%;
    right: 23.6%;
    width: 28.5%;
    height: 10.6%;
    background-image: url(../images/ll1.png);
    animation: welcome-qqyy-dh1 3.8s infinite
}
@keyframes welcome-qqyy-dh1 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        width:28.5%;
        opacity: 1;
    }
    100% {
        width: 0;
        opacity: 0;
    }
    
}
.part4 .ol1 li:nth-of-type(2) {
    top: 33.5%;
    right: 24.2%;
    width: 28%;
    height: 6.8%;
    background-image: url(../images/ll2.png);
    animation: welcome-qqyy-dh2 4s infinite;
}
@keyframes welcome-qqyy-dh2 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        width: 28%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(3) {
    top: 37.6%;
    right: 23.5%;
    width: 21.5%;
    height: 5%;
    background-image: url(../images/ll3.png);
    animation: welcome-qqyy-dh3 3.8s infinite;
}
@keyframes welcome-qqyy-dh3 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        width: 21.5%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(4) {
    top: 40%;
    right: 24%;
    width: 28%;
    height: 21%;
    background-image: url(../images/ll4.png);
    animation: welcome-qqyy-dh4 3.2s infinite;
}
@keyframes welcome-qqyy-dh4 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        width: 28%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(5) {
    top: 40.2%;
    right: 24%;
    width: 17%;
    height: 11%;
    background-image: url(../images/ll5.png);
    animation: welcome-qqyy-dh5 2.1s infinite;
}
@keyframes welcome-qqyy-dh5 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        height: 11%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(6) {
    top: 40.2%;
    right: 24%;
    width: 10%;
    height: 7%;
    background-image: url(../images/ll6.png);
    animation: welcome-qqyy-dh6 2s infinite;
}
@keyframes welcome-qqyy-dh6 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        height: 7%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(7) {
    top: 40.6%;
    right: 23.8%;
    width: 18.5%;
    height: 24%;
    background-image: url(../images/ll7.png);
    animation: welcome-qqyy-dh7 4s infinite;
}
@keyframes welcome-qqyy-dh7 {
    0% {
        width: 0;
        opacity: 0;
    }
    80% {
        height: 24%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(8) {
    top: 40.3%;
    right: 24%;
    width: 6%;
    height: 6%;
    background-image: url(../images/ll8.png);
    animation: welcome-qqyy-dh8 3s infinite;
}
@keyframes welcome-qqyy-dh8 {
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        width: 6%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(9) {
    top: 40.2%;
    right: 23.5%;
    width: 25%;
    height: 41%;
    background-image: url(../images/ll9.png);
    animation: welcome-qqyy-dh9 3s infinite;
}
@keyframes welcome-qqyy-dh9 {
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        width: 25%;
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(10) {
    top: 29%;
    right: 22.7%;
    width: 1.4%;
    height: 11%;
    background-image: url(../images/ll10.png);
    animation: welcome-qqyy-dh10 3s infinite;
}
@keyframes welcome-qqyy-dh10 {
    0% {
    	height:0;
        top:39%;
        right: 23.6%;
        opacity: 0;
    }
    80% {
        height: 11%;
        top:29%;
        right: 22.7%;
        opacity: 1;
    }
    100% {
        top:41%;
        height:0;
        right: 24%;
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(11) {
    top: 39.8%;
    right: 18%;
    width: 6%;
    height: 1.3%;
    background-image: url(../images/ll11.png);
    animation: welcome-qqyy-dh11 3.5s infinite;
}
@keyframes welcome-qqyy-dh11 {
    0% {
        width: 0;
        right:23.5%;
        top:39.15%;
        opacity: 0;
    }
    80% {
        width: 6%;
        right: 18%;
        top: 39.8%;
        opacity: 1;
    }
    100% {
        right:23.5%;
        top:39.15%;
        width:0;
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(12) {
    top: 39.3%;
    right: 18.3%;
    width: 6%;
    height: 20%;
    background-image: url(../images/ll12.png);
    animation: welcome-qqyy-dh12 2s infinite;
}
@keyframes welcome-qqyy-dh12{
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        height: 20%;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(13) {
    top: 39.2%;
    right: 22%;
    width: 2.3%;
    height: 26.6%;
    background-image: url(../images/ll13.png);
    animation: welcome-qqyy-dh13 2.4s infinite;
}
@keyframes welcome-qqyy-dh13{
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        height: 26.6%;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(14) {
    top: 39.2%;
    right: 23.4%;
    width: 0.81%;
    height: 16%;
    background-image: url(../images/ll14.png);
    animation: welcome-qqyy-dh14 2s infinite;
}
@keyframes welcome-qqyy-dh14{
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        height: 16%;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
.part4 .ol1 li:nth-of-type(15) {
    top: 39.2%;
    right: 24%;
    width: 1%;
    height: 16%;
    background-image: url(../images/ll15.png);
    animation: welcome-qqyy-dh15 4s infinite;
}
@keyframes welcome-qqyy-dh15{
    0% {
        height: 0;
        opacity: 0;
    }
    80% {
        height: 16%;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
.round-loope {
	border-radius: 75px;
	border: 5px solid #F0F0F0;
}

.common3{padding: 30px 0 10px 0;/*margin-top: 60px;*/}
.common-3{margin-top: 56px;position: relative;}
.common3 .icon {
  background-image: url("../images/icon.png");
  display: inline-block;
  vertical-align: middle;
}
.common3 .swiper-slide {
  background: #fff;
}
.common3 .left {
  width: 42.8%;
  position: relative;
  overflow: hidden;
  float: left;
}
.common3 .left img {
  width: 100%;
  display: block;
}
.common3 .right {
  width: 57.2%;
  padding-left: 5%;
  box-sizing: border-box;
  padding-right: 4%;
  padding-top: 10px;
  float: right;
  height:320px;
}
.common3 .right h3 {
  font-size: 24px;
  margin-top: 36px;
  margin-bottom: 10px;
}
.common3 .right h3 i {
  width: 24px;
  height: 24px;
  background-position: -108px -103px;
  margin-right: 10px;
}
.common3 .right p {
  margin-bottom: 30px;
  padding-top:15px;
  line-height: 28px;
  color: #666;
  font-size:15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
   /* -webkit-line-clamp: 5;
    text-overflow: ellipsis;*/
}
.common3 .right h3:nth-child(3) i {
  background-position: -137px -103px;
}
.common3 .right h3:nth-child(5) i {
  background-position: -167px -103px;
}
.common3 .left::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 500px;
  top: 0;
  left: -250px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  transform: skewX(-32deg);
  opacity: 0;
}
.common3 .swiper-slide:hover .left::before {
  -webkit-transition: left 15s;
  -moz-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  left: 150%;
  opacity: 1;
}
.common3 .swiper-button-next,.common3 .swiper-button-prev{color: #fff;width: 70px;height: 70px;background: #0b439a;}
.common3 .swiper-button-next{right: -35px;}
.common3 .swiper-button-prev{left: -35px;}
.common3 .swiper-button-disabled{opacity: 1;}
.common3 .swiper-button-next:after,.common3 .swiper-button-prev:after{font-size: 26px;}

/* -- 翻页效果 -- */ 
.apage { height:31px; line-height:30px;padding:0 5px 0px 27px; margin-top:10px; text-align:center; }
.apage a { border:1px solid #c5c5c5; padding:5px 10px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .page-num-current { border:1px solid #D5D5D5;background-color:#21478b   ; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
.apage .cust_txt { float:left; display:none;}

/*3.15*/
.honor li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.honor li:hover img{transform: scale(1.1);}
.honor li a .text{ display:flex;justify-content:center;font-size: 16px;color: #fff;-webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);text-align: center;}
.honor li:hover a .text{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.honor li .pic{position: relative;}
.honor li a .text p{align-self:center;}
.honor li:hover a .p01{/*display: none;*/}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #E2E2E2;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.solution-detail{max-width: 1200px;margin: 0 auto;}
.list-list{padding: 45px 0;}
.list-list li{border-bottom: 1px solid #dfdfdf;padding: 26px 0;}
.list-list li a h3{color: #333;font-size: 16px;margin-bottom: 10px;line-height: 28px;transition: all 0.3s;}
.list-list li a p{color: #999;font-size: 14px;line-height: 24px;}
.list-list li:hover a h3{color: rgba(33,71,139,1);}