.tlogo mip-img{width: inherit;}
.ibanner{width: 100%; overflow: hidden; position: relative;}
.ibanner .mip-carousel-indicator-wrapper{position: absolute; bottom: 10px; left: 0; width: 100%;}
.ibanner .mip-carousel-indicator-wrapper .mip-carousel-indicatorDot{margin: 0 auto; display: inline-block;}
.ibanner .mip-carousel-indicatorDot .mip-carousel-indecator-item{background: #fff;opacity: 0.8;}
.ibanner .mip-carousel-indicatorDot .mip-carousel-activeitem{opacity:1; width: 12px; border-radius: 6px;}
.ibanner .mip-carousel-nextBtn, .ibanner .mip-carousel-preBtn{opacity: 0.5;}  
.ibanner .mip-carousel-nextBtn:hover, .ibanner .mip-carousel-preBtn:hover{opacity: 1;}  
.ibanner .mip-carousel-preBtn{background-position: 20% 45%;}  
.ibanner .mip-carousel-nextBtn{background-position: 80% 45%;}

.bgf5{background: #f8f8f8;}
.abouttxt{margin: 30px auto 0; line-height: 28px; text-align: center; width: 90%;}
.nabouttxt{margin: 30px 0 0; line-height: 28px;}
.aboutui{width: 100%; overflow:hidden; margin-top:30px;}
.aboutui ul{width: 105%;}
.aboutui li{float: left; width: 20%; margin:20px 5% 0 0; text-align: center; position: relative;}
.aboutui li .mip-replaced-content{min-width:initial; width: initial;}
.aboutui li h2{font-size: 64px; font-weight:bold; color: #f84; font-family: arial black; line-height: 140%; margin-top:10px;}
.aboutui li h3{font-size: 18px; letter-spacing: 1px; height: 30px; line-height: 30px; padding: 10px 0 20px; position: relative; }
.aboutui li h3 i{position: absolute; bottom: 0; left: 50%; margin-left: -20px; display: block; width: 40px; height: 4px; background: #f84;}
.aboutui li p{color: #888; line-height: 30px; margin-top:20px;}
.aboutui li:hover h2{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}

.proct{border-top: 1px #e1e1e1 solid;}
.product{width: 100%; overflow:hidden; margin-top:10px;}
.product ul{width: 102%;}
.product li{width: 31.33%; float: left; margin:30px 2% 0 0; display: inline-block; position: relative;}
.product li h1{position: relative; width: 100%; overflow:hidden;}
.product li h2{font-size: 20px; margin-top:15px; height: 30px; line-height: 30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.product li p{color: #888; height: 26px; line-height: 26px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.product li h2, .product li p{transition: all 0.6s ease 0s; margin-left: 0;}
.product li:hover h2, .product li:hover p{margin-left: 15px;}
.product li h1 img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.product li:hover h1 img {transform: scale(1.2, 1.2)}
.product li h1 i {width:100%;height:0;background-color:rgba(0,51,160,0.8);position:absolute;top:0px;opacity:0;transition:all 0.3s ease 0s; display: block; z-index: 1;}
.product li:hover h1 i {height:100%;opacity:1;}

.product li h1::before {content:'';width:22px;height:2px;line-height:40px;margin-left:-10px;top:0;background:#fff;display:inline-block;position:absolute;left:50%;z-index:10;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;opacity:0;}
.product li h1::after {content:'';width:2px;height:22px;line-height:40px;left:50%;margin-top:-10px;background:#fff;display:inline-block;position:absolute;top:0;left:50%;z-index:10;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;opacity:0;}
.product li:hover h1::after {top:50%;opacity:1;}
.product li:hover h1::before {top:50%;opacity:1;}


.ysbg{background: #449ce7;}
.ysbg .ctitle, .ysbg .ctit_t{color: #fff;}
.yscont{width: 100%; margin-top:20px; overflow: hidden; position: relative;}
.yscont ul{width: 102%;}
.yscont li{width: 44%; position: relative; float: left; margin:25px 2% 0 0; display: inline-block; background: #fff; border-radius: 10px 0 10px 0; padding: 20px 2%;-webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.yscont li:hover{transform:translateY(-8px); -ms-transform:translateY(-8px); -webkit-transform:translateY(-8px);}
.yscont li span{width: 68%; float: left; display: inline-block;}
.yscont li em{float: right; width: 26%;}
.yscont li span i, .yscont li span b{width: 100%; overflow:hidden; display: block;}
.yscont li span i{line-height: 30px; font-size: 20px; height: 30px; text-overflow: ellipsis; white-space: nowrap;}
.yscont li span b{color: #888; line-height: 22px; height: 66px; font-weight: normal; margin-top:10px;}

.news{width: 100%; overflow:hidden; margin-top:20px; position: relative;}
.news ul{width: 104%;}
.news li{width: 29.33%; position: relative; float: left; margin:30px 4% 0 0; display: inline-block;-webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.news li h1{font-size: 25px; font-family: arial; color: #666;}
.news li h2{font-size: 16px; margin-top:10px; height: 30px; line-height: 30px; width: 100%; overflow:hidden;}
.news li p{color: #888; margin-top:10px; line-height: 24px; height: 48px; overflow:hidden;}
.news li h3{margin-top:30px;}
.news li h3 span{font-size: 20px; color: #fff; background: #00a7fe; width: 36px; height: 36px; height: 36px; border-radius: 36px; line-height: 36px; display: inline-block; text-align: center;transition: all 0.6s ease 0s;}
.news li:hover h3 span{width: 100px;}
.news li:hover{transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}

.case{width: 100%; overflow:hidden; margin-top:10px;}
.case ul{width: 102%}
.case li{width: 23%; float: left; margin:25px 2% 0 0; display: inline-block; position: relative; overflow:hidden; padding-bottom: 45px; cursor: pointer;}
.case li h2{position: absolute; left: 0; bottom: 0; right: 0; padding:15px 15px 0; background: #fff; transition: all .36s ease;}
.case li h2 span, .case li h2 em{width: 100%; overflow:hidden; display: block; text-align: center;transition: all .36s ease;}
.case li h2 span{height:30px; line-height:30px; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.case li h2 em{height: 0; line-height: 25px; color: #888;}
.case li:hover h2{padding:25px 15px;}
.case li:hover h2 span{color: #00a7fe;}
.case li:hover h2 em{height: 50px; margin-top:15px; }
.case li img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.case li:hover img {transform: scale(1.2, 1.2)}
.case li:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}

.morebox{width:100%; overflow:hidden; display:block; text-align:center;}
.index_more{width:295px; height:52px; border:1px #d3d3d3 solid; text-align:left; border-radius:54px; display:inline-block; margin:50px auto 0; text-indent:122px; line-height:52px; color:#00a7fe; font-size:18px; transition:all 0.3s ease-out 0s;}
.index_more i{padding-left:10px; transition:all 0.3s ease-out 0s; filter:alpha(Opacity=0); -moz-opacity:0; opacity: 0;}
.index_more:hover{background:#00a7fe; color:#fff; border:1px #00a7fe solid; text-indent:110px;}
.index_more:hover i{filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.index_more.zxbtn{text-indent:112px;}
.index_more.zxbtn:hover{text-indent:100px;}

.ctmenu{width: 100%; overflow:hidden; text-align: center; font-size: 15px;}
.ctmenu a{line-height: 40px; display: inline-block; padding: 0 20px; margin:0 10px 10px; background: #e6e6e6;}
.ctmenu a.on{background: #00a7fe; color: #fff;}

.help_nltop{border-bottom:1px #e1e1e1 solid; padding-bottom:20px;}
.help_nltop h2{font-size:28px; color:#555; line-height:40px;}
.help_nltop p{font-size:14px; color:#999;}
.help_nltxt{padding:30px 0; width:100%; overflow:hidden; color:#666; font-size:14px; line-height:30px;}
.help_nlbot{width:100%; overflow:hidden; padding:30px 0;border-top:1px #e1e1e1 solid; margin-top:20px;}
.help_nlbot a{line-height:40px; border-radius:40px; border:1px #e4eaec solid; color:#76838f; padding:0 25px; display:inline-block; font-size:14px;}
.help_nlbot a:hover{background:#00a7fe; color:#fff;}

.aboutui.colfff{margin-top:0;}
.aboutui.colfff li h2, .aboutui.colfff li h3, .aboutui.colfff li p{color: #fff;}
.aboutui li h3 i{background: #fff;}

.ld_list{width: 100%; position: relative;}
.ld_list ul{width: 105%;}
.ld_list li{float: left; position: relative; width: 45%; margin:60px 5% 0 0;-webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.ld_list li:hover{transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.ld_list li .ldimg{float: left; width: 120px; height: 120px; border-radius: 120px; overflow: hidden; display: block; text-align: center; display: flex; justify-content: center; align-items: Center;}
.ld_list li .ldui{padding-left: 150px; display: block; line-height: 24px;}
.ld_list li .ldui em, .ld_list li .ldui b, .ld_list li .ldui i{width: 100%; overflow: hidden; display: block;}
.ld_list li .ldui em{font-size: 20px; margin-top: 2px;}
.ld_list li .ldui b{font-style: normal; font-weight: normal; margin-top: 15px; height: 48px; color: #999;}
.ld_list li .ldui i{ margin-top:5px; color: #555;}

.kyyj_ct{width: 100%; overflow: hidden; margin-top:20px;}
.kyyj_ct ul{width: 102.5%;}
.kyyj_ct li{float: left; position: relative; width: 30.5%; margin:30px 2.5% 0 0; display: inline-block;line-height: 24px; box-sizing: border-box;}
.kyyj_ct li span, .kyyj_ct li em, .kyyj_ct li b{display: block; overflow: hidden;}
.kyyj_ct li span{text-align: center; display: flex; justify-content:center;align-items:Center;background: #fff;}
.kyyj_ct li em{width: 90%; margin:0 auto;font-size: 16px; height: 24px; margin-top: 15px; overflow: hidden; text-align: center;}
.kyyj_ct li span img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.kyyj_ct li:hover span img {transform: scale(1.2, 1.2)}

.cat_hd{background:url(../images/lxico.png) no-repeat center top; height:92px; line-height:20px;margin-top:10px; color:#00a7fe; padding-top:18px; font-size:16px; text-align: center;}
.cat_bd{line-height: 24px;}
.cat_bd img{min-width: initial; width: 128px;}
.cat_bd p{margin-top:10px; text-align: center;}
.modbottom{display: none;}
.page{width: 100%; overflow: hidden; margin-top:50px; line-height: 36px; text-align: center;}
.page a, .page em, .page span{display: inline-block; padding:0 13px; margin: 0 2px 5px;}
.page a{background: #f6f6f6;}
.page input{margin:0 3px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none; background: #f6f6f6;}
.page button{width: 62px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none;background: #f6f6f6; cursor: pointer;}
.page button:hover, .page a.on{background: #00a7fe; color: #fff;}

@media screen and (max-width: 768px){
  .banner .mip-carousel-nextBtn, .banner .mip-carousel-preBtn{background-size: 16px 16px;}

  .abouttxt, .nabouttxt{width: 100%; margin-top:15px;}
  .aboutui{margin-top:15px;}
  .aboutui li{width: 45%;}
  .aboutui li h2{font-size: 35px;}
  .aboutui li h3{font-size: 18px; padding: 5px 0 10px;}
  .aboutui li p{line-height: 22px; height: 66px; margin-top:10px;}
  .aboutui li h3 i{height: 2px; width: 30px;margin-left:-15px;}

  .product ul{width: 103%;}
  .product li{width: 47%; margin:15px 3% 0 0;}
  .product li h2{font-size: 17px; margin-top:8px; height: 24px;  line-height: 24px;}

  .yscont ul{width: 100%;}
  .yscont li{width: 92%; margin:10px 0 0; padding: 15px 4%;}
  .yscont li span i{font-size: 18px;}
  .yscont li span b{margin-top:5px;}

  .case ul{width: 103%;}
  .case li{width: 47%; margin:15px 3% 0 0; padding-bottom: 35px;}
  .case li h2{padding: 10px 10px 0;}
  .case li h2 span{font-size: 15px; height: 25px; line-height: 25px;}
  .case li h2 em{line-height: 20px;}
  .case li:hover h2{padding: 15px 10px;}
  .case li:hover h2 em{margin-top:6px; height: 40px;}

  .news ul{width: 100%;}
  .news li{width: 100%; margin:0 0 0; padding: 10px 0;}
  .news li h2, .news li p{margin-top:5px;}
  .news li h3{margin-top:15px; display: none;}
  .news li h3 span{width: 26px; height: 26px; line-height: 26px; font-size: 14px;}

  .index_more{width: 150px; height: 42px; line-height: 42px; font-size: 16px; margin-top:25px;text-indent:52px;}
  .ctmenu a{line-height: 30px; margin:0 5px 10px;}

  .help_nltop h2{font-size:15px; line-height:30px;}
  .help_nltop p{font-size:12px;}
  .help_nltxt{font-size:13px; line-height:26px;}
  .help_nlbot{text-align:center; padding:20px 0; margin:0;}
  .help_nlbot a{float:none; margin-top:8px;}

  .ld_list ul{width: 100%;}
  .ld_list li{width: 100%; margin:30px 0 0;}
  .ld_list li .ldimg{width: 90px; height: 90px; border-radius: 90px;}
  .ld_list li .ldui{padding-left: 110px;}
  .ld_list li .ldui em{margin-top:0; font-size: 18px;}
  .ld_list li .ldui i{margin-top:0;}
  .ld_list li .ldui b{margin-top:8px; line-height: 20px; height:initial;}

  .kyyj_ct{margin-top:10px;}
  .kyyj_ct ul{width: 103%;}
  .kyyj_ct li{float: left; width: 47%; margin:15px 3% 0 0;}
  .modbottom{display: block;}
  .modbotbtn{width: 96%; padding: 10px 2% 10px;}
  .modbotbtn span{display: inline-block;width: 44%; margin:0 3%; height: 42px; line-height: 42px; border-radius: 3px; color: #fff; text-align: center;}
  .botzxbtn{background: #2c2c2c;}
  .bottelbtn{background: #d9241b;}

}
@media screen and (max-width: 480px){  
  .banner{ display: flex; justify-content:center;align-items:Center;}
  .banner mip-img{width:initial; max-width: initial;}
  .banner img{height: 120px; width:initial; max-width: initial;}
}
@media screen and (max-width: 380px){
  .banner img{height: 100px;}
}