.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: .8s;
}
	.shoj{ display:none;}
.jkleft{ width:20%; float:left; height:150px; margin-right:3%;}
	.jkleft img{ width:100%; height:150px;}
	.lolo{ float:left; width:76%; height:180px;}
.cases-box .words-box p span{
	    white-space: normal!important;
}
.erweima{
	font-size: 0!important;
	color:#fff;
}
  .erweima .i{
  	width: 1rem;
  	font-size: 12px;
  	display: inline-block;
  	vertical-align: top;
  	margin:0 .1rem;
  	text-align: center;
  }
   .erweima .i .words{
   	margin-top: .1rem;
   	color:#fff!important;
   }

.bocweb-header.fixed{
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  z-index: 200;
}


.bocweb-footer .footer-box{
	width: 90%;
	padding-left: 60px;
	padding-right: 60px;
}
.bocweb-header .header-right .bocweb-a{
	float: right;
}
body.as .top-buck{
  position: fixed;
  z-index: 210;
}
.wel2-box.jh .anniu-top{
	padding:0!important;
	width:0!important;
	height: 0!important;
	position: static!important;
}
.wel2-box.jh .anniu-top .swiper-button-prev{
	left:3%!important;
}
.wel2-box.jh .anniu-top .swiper-button-next{
	right:3%!important;
}
.results-items{
	padding-bottom: 60px;
}
.captcha_ok{
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;

}
.bocweb-footer .bocweb-footer-contact .nav a{
  color:#fff;
  transition:.5s ease-in-out;

}
.bocweb-footer .bocweb-footer-contact .nav a:hover{
  color:#666;
  transition:.5s ease-in-out;
}
.bocweb-footer .bocweb-footer-contact .nav .nav-bot{
  margin-top: 15px;
}
.bocweb-footer .bocweb-footer-contact .nav .nav-bot a{
  display: block;
  font-size: 13px;
  line-height: 2;
  color:rgba(255,255,255,.5);

}
.bocweb-footer .bocweb-footer-contact .nav .nav-bot a:hover{
  color: #fff;
}
.wel-con #fp-nav ul li,.wel-con  .fp-slidesNav ul li{
	height: 20px;
}
.wel2-box .anniu-top .items{
	display: block;
}
.wel-con .ttop{
	display: block;
}
.wel2-box .gallery-thumbs .swiper-slide-active a{
	color:#333;
}
.ttop{
	width:60px;
    height:60px;
    background: url(../images/top.png) #de021d  no-repeat center;
    background-size: 60%;
    position: fixed;
    right: 0;
    bottom: 50px;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 40;
    display: none;
    /*animation: top 1s infinite linear .5s alternate;*/

}
.wel2-box .gallery-thumbs a{
	color:#999;
}

.join-form .form-top .select input{
	border:none;
	background:none;
	outline: none;
	width: 100%;
	height: 100%;
	transition:.5s ease-in-out;
}
.join-form .form-top .select input:hover{
	background:#de021d;
	transition:.5s ease-in-out;
	color:#ffffff;
}


.animate.secwen {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}
.join-03{
    background:#ffffff;
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.m-header {
  /*height:45px;*/
  width: 100%;
  background: #ffffff;
}
.m-header.cur {
  position: absolute;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 4;
  height: 60px;
  z-index: 25;
}

.m-header .welcome-a {
  float: left;
  width: 100px;
  height: 100%;
  line-height: 48px;
  position: relative;
      background: #fff;
    border-right: 1px solid #eee;
}

.m-header .welcome-a img {
  max-height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
  position: absolute;
  right: 17px;
  top: 50%;
  width: 31px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -18px;
}

.m-header .sub-menu .sec-list a.o {
  padding: 0;
}

.m-header .sub-menu .sec-list {
  padding: 10px 0;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-li {
  padding: 0 60px;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-li.active .sec-litop span {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 60%;
}

.sec-litop {
  position: relative;
  padding: 5px 0;
  box-sizing: border-box;
}
.sec-litop span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 28px;
  width: 28px;
  margin-right: 12px;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 60%;
}
.sec-litop a {
  color: #ffffff;
}

.sec-libot {
  padding: 10px 0;
  box-sizing: border-box;
  display: none;
}
.sec-libot a {
  padding: 0 10px;
  box-sizing: border-box;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #de021d;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 6px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 16px;
}

.m-header .nav-btn .line3 {
  bottom: 1px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.ovh .m-header .w-header {
  background: #333;
}
.ovh .m-header .nav-btn .line {
  background: #ffffff;
}
.ovh .icon-sousuo {
  display: none;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 60px;
  box-sizing: border-box;
  /*background-color: rgba(255, 255, 255, 1);*/
  background: #222;
  z-index: 12;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 40px;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  display: none;
}

.m-header .sub-menu ul {
  padding-top: 50px;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  box-sizing: border-box;
}

.m-header .sub-menu li.bocweb-submenu.bot .tu-box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.m-header .sub-menu li.bocweb-submenu.bot .tu-box .tit1 {
  font-size: 13px;
  color: #a1b3d2;
  line-height: 24px;
}

.m-header .sub-menu .sec-list a {
  padding: 0 60px;
  color: #fff;
  display: block;
  box-sizing: border-box;
}

.bocweb-header.ff {
  background: #ffffff;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #fff;
}

.bocweb-header {
  line-height: 90px;
  height: 90px;
  z-index: 10;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.bocweb-header input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.bocweb-header .bocweb-logo {
  width: 180px;
  overflow: hidden; margin-left:20px;
  height: 90px; margin-top:20px;
  transition: .5s ease-in-out;
}
.bocweb-header .bocweb-logo img {
  display: block;
}
.bocweb-header .bocweb-logo:hover {
  opacity: .9;
  transition: .5s ease-in-out;
}
.bocweb-header .bocweb-button {
  width: 90px;
  height: 90px;
  background: url(../images/button-active.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.bocweb-header .bocweb-button:hover {
  background: url(../images/button.png) #fff no-repeat center;
  background-size: 100%;
}
.bocweb-header.active {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}
.bocweb-header.static {
  position: static;
}
.bocweb-header.cur .bocweb-logo {
}
.bocweb-header.cur .bocweb-button {
  background: url(../images/button.png) #fff no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.bocweb-header.cur .bocweb-button:hover {
  background: url(../images/button-active.png) #de021d no-repeat center;
  background-size: 100%;
}
.bocweb-header .header-right {
  padding-right: 60px;
  box-sizing: border-box;
}
.bocweb-header .header-right input {
  border: none;
  outline: none;
  background: none;
}
.bocweb-header .header-right .bocweb-input {
  width: 170px;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.bocweb-header .header-right .bocweb-input input[type=text] {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.bocweb-header .header-right .bocweb-input input[type=submit] {
  width: 12px;
  height: 14px;
  background: url(../images/bocweb-search.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  text-indent: -999px;
}
.bocweb-header .header-right .bocweb-input, .bocweb-header .header-right .bocweb-a, .bocweb-header .header-right .yuyan {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.bocweb-header .header-right .yuyan {
  margin-left: 50px;
}
.bocweb-header .header-right .yuyan a {
  display: inline-block;
  width: 50px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  transition: .5s ease-in-out;
}
.bocweb-header .header-right .yuyan a:hover {
  color: #fff;
  border-color: #fff;
  transition: .5s ease-in-out;
}
.bocweb-header .header-right .bocweb-a {
  font-size: 16px; font-weight:bold;
  margin-left: 0px;
}
.bocweb-header .header-right .bocweb-a a {
  transition: .5s ease-in-out;
}
.bocweb-header .header-right .bocweb-a a:hover {
  color: #990315;
  transition: .5s ease-in-out;
}
.bocweb-header .header-right .bocweb-a a, .bocweb-header .header-right .bocweb-a span {
  display: inline-block;
  vertical-align: middle; 
  color: #c4031b;
}
.bocweb-header .header-right .bocweb-a span {
  margin: 0 20px;
}
.bocweb-header.on .header-right .bocweb-input input[type=text] {
  border-bottom: 1px solid #cccccc;
}
.bocweb-header.on .header-right .bocweb-input input[type=submit] {
  background: url(../images/bocweb-search2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.on .header-right .bocweb-input, .bocweb-header.on .header-right .bocweb-a, .bocweb-header.on .header-right .yuyan {
  color: #222222;
}
.bocweb-header.on .header-right .yuyan a {
  border: 1px solid #8d8d8d;
  color: #3b3b3b;
}
.bocweb-header.on .header-right .yuyan a:hover {
  color: #de021d;
  border-color: #de021d;
}
.bocweb-header.on .header-right .bocweb-a a:hover {
  color: #de021d;
}
.bocweb-header.on .header-right .bocweb-a a, .bocweb-header.on .header-right .bocweb-a span {
  color: #f30825;
}
.bocweb-header.on .header-right .bocweb-a span {

}
.bocweb-header.on input::-webkit-input-placeholder {
  color: #666666;
}

.bocweb-footer {
  height: 380px;
  background: #1b1b1b;
}
.bocweb-footer .footer-top {
  padding-bottom: 90px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.1);
}
.bocweb-footer .footer-bot {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  padding-top: 30px;
  padding-bottom: 80px;
  box-sizing: border-box;
}
.bocweb-footer .footer-bot a {
  color: #666666;
  transition: .5s ease-in-out;
}
.bocweb-footer .footer-bot a:hover {
  transition: .5s ease-in-out;
  color: #fff;
}
.bocweb-footer .footer-box {
  padding-top: 65px;
  box-sizing: border-box;
}
.bocweb-footer .bocweb-footer-logo {
  width: 180px;
  height: 90px;
}
.bocweb-footer .bocweb-footer-contact .nav {
  float: left;
  color: #fff;
  font-size: 16px;
  transition: .5s ease-in-out;
}
.bocweb-footer .bocweb-footer-contact .nav:hover {
  color: #1d3891;
  transition: .5s ease-in-out;
}
.bocweb-footer .bocweb-footer-contact .nav:nth-child(n+2) {
  /*margin-left: 70px;*/
  margin-left: .7rem;
}

.wel-con .banner .swiper-pagination {
  bottom: 60px;
}
.wel-con .banner .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #abadc3;
  transition: .5s ease-in-out;
  opacity: 1;
  border-radius: 0;
}
.wel-con .banner .swiper-pagination .swiper-pagination-bullet:hover, .wel-con .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  transition: .5s ease-in-out;

}
.wel-con .banner .items {
  position: relative;
  display: block;
}
.wel-con .banner .items .words-box {
  position: relative;
  height: 100%;
}
.wel-con .banner .items .words {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  padding-top: 100px;
  box-sizing: border-box;
}
.wel-con .banner .items .words .cbig {
  line-height: 70px;
}
.wel-con .banner .items .words .csm {
  line-height: 24px;
  margin-top: 35px;
  height: 24px;
  margin-bottom: 65px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.wel-con .banner .items .words-bot {
  border: 1px solid #8f929d;
  box-sizing: border-box;
  position: absolute;
  bottom: 80px;
  width: 100%;
}
.wel-con .banner .items .words-bot .items0 {
  float: left;
  width: 25%;
  padding-left: 115px;
  box-sizing: border-box;
  height: 120px;
  position: relative;
  transition: .5s ease-in-out;
}
.wel-con .banner .items .words-bot .items0:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 45px;
  background: rgba(255, 255, 255, 0.8);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-con .banner .items .words-bot .items0:nth-child(1):after {
  display: none;
}
.wel-con .banner .items .words-bot .items0:hover {
  background: #ffffff;
  transition: .5s ease-in-out;
}
.wel-con .banner .items .words-bot .items0:hover .i .i0 {
  opacity: 0;
}
.wel-con .banner .items .words-bot .items0:hover .i .i1 {
  opacity: 1;
}
.wel-con .banner .items .words-bot .items0:hover .i img {
  transition: .5s ease-in-out;
}
.wel-con .banner .items .words-bot .items0:hover .tit .tit0 .t0 {
  color: #222222;
}
.wel-con .banner .items .words-bot .items0:hover .tit .tit0 .t1 {
  color: #666666;
}
.wel-con .banner .items .words-bot .items0 .tit {
  line-height: 120px;
}
.wel-con .banner .items .words-bot .items0 .tit .tit0 {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}
.wel-con .banner .items .words-bot .items0 .tit .tit0 .t0 {
  color: #fff;
  font-size: 18px;
}
.wel-con .banner .items .words-bot .items0 .tit .tit0 .t1 {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 8px;
}
.wel-con .banner .items .words-bot .items0 .i {
  position: absolute;
  width: 45px;
  height: 45px;
  left: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-con .banner .items .words-bot .items0 .i img {
  transition: .5s ease-in-out;
}
.wel-con .banner .items .words-bot .items0 .i .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.wel-more {
  display: inline-block;
  padding-left: 30px;
  font-size: 18px; font-weight:bold;
  color: #ffffff;
  width: 242px;
  line-height: 50px;
  height: 52px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 15px;
  position: relative;
  transition: .5s ease-in-out;
}
.wel-more:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  right: 20px;
  background: url(../images/i0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.wel-more.on {
  background: #c4021a;
  color: #fff;
}
.wel-more.on:hover {
  background: #c4021a;
  color: #ffffff;
}
.wel-more.on:hover:after {
  right: 25px;
  background: url(../images/i0.png) no-repeat center;
  background-size: 100%;
}
.wel-more:hover, .wel-more.active {
  border-color: #ffffff;
  background: #fff;
  color: #222222;
  transition: .5s ease-in-out;
}
.wel-more:hover:after, .wel-more.active:after {
  transition: .5s ease-in-out;
  background: url(../images/i1.png) no-repeat center;
  background-size: 100%;
}

@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
img {
  max-width: 100%;
}

body {
  overflow: hidden;
  font-size: 16px;
  color: #222222;
  line-height: 1.6;
}

@font-face {
  font-family: 'iconfont';
  src: url("cfont/iconfont.eot");
  src: url("cfont/iconfont.eot?#iefix") format("embedded-opentype"), url("cfont/iconfont.woff2") format("woff2"), url("cfont/iconfont.woff") format("woff"), url("cfont/iconfont.ttf") format("truetype"), url("cfont/iconfont.svg#iconfont") format("svg");
}
.w960 {
  width: 950px;
  margin: 0 auto;
}

.iconfont {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wel2-box .i50 {
  float: left;
  height: 100%;
  position: relative;
}
.wel2-box .images-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 25%;
  padding-top: 16%;
  box-sizing: border-box;
  transition: .5s ease-in-out;
  color: #fff;
  z-index: 0;
}
.wel2-box .images-items:after {
  width: 12px;
  height: 25px;
  position: absolute;
  content: "";
  right: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel2-box .images-items.images-items1:after {
  background: url(../images/j4.png) no-repeat center;
  background-size: 100%;
}
.wel2-box .images-items.images-items2:after {
  background: url(../images/j6.png) no-repeat center;
  background-size: 100%;
}
.wel2-box .images-items.images-items3:after {
  background: url(../images/j5.png) no-repeat center;
  background-size: 100%;
}
.wel2-box .images-items.active {
  opacity: 1;
  z-index: 2;
  transition: .5s ease-in-out;
}
.wel2-box .images-items.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.wel2-box .images-items .num {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 60px;
}
.wel2-box .images-items .num span {
  display: inline-block;
}
.wel2-box .images-items .num .s1 {
  margin: 0 5px;
}
.wel2-box .images-items .num .s2 {
  font-size: 30px;
  position: relative;
  top: 12px;
}
.wel2-box .images-items .en {
  font-size: 36px;
  line-height: 1.3;
}
.wel2-box .images-items .cn {
  font-size: 42px;
  line-height: 1;
  margin-top: 20px;
}
.wel2-box .images-items .line {
  width: 230px;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.wel2-box .images-items .img {
  width: 70px;
  height: 70px;
}
.wel2-box .images-items .p {
  width: 440px;
  max-width: 80%;
  line-height: 30px;
  height:auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 70px;
}
.wel2-box .images-items .mores {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  width: 242px;
  line-height: 50px;
  height: 52px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: .5s ease-in-out;
}
.wel2-box .images-items .mores span, .wel2-box .images-items .mores i {
  display: inline-block;
  vertical-align: middle;
}
.wel2-box .images-items .mores i {
  width: 8px;
  height: 14px;
  background: url(../images/i0.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
  margin-left: 20px;
}
.wel2-box .images-items .mores:hover, .wel2-box .images-items .mores.active {
  border-color: #fff;
  background: #fff;
  color: #222222;
  transition: .5s ease-in-out;
}
.wel2-box .images-items .mores:hover i, .wel2-box .images-items .mores.active i {
  background: url(../images/i1.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.wel2-box .gallery-thumbs {
  width: 425px;
  text-align: center;
  font-size: 16px;
  color: #999999;
  line-height: 30px;
}
.wel2-box .gallery-thumbs .swiper-slide-active {
  color: #053891;
  font-size: 26px;
}
.wel2-box .anniu-top {
  width: 425px;
  height: 425px;
  margin: 0 auto;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
}
.wel2-box .anniu-top .jk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.wel2-box .anniu-top .jk i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/i14.png) no-repeat center;
  background-size: 100%;
  /*transition:.5s ease-in-out;*/
  opacity: 0;
}
.wel2-box .anniu-top .jk i.active {
  transform: rotate(360deg);
  transition: .8s ease-in-out;
  opacity: 1;
}
.wel2-box .anniu-top .items {
  position: relative;
}
.wel2-box .anniu-top .words {
  position: absolute;
  width: 100%;
  height: 105px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  line-height: 1;
}
.wel2-box .anniu-top .img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.wel2-box .anniu-top .images {
  border-radius: 50%;
  overflow: hidden;
}
.wel2-box .anniu-top .gallery-top {
  position: relative;
  z-index: 3;
}
.wel2-box .anniu-top .swiper-button-prev, .wel2-box .anniu-top .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #f3f3f3;
  background-color: #f7f7f7;
  transition: .5s ease-in-out;
}
.wel2-box .anniu-top .swiper-button-prev:hover, .wel2-box .anniu-top .swiper-button-next:hover {
  border: 1px solid #053891;
  background-color: #053891;
  transition: .5s ease-in-out;
}
.wel2-box .anniu-top .swiper-button-prev {
  background-image: url(../images/i15.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: -90px;
}
.wel2-box .anniu-top .swiper-button-prev:hover {
  background-image: url(../images/i16.png);
}
.wel2-box .anniu-top .swiper-button-next {
  background-image: url(../images/i17.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  right: -90px;
}
.wel2-box .anniu-top .swiper-button-next:hover {
  background-image: url(../images/i18.png);
}
.wel2-box .anniu-center {
  margin: 25px auto;
  height: 30px;
  width: 1px;
  background: #053891;
}
.wel2-box .right-words {
  padding-top: 90px;
  box-sizing: border-box;
}
.wel2-box .right-words .wel2-tip {
  padding-top: 100px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 16px;
}
.wel2-box .right-words .wel2-tip .cbig {
  font-size: 36px;
  height: 328px;
  overflow: hidden;
  color: #222222;
}
.wel2-box .right-words .wel2-tip .csmil {
  font-size: 16px;
  line-height: 29px;
  height:auto;
  overflow: hidden;
  margin-top: 0px;
  color: #fff;
}

.a-swiper .swiper-button-prev, .a-swiper .swiper-button-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #666;
  transition: .5s ease-in-out;
  margin: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.a-swiper .swiper-button-prev:hover, .a-swiper .swiper-button-next:hover {
  border: 1px solid #de021d;
  transition: .5s ease-in-out;
}
.a-swiper .swiper-button-prev {
  background-image: url(../images/k6.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  left: -215px;
}
.a-swiper .swiper-button-prev:hover {
  background-image: url(../images/k7.png);
}
.a-swiper .swiper-button-next {
  background-image: url(../images/k8.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  right: -215px;
}
.a-swiper .swiper-button-next:hover {
  background-image: url(../images/k9.png);
}
.button-swiper{
	margin-top: 52px;
}
.c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #f3f3f3;
  transition: .5s ease-in-out;
}
.c-swiper .swiper-button-prev:hover, .c-swiper .swiper-button-next:hover {
  border: 1px solid #053891;
  background-color: #053891;
  transition: .5s ease-in-out;
}
.c-swiper .swiper-button-prev {
  background-image: url(../images/i15.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.c-swiper .swiper-button-prev:hover {
  background-image: url(../images/i16.png);
}
.c-swiper .swiper-button-next {
  background-image: url(../images/i17.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.c-swiper .swiper-button-next:hover {
  background-image: url(../images/i18.png);
}

.wel3-box .swiper-container {
  width: 100%;
  height: 100%;
}
.wel3-box .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 268px;
  padding-bottom: 45px;
  box-sizing: border-box;
  cursor: pointer;
  height: 140px;
}
.wel3-box .swiper-slide-active {
  width: 580px;
}
.wel3-box .wel3-top {
  color: #ffffff;
  padding-top: 210px;
  box-sizing: border-box;
}
.wel3-box .wel3-top .swiper-slide-active .items i {
  background: rgba(255, 255, 255, 0.1);
  transition: .5s ease-in-out;
}
.wel3-box .wel3-top .items {
  line-height: 20px;
  position: relative;
  padding-bottom: 20px;
  width: 100%;
}
.wel3-box .wel3-top .items i {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  /*background:rgba(255,255,255,.1);*/
  transition: .5s ease-in-out;
}
.wel3-box .wel3-top .items i:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #dddddd;
  margin: auto;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.wel3-box .wel3-top .line {
  width: 100%;
  position: absolute;
  bottom: 71px;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
}

/**/
.section {
  overflow: hidden;
}

.wel3-box .wel3-bot {
  margin-top: -71px;
  padding-top: 71px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
.wel3-box .wel3-bot-word {
  padding-top: 30px;
  box-sizing: border-box;
  color: #ffffff;
}
.wel3-box .wel3-bot-word .swiper-slide {
  padding: 0 !important;
  height: auto !important;
}
.wel3-box .wel3-bot-word .swiper-slide:last-child .li:after {
  display: none;
}
.wel3-box .wel3-bot-word .cbig {
  line-height: 1;
}
.wel3-box .wel3-bot-word .csmil {
  line-height: 30px;
  width: 650px;
  height: 60px;
  margin-top: 23px;
  overflow: hidden;
  margin-bottom: 50px;
}
.wel3-box .wel3-bot-word .ul {
  margin-top: 100px;
  position: relative;
}
.wel3-box .wel3-bot-word .ul .swiper-button-prev, .wel3-box .wel3-bot-word .ul .swiper-button-next {
  background-color: #f7f7f7;
  display: none;
}
.wel3-box .wel3-bot-word .ul .swiper-button-prev:hover, .wel3-box .wel3-bot-word .ul .swiper-button-next:hover {
  background-color: #053891;
}
.wel3-box .wel3-bot-word .ul .swiper-button-prev {
  left: -100px;
}
.wel3-box .wel3-bot-word .ul .swiper-button-next {
  right: -100px;
}
.wel3-box .wel3-bot-word .ul .li {
  position: relative;
  background: #ffffff;
  transition: .5s ease-in-out;
  position: relative;
  overflow: hidden;
}
.wel3-box .wel3-bot-word .ul .li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 60px;
  background: #eeeeee;
  right: 0;
  top: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  margin: auto;
}
.wel3-box .wel3-bot-word .ul .li:hover {
  background: #de021d;
  transition: .5s ease-in-out;
}
.wel3-box .wel3-bot-word .ul .li:hover img {
  transition: .5s ease-in-out;
}
.wel3-box .wel3-bot-word .ul .li:hover .i0 {
  opacity: 1;
}
.wel3-box .wel3-bot-word .ul .li:hover .i1 {
  opacity: 1;
}
.wel3-box .wel3-bot-word .ul .li:hover:after {
  opacity: 0;
  transition: .5s ease-in-out;
}
.wel3-box .wel3-bot-word .ul .li img {
  transition: .5s ease-in-out;
}
.wel3-box .wel3-bot-word .ul .li .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.wel3-box .wel3-bot-itembox {
  background: #ffffff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 71px;
  box-sizing: border-box;
  display: none;
}
.wel3-box .wel3-bot-itembox .items {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 0;
  opacity: 0;
  /*padding-top:50px;*/
  box-sizing: border-box;
}
.wel3-box .wel3-bot-itembox .items.active {
  opacity: 1;
  opacity: 1;
  transition: .5s ease-in-out;
  z-index: 10;
}
.wel3-box .wel3-bot-itembox .left-images .num {
  font-size: 14px;
  color: #999999;
}
.wel3-box .wel3-bot-itembox .left-images .num .s2 {
  font-size: 30px;
  color: #de021d;
  position: relative;
  top: 12px;
}
.wel3-box .wel3-bot-itembox .left-images .cbig {
  line-height: 1;
  margin-top: 40px;
  margin-bottom: 40px;
}
.wel3-box .wel3-bot-itembox .left-images .csmil {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  height: 60px;
  overflow: hidden;
}
.wel3-box .wel3-bot-itembox .left-images .wel-more {
  margin-top: 60px;
}
.wel3-box .wel3-bot-itembox .right-images {
  width: 530px;
  height: 350px;
  position: relative;
}
.wel3-box .wel3-bot-itembox .right-images .img {
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.wel3-box .wel3-bot-itembox .right-images:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: -20px;
  bottom: -20px;
  background: #eeeeee;
}

.fixed-navigation .bdfx .i-images {
  position: absolute;
  width: 100px;
  height: 120px;
  bottom: -120px;
  left: -40px;
  display: none;
  padding-top: 20px;
  box-sizing: border-box;
}
.fixed-navigation .bdfx a {
  position: relative;
  z-index: 2;
}

.pro-cims04 {
  padding-bottom: 140px;
  box-sizing: border-box;
}

.wel5-box {
  padding-top: 90px;
  box-sizing: border-box;
}
.wel5-box .wel-footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  padding: 0 60px;
  padding-bottom: 58px;
  box-sizing: border-box;
}
.wel5-box .wel-footer a {
  color: rgba(255, 255, 255, 0.8);
  transition: .5s ease-in-out;
}
.wel5-box .wel-footer a:hover {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.wel5-box .item-ul .items {
  width: 350px;
  height: 280px;
  color: #ffffff;
  text-align: left;
  padding: 50px 40px;
  box-sizing: border-box;
  transition: .5s ease-in-out;
}
.wel5-box .item-ul .items.active {
  width: 620px;
  transition: .5s ease-in-out;
}
.wel5-box .item-ul .items .t0 {
  line-height: 1;
  font-size: 20px;
  margin-bottom: 20px;
}
.wel5-box .item-ul .items .t1 {
  line-height: 26px;
  height: 52px;
  font-size: 16px;
}
.wel5-box .item-ul .items .span {
  width: 50px;
  height: 50px;
  background: url(../images/i25.png) no-repeat center;
  background-size: 100%;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  margin-top: 35px;
}
.wel5-box .item-ul .items1 {
  background: rgba(28, 56, 147, 0.9);
}
.wel5-box .item-ul .items2 {
  background: rgba(0, 150, 217, 0.9);
}
.wel5-box .words {
  padding-top: 20px;
  box-sizing: border-box;
  text-align: center;
}
.wel5-box .words .tit {
  font-size: 36px;
  color: #ffffff;
  line-height: 52px;
}
.wel5-box .words .tit span{
  font-size: 30px;
  color: #ffffff;
  line-height: 52px;
}
.wel5-box .words .p-word {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.wel5-box .index-con{
  width: 100%;
  height: 480px;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}
.wel5-box .index-con .index-con-l{
  width: 100%;
}

.wel4-box .wel4-left {
  padding-top: 90px;
  box-sizing: border-box;
}
.wel4-box .wel4-left .wel4-w700 {
  padding-top: 30px;
  padding-right: 150px;
  box-sizing: border-box;
}
.wel4-box .wel4-left .tit {
  font-size: 40px;
  color: #ffffff;
  line-height: 1;
}
.wel4-box .wel4-left .w-bot {
  line-height: 1;
  margin-top: 50px;
  color: #ffffff;
}
.wel4-box .wel4-left .w-bot .t0 {
  font-size: 14px;
}
.wel4-box .wel4-left .w-bot .t1 {
  font-size: 30px;
  line-height: 36px;
  height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 20px;
}
.t1 a{ font-size:18px !important; color:#FFF;}
.t1 a:hover{ color:#F00;}
.wel4-box .wel4-left .w-bot .t2 {
  font-size: 16px;
  height: 56px;
  line-height: 28px;
  width: 490px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
}
.wel4-box .wel4-left .w-bot .t3 {
  margin-top: 65px;
}
.wel4-box .wel4-left .w-bot .t3 .wel-more:hover {
  border-color: #de021d;
  background: #de021d;
  color: #ffffff;
}
.wel4-box .itembox-right .i50 {
  float: left;
  height: 100%;
  display: block;
  position: relative;
}
.wel4-box .itembox-right .i50:hover .p0:after {
  right: 6px;
  transition: .5s ease-in-out;
}
.wel4-box .itembox-right .i50 .c-box {
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  padding: 73px 60px;
  box-sizing: border-box;
}
.wel4-box .itembox-right .i50 .p {
  font-size: 20px;
  line-height: 30px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #ffffff;
  margin-bottom: 30px;
  margin-top: 35px;
}
.wel4-box .itembox-right .i50 .img {
  width: 45px;
  height: 50px;
}
.wel4-box .itembox-right .i50 .time {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
}
.wel4-box .itembox-right .i50 .p0 {
  font-size: 16px;
  line-height: 25px;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  padding-right: 50px;
  box-sizing: border-box;
}
.wel4-box .itembox-right .i50 .p0 .px {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 100%;
}
.wel4-box .itembox-right .i50 .p0:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: 0;
  top: 0;
  background: url(../images/i27.png) no-repeat center;
  transition: .5s ease-in-out;
  background-size: 100%;
}
.wel4-box .itembox-right .itembox-top {
  height: 50%;
}
.wel4-box .itembox-right .itembox-bot {
  height: 50%;
}
.wel4-box .itembox-right .i-word.active .time {
  color: #de021d;
}
.wel4-box .itembox-right .i-word.active .p {
  color: #222222;
}
.wel4-box .itembox-right .i-word.active .p0:after {
  background: url(../images/i28.png) no-repeat center;
  background-size: 100%;
}
.wel4-box .itembox-right .i-word.active .px {
  color: #666666;
}

/**/
.con-banner {
  height: 560px;
  position: relative;
  padding-top: 100px;
  box-sizing: border-box;
}
.con-banner .con-top {
  height: 560px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.con-banner .box-banner {
  width: 1600px;
  height: 680px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.con-banner .box-banner .words {
  padding: 115px 100px;
  box-sizing: border-box;
}
.con-banner .box-banner .words-top {
  padding: 0 100px;
  box-sizing: border-box;
  line-height: 1;
}
.con-banner .box-banner .words-top .w-t01 {
  font-size: 16px;
  display: inline-block;
  position: relative;
  margin-bottom: 80px;
}
.con-banner .box-banner .words-top .w-t01:after {
  position: absolute;
  width: 90%;
  background: #ffffff;
  height: 1px;
  content: "";
  left: 0;
  bottom: 0;
}
.con-banner .box-banner .words-top .w-t01 .span {
  display: inline-block;
  vertical-align: middle;
}
.con-banner .box-banner .words-top .w-t01 img {
  max-width: 50px;
}
.con-banner .box-banner .words-top .w-t04 {
  color: #a8b9c6;
  margin-bottom: 78px;
  line-height: 26px;
  /*height: 78px;*/
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  /*overflow: hidden;*/
}
.con-banner .box-banner .words-top .w-t03 {
  margin-top: 15px;
  margin-bottom: 50px;
}
.con-banner .box-banner .images {
  width: 100%;
  height: 100%;
}
.con-banner .box-banner .t-wul.i20 .i {
  width: 20%;
}
.con-banner .box-banner .t-wul.i25 .i {
  width: 25%;
}
.con-banner .box-banner .t-wul.i33 .i {
  width: 33%;
}
.con-banner .box-banner .t-wul .i {
  float: left;
  text-align: center;
  position: relative;
}
.con-banner .box-banner .t-wul .i:nth-child(1):after {
  display: none;
}
.con-banner .box-banner .t-wul .i:after {
  position: absolute;
  width: 1px;
  height: 80px;
  left: 0;
  content: "";
  top: 0;
  background: rgba(255, 255, 255, 0.2);
}
.con-banner .box-banner .t-wul .i .img {
  width: 45px;
  height: 45px;
  margin: 0 auto;
}
.con-banner .box-banner .t-wul .i .span {
  line-height: 1;
  margin-top: 13px;
}
.con-banner .box-banner .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.pro-tit {
  text-align: center;
  line-height: 1.3;
  color: #222222;
}
.pro-tit .t1 {
  margin-top: 30px;
  color: #666666;
}
.pro-tit .t2 {
  margin-top: 30px;
}
.pro-tit .spa {
  display: inline-block;
  margin: 0 10px;
}
.pro-tit .spa img {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.pro-tit.active {
  color: #7d889e;
}
.pro-tit.active .t1 {
  color: #7d889e;
}
.pro-tit.active .t0 {
  color: #fff;
}

.pro-01 {
  padding-top: 145px;
  box-sizing: border-box;
  overflow: hidden;
}
.pro-01 .pro1-ul {
  margin-top: 45px;
  text-align: center;
}
.pro-01 .pro1-ul .items {
  display: inline-block;
  vertical-align: bottom;
  width: 305px;
  margin: 0 45px;
}
.pro-01 .pro1-ul .img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.pro-01 .pro1-ul .bot-img {
  margin-top: 30px;
}
.pro-01 .pro1-ul .t0 {
  color: #222222;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 5px;
}
.pro-01 .pro1-ul .t1 {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
@media (max-width: 1366px){
  .pro-01 .pro1-ul .t1{
    font-size:15px;
    height:52px;
  }
}
@media (max-width: 768px){
  .pro-01 .pro1-ul .t1{
    line-height:14px;
    height:28px;
  }
}
.pro-01 .pro1-ul .t1 .jm {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.pro-02 .pro-tit {
  width: 100%;
  height: 100px;
  top: 140px;
  left: 0;
  box-sizing: border-box;
}

.pro2-itembox .items {
  position: absolute;
  line-height: 1;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
}
.pro2-itembox .items .span {
  margin-top: 10px;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  width: 220px;
}
.pro2-itembox .items .i {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.pro2-itembox .items .i img {
  transition: .5s ease-in-out;
}
.pro2-itembox .items .i:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.pro2-itembox .items .i-bimg {
  position: relative;
  z-index: 3;
  transition: .5s ease-in-out;
}
.pro2-itembox .items .imgbox {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pro2-itembox .items .img {
  display: none;
  position: absolute;
}
.pro2-itembox .items .img .m {
  overflow: hidden;
}
.pro2-itembox .items .img {
  display: block;
  width: 280px;
  height: 190px;
  left: -350px;
  top: -130px;
}
.pro2-itembox .items .img:before {
  width: 70px;
  height: 30px;
  content: "";
  position: absolute;
  background: url(../images/a21.png) no-repeat;
  right: -85px;
  top: 57%;
}
.pro2-itembox .items .img:after {
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background: url(../images/w17.jpg) no-repeat center;
  background-size: 100%;
  top: 15px;
  left: 15px;
}
.pro2-itembox .items .img .m {
  position: relative;
  z-index: 2;
}
.pro2-itembox .items1 {
  top: 37%;
  left: 18.5%;
}
.pro2-itembox .items2 {
  top: 40%;
  left: 30.5%;
}
.pro2-itembox .items3 {
  top: 46%;
  left: 44.5%;
}
.pro2-itembox .items4 {
  top: 55%;
  left: 68.5%;
}

.pro-03 {
  height: 965px;
}
.pro-03 img {
  display: block;
}
.pro-03 .items {
  position: absolute;
  z-index: 3;
  box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.03);
}
.pro-03 .pro3-content {
  padding-top: 145px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pro-03 .items0 {
  left: 0;
  right: 0;
  bottom: 560px;
  width: 455px;
  height: 100px;
  background: #f7f7f7;
  font-size: 16px;
  color: #222222;
  text-align: center;
  line-height: 100px;
  border-radius: 100px;
  margin: auto;
  box-shadow: none;
}
.pro-03 .items0.animate .i0 {
  right: calc(100% - 95px);
  transition: .8s ease-in-out;
  transition-delay: .7s;
}
.pro-03 .items0.animate .span {
  transition: .8s ease-in-out;
  opacity: 1;
  transition-delay: .8s;
}
.pro-03 .items0 .i0 {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .8s ease-in-out;
}
.pro-03 .items0 .span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  opacity: 0;
  transition: .8s ease-in-out;
}
.pro-03 .items0 .span span {
  font-size: 24px;
  color: #243d92;
  font-weight: bold;
}
.pro-03 .items1 {
  width: 205px;
  height: 120px;
  bottom: 35%;
  left: 15%;
}
.pro-03 .items2 {
  width: 120px;
  height: 70px;
  bottom: 15%;
  left: 17%;
}
.pro-03 .items3 {
  width: 250px;
  height: 50px;
  bottom: 8%;
  right: 20.5%;
}
.pro-03 .items4 {
  width: 190px;
  height: 110px;
  bottom: 30%;
  right: 15.5%;
}
.pro-03 .items5 {
  left: 0;
  bottom: -230px;
  right: 0;
  margin: auto;
  width: 1100px;
  height: 660px;
  box-shadow: none;
  z-index: 1;
}
.pro-03 .items5 .i2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  margin: auto;
  width: 747px;
  height: 480px;
}

.pro-04 {
  padding-top: 230px;
  padding-bottom: 80px;
  background: #f7f7f7;
}

@keyframes float {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-15px);
  }
}
.pro4-images-ul {
  margin-top: 55px;
  position: relative;
}
.pro4-images-ul:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 315px;
  background: #cecece;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.pro4-images-ul .fl-img {
  width: 460px;
  height: 375px;
  overflow: hidden;
  position: relative;
}
.pro4-images-ul .fl-img .o1 {
  position: absolute;
  top: 0;
  left: 0;
}
.pro4-images-ul .fl-img .img-ul .i {
  position: absolute;
  width: 50px;
  height: 50px;
  transition: .5s ease-in-out;
  animation: float 2s ease-in-out infinite alternate;
}
.pro4-images-ul .fl-img .img-ul .i1 {
  left: 105px;
  top: 38px;
  transition-delay: .1s;
}
.pro4-images-ul .fl-img .img-ul .i2 {
  right: 85px;
  transition-delay: .4s;
  top: 85px;
}
.pro4-images-ul .fl-img .img-ul .i3 {
  right: 20px;
  transition-delay: .1s;
  bottom: 80px;
}
.pro4-images-ul .fl-img .img-ul .i4 {
  left: 95px;
  bottom: 25px;
  transition-delay: .2s;
}
.pro4-images-ul .fl-img .img-ul .i5 {
  left: 38px;
  transition-delay: .3s;
  bottom: 170px;
}
.pro4-images-ul .fr-img {
  line-height: 1;
  padding-top: 28px;
  box-sizing: border-box;
}
.pro4-images-ul .fr-img .tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}
.pro4-images-ul .fr-img .tit span {
  color: #1d3891;
  font-family: Arial;
}
.pro4-images-ul .fr-img .imgh {
  position: relative;
}
.pro4-images-ul .fr-img .imgh .i2, .pro4-images-ul .fr-img .imgh .i3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  transition: .8s ease-in-out;
}
.pro4-images-ul .fr-img.animate .imgh .i2, .pro4-images-ul .fr-img.animate .imgh .i3 {
  width: 100%;
  transition: .8s ease-in-out;
  transition-delay: 1.5s;
}

.pro-05 {
  padding-top: 150px;
  padding-bottom: 110px;
  box-sizing: border-box;
}

.pro5-top {
  margin-top: 30px;
  position: relative;
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 60px;
}
.pro5-top .swiper-button-prev {
  left: -150px;
}
.pro5-top .swiper-button-next {
  right: -150px;
}
.pro5-top .itembox {
  margin-top: 20px;
  box-sizing: border-box;
}
.pro5-top .itembox .item {
  float: left;
  position: relative;
  background: #f7f7f7;
  transition: .5s ease-in-out;
  width: 300px;
  height: 140px;
  margin-left: 30px;
  margin-top: 30px;
}
.pro5-top .itembox .item:nth-child(4n+1) {
  margin-left: 0;
}
.pro5-top .itembox .item:hover {
  transition: .5s ease-in-out;
  background: #1d3891;
  transform: translateY(-15px);
}
.pro5-top .itembox .item:hover .i1 {
  opacity: 0;
}
.pro5-top .itembox .item:hover .i2 {
  opacity: 1;
}
.pro5-top .itembox .item:hover img {
  transition: .5s ease-in-out;
}
.pro5-top .itembox .item img {
  transition: .5s ease-in-out;
}
.pro5-top .itembox .item .i2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.c-swiper .swiper-pagination {
  text-align: center;
  position: static;
}

.c-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #abadc3;
  transition: .5s ease-in-out;
  opacity: 1;
  border-radius: 0;
  margin: 0 5px;
  display: inline-block;
}
.c-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
  transition: .5s ease-in-out;
}

.pro5-bot .swiper-pagination {
  margin-top: 35px;
}
.pro5-bot .item .word {
  line-height: 28px;
  background: #f7f7f7;
  padding: 30px 45px;
  box-sizing: border-box;
  position: relative;
}
.pro5-bot .item .word .span {
  position: absolute;
  width: 15px;
  height: 8px;
  content: "";
  bottom: -8px;
  left: 30px;
  background: url(../images/i35.png) no-repeat center;
  background-size: 100%;
}
.pro5-bot .item .word:after, .pro5-bot .item .word:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
}
.pro5-bot .item .word:after {
  background: url(../images/i36.png) no-repeat center;
  background-size: 100%;
  top: 16px;
  left: 20px;
}
.pro5-bot .item .word:before {
  background: url(../images/i37.png) no-repeat center;
  background-size: 100%;
  bottom: 16px;
  right: 20px;
}
.pro5-bot .item .word .p {
  height: 84px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.pro5-bot .item .img {
  margin-top: 28px;
  /*padding-left: 100px;*/
  box-sizing: border-box;
  position: relative;
  min-height: 80px;
}
.pro5-bot .item .img .i-left {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #1d3891;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.pro5-bot .item .img .i-right {
  padding-top: 15px;
  box-sizing: border-box;
}
.pro5-bot .item .img .i-right .i0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.pro5-bot .item .img .i-right .i1 {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 6px;
}

.pro-06 {
  height: 700px;
  overflow: hidden;
}
.pro-06 .pro6-content {
  padding-top: 150px;
  box-sizing: border-box;
}
.pro-06 .fr-images {
  width: 1020px;
}
.pro-06 .fr-images .itembox {
  background: #ffffff;
  position: relative;
}
.pro-06 .fr-images .itembox .item {
  width: 100%;
  height: 400px;
  padding: 40px;
  padding-bottom: 50px;
  box-sizing: border-box;
  line-height: 1;
}
.pro-06 .fr-images .itembox .item .i1 {
  margin-top: 20px;
}
.pro-06 .fr-images .itembox .item .i1, .pro-06 .fr-images .itembox .item .i2 {
  line-height: 23px;
  height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.pro-06 .fr-images .itembox .item .i3 {
  margin-top: 20px;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro-06 .fr-images .itembox .item .button {
  font-size: 16px;
  color: #222222;
  line-height: 50px;
  height: 50px;
  text-align: center;
  background: #f7f7f7;
  
  margin-top: 90px;
}
.cboty{
	cursor: pointer;
}
.pro-06 .fr-images .itembox .item input {
  border: none;
  outline: none;
  background: none;
}
.pro-06 .fr-images .itembox .item .submit {
  height: 50px;
  background: #f7f7f7;
  color: #222222;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  margin-top: 15px;
}
.pro-06 .fr-images .itembox .item .anniu {
  text-align: center;
  line-height: 23px;
  font-size: 15px;
  color: #a8bcff;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
  cursor: pointer;
}
.pro-06 .fr-images .itembox .item .input {
  height: 50px;
  background: #f7f7f7;
  margin-top: 52px;
  position: relative;
}
.pro-06 .fr-images .itembox .item .input input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  color: #999999;
}
.pro-06 .fr-images .itembox .item .input span {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/i38.png) no-repeat center;
  background-size: 100%;
}
.pro-06 .fr-images .itembox .item .input input::-webkit-input-placeholder {
  color: #999999;
}
.pro-06 .fr-images .itembox .item-0 .i0 {
  color: #1d3891;
}
.pro-06 .fr-images .itembox .item-0 .i1, .pro-06 .fr-images .itembox .item-0 .i2 {
  color: #222222;
}
.pro-06 .fr-images .itembox .item-0 .i3 {
  color: #999999;
}
.pro-06 .fr-images .itembox .item-1 {
  position: absolute;
  left: 0;
  top: 0;
  background: #1d3891;
  display: none;
}
.pro-06 .fr-images .itembox .item-1 .i0, .pro-06 .fr-images .itembox .item-1 .i1, .pro-06 .fr-images .itembox .item-1 .i2 {
  color: #fff;
}
.pro-06 .fl-words {
  width: 200px;
  text-align: left;
}
.pro-06 .fl-words .line {
  width: 30px;
  height: 2px;
  background: #ffffff;
  margin-bottom: 48px;
}
.pro-06 .fl-words .pa-box {
  margin-top: 180px;
}
.pro-06 .fl-words .swiper-button-prev, .pro-06 .fl-words .swiper-button-next {
  position: static;
  margin: 0;
  display: inline-block;
  background-color: #ffffff;
}
.pro-06 .fl-words .swiper-button-prev{
	margin-right: 10px;
}
.pro-06 .fl-words .swiper-button-prev:hover, .pro-06 .fl-words .swiper-button-next:hover {
  background-color: #1d3891;
}

.cases-banner {
  height: auto;
}
.cases-banner .box-banner {
  height: 540px;
}
.cases-banner .con-top {
  height: 640px;
}

.cases-box1 {
  font-size: 16px;
  color: #666666;
  padding: 50px 0;
  box-sizing: border-box;
}
.cases-box1 .fl-leftwords .li-cases {
  padding: 50px 100px;
  background: #ffffff;
  box-sizing: border-box;
}
.cases-box {
  font-size: 16px;
  color: #666666;
  padding: 32px 0 100px 0;
  box-sizing: border-box;
}
.cases-box .fl-leftwords {
  box-sizing: border-box;
}
.cases-box .fl-leftwords .li-cases {
  padding: 50px 100px;
  background: #ffffff;
  box-sizing: border-box;
}
.cases-box .fl-leftwords .li-cases:nth-child(1) {
  margin-bottom: 38px;
}
.cases-box .words-box {
  font-size: 16px;
  line-height: 36px;
  color: #666666;
  padding: 25px 0;
  box-sizing: border-box;
}
.proshow-img{
  width: 50%;
}
/*.proshow-img img{
  padding-left: 12%;
}*/
.proshow-img1{ display:block; width: 450px; margin:0 auto; overflow:hidden; }
.proshow-img1 img{ display:block; border:0px; max-width:100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; }
.proshow-img1:hover img{ transform:scale(1.3); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; }
.proshow-main{
  width: 40%;
}
.proshow-main .pro-main{
  margin-bottom: 30px;
}
.proshow-a{
  padding: 10px 30px 10px 50px;
  color: #de021d;
  border: 1px solid #de021d;
  border-radius: 35px;
  transition:all 0.4s;
  background: url(../images/tel.png) no-repeat left 20px top 10px;
}
.proshow-a:hover{
  color: #de021d;
  border: 1px solid #de021d;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin-left: 10px;
}

.cases-tit {
  line-height: 1;
  padding-bottom: 35px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
.cases-tit .t0 {
  color: #222222;
}
.cases-tit .t1 {
  font-size: 15px;
  color: #999999;
  margin-top: 15px;
}

.cases01-ul {
  margin-top: 70px;
}
.cases01-ul .li {
  padding-top: 45px;
  padding-bottom: 62px;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  line-height: 30px;
}
.cases01-ul .li:nth-child(1) {
  border-top: none;
}
.cases01-ul .li .v2 {
  width: 580px;
  color: #666;
}
.cases01-ul .li .v1 {
  width: calc(100% - 650px);
  color: #333;
}

.li2-box {
  background: #f7f7f7;
  font-size: 15px;
  color: #666666;
  position: relative;
  padding: 40px;
  box-sizing: border-box;
}
.li2-box:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 8px;
  content: "";
  bottom: -8px;
  left: 30px;
  background: url(../images/i35.png) no-repeat center;
  background-size: 100%;
}

.li2-people {
  margin-top: 28px;
  padding-left: 100px;
  box-sizing: border-box;
  position: relative;
  min-height: 80px;
}
.li2-people .p1 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #1d3891;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.li2-people .p2 {
  padding-top: 15px;
  box-sizing: border-box;
}
.li2-people .p2 .p2-0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.li2-people .p2 .p2-1 {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 6px;
}

.cases-box .righttext-bot {
  margin-top: 38px;
}
.cases-box .righttext-bot .tit {
  line-height: 1;
  margin-bottom: 10px;
}
.cases-box .righttext-bot .li {
  display: block;
  padding: 40px 0;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
}
.cases-box .righttext-bot .li:nth-child(1) {
  border-top: none;
}
.cases-box .righttext-bot .li .img{
	display: none!important;
}
.cases-box .righttext-bot .li .word, .cases-box .righttext-bot .li .img {
  float: left;
}
.cases-box .righttext-bot .li:hover {
  color: #de021d;
  transition: .5s ease-in-out;
}
.cases-box .righttext-bot .li:hover .t0 {
  transition: .5s ease-in-out;
  color: #de021d;
}
.cases-box .righttext-bot .li:hover .t1 {
  transition: .5s ease-in-out;
  color: #de021d;
}
.cases-box .righttext-bot .li .word {
  min-height: 80px;
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
  padding-top: 12px;
  box-sizing: border-box;
}
.cases-box .righttext-bot .li .img {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.cases-box .pd {
  padding: 60px;
  padding-top: 85px;
  box-sizing: border-box;
}
.cases-box .pd .t0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: .5s ease-in-out;
  color: #222222;
}
.cases-box .pd .t1 {
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 14px;
  color: #999999;
}
.cases-box .righttext-top {
  height: auto;
}
.cases-box .righttext-top .tit {
  line-height: 1;
  margin-bottom: 10px;
}
.cases-box .righttext-top .li {
  font-size: 16px;
  color: #999999;
  padding-top: 35px;
  padding-bottom: 40px;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
  display: block;
  transition: .5s ease-in-out;
}
.cases-box .righttext-top .li:hover {
  color: #de021d;
  transition: .5s ease-in-out;
}
.cases-box .righttext-top .li:hover .t0 {
  transition: .5s ease-in-out;
  color: #de021d;
}
.cases-box .righttext-top .li:nth-child(1) {
  border-top: none;
}

.info-tit {
  line-height: 1.3;
}
.info-tit .t0, .info-tit .t1 {
  color: #222222;
}
.info-tit .t0 {
  margin-bottom: 15px;
}

.info3-ul .items img {
  transition: .5s ease-in-out;
}

.info3-ul .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.proinfo-01 {
  padding: 140px 0;
  box-sizing: border-box;
}
.proinfo-01 .left1 {
  width: calc(100% - 820px);
  line-height: 1;
  padding-left: 100px;
  padding-right: 70px;
  box-sizing: border-box;
}
.proinfo-01 .left1 .p {
  line-height: 30px;
  margin-top: 60px;
}
.proinfo-01 .left1 .items0 {
  width: 400px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  background: #ffffff;
  padding: 5px;
  box-sizing: border-box;
  padding-left: 130px;
  box-sizing: border-box;
  position: relative;
  margin-top: 90px;
  display: block;
}
.proinfo-01 .left1 .items0.animate .span {
  transition: .8s ease-in-out;
  opacity: 1;
  transition-delay: 1s;
}
.proinfo-01 .left1 .items0.animate .i0 {
  right: calc(100% - 95px);
  transition: .8s ease-in-out;
  transition-delay: 1s;
}
.proinfo-01 .left1 .items0 .span {
  padding-top: 20px;
  box-sizing: border-box;
  opacity: 0;
  transition: .8s ease-in-out;
  transition-delay: 1s;
}
.proinfo-01 .left1 .items0 .t00 {
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 20px;
  height: 20px;
}
.proinfo-01 .left1 .items0 .t10 {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 7px;
}
.proinfo-01 .left1 .items0 .i0 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #1d3891;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  transition: .8s ease-in-out;
}
.proinfo-01 .right1 {
  width: 820px;
}
.proinfo-01 .right1 .img {
  height: 466px;
}
.proinfo-01 .right1 .span {
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
  margin-top: 40px;
}
.proinfo-01 .right1 .span .i {
  display: inline-block;
  color: #222222;
  padding-left: 24px;
  margin: 0 15px;
  position: relative;
}
.proinfo-01 .right1 .span .i:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  background: url(../images/a12.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.yunying{
  text-align: justify;
  line-height: 32px;
  margin: 10px 0;
  line-height: 1.75em;
  padding-left: 33px;
  background: url(../images/a12.png) no-repeat left;
}
.proinfo-02 {
  padding-top: 140px;
  padding-bottom: 160px;
  box-sizing: border-box;
}

.proinfo2-ul {
  margin-top: 75px;
}
.proinfo2-ul .item {
  display: block;
  width: 440px;
  float: left;
  margin-left: 40px;
  position: relative;
  overflow: hidden;
}
.proinfo2-ul .item img {
  transition: .5s ease-in-out;
  width: 100%;
}
.proinfo2-ul .item:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.proinfo2-ul .item .words {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #ffffff;
  padding: 45px 60px;
  box-sizing: border-box;
}
.proinfo2-ul .item:nth-child(3n+1) {
  margin-left: 0;
}
.proinfo2-ul .item .t0 {
  line-height: 1;
}
.proinfo2-ul .item .t1 {
  line-height: 30px;
  height: 60px;
  margin-top: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.proinfo-03 {
  padding: 140px 0;
  box-sizing: border-box;
}
.proinfo-03 .swiper-button-prev, .proinfo-03 .swiper-container-rtl .swiper-button-next, .proinfo-03 .swiper-button-next, .proinfo-03 .swiper-container-rtl .swiper-button-prev {
  position: static;
  margin: 0;
  display: inline-block;
  background-color: #ffffff;
}
.proinfo-03 .swiper-button-prev:hover, .proinfo-03 .swiper-container-rtl .swiper-button-next:hover, .proinfo-03 .swiper-button-next:hover, .proinfo-03 .swiper-container-rtl .swiper-button-prev:hover {
  background-color: #053891;
}

.info3-ul .top3 .p {
  max-width: calc(100% -100px);
}

.info3-ul {
  margin-top: 55px;
}
.info3-ul .swiper-container {
  overflow: visible;
}
.info3-ul .items {
  position: relative;
  overflow: hidden;
}
.info3-ul .items img {
  width: 100%;
}
.info3-ul .items .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  padding: 50px;
  padding-bottom: 40px;
  box-sizing: border-box;
  background: rgba(0,0,0,.3);
}
.info3-ul .items .words .box {
  position: relative;
  height: 100%;
}
.info3-ul .items .words .w-top {
  line-height: 1;
}
.info3-ul .items .words .w-bot {
  font-size: 15px;
  /*color: rgba(255, 255, 255, 0.6);*/
  line-height: 28px;
  overflow-y:auto;
/*  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;*/
  height: 84px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.info3-ul .items .words .w-bot::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  opacity: 0;
}
.info3-ul .items .words .w-bot::-webkit-scrollbar-thumb {
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
  /*background: #535353;*/
  background:#fff;
   opacity: 0;
}
.info3-ul .items .words .w-bot::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
  border-radius: 4px;
  /*background: #EDEDED;*/
   opacity: 0;
}


.info3-ul .items:hover .words .w-bot::-webkit-scrollbar {
  opacity: 1;
}
.info3-ul .items:hover .words .w-bot::-webkit-scrollbar-thumb {
   opacity: 1;
}
.info3-ul .items:hover .words .w-bot::-webkit-scrollbar-track {
   opacity: 1;
}











.info3-ul .top3 {
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  margin-bottom: 90px;
}

.proinfo-04 {
  padding: 140px 0;
  box-sizing: border-box;
}
.proinfo-04 .info-tit {
  padding-left: 100px;
  box-sizing: border-box;
}
.proinfo-04 .info4-left .t1 {
  line-height: 54px;
}
.proinfo-04 .info4-left .info-tit {
  margin-bottom: 65px;
}
.proinfo-04 .info4-left .images {
  height: 560px;
}
.proinfo-04 .info4-right {
  font-size: 16px;
  color: #222222;
}
.proinfo-04 .info4-right .item.active .itemtop {
  background: #de021d;
  color: #ffffff;
}
.proinfo-04 .info4-right .item.active .itemtop span {
  color: #ffffff;
}
.proinfo-04 .info4-right .itemtop {
  font-size: 18px;
  color: #222222;
  padding: 28px 0;
  padding-left: 25px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
}
.proinfo-04 .info4-right .itemtop span {
  color: #1c3893;
  margin-right: 5px;
}
.proinfo-04 .info4-right .itembot {
  padding: 35px 50px;
  background: #ffffff;
  display: none;
  box-sizing: border-box;
}

.con-banner .box-banner .words-top .w-t01 {
  min-width: 220px;
}

.proinfo-bot {
  height: 190px;
  background: url(../images/i47.png) #1c3893 repeat;
  line-height: 190px;
}
.proinfo-bot .info-bot {
  position: relative;
  display: block;
  color: #ffffff;
  height: 100%;
  background: url(../images/j3.png) no-repeat left;
}
.proinfo-bot .info-bot:after {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  background: url(../images/i48.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.proinfo-bot .info-bot .tit {
  /*height: 100%;*/
  display: inline-block;
  vertical-align: middle;
  padding-left: 100px;
  box-sizing: border-box;
  line-height: 1;
}
.proinfo-bot .info-bot .tit .t1 {
  margin-top: 10px;
}

.fixed-right {
  position: fixed;
  width: 60px;
  height: 150px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
}
.fixed-right .items {
  height: 100%;
  width: 100%;
  display: block;
  color: #ffffff;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
  position: relative;
}
.fixed-right .items2{
	width: 100%;
	line-height:60px;
	height: 60px;
	color:#ffffff; 
	font-size: 14px;
	text-align: center;
	position: relative;
}
.fixed-right .items2 .phone-itens:after{
	width: 100%;
	height: 1px;
	background:rgba(255,255,255,.3);
	content:"";
	position: absolute;
	left:0;
	top:0;
}
.phone-itens{
	position: relative;
	background:#de021d;
	z-index: 10;
}
.fixed-right .items2 .phone-bot{
    width: 200px;
    height: 100%;
    position: absolute;
    left: 100%;
    transition:.5s ease-in-out;
    top: 0;
    background: #de021d;
}
.fixed-right .items2:hover .phone-bot{
    left: -200px;
    transition:.5s ease-in-out;
}
.fixed-right .items:hover:after {
  top: 15px;
  transition: .5s ease-in-out;
}
.fixed-right .items:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
  transition: .5s ease-in-out;
}
.fixed-right .items span {
  display: block;
  line-height: 18px;
  font-size: 14px;
}
.fixed-right .items0 {
  background: #1b1b1b;
}
.fixed-right .items0:after {
  background: url(../images/i50.png) no-repeat center;
  background-size: 100%;
}
.fixed-right .items1 {
  background: #de021d;
}
.fixed-right .items1:after {
  background: url(../images/i49.png) no-repeat center;
  background-size: 100%;
}

.lianjie {
  position: relative;
  width: 270px;
}
.lianjie .lj-top {
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  position: relative;
  padding-right: 45px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.lianjie .lj-top:after {
  position: absolute;
  width: 15px;
  height: 8px;
  content: "";
  background: url(../images/i52.png) no-repeat center;
  background-size: 100%;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.lianjie .lj-bot {
  line-height: 45px;
  text-align: center;
  display: none;
  padding-right: 45px;
  box-sizing: border-box;
}
.lianjie .lj-bot a {
  display: block;
}

.fixed-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  z-index: 100;
  color: #ffffff;
  display: none;
}
.fixed-navigation a {
  color: #ffffff;
}
.fixed-navigation .itembox-bot {
  margin-top: 40px;
}
.fixed-navigation .itembox-bot a {
  display: block;
  line-height: 36px;
  font-size: 16px;
}
.fixed-navigation .i-left {
  padding-left: 210px;
  box-sizing: border-box;
}
.fixed-navigation .i-left .items {
  margin-bottom: 20px;
  position: relative;
}
.fixed-navigation .i-left .items.active .i-top:after {
  opacity: 1;
  width: 36px;
  transition: .5s ease-in-out;
}
.fixed-navigation .i-left .items.items0 .i-top:after {
  opacity: 1;
  width: 36px;
  transition: .5s ease-in-out;
  display: none;
}
.fixed-navigation .i-left .i-top {
  font-size: 20px;
  line-height: 45px;
  position: relative;
}
.fixed-navigation .i-left .i-top:after {
  height: 1px;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 85px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  opacity: 0;
  transition: .5s ease-in-out;
}
.fixed-navigation .i-left .i-bot {
  display: block;
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}
.fixed-navigation .i-left .i-bot a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
  transition:all 0.3s;
}
.fixed-navigation .i-left .i-bot a.ili:hover{
  color:#fff
}
.fixed-navigation .i-right {
  padding-left: 245px;
  box-sizing: border-box;
}
.fixed-navigation .i-right .tit {
  margin-bottom: 30px;
}
.fixed-navigation .i-right .titbox {
  margin-top: 75px;
}
.fixed-navigation .i-right .titbox0 {
  margin-top: 0;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.fixed-navigation .i-right .input {
  position: relative;
  height: 50px;
  width: 370px;
  font-size: 16px;
  color: #999999;
  background: #ffffff;
  max-width: 100%;
}
.fixed-navigation .i-right .input input {
  border: none;
  height: 100%;
  background: none;
  outline: none;
}
.fixed-navigation .i-right .input input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  background: #eeeeee;
  color: #222222;
}
.fixed-navigation .i-right .input input[type=text] {
  padding-left: 20px;
  box-sizing: border-box;
}
.fixed-navigation .navigation-bot {
  margin-top: 100px;
}
.fixed-navigation .navigation-top {
  padding-right: 60px;
  box-sizing: border-box;
}
.fixed-navigation .navigation-top .close {
  width: 68px;
  height: 65px;
  background: url(../images/close.png) no-repeat center;
  background-size: 100%;
  border: 1px solid #fff;
  margin-top: 28px;
  cursor: pointer;
}
.fixed-navigation .navigation-fixed-bot {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 50px;
  box-sizing: border-box;
}
.fixed-navigation .navigation-fixed-bot a {
  color: rgba(255, 255, 255, 0.8);
}
.fixed-navigation .navigation-fixed-bot a:hover {
  color: #fff;
}

.fixed-navigation {
  z-index: 200 !important;
}
.fixed-navigation .bdfx a {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  margin-right: 40px;
  opacity: .5;
  transition: .5s ease-in-out;
}
.fixed-navigation .bdfx a:hover {
  opacity: 1;
  transition: .5s ease-in-out;
}
.fixed-navigation .bdfx .bds_tsina {
  background: url(../images/j0.png) no-repeat center;
  background-size: 100%;
}
.fixed-navigation .bdfx .bds_weixin {
  background: url(../images/j1.png) no-repeat center;
  background-size: 100%;
}
.fixed-navigation .bdfx .bds_sqq {
  background: url(../images/j2.png) no-repeat center;
  background-size: 100%;
}

.proinfo-03 {
  position: relative;
}
.proinfo-03 canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: auto !important;
}
.proinfo-03 .info3-box {
  position: relative;
  z-index: 5;
}

@keyframes float2 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(180deg);
  }
}
.wel-con #fp-nav ul li:hover a {
  display: block;
  width: 35px;
  height: 2px;
  background: #ffffff;
}
.wel-con #fp-nav ul li:hover a.active span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.wel-con #fp-nav ul li:hover a span {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  position: static;
  background: #fff;
}
.wel-con #fp-nav ul li a, .wel-con .fp-slidesNav ul li a {
  display: block;
  width: 35px;
  height: 2px;
  background: #ffffff;
  transition: .5s ease-in-out;
}
.wel-con #fp-nav ul li a + .fp-tooltip, .wel-con .fp-slidesNav ul li a + .fp-tooltip{
	display: none;
}
.wel-con #fp-nav ul li a.active, .wel-con .fp-slidesNav ul li a.active {
  width: 50px;
  transition: .5s ease-in-out;
}
.wel-con #fp-nav ul li a.active + .fp-tooltip, .wel-con .fp-slidesNav ul li a.active + .fp-tooltip {
  opacity: 1;
  display: block;
  width: auto;
  font-size: 15px;
  left: 60px;
  top: -7px;
}
.wel-con #fp-nav ul li a.active span, .wel-con .fp-slidesNav ul li a.active span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.wel-con #fp-nav ul li a span, .wel-con .fp-slidesNav ul li a span {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  position: static;
  background: #fff;
}

.wel2-box .anniu-top .images {
  width: 395px;
  height: 395px;
}

.wel2-box .i50 {
  transition: .5s ease-in-out;
}
.wel2-box .i50.left-images {
  transform: translateX(-100%);
  transition: 1s ease-in-out;
}
.wel2-box .i50.right-words {
  transform: translateX(100%);
  transition: 1s ease-in-out;
}

.active .wel2-box .i50 {
  transition: .5s ease-in-out;
}
.active .wel2-box .i50.left-images {
  transform: translateX(0);
  transition: 1s ease-in-out;
}
.active .wel2-box .i50.right-words {
  transform: translateX(0);
  transition: 1s ease-in-out;
}

.section3 {
  position: relative;
}
.section3 .wel3-box {
  opacity: 0;
  transition: 2s ease-in-out;
  position: relative;
  z-index: 6;
}
.section3.active .section3-active {
  opacity: 0;
  transition: 1s ease-in-out;
  transition-delay: 1s;
  z-index: 5;
}
.section3.active .wel3-box {
  opacity: 1;
  transition: 1s ease-in-out;
  transition-delay: 1s;
}

.index-about{
  width: 100%;
  overflow: hidden;
  margin-top: 1.46rem;
  background: rgb(255 255 255 / 89%);
  border-radius: 15px;
}
.index-about-l{
  width: 60%;
  float: left;
}
.index-about-main{
  padding: 30px 30px;
}
.index-about-l h3{
  font-size: 36px;
  color: #555;
}
.index-about-l h3 .about-cn{
  font-weight: bold;
  font-size: 36px;
  color: #de021d;
}
.index-about-l h3 .about-en{
  font-weight: bold;
  font-size: 30px;
  color: #b9b7b7;
  margin-left: 20px;
}
.index-about-l p{
  font-size: 17px;
  line-height: 35px;
  margin-top: 10px;
  color: #555;
  text-indent: 2em;
}
.index-about-l p b{
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.index-about-r{
  width: 40%;
  float: left;
}
.index-about-r .about-img{
  padding: 50px 50px 0 0;
}
.index-about-r .about-img img{
  width: 100%;
}

@keyframes lines1 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes lines2 {
  0% {
    transform: scale(5);
    opacity: 1;
  }
  100% {
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes lines3 {
  0% {
    transform: scale(10);
    opacity: 1;
  }
  100% {
    transform: scale(20);
    opacity: 0;
  }
}
.section3-active {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 1;
  transition: 2s ease-in-out;
  z-index: 0;
}
.section3-active .front-box {
  position: absolute;
  width: 500px;
  height: 500px;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -250px;
  transform: scale3d(0.1, 0.1, 1);
}
.section3-active .front-box .i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 50%;
}
.section3-active .front-box .i2 {
  animation: lines2 2s infinite linear 1s;
  transform: scale(1);
  background: rgba(27, 27, 27, 0.3);
}
.section3-active .front-box .i1 {
  animation: lines3 2s infinite linear;
  transform: scale(0);
  background: rgba(149, 149, 149, 0.05);
}
.section3-active .front-box .i0 {
  animation: lines1 2s infinite linear 1s;
  transform: scale(2);
  background: rgba(5, 56, 145, 0.5);
}

.wel4-box .itembox-right .i-img {
  position: relative;
  z-index: 2;
}
.wel4-box .itembox-right .i-img:after {
  width: 12px;
  height: 25px;
  position: absolute;
  content: "";
  right: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
  background: url(../images/j5.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
}

.wel2-box .images-items .mores {
  transition-delay: 0.5s;
}

.proinfo-01 .right1 .img {
  position: relative;
}
.proinfo-01 .right1 .img .i1 {
/*  position: absolute;*/
  width: 613px;
  height: 410px;
  top: 37px;
  left: -1px;
  right: 0;
  margin: auto;
}

.proinfo-04 .info4-left .images {
  position: relative;
}
.proinfo-04 .info4-left .images .i1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
  animation: float 2s ease-in-out infinite alternate;
}
.proinfo-04 .info4-left .images .i0 {
  position: relative;
  z-index: 1;
}
.proinfo-04 .info4-left .images .i2 {
  position: absolute;
  width: 463px;
  height: 312px;
  top: 78px;
  left: 150px;
  z-index: 2;
}

.bocweb-header .header-right .bocweb-input input[type=text] {
  height: 35px;
}

.top-buck {
  color: #ffffff;
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 270px;
  z-index: 15;
  padding: 0 10px;
  padding-top: 22px;
  box-sizing: border-box;
  line-height: 1;
}
.top-buck:hover {
  color: #ffffff;
}
.top-buck:hover .img {
  transition: .5s ease-in-out;
  transform: translateY(-5px);
}
.top-buck .img {
  width: 25px;
  height: 25px;
  background: url(../images/j8.png) no-repeat center;
  background-size: 100%;
  margin-bottom: 5px;
  transition: .5s ease-in-out;
}

.pro-01 .pro1-ul .bot-img {
  position: relative;
}
.pro-01 .pro1-ul .bot-img img {
  display: block;
}
.pro-01 .pro1-ul .bot-img .i1 {
  width: 285px;
  position: absolute;
  left: 0;
  top: 0;
  left: 10px;
  top: 10px;
}

.con-banner .box-banner .t-wul .i .img {
  transition: .5s ease-in-out;
}
.con-banner .box-banner .t-wul .i:hover .img {
  transition: .5s ease-in-out;
}

.pro-01 .pro1-ul .items {
  transform: translateY(50%);
}
.pro-01 .pro1-ul .items:hover {
  transform: translateY(0);
}

.pro-01 .pro1-ul .items.animate {
  transform: translateY(20px);
}
.pro-01 .pro1-ul .items.animate:hover {
  transform: translateY(0);
  transition: .5s ease-in-out;
}

img.mbannerbox {
  width: 100%;
}

.wel3-box .wel3-bot-word .ul {
  position: relative;
  z-index: 100;
}

.wel3-box .wel3-bot-itembox .left-images {
  width: calc(100% - 600px);
}

@keyframes ibn {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 50% 50%;
  }
}
.wel4-box .itembox-right .i50 {
  transition: .5s ease-in-out;
  position: relative;
  overflow: hidden;
}
.wel4-box .itembox-right .i50 .io {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
}
.wel4-box .itembox-right .i50 .ibn {
  animation: ibn 2s ease-in-out infinite alternate;
}
.wel4-box .itembox-right .i50:hover {
  transition: .5s ease-in-out;
  /*background-position: 10% 10% !important;*/
}
.wel4-box .itembox-right .i50:hover .io {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.proinfo-04 .info4-right .itembot {
  background: #f9f9f9;
}

.pro-cims01 {
  padding-top: 145px;
  padding-bottom: 115px;
  box-sizing: border-box;
}

.wel-more.on {
  background: #de021d;
  border-color: #de021d;
  text-align: left;
  color: #ffffff;
}

.pro-tit .t1 {
  line-height: 30px;
}

.cims01 .wel-more {
  margin: 0;
  margin-top: 50px;
}

.cims-con .wel-more {
  text-align: left;
}

.cims01-ul {
  position: relative;
  margin-top: 80px;
}
.cims01-ul .ul {
  position: absolute;
  top: 0;
}
.cims01-ul .ul.fl {
  left: 0;
}
.cims01-ul .ul.fr {
  right: 0;
}
.cims01-ul .ul .li {
  position: relative;
}
.cims01-ul .ul .li:nth-child(n+2) {
  margin-top: 80px;
}
.cims01-ul .ul .li .t0, .cims01-ul .ul .li .t1 {
  padding-left: 30px;
  box-sizing: border-box;
}
.cims01-ul .ul .li .t1 {
  font-size: 14px;
  color: #666666;
  line-height: 16px;
  height: 16px;
  margin-top: 6px;
}
.cims01-ul .ul .li .t0 {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
  position: relative;
  line-height: 20px;
  height: 20px;
}
.cims01-ul .ul .li .t0:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/a12.png) no-repeat center;
  background-size: 100%;
  bottom: 0;
  margin: auto;
}
.cims01-ul .images {
  width: 950px;
  height: 570px;
  margin: 0 auto;
  position: relative;
}
.cims01-ul .images .i1 {
  position: absolute;
  left: 134px;
  top: 28px;
  width: 682px;
  height: 437px;
}

.pro-cims02.pro-01 {
  overflow: hidden;
}
.pro-cims02.pro-01 .pro-tit .wel-more {
  margin-top: 60px;
}
.pro-cims02.pro-01 .pro1-ul {
  margin-top: 60px;
}
.pro-cims02.pro-01 .pro1-ul .t0 {
  color: #ffffff;
}
.pro-cims02.pro-01 .pro1-ul .t1 {
  color: #b3b4d1;
}

.pro-cims03 .items {
  padding-top: 195px;
  padding-bottom: 170px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
.pro-cims03 .left-box {
  width: 825px;
}
.pro-cims03 .left-box .img {
  position: relative;
}
.pro-cims03 .left-box .img .i1 {
  position: absolute;
  left: 108px;
  top: 38px;
  width: 610px;
  height: 392px;
}
.pro-cims03 .right-box {
  width: 695px;
  padding-right: 80px;
  box-sizing: border-box;
}
.pro-cims03 .right-box .en, .pro-cims03 .right-box .cn {
  line-height: 55px;
}
.pro-cims03 .right-box .en {
  font-family: Arial;
}
.pro-cims03 .right-box .p {
  color: #999999;
  font-size: 16px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 80px;
  width: 605px;
}
.pro-cims03 .right-box .wel-more {
  margin-top: 30px;
}
.pro-cims03 .right-box .pul .pli {
  position: relative;
  font-size: 15px;
  color: #666666;
  padding-left: 33px;
  box-sizing: border-box;
  line-height: 20px;
  margin-bottom: 20px;
}
.pro-cims03 .right-box .pul .pli:after {
  position: absolute;
  width: 20px;
  height: 15px;
  content: "";
  left: 0;
  top: 0;
  background: url(../images/a12.png) no-repeat center;
  background-size: 100%;
}

.cims04-top {
  position: relative;
}
.cims04-top .images {
  height: 665px;
}
.cims04-top .pro-tit {
  position: absolute;
  padding-top: 1.5rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.cims04-top .pro-tit .t1 {
  color: #fff;
  width: 950px;
  margin: 0 auto;
  margin-top: 30px;
}
.cims04-top .pro-tit .wel-more {
  margin-top: 55px;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.g-gundong {
  position: relative;
  width: 455px;
  height: 100px;
  line-height: 100px;
  padding-left: 50px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 100px;
  margin: 0 auto;
  margin-top: 50px;
}
.g-gundong .span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.2;
  color: #222222;
  opacity: 0;
  transition: 1s ease-in-out;
}
.g-gundong.animate .qiu {
  transition: 1s ease-in-out;
  right: calc(100% - 95px);
}
.g-gundong.animate .span {
  opacity: 1;
  transition: 1s ease-in-out;
  transition-delay: .9s;
}
.g-gundong .qiu {
  width: 90px;
  height: 90px;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background: #1d3891;
  position: absolute;
  right: 5px;
  margin: auto;
  transition: 1s ease-in-out;
}
.g-gundong .qiu img {
  display: block;
}

.cims04-bot {
  background: #fff;
  margin-top: -100px;
}
.cims04-bot .cims04 {
  padding-top: 100px;
  background: #ffffff;
}
.cims04-bot .swiper-slide {
  padding: 0 115px;
  box-sizing: border-box;
}
.cims04-bot .swiper-slide .itembox {
  border-top: 2px solid #1b1b1b;
  box-sizing: border-box;
}
.cims04-bot .swiper-slide .itembox .item {
  float: left;
  width: 440px;
  padding: 40px 0;
  margin-bottom: 15px;
  padding-left: 70px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  display: block;
}
.cims04-bot .swiper-slide .itembox .item:nth-child(2n+2) {
  float: right;
}
.cims04-bot .swiper-slide .itembox .item:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/k5.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.cims04-bot .swiper-slide .itembox .item:hover:after {
  right: 5px;
  transition: .5s ease-in-out;
}
.cims04-bot .swiper-slide .itembox .item:hover .t0 {
  color: #1d3891;
  transition: .5s ease-in-out;
}
.cims04-bot .swiper-slide .itembox .item:hover .t1 {
  color: #1d3891;
  transition: .5s ease-in-out;
}
.cims04-bot .swiper-slide .itembox .item .t0 {
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 18px;
  transition: .5s ease-in-out;
  color: #222221;
}
.cims04-bot .swiper-slide .itembox .item .t1 {
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
  color: #999999;
  transition: .5s ease-in-out;
  margin-top: 12px;
}
.cims04-bot .swiper-slide .itembox .item .img {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.wel3-box .wel3-top .items {
  transition: .5s ease-in-out;
}
.wel3-box .wel3-top .items:hover {
  font-size: 17px;
  transition: .5s ease-in-out;
}

.pro-06 .pro6-content .wel-more {
  max-width: 90%;
  margin-top: 70px;
}

.info3-ul .c-swiper .swiper-button-prev, .info3-ul .c-swiper .swiper-button-next {
  background-size: 120%;
}
.info3-ul .c-swiper .swiper-button-prev:hover, .info3-ul .c-swiper .swiper-button-next:hover {
  background-size: 120%;
}
.info3-ul .c-swiper .swiper-button-prev.swiper-button-disabled, .info3-ul .c-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}

/**/
.down-banner.con-banner .con-top {
  height: 600px;
}
.down-banner.con-banner .box-banner {
  height: 580px;
}
.down-banner.con-banner .box-banner .w-t05 {
  padding-top: 50px;
  line-height: 1.4;
}

.download-top .tit {
  font-size: 30px;
  color: #222222;
}
.download-top .tit-ul {
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #ffffff;
  margin-bottom: 20px;
  position: relative;
}
.download-top .tit-ul .swiper-container {
  max-width: 70%;
}
.download-top .tit-ul.g1 .swiper-slide {
  width: 140px;
}
.download-top .tit-ul.g1 .swiper-slide:nth-child(1) .items:before {
  display: none;
}
.download-top .tit-ul.g1 .swiper-slide .items:hover:after, .download-top .tit-ul.g1 .swiper-slide .items.active:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.download-top .tit-ul.g1 .swiper-slide .items:before {
  transition: .5s ease-in-out;
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  background: #e6e6e6;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.download-top .tit-ul.g1 .swiper-slide .items:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #de021d;
  opacity: 0;
  transition: .5s ease;
}
.download-top .tit-ul.g2 .swiper-slide {
  margin: 0 22px;
}
.download-top .tit-ul.g2 .swiper-slide .items {
  transition: .5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  width: auto;
}
.download-top .tit-ul.g2 .swiper-slide .items:hover, .download-top .tit-ul.g2 .swiper-slide .items.active {
  transition: .5s ease-in-out;
  background: #de021d;
  color: #ffffff;
}
.download-top .tit-ul .swiper-slide {
  display: inline-block;
  width: auto;
  text-align: center;
}
.download-top .tit-ul .swiper-slide .items {
  color: #333333;
  font-size: 16px;
  display: block;
  position: relative;
  width: 100%;
}

.download {
  padding-top: 130px;
  padding-bottom: 110px;
  box-sizing: border-box;
}
.download .page {
  padding-top: 25px;
}
.download .tit {
  line-height: 1.1;
  margin-bottom: 50px;
}
.download .download-bot {
  padding-top: 40px;
  box-sizing: border-box;
}
.download .download-bot .items {
  display: block;
  float: left;
  width: 440px;
  margin-left: 40px;
  position: relative;
  margin-bottom: 50px;
}
.download .download-bot .items:nth-child(3n+1) {
  margin-left: 0;
}
.download .download-bot .items img {
  width: 100%;
}
.download .download-bot .items:hover .wordsb,.download .download-bot .items.active .wordsb {
  transition: .5s ease-in-out;
  background: transparent;
}
.download .download-bot .items.active .words,
.download .download-bot .items:hover .words {
  transition: .5s ease-in-out;
  background: transparent;
}
.download .download-bot .items.active .words .t0, .download .download-bot .items.active .words .t1, .download .download-bot .items.active .words .more ,
.download .download-bot .items:hover .words .t0, .download .download-bot .items:hover .words .t1, .download .download-bot .items:hover .words .more {
  transition: .5s ease-in-out;
}
.download .download-bot .items.active .words .t0 ,
.download .download-bot .items:hover .words .t0 {
  color: #ffffff;
}
.download .download-bot .items.active .words .t1 ,
.download .download-bot .items:hover .words .t1 {
  color: #a8bfe5;
}
.download .download-bot .items.active .words .more,
.download .download-bot .items:hover .words .more {
  background: #ffffff;
}
.download .download-bot .items .words {
  transition: .5s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  font-size: 16px;
  color: #666666;
  padding: 60px;
  box-sizing: border-box;
}
.span-quxiao{
	margin-top: 30px;
	font-size: 15px;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	color:#ffffff;
}
.download .download-bot .items .words .more {
	position: relative;
  cursor: pointer;
}
.download .download-bot .items .words .more span{
    display: block;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/i38.png) no-repeat center;
    background-size: 100%;
}
.download .download-bot .items .words .wordsb{
	height: 100%;
}
.download .download-bot .items  .words-02{
	display: none;
  z-index: 2;
}
.download .download-bot .items .words .more input{
	width: 100%;
	height: 100%;
	background:transparent;
	border:none;
	outline: none;
	padding-left: 10px;
	padding-right: 40px;
	box-sizing: border-box;
}
.download .download-bot .items .words .t1 {
  transition: .5s ease-in-out;
  line-height: 30px;
  height: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.download .download-bot .items .words.words-02 .t1{
	-webkit-line-clamp: 3;
	height: 90px;
}
.download .download-bot .items .words .t0 {
  transition: .5s ease-in-out;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 60px;
  margin-bottom: 20px;
}
.download .download-bot .items .words .more {
  transition: .5s ease-in-out;
  font-size: 15px;
  color: #333333;
  height: 70px;
  line-height: 70px;
  background: #f7f7f7;
  text-align: center;
  margin-top: 30px;
}

.pagination {
  text-align: center;
}
.pagination a, .pagination span {
  display: inline-block;
  color: #333333;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 5px;
}
.pagination a {
  transition: .5s ease-in-out;
  background: #fff;
}
.pagination a:hover, .pagination a.page-num-current {
  transition: .5s ease-in-out;
  color: #ffffff;
  background: #de021d;
}

.business-top {
  padding-top: 130px;
  padding-bottom: 70px;
  box-sizing: border-box;
}
.business-top .span {
  width: 56px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  background: #dddddd;
  position: absolute;
  right: 40px;
  top: 32px;
  z-index: 5;
}
.business-top .tit {
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 50px;
}
.business-top .select {
  position: relative;
}
.business-top .select .li-left {
  color: #999999;
  float: left;
  width: 100px;
}
.business-top .select .li-right {
  float: right;
  width: calc(100% - 100px);
}
.business-top .select .ulbox {
  font-size: 16px;
  color: #222222;
  line-height: 26px;
  padding: 5px 45px;
  padding-right: 125px;
  background: #ffffff;
  box-sizing: border-box;
}
.business-top .select .ulbox .ul {
  padding: 25px 0;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
  position: relative;
}
.business-top .select .ulbox .ul:nth-child(1) {
  border-top: none;
}
.business-top .select .ulbox .n {
  float: left;
  padding-left: 28px;
  box-sizing: border-box;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
}
.business-top .select .ulbox .n:hover:after {
  color: #de021d;
}
.business-top .select .ulbox .n.active:after {
  background: url(../images/jpg/i8.jpg) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.business-top .select .ulbox .n:after {
  position: absolute;
  width: 16px;
  height: 16px;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #dddddd;
  transition: .5s ease-in-out;
}
.business-top .select .ulbox .n:nth-child(1) {
  margin-left: 0;
}

.business-bot {
  padding-bottom: 110px;
  box-sizing: border-box;
}
.business-bot .page {
  padding-top: 45px;
  box-sizing: border-box;
}
.business-bot .items {
  float: left;
  width: 440px;
   height: auto;
  margin-left: 40px;
  margin-bottom: 50px;
  position: relative;
  display: block;
  overflow: hidden;
}
.business-bot .items .images{
	height: 100%;
	overflow:hidden;
}
.business-bot .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.business-bot .items img {
  width: 100%;
  transition: .5s ease-in-out;
}
.business-bot .items .word-top, .business-bot .items .word-bot {
  position: absolute;
  color: #fff;
  padding: 20px 30px;
  box-sizing: border-box;
  line-height: 24px;
}
.business-bot .items .word-top .p, .business-bot .items .word-bot .p {
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.business-bot .items .word-top {
  width: 100%;
  top: 10px;
  font-size: 14px;
  left: 0;
}
.business-bot .items .word-bot {
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 18px;
  background: rgba(0,0,0,.6);
}
.business-bot .items:nth-child(3n+1) {
  margin-left: 0;
}

.news-top {
  padding-top: 75px;
  padding-bottom: 40px;
  box-sizing: border-box;
}
.news-top .tit {
  font-size: 30px;
  color: #222222;
  line-height: 1.1;
  margin-bottom: 45px;
}
.news-top .items {
  display: block;
  float: left;
  width: 510px;
  margin-left: 35px;
  margin-top: 35px;
}
.news-top .items .words {
  padding-top: 36px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.news-top .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-top .items .images {
  overflow: hidden;
}
.news-top .items .images img {
  width: 100%;
  transition: 0.5s ease-in-out;
}
.news-top .items .t0, .news-top .items .t1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-top .items .t0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  color: #222;
}
.news-top .items .t1 {
  font-size: 16px;
  color: #999999;
  line-height: 20px;
  height: 20px;
  margin-top: 15px;
}
.news-top li{
  text-decoration: none;
}
.news-top li:nth-child(3n+1) {
  margin-left: 0;
}

.news-bot {
  padding-top: 35px;
  padding-bottom: 135px;
  box-sizing: border-box;
}
.news-bot .page {
  padding-top: 45px;
  box-sizing: border-box;
}
.news-bot .tit-tip {
  border-bottom: 1px solid #dddddd;
}
.news-bot .tit-tip .item {
  float: left;
  margin-left: 50px;
  line-height: 25px;
  padding-bottom: 30px;
  box-sizing: border-box;
  position: relative;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.news-bot .tit-tip .item:hover:after, .news-bot .tit-tip .item.active:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.news-bot .tit-tip .item:after {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #de021d;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
}
.news-bot .tit-tip .item:nth-child(1) {
  margin-left: 0;
}
.news-bot .ul-box {
  padding-top: 55px;
}
.news-bot .ul-box .li {
  display: block;
  width: 780px;
  margin-left: 40px;
  float: left;
  margin-bottom: 35px;
  padding: 50px 55px;
  font-size: 16px;
  color: #999999;
  background: #ffffff;
  box-sizing: border-box;
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li:hover {
  background: #de021d;
  transition: .5s ease-in-out;
  color: #ffffff;
}
.news-bot .ul-box .li:hover .span, .news-bot .ul-box .li:hover .t0 {
  color: #ffffff;
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li:hover .t1 {
  color: rgba(255, 255, 255, 0.5);
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li .t0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li .t1 {
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 14px;
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li .span {
  float: left;
  width: 65px;
  font-size: 30px;
  color: #222222;
  font-family: "beba";
  line-height: 1;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
  margin-top: 5px;
  transition: .5s ease-in-out;
}
.news-bot .ul-box .li .span span {
  display: block;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}
.news-bot .ul-box .li .span span:nth-child(2) {
  padding-bottom: 0;
}
.news-bot .ul-box .li .span span:nth-child(1) {
  padding-top: 0;
}
.news-bot .ul-box .li .span span:nth-child(1):after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #dddddd;
}
.news-bot .ul-box .li .text {
  float: right;
  width: calc(100% - 65px);
  padding-left: 40px;
  box-sizing: border-box;
}
.news-bot .ul-box .li:nth-child(2n+1) {
  margin-left: 0;
}

.news-details {
  padding-bottom: 80px;
  padding-top: 100px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.news-details .tit {
  text-align: center;
  margin-bottom: 30px;
}

.news-details .details-words {
  border-top: 1px solid #d1d1d1;
  padding-top: 40px;
  padding-bottom: 55px;
  box-sizing: border-box;
}

.news-details .details-bot {
  margin-top: 10px;
  border-top: 1px solid #dfdfdf;
  padding-top: 55px;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.news-details .details-bot .w {
  width: 1000px;
}

.news-details .details-bot .w .li {
  display: block;
  font-size: 16px;
  transition: .5s ease-in-out;
  color: #333333;
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-details .details-bot .w .li:hover {
  color: #1a3797;
  transition: .5s ease-in-out;
}

.news-details .details-bot .w .prev {
  margin-bottom: 15px;
}

.news-details .details-bot .back {
  display: block;
  width: 135px;
  height: 40px;
  line-height: 40px;
  background: #eeeeee;
  padding-left: 70px;
  color: #666666;
  font-size: 14px;
  position: relative;
  transition: .5s ease-in-out;
  box-sizing: border-box;
}

.news-details .details-bot .back:hover {
  background: #1a3797;
  color: #fff;
  transition: .5s ease-in-out;
}

.news-details .details-bot .back:hover:after {
  background: url(../images/img1.png) no-repeat center;
  transition: .5s ease-in-out;
  background-size: 100%;
}

.news-details .details-bot .back:after {
  left: 30px;
  content: "";
  position: absolute;
  width: 28px;
  height: 22px;
  background: url(../images/img0.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  margin: auto;
}

.news-details .tit .h1 {
  margin-top: .3rem;
  line-height: 1.1;
}

.cases-ul-box {
  padding-top: 115px;
  box-sizing: border-box;
}

.cases-ul-top {
  line-height: 36px;
}
.cases-ul-top .tit {
  color: #222222;
}
.cases-ul-top .t-li {
  font-size: 15px;
  color: #999999;
  float: left;
  display: block;
  margin-left: 50px;
  transition: .5s ease-in-out;
}
.cases-ul-top .t-li:hover, .cases-ul-top .t-li.active {
  color: #de021d;
  transition: .5s ease-in-out;
}
.cases-ul-top .t-li:nth-child(1) {
  margin-left: 0;
}

.ul-cases {
  padding-top: 55px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.ul-cases .page {
  padding-top: 40px;
}
.ul-cases .items {
  display: block;
  float: left;
  width: 510px;
  margin-left: 35px;
  margin-bottom: 40px;
}
.ul-cases .items .images {
  overflow: hidden;
}
.ul-cases .items .words {
  padding: 45px;
  padding-bottom: 70px;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
}
.ul-cases .items .words .span {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/i4.png) #de021d no-repeat center;
  background-size: 100%;
  right: 0;
  bottom: 0;
}
.ul-cases .items .words .t0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  color: #222222;
}
.ul-cases .items .words .t0, .ul-cases .items .words .t1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ul-cases .items .words .t1 {
  font-size: 16px;
  color: #999999;
  line-height: 20px;
  height: 20px;
  margin-top: 15px;
}
.ul-cases .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.ul-cases .items img {
  transition: .5s ease-in-out;
  width: 100%;
}
.ul-cases .items:nth-child(3n+1) {
  margin-left: 0;
}


.ul-pro {
  padding-top: 55px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.ul-pro .page {
  padding-top: 40px;
}
.ul-pro .items {
  display: block;
  float: left;
  width: 373.5px;
  margin-left: 35px;
  margin-bottom: 40px;
}
.ul-pro .items .images {
  overflow: hidden;
}
.ul-pro .items .words {
  padding: 30px;
  padding-bottom: 20px;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
}
.ul-pro .items .words .span {
  position: absolute;
  width: 45px;
  height: 45px;
  background: url(../images/i4.png) #de021d no-repeat center;
  background-size: 100%;
  right: 0;
  bottom: 0;
}
.ul-pro .items .words .t0 {
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  color: #222222;
}
.ul-pro .items .words .t0, .ul-pro .items .words .t1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ul-pro .items .words .t1 {
  font-size: 16px;
  color: #999999;
  line-height: 20px;
  height: 20px;
  margin-top: 15px;
}
.ul-pro .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.ul-pro .items img {
  transition: .5s ease-in-out;
  width: 100%; height:250px;
}
.ul-pro .items:nth-child(4n+1) {
  margin-left: 0;
}

.con-banner .about-words {
  position: absolute;
  height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #ffffff;
  line-height: 50px;
}
.con-banner .join-words .tit {
  line-height: 1;
  margin-top: 70px;
}
.con-banner .join-words .tit .cn {
  margin-top: 15px;
}
.con-banner .join-words .p {
  width: 700px;
  line-height: 28px;
  margin-top: 125px;
}

.about-01 {
  padding-top: 80px;
  padding-bottom: 0;
  box-sizing: border-box;
}

.list-paddingleft-2 {
    width: 100%; clear:both;

}.list-paddingleft-2 li {
    width: 32%;
    float: left;
    text-align: center; margin-bottom:15px;
    margin-right: 0.5%; margin-left:0.5%;
}
.abimg li {
    width: 32%;
    float: left;
    text-align: center;
    margin-right: 0.5%;
}
.comp_pbliimg{ width:98% !important; margin-left:1%; margin-right:1%;}
.comp_pbliimg img{ width:100% !important; height:auto !important;}

.about-01 .tit0 {
  line-height: 50px;
  color: #333333;
  margin-bottom: 85px;
}
.about-01 .tit1 {
  position: relative;
  margin-bottom: 45px;
}
.about-01 .tit1 .t0 {
  line-height: 35px;
  font-size: 20px;
  color: #222222;
  margin-bottom: 30px;
  text-indent: 2em;
}
.about-01 .tit1 .words {
  width: 755px;
  position: absolute;
  height: 100%;
  background: #f7f7f7;
  padding: 65px 0 35px 25px;
  box-sizing: border-box;
}
.about-01 .tit1 .words .box {
  padding-right: 130px;
  height: 100%;
  overflow-y: auto;
}
.about-01 .tit1 .words .box::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.about-01 .tit1 .words .box::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.about-01 .tit1 .words .box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #EDEDED;
}
.about-01 .tit1 .t1 {
  line-height: 33px;
  font-size: 18px;
  color: #666666;
  text-indent: 2em;
  margin-top: 10px;
}
.about-01 .tit1 .images {
  width: 645px;
  overflow: hidden;
}
.about-01 .tit1 .images:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s ease-in-out;
}
.about-01 .tit1 .images img {
  transition: .5s ease-in-out;
}
.about-01 .tit2 {
  padding-top: 45px;
  padding-bottom: 70px;
  box-sizing: border-box;
}
.about-01 .tit2 .items {
  float: left;
  width: 400px;
  margin-left: 100px;
}
.about-01 .tit2 .items:nth-child(3n+1) {
  margin-left: 0;
}
.about-01 .tit2 .items .img {
  width: 55px;
  height: 55px;
  margin-bottom: 40px;
}
.about-01 .tit2 .items .t0 {
  font-size: 19px;
  line-height: 28px;
  height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.about-01 .tit2 .items .t1 {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-top: 30px;
}

.about-02 {
  height: 940px;
  color: #ffffff;
  padding-top: 150px;
  box-sizing: border-box;
}
.about-02 .tit {
  line-height: 1;
  margin-bottom: 35px;
}
.about-02 .swiper-slide {
  padding-bottom: 6px;
  box-sizing: border-box;
}
.about-02 .items {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  height: 475px;
  position: relative;
}
.about-02 .items .words {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  padding-left: 25px;
  padding-right: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  padding-bottom: 55px;
  box-sizing: border-box;
}
.about-02 .items .words:after, .about-02 .items .words:before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  content: "";
  left: -5px;
}
.about-02 .items .words:after {
  bottom: -5px;
}
.about-02 .items .words:before {
  top: -5px;
}
.about-02 .items .t1 {
  line-height: 36px;
  font-size: 14px;
  margin-top: 10px;
}
.about-02 .items .t0 {
  font-size: 36px;
  line-height: 1;
}
.about-02 .items .t0 span {
  font-size: 16px;
}
.about-02 .button {
  text-align: center;
  margin-top: 50px;
}

.button-swiper {
  text-align: center;
}
.button-swiper .swiper-button-prev {
  background-image: url(../images/i8.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.button-swiper .swiper-button-next {
  background-image: url(../images/i9.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.button-swiper .swiper-button-prev, .button-swiper .swiper-button-next {
  position: static;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.3);
  transition: .5s ease-in-out;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
}
.button-swiper .swiper-button-prev:hover, .button-swiper .swiper-button-next:hover {
  transition: .5s ease-in-out;
  background-color: #1d3891;
}

.w1500 {
  width: 1500px;
  margin: 0 auto;
}

.f9 {
  background: #f9f9f9;
}

.about-03 {
  padding-top: 150px;
  padding-bottom: 110px;
  background: url(../images/i10.png) repeat left top;
  box-sizing: border-box;
}
.about-03 .tit {
  line-height: 1.1;
  margin-bottom: 75px;
}
.about-03 .swiper-slide {
  padding: 10px;
  box-sizing: border-box;
}
.about-03 .items {
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  box-shadow: 0 3px 10px 3px #eaecf5;
  text-align: center;
  font-size: 16px;
  color: #666666;
  background: #ffffff;
}
.about-03 .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.about-03 .items .words {
  line-height: 100px;
  height: 100px;
}
.about-03 .items .words .span {
  line-height: 25px;
  max-height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: inline-block;
  padding: 0 5%;
  box-sizing: border-box;
  vertical-align: middle;
}
.about-03 .items .images {
  padding: 20px 0;
  height: 310px;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.about-03 .items .images img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  transition: .5s ease-in-out;
}

.about-04 {
  padding-top: 80px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.about-04 .tit {
  line-height: 1.1;
  margin-bottom: 15px;
}
.about-04 .ul-tit {
  text-align: center;
}
.about-04 .ul-tit .ul {
  display: inline-block;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  cursor: pointer;
}
.about-04 .ul-tit .li {
  float: left;
  margin-left: 40px;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  padding-bottom: 25px;
  box-sizing: border-box;
  position: relative;
}
.about-04 .ul-tit .li:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 3px;
  bottom: -1px;
  width: 100%;
  background: #1d3891;
  opacity: 0;
  transition: .5s ease-in-out;
}
.about-04 .ul-tit .li:hover:after, .about-04 .ul-tit .li.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.about-04 .ul-tit .li:nth-child(1) {
  margin-left: 0;
}

.about04-box {
  margin-top: 50px;
}
.about04-box{
	text-align: center;
}
.about04-box .items {
  display: inline-block;
  text-align: left;
  width: 350px;
  position: relative;
  margin-left: 33px;
  background: #ffffff;
}
.about04-box .items:nth-child(4n+1) {
  margin-left: 0;
}
.about04-box .items:hover .images {
  transition: .5s ease-in-out;
  opacity: 1;
}
.about04-box .items:hover .words .t0, .about04-box .items:hover .words .t1, .about04-box .items:hover .words .t-ul .t-li {
  color: #ffffff;
  transition: .5s ease-in-out;
}
.about04-box .items:hover .img img {
  transition: .5s ease-in-out;
}
.about04-box .items:hover .img .i1 {
  opacity: 0;
}
.about04-box .items:hover .img .i2 {
  opacity: 1;
}
.about04-box .items .images {
  opacity: 0;
  transition: .5s ease-in-out;
}
.about04-box .items .t0 {
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  color: #333333;
  margin-top: 25px;
  margin-bottom: 20px;
}
.about04-box .items .t1 {
  font-size: 16px;
  line-height: 30px;
  height: 90px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #666666;
}
.about04-box .items .t-ul {
  font-size: 16px;
  color: #999999;
}
.about04-box .items .t-ul .t-li {
  line-height: 55px;
  border-top: 1px dashed #dcdcdc;
  box-sizing: border-box;
}
.about04-box .items .t-ul .t-li:nth-child(1) {
  border-top: none;
}
.about04-box .items .img {
  width: 55px;
  height: 55px;
  position: relative;
}
.about04-box .items .img img {
  transition: .5s ease-in-out;
}
.about04-box .items .img .i2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.about04-box .items .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #999999;
  padding: 45px;
  padding-right: 40px;
  padding-top: 50px;
  box-sizing: border-box;
  overflow-y: auto;
}

/*         .about-02 .items .words::-webkit-scrollbar {
            width: 4px;
            height: 1px;
          }
          .about-02 .items .words::-webkit-scrollbar-thumb {
            border-radius: 4px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: #535353;
          }
          .about-02 .items .words::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            background: #EDEDED;
          }*/
.w1540 {
  width: 1540px;
  margin: 0 auto;
}

.about-05.pro-06 .fl-words {
  width: auto;
}
.about-05 .itembox {
  position: relative;
}
.about-05 .itembox .images img {
  width: 100%;
}
.about-05 .itembox .images {
  opacity: 0;
  transition: .5s ease-in-out;
}
.about-05 .itembox img {
  transition: .5s ease-in-out;
}
.about-05 .itembox:hover .images {
  opacity: 1;
  transition: .5s ease-in-out;
}
.about-05 .itembox:hover .words {
  color: #ffffff;
  transition: .5s ease-in-out;
}
.about-05 .itembox:hover .words .img .i1 {
  opacity: 0;
}
.about-05 .itembox:hover .words .img .i2 {
  opacity: 1;
}
.about-05 .itembox:hover .words .img img {
  transition: .5s ease-in-out;
}
.about-05 .itembox .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 60px 35px;
  box-sizing: border-box;
  font-size: 14px;
  color: #222222;
  line-height: 28px;
}
.about-05 .itembox .words .span {
  margin-top: 50px;
}
.about-05 .itembox .words .img {
  position: relative;
  width: 150px;
  height: 50px;
}
.about-05 .itembox .words .img img {
  transition: .5s ease-in-out;
}
.about-05 .itembox .words .img .i2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.join-01 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.join-01 .images {
  margin-top: 80px;
}
.join-01 .text-box {
  position: relative;
  height: 100%;
}
.join-01 .items {
  float: left;
  width: 750px;
  height: 470px;
  position: relative;
}
.join-01 .items img {
  width: 100%;
}
.join-01 .items:nth-child(2n+1) {
  margin-left: 0;
}
.join-01 .items .p0 {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 84px;
}
.join-01 .items .span {
  font-size: 22px;
  color: #ffffff;
}
.join-01 .items .span .span0 {
  width: calc(100% - 80px);
}
.join-01 .items .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: rgba(255, 255, 255, 0.6);
  padding: 50px;
  box-sizing: border-box;
}

.join-box .tit {
  line-height: 1.1;
  margin-bottom: 50px;
}
.join-box .p {
  margin: 0 auto;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  max-width: 1100px;
}

.join-02 {
  padding-top: 155px;
  padding-bottom: 135px;
  background: #f7f7f7;
}
.join-02 .join2-swiper {
  width: 750px;
  margin: 0 auto;
  margin-top: 75px;
}
.join-02 .swiper-container {
  overflow: visible;
}
.join-02 .items {
  text-align: center;
}
.join-02 .items:hover .images img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.join-02 .items .images {
  overflow: hidden;
}
.join-02 .items .images img {
  transition: .5s ease-in-out;
}
.join-02 .items .span {
  height: 100px;
  margin: 0 auto;
  margin-top: -50px;
  line-height: 100px;
  width: 400px;
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.join1-swiper .button {
  text-align: center;
  margin-top: 70px;
}
.join1-swiper .swiper-button-prev, .join1-swiper .swiper-button-next {
  position: static;
  display: inline-block;
}

.join-swiper {
  position: relative;
}
.join-swiper .swiper-button-prev, .join-swiper .swiper-button-next {
  width: 45px;
  height: 45px;
  border: 2px solid #dddddd;
  border-radius: 50%;
  transition: .5s ease-in-out;
  margin: 0 5px;
}
.join-swiper .swiper-button-prev:hover, .join-swiper .swiper-button-next:hover {
  border-color: #de021d;
  transition: .5s ease-in-out;
}
.join-swiper .swiper-button-prev {
  background: url(../images/i25.png) no-repeat center;
  background-size: 100%;
  left: -110px;
}
.join-swiper .swiper-button-prev:hover {
  background: url(../images/i26.png) no-repeat center;
  background-size: 100%;
}
.join-swiper .swiper-button-next {
  background: url(../images/i27.png) no-repeat center;
  background-size: 100%;
  right: -110px;
}
.join-swiper .swiper-button-next:hover {
  background: url(../images/i28.png) no-repeat center;
  background-size: 100%;
}

.w1560 {
  width: 1560px;
  margin: 0 auto;
}

.join-03 {
  padding-top: 170px;
  padding-bottom: 80px;
  box-sizing: border-box;
}

.join-form {
  margin-top: 55px;
}
.join-form .form-top {
  padding-left: 135px;
  box-sizing: border-box;
  position: relative;
  line-height: 60px;
  font-size: 15px;
  color: #333333;
  margin-bottom: 15px;
}
.join-form .form-top .select {
  background: #f7f7f7;
  width: 240px;
  height: 60px;
  text-align: center;
  position: relative;
}
.join-form .form-top .select .select-bot {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
  line-height: 35px;
  display: none;
  z-index: 3;
}
.join-form .form-top .select .select-bot .option {
  background: #ffffff;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.join-form .form-top .select .select-bot .option:hover {
  transition: .5s ease-in-out;
  opacity: .85;
  color: #de021d;
}
.join-form .form-top .select .select-top {
  position: relative;
  cursor: pointer;
}
.join-form .form-top .select .select-top:after {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 8px;
  background: url(../images/i29.png) no-repeat center;
  background-size: 100%;
  content: "";
  margin: auto;
}
.join-form .form-top .span {
  position: absolute;
  left: 30px;
  top: 0;
  color: #333333;
  font-weight: bold;
}
.join-form .form-top .it {
  float: left;
  margin-right: 65px;
}
.join-form .form-top .it .i, .join-form .form-top .it .t {
  display: inline-block;
}

.form-bot .thead {
  height: 90px;
  line-height: 90px;
  padding: 0 30px;
  box-sizing: border-box;
}
.form-bot .td {
  float: left;
}
.form-bot .tr {
  cursor: pointer;
  position: relative;
}
.form-bot .tr:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 45px;
  margin: auto;
  background: url(../images/i31.png) no-repeat center;
  background-size: 100%;
  opacity: 0;
  transition: .5s ease-in-out;
}
.form-bot .td {
  width: calc((100% - 220px)/3);
  transition: .5s ease-in-out;
}
.form-bot .td4 {
  width: 220px;
}
.form-bot .tr {
  line-height: 70px;
  padding: 0 30px;
  box-sizing: border-box;
  opacity: 1;
  transition: .5s ease-in-out;
}
.form-bot .items.active .td2, .form-bot .items.active .td3, .form-bot .items.active .td4 {
  opacity: 0;
  transition: .5s ease-in-out;
}
.form-bot .items.active .td {
  color: #ffffff;
}
.form-bot .items.active .tr {
  background: #de021d !important;
  transition: .5s ease-in-out;
}
.form-bot .items.active .tr:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.form-bot .hide {
  padding: 70px 65px;
  border: 3px solid #de021d;
  box-sizing: border-box;
  display: none;
}
.form-bot .hide .h-li {
  width: 48%;
  margin-left: 3%;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  margin-bottom: 110px;
  /*text-align: left;*/
}
.form-bot .hide .h-li .h {
  line-height: 1;
  font-weight: bold;
  color: #333333;
  font-size: 16px;
  margin-bottom: 30px;
}
.form-bot .hide .h-li.h-li0 {
  margin-bottom: 0;
}
.form-bot .hide .h-li .submit {
  display: block;
  width: 220px;
  height: 50px;
  line-height: 50px;
  background: #de021d;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  margin-top: 35px;
}
.form-bot .hide .h-li .submit:hover img {
  transition: .5s ease-in-out;
  margin-left: 8px;
}
.form-bot .hide .h-li .submit img {
  transition: .5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.form-bot .hide .h-li .p {
  line-height: 30px;
  color: #222;
}
.form-bot .hide .h-li:nth-child(2n+1) {
  margin-left: 0;
}
.form-bot .items:nth-child(2n+1) .tr {
  background: #f7f7f7;
}

.map-box {
  height: 905px;
  position: relative;
}
.map-box .map-left {
  width: 1050px;
  height: 100%;
}
.map-box .right-box {
  height: 100%;
}
.map-box .images {
  width: 100%;
  height: 100%;
}
.map-box .slimScrollRail {
  background: #f7f7f7 !important;
  display: block !important;
}
.map-box .slimScrollBar {
  display: block !important;
}
.map-box .map-right {
  width: calc(100% - 1050px);
  height: 100%;
  padding: 90px 165px 30px 70px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
}
.map-box .map-right .tit {
  line-height: 1.1;
  padding-bottom: 55px;
}
.map-box .map-right .itembox {
  height: 360px;
  overflow: hidden;
}
.map-box .map-right .itembox .box {
  padding-right: 50px;
  box-sizing: border-box;
}
.map-box .map-right .itembox .items {
  padding: 40px 0;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}
.map-box .map-right .itembox .items:nth-child(1) {
  padding-top: 0;
}
.map-box .map-right .itembox .items .t0 {
  line-height: 1.1;
  font-size: 18px;
  color: #222222;
  margin-bottom: 18px;
}
.map-box .map-right .itembox .items .t1 {
  line-height: 30px;
  color: #666666;
  font-size: 16px;
}
.map-box .map-right .list {
  padding-top: 50px;
}
.map-box .map-right .list .li {
  float: left;
}
.map-box .map-right .list .t1 {
  line-height: 30px;
  color: #666666;
  font-size: 16px;
}
.map-box .map-right .list .t0 {
  line-height: 1.1;
  font-size: 18px;
  color: #222222;
  margin-bottom: 18px;
}
.map-box .map-right .list .img {
  width: 118px;
  height: 118px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.map-box .map-right .list .li2 {
  width: 205px;
  padding-left: 5%;
  box-sizing: border-box;
}
.map-box .map-right .list .li1 {
  width: 350px;
}

.results-banner .inputbox {
  padding-top: 35px;
  box-sizing: border-box;
}
.results-banner .inputbox .w655 {
  width: 655px;
  margin: 0 auto;
}
.results-banner .inputbox .span {
  font-size: 16px;
}
.results-banner .inputbox .span a, .results-banner .inputbox .span span {
  display: inline-block;
  margin-right: 20px;
}
.results-banner .inputbox .span span {
  color: #8b8e96;
}
.results-banner .inputbox .span a, .results-banner .inputbox .span .i {
  color: #ffffff;
}
.results-banner .inputbox .span a {
  transition: .5s ease-in-out;
}
.results-banner .inputbox .span a:hover {
  color: #8b8e96;
  transition: .5s ease-in-out;
}
.results-banner .inputbox .input {
  position: relative;
  height: 55px;
  background: #ffffff;
  color: #999999;
  padding-left: 30px;
  padding-right: 50px;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 35px;
}
.results-banner .inputbox .input input {
  padding: 0;
  border: none;
  outline: none;
  background: none;
}
.results-banner .inputbox .input input[type=text] {
  width: 100%;
  height: 100%;
}
.results-banner .inputbox .input input[type=submit] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 30px;
  background: url(../images/i33.png) no-repeat center;
  background-size: 100%;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}
.results-banner .inputbox .t0 {
  line-height: 50px;
}

.results-box {
  padding-bottom: 135px;
  padding-top: 100px;
  box-sizing: border-box;
}
.results-box .results-top {
  line-height: 80px;
  height: 80px;
  background: #ffffff;
  padding: 0 55px;
  box-sizing: border-box;
}
.results-box .results-top .li {
  display: block;
  float: left;
  margin-left: 78px;
  font-size: 16px;
  color: #333333;
  transition: .5s ease-in-out;
  position: relative;
}
.results-box .results-top .li:hover:after, .results-box .results-top .li.active:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.results-box .results-top .li:after {
  position: absolute;
  width: 100%;
  height: 2px;
  content: "";
  left: 0;
  bottom: 0;
  background: #de021d;
  opacity: 0;
  transition: .5s ease-in-out;
}
.results-box .results-top .li:hover {
  color: #de021d;
  transition: .5s ease-in-out;
}
.results-box .results-top .li:nth-child(1) {
  margin-left: 0;
}
.results-box .results-tit {
  font-size: 20px;
  line-height: 130px;
  height: 130px;
  color: #222222;
}
.results-box .results-tit span {
  color: #de021d;
}

.results-items {
  background: #ffffff;
}
.results-items .ul {
  margin-bottom: 85px;
}
.results-items .items {
  display: block;
  padding: 55px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}
.results-items .items:hover {
  color: #de021d;
  transition: .5s ease-in-out;
}
.results-items .items:hover .tit {
  color: #de021d;
  transition: .5s ease-in-out;
}
.results-items .items:hover .tit .txt {
  color: #de021d;
  transition: .5s ease-in-out;
}
.results-items .items .tit {
  font-size: 22px;
  color: #333333;
  line-height: 40px;
  margin-bottom: 25px;
}
.results-items .items .tit span {
  color: #de021d;
}
.results-items .items .tit .txt {
  font-size: 14px;
  color: #222222;
  line-height: 40px;
  padding: 0 12px;
  background: #f7f7f7;
}

.results-items .items .tit {
  height: 40px;
}

.results-items .items .tit .span {
  height: 100%;
  max-width: calc(100% - 200px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.con-details01 {
  position: relative;
}
.con-details01 .words {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding-bottom: 150px;
  box-sizing: border-box;
}
.con-details01 .words .p {
  margin-top: 65px;
}
.con-details01 .words .txt {
  line-height: 1;
  margin-top: 45px;
}
.con-details01 .words .txt span {
  font-family: "beba";
  font-size: 120px;
}
.con-details01 .images {
  height: 960px;
}

.con-details02 {
  position: relative;
}
.con-details02 .images {
  height: 960px;
}
.con-details02 .words {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.yanzheng img{
	max-height: 100%;
}
.fix-rbox {
  width: 820px;
  background: #000;
  position: fixed;
  bottom: 180px;
  right: 0;
  z-index: 100;
  padding: 60px;
  padding-right: 135px;
  color: #ffffff;
  box-sizing: border-box;
  display: none;
  transition: .5s ease-in-out;
}
.fix-rbox .spanx {
  width: 60px;
  height: 60px;
  background: url(../images/i38.png) #333 no-repeat center;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fix-rbox .span {
  font-size: 15px;
  color: #fff;
  line-height: 1;
}
.fix-rbox input, .fix-rbox tetarea {
  color: #666;
  border: none;
  outline: none;
  background: none;
}

.consul-top .span {
  margin-bottom: 5px;
}
.consul-top .i {
  height: 35px;
  width: 100%;
  border-bottom: 1px dashed #ffffff;
}
.consul-top .i input {
  width: 100%;
  height: 100%;
}
.consul-top .input {
  width: 48%;
  margin-left: 4%;
  float: left;
  margin-bottom: 45px;
}
.consul-top .input:nth-child(2n+1) {
  margin-left: 0;
}

.consul-bot .span {
  margin-bottom: 5px;
}
.consul-bot .button {
  margin-top: 50px;
}
.consul-bot .button input {
  width: 180px;
  height: 45px;
  font-size: 14px;
  color: #000;
  background: #ffffff;
  transition: .5s ease-in-out;
}
.consul-bot .button input:hover {
  background: #de021d;
  color: #7da0db;
  transition: .5s ease-in-out;
}
.consul-bot .text {
  height: 35px;
  width: 100%;
  border-bottom: 1px dashed #ffffff;
}
.consul-bot .text textarea {
  background: none;
  padding: 0;
  line-height: 35px;
  resize: none;
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
}

.consul-center .li {
  float: left;
  margin-right: 55px;
  font-size: 15px;
}
.consul-center .libox {
  margin-bottom: 40px;
}
.consul-center .span {
  margin-bottom: 30px;
}

.cims-ul {
  text-align: center;
}
.cims-ul .li {
  display: inline-block;
  margin: 0 65px;
  padding-left: 23px;
  box-sizing: border-box;
  line-height: 20px;
  position: relative;
  font-size: 16px;
  color: #666666;
}
.cims-ul .li:after {
  width: 10px;
  position: absolute;
  height: 10px;
  content: "";
  border-radius: 50%;
  background: #1c3893;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.procims-01 {
  padding-top: 150px;
  padding-bottom: 160px;
}
.procims-01.active {
  padding-top: 225px;
}
.procims-01 .cims-ul {
  margin-top: 70px;
}

.procims-02.proinfo-01 {
  padding-top: 145px;
  padding-bottom: 160px;
  box-sizing: border-box;
}
.procims-02.proinfo-01 .left1 .items0 {
  width: 500px;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  padding-left: 120px;
  margin-top: 50px;
}
.procims-02.proinfo-01 .left1 .items0 .t {
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.procims2-itembox {
  line-height: 38px;
  margin-top: 40px;
}
.procims2-itembox .li {
  position: relative;
  padding-left: 34px;
  box-sizing: border-box;
}
.procims2-itembox .li:after {
  content: "";
  width: 20px;
  height: 15px;
  position: absolute;
  background: url(../images/a12.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.procims-03 {
  height: 960px;
  padding: 145px 0;
  box-sizing: border-box;
}

.procims3-bot {
  color: #ffffff;
  line-height: 1.5;
}

.procims3-imageul {
  margin: 110px auto;
}
.procims3-imageul .items {
  width: 300px;
  height: 235px;
  float: left;
  position: relative;
  margin-left: 30px;
  background: #ffffff;
}
.procims3-imageul .items .images {
  opacity: 0;
  transition: .5s ease-in-out;
}
.procims3-imageul .items:hover .images {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
.procims3-imageul .items:hover .words {
  color: #ffffff;
}
.procims3-imageul .items:hover .words .img img {
  transition: .5s ease-in-out;
}
.procims3-imageul .items:hover .words .img .i0 {
  opacity: 1;
}
.procims3-imageul .items:hover .words .img .i1 {
  opacity: 0;
}
.procims3-imageul .items .words {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 65px 50px;
  box-sizing: border-box;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
}
.procims3-imageul .items .words .txt {
  margin-top: 20px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.procims3-imageul .items .img {
  width: 30px;
  height: 30px;
  position: relative;
}
.procims3-imageul .items .img img {
  transition: .5s ease-in-out;
  display: block;
}
.procims3-imageul .items .img .i0 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.procims3-imageul .items:nth-child(4n+1) {
  margin-left: 0;
}

.procims-04 {
  overflow: visible;
}

.pro-01.procims-04 .pro1-ul .items.animate {
  transform: translateY(75px);
}

.pro-01.procims-04 .pro1-ul .items.animate:hover {
  transform: translateY(0);
  transition: .5s ease-in-out;
}

.procims-05 {
  position: relative;
  line-height: 960px;
  text-align: center;
}
.procims-05 .images {
  height: 960px;
}
.procims-05 .words {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.procims-05 .pro-tit {
  width: 1050px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
}
.procims-05 .pro-tit .t1 {
  color: #ffffff;
}

.pro-03.procims-06 {
  height: auto;
}
.pro-03.procims-06 .items5 {
  width: 880px;
  height: 514px;
  bottom: 0;
}
.pro-03.procims-06 .items5 .i2 {
  width: 825px;
  height: 490px;
  top: 25px;
}

.maxflow-01.proinfo-01 .left1 .items0 {
  background: #f7f7f7;
  margin-top: 80px;
}
.maxflow-01.proinfo-01 .left1 .items0 .span {
  padding-top: 15px;
}

.maxflow-02 .pro-tit.active .t1 {
  color: #ffffff;
}
.maxflow-02 .pro3-images {
  position: relative;
}
.maxflow-02 .pro3-images .i1 {
  position: absolute;
  left: 0;
  top: 0;
}
.maxflow-02 .pro3-ul .items5 {
  width: 840px;
  height: 525px;
  bottom: -150px;
}
.maxflow-02 .pro3-ul .items5 .i2 {
  width: 585px;
  height: 395px;
  top: 36px;
}

.maxflow-03 {
  padding-top: 295px;
  padding-bottom: 165px;
  box-sizing: border-box;
}
.maxflow-03 .pro-tit {
  width: 1070px;
  margin: 0 auto;
}

.download .download-bot .items .words .more {
  display: block;
}

.quality-01 {
  height: 1030px;
  padding: 145px 0;
  box-sizing: border-box;
}
.quality-01 .words {
  width: 1010px;
  margin: 0 auto;
}
.quality-01 .words .pro-tit .t1 {
  color: #7d889e;
}
.quality-01 .t-more {
  margin: 0 auto;
}
.quality-01 .imgk {
  margin-top: 80px;
  margin-bottom: 85px;
}
.quality-01 .imgk .span {
  display: inline-block;
  margin-top: 55px;
}
.quality-01 .imgk .span .li {
  display: inline-block;
  font-size: 16px;
  margin: 0 20px;
  line-height: 1.5;
}
.quality-01 .imgk .span .li span {
  font-weight: bold;
  font-size: 18px;
}
.quality-01 .images {
  position: relative;
}
.quality-01 .images .i {
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  transition: 1.5s ease-in-out;
}
.quality-01 .images.animate .i {
  width: 100%;
  transition: 1.5s ease-in-out;
  transition-delay: .1s;
}
.quality-01 .images.animate .i2 {
  transition-delay: .2s;
}
.quality-01 .images.animate .i3 {
  transition-delay: .2s;
}

.procims-right {
  width: 710px;
  height: 600px;
  position: relative;
  margin-top: 60px;
}
.procims-right .i0 {
  position: relative;
}
.procims-right .i1 {
  position: absolute;
  left: 60px;
  top: -60px;
  z-index: 2;
}

.quality-02.proinfo-01 .items0 {
  background: #f7f7f7;
}

.quality-03 .pro-tit .t1 {
  margin-top: 40px;
  padding: 0 95px;
  display: inline-block;
  position: relative;
}
.quality-03 .pro-tit .t1:after, .quality-03 .pro-tit .t1:before {
  width: 15px;
  height: 8px;
  content: "";
  position: absolute;
}
.quality-03 .pro-tit .t1:after {
  left: 0;
  top: 0;
  background: url(../images/i53.png) no-repeat center;
  background-size: 100%;
}
.quality-03 .pro-tit .t1:before {
  right: 0;
  top: 0;
  background: url(../images/i54.png) no-repeat center;
  background-size: 100%;
}
.quality-03 .pro-tit .t-more {
  margin: 0 auto;
  margin-top: 60px;
}

.t-more {
  width: 242px;
  height: 52px;
  display: block;
  font-size: 15px;
  color: #ffffff;
  background: #de021d;
  padding-left: 30px;
  padding-right: 28px;
  box-sizing: border-box;
  position: relative;
  line-height: 52px;
  text-align: left;
}
.t-more:hover {
  color: #ffffff;
}
.t-more:hover:after {
  right: 30px;
  transition: .5s ease-in-out;
}
.t-more:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 16px;
  right: 20px;
  top: 0;
  bottom: 0;
  background: url(../images/i52.png) no-repeat center;
  background-size: 100%;
  margin: auto;
  transition: .5s ease-in-out;
}

.procims06-tit {
  text-align: center;
  margin-top: 45px;
}
.procims06-tit .tit {
  border-bottom: 1px solid #dddddd;
  display: inline-block;
}
.procims06-tit .li {
  display: inline-block;
  margin-left: 68px;
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  padding-bottom: 25px;
  position: relative;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.procims06-tit .li:hover, .procims06-tit .li.active {
  color: #1c3893;
  transition: .5s ease-in-out;
}
.procims06-tit .li:hover:after, .procims06-tit .li.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.procims06-tit .li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background: #1c3893;
  opacity: 0;
  transition: .5s ease-in-out;
}
.procims06-tit .li:nth-child(1) {
  margin-left: 0;
}

.calculation-01 {
  padding-top: 145px;
  padding-bottom: 110px;
  box-sizing: border-box;
}
.calculation-01 .c-images {
  position: relative;
  width: 795px;
  height: 755px;
  margin: 0 auto;
  margin-top: 70px;
}
.calculation-01 .c-images .items {
  position: absolute;
  width: 80px;
  height: 80px;
}
.calculation-01 .c-images .items .span {
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  width: 100px;
  color: #222222;
}
.calculation-01 .c-images .items.items1 {
  left: 0;
  right: 0;
  top: 48px;
  margin: auto;
}
.calculation-01 .c-images .items.items1 .span {
  position: absolute;
  top: -48px;
  left: -10px;
  text-align: center;
}
.calculation-01 .c-images .items.items2 {
  right: 100px;
  top: 200px;
  margin: auto;
}
.calculation-01 .c-images .items.items2 .span {
  position: absolute;
  left: 100%;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
}
.calculation-01 .c-images .items.items3 {
  right: 100px;
  bottom: 200px;
  margin: auto;
}
.calculation-01 .c-images .items.items3 .span {
  position: absolute;
  left: 100%;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
}
.calculation-01 .c-images .items.items4 {
  left: 0;
  right: 0;
  bottom: 48px;
  margin: auto;
}
.calculation-01 .c-images .items.items4 .span {
  position: absolute;
  bottom: -48px;
  left: -10px;
  text-align: center;
}
.calculation-01 .c-images .items.items5 {
  left: 100px;
  bottom: 200px;
  margin: auto;
}
.calculation-01 .c-images .items.items5 .span {
  position: absolute;
  right: 100%;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
}
.calculation-01 .c-images .items.items6 {
  left: 100px;
  top: 200px;
  margin: auto;
}
.calculation-01 .c-images .items.items6 .span {
  position: absolute;
  right: 100%;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
}
.calculation-01 .c-images .items.items7 {
  width: 125px;
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.calculation-01 .c-images .items.items7 .i {
  width: 125px;
  height: 125px;
}
.calculation-01 .c-images .items.items7 .span {
  width: 100px;
  height: 55px;
  margin: 0 auto;
  margin-top: 20px;
}

.calculation-02 {
  padding: 0 !important;
}
.calculation-02 .info1-box:nth-child(1) .wekbox {
  border-top: none;
}
.calculation-02 .info1-box .wekbox {
  padding-top: 145px;
  padding-bottom: 145px;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
}
.calculation-02 .info1-box .right1 .span {
  margin-top: 20px;
}
.calculation-02 .info1-box .left1 .pbox {
  color: #de021d;
  line-height: 32px;
  margin-top: 80px;
  margin-bottom: 90px;
}
.calculation-02 .info1-box .left1 .pbox span {
  font-weight: bold;
  font-size: 18px;
}
.calculation-02 .info1-box .right1 {
  position: relative;
}
.calculation-02 .info1-box .right1 .img {
  z-index: 2;
}
.calculation-02 .info1-box .right1.fr .bg100 {
  position: absolute;
  right: -10%;
  top: 2%;
}
.calculation-02 .info1-box .right1.fl .bg100 {
  position: absolute;
  left: -160px;
  top: 2%;
}

.con-details02 .words {
  padding-top: 150px;
  padding-bottom: 140px;
  box-sizing: border-box;
  width: 990px;
  left: 0;
  right: 0;
  margin: auto;
}
.con-details02 .words .p {
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
.con-details02 .words .imgk {
  margin-top: 95px;
  margin-bottom: 120px;
  position: relative;
}
.con-details02 .words .imgk .i {
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  transition: 1.5s ease-in-out;
}
.con-details02 .words .imgk.animate .i {
  width: 100%;
  transition: 1.5s ease-in-out;
  transition-delay: .1s;
}
.con-details02 .words .imgk.animate .i2 {
  transition-delay: .2s;
}
.con-details02 .words .imgk.animate .i3 {
  transition-delay: .2s;
}

.bocweb-footer .footer-bot br {
  display: none;
}

.mabnner .items0 {
  width: 50%;
  float: left;
  padding-left: 85px;
  box-sizing: border-box;
  line-height: 70px;
  position: relative;
  font-size: 14px;
}
.mabnner .items0 .i {
  width: 30px;
  height: 30px;
  left: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.mabnner .items0 img {
  display: block;
}

.m3-swiper {
  margin-top: 60px;
}
.m3-swiper .items {
  width: 49%;
  margin-left: 2%; text-align:center; line-height:40px;
  display: block;
  border: 1px solid #c4031b;
  box-sizing: border-box;
  float: left;
  margin-bottom: 2%;
}
.m3-swiper .items img {
  width: 100%;
}
.m3-swiper .items:nth-child(2n+1) {
  margin-left: 0;
}

.section3-mbox {
  padding: 50px 15px;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 14px;
  color: #666;
}
.section3-mbox .km {
  padding: 0 25px;
  box-sizing: border-box;
}
.section3-mbox .wel-more {
  margin-top: 25px;
}
.section3-mbox .items-bot {
  padding: 4%;
  box-sizing: border-box;
  display: none;
}
.section3-mbox .items-top {
  font-size: 16px;
  line-height: 60px;
  height: 60px;
  color: #222;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  position: relative;
}
.section3-mbox .items-top:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 26px;
  background: url(../images/c4.png) no-repeat center;
  background-size: 100%;
}
.section3-mbox .tit {
  font-size: 18px;
  margin-bottom: 25px;
}
.section3-mbox .words-m {
  margin-bottom: 25px;
}

.wm4-section {
  padding: 0 40px;
  box-sizing: border-box;
}
.wm4-section .tit {
  font-size: 18px;
  color: #fff;
}
.wm4-section .tit .t1 a {
  font-size: 14px;
  color: #fff;
}
.wm4-section .wm4-swiper {
  margin-top: 40px;
  padding-bottom: 40px;
}
.wm4-section .wm4-swiper .swiper-pagination {
  position: static;
  text-align: center;
}
.wm4-section .wm4-swiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 4px;
  border-radius: 0;
  background: #999999;
  opacity: 1;
}
.wm4-section .wm4-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1c3893;
}
.wm4-section .wm4-swiper img {
  width: 100%;
}
.wm4-section .wm4-swiper .words {
  font-size: 16px;
  color: #fff;
  padding: 25px 0;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.wm4-section .wm4-swiper .words .time {
  font-size: 13px;
  color: #999999;
}
.wm4-section .wm4-swiper .words .tsm {
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 20px;
}

.mbox {
  display: none;
}

.pcbox {
  display: block;
}

.pc900 {
  display: block;
}

.m900 {
  display: none;
}

.dingk {
  height: 100%;
}

.fix-rbox input, .fix-rbox textarea {
  color: #ffffff;
  font-size: 14px;
}

.down-banner {
  height: auto;
}

.maxflow-02 {
  height: auto !important;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/a1.png) no-repeat center;
}

.headsearch-box input[type="text"] {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #606060;
  font-size: 16px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}



.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.icon-sousuo {
  height: 60px;
  width: 60px;
  background: url(../images/a0.png) no-repeat center;
  background-size: 50%;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

@media screen and (max-width: 1900px) {
	.bocweb-footer .footer-box{
		padding-left: .6rem;
		padding-right: .6rem;
	}



  .wel-con .banner .items .words .cbig {
    font-size: .48rem;
    line-height: .7rem;
  }
  .button-swiper{
  	margin-top: .5rem;
  }

  .quality-03 .pro-tit .t-more {
    margin-top: .6rem;
  }

  .procims06-tit .li {
    padding-bottom: .25rem;
  }

  .quality-03 .pro-tit .t1 {
    padding: 0 .95rem;
    margin-top: .4rem;
  }

  .quality-01 {
    height: auto;
    padding: 1.45rem 0;
  }

  .procims06-tit {
    margin-top: .45rem;
  }

  .quality-01 .imgk {
    margin-top: .8rem;
    margin-bottom: .85rem;
  }

  .procims-right {
    width: 7.1rem;
    height: 6rem;
    margin-top: .6rem;
  }

  .procims-right .i1 {
    left: .6rem;
    top: -.6rem;
  }

  .maxflow-03 {
    padding-top: 2.95rem;
    padding-bottom: 1.65rem;
  }

  .maxflow-02 .pro3-ul .items5 {
    width: 8.4rem;
    height: 5.25rem;
    bottom: -1.5rem;
  }

  .maxflow-02 .pro3-ul .items5 .i2 {
    width: 5.85rem;
    height: 3.95rem;
    top: .36rem;
  }

  .results-banner .inputbox .t0 {
    line-height: .5rem;
  }

  .calculation-02 .info1-box .wekbox {
    padding-top: 1.95rem;
    padding-bottom: 1.45rem;
  }

  .calculation-02 .info1-box .left1 .pbox {
    margin-top: .8rem;
    margin-bottom: .9rem;
  }

  .news-details {
    padding-top: .8rem;
    padding-bottom: 1rem;
  }

  .wel-con .banner .items .words .csm {
    margin-top: .35rem;
    margin-bottom: .65rem;
    font-size: .18rem;
  }

  .wel-con .banner .items .words {
    padding-top: 3rem;
  }

  .wel-con .banner .swiper-pagination {
    bottom: 0.6rem;
  }

  .wel-con .banner .items .words-bot {
    bottom: .8rem;
  }

  .wel-con .banner .items .words-bot .items0 {
    height: auto;
    padding-left: 1.15rem;
  }

  .wel-con .banner .items .words-bot .items0 .i {
    width: .45rem;
    height: .45rem;
    left: .5rem;
  }

  .wel-con .banner .items .words-bot .items0 .tit {
    line-height: 1.2rem;
  }

  .wel-con .banner .items .words-bot .items0 .tit .tit0 .t0 {
    font-size: .18rem;
  }

  .wel-con .banner .items .words-bot .items0 .tit .tit0 .t1 {
    font-size: .15rem;
  }

  /**/
  .wel2-box .images-items .en {
    font-size: .36rem;
  }

  .wel2-box .images-items .cn {
    font-size: .42rem;
    margin-top: .2rem;
  }

  .wel2-box .images-items .p {
    width: 80%;
    margin-top: .4rem;
    margin-bottom: .7rem;
    font-size: .15rem;
    line-height: .3rem;
    height: 2.5rem;
  }

  .wel2-box .anniu-top .images {
    width: 3.95rem;
    height: 3.95rem;
  }

  .wel2-box .anniu-top {
    width: 4.25rem;
    height: 4.25rem;
    padding: .15rem;
  }

  .wel2-box .images-items .img {
    width: .7rem;
    height: .7rem;
  }

  .wel2-box .anniu-center {
    margin: .25rem auto;
    height: .3rem;
  }

  .wel2-box .anniu-top .swiper-button-next {
    right: -.9rem;
  }

  .wel2-box .anniu-top .swiper-button-prev {
    left: -.9rem;
  }

  .wel2-box .anniu-top .swiper-button-prev, .wel2-box .anniu-top .swiper-button-next {
    width: .5rem;
    height: .5rem;
  }

  .wel2-box .images-items .num {
    margin-bottom: .6rem;
  }

  .wel2-box .images-items .line {
    margin-top: .6rem;
    margin-bottom: .5rem;
  }
#hkpp img{ width:50%;}
  .wel2-box .right-words .wel2-tip {
    padding-top: 1rem;
    margin-bottom: .16rem;
  }

  .wel2-box .right-words .wel2-tip .csmil {
    margin-top: .2rem;
    line-height: .24rem;
    height: 1.6rem;
    font-size: .16rem;
  }

  .wel2-box .gallery-thumbs {
    font-size: .16rem;
  }

  .wel2-box .gallery-thumbs .swiper-slide-active {
    font-size: .26rem;
  }

  .wel2-box .gallery-thumbs {
    font-size: .16rem;
  }

  .wel2-box .right-words .wel2-tip .cbig {
    font-size: .36rem;
    line-height: .4rem;
    height: 3.2rem;
  }

  .wel2-box .anniu-top .words {
    font-size: .2rem;
  }

  .wel3-box .wel3-bot-itembox .left-images {
    width: calc(100% - 6rem);
  }

  /**/
  .wel3-box .wel3-bot-itembox .items {
    /*padding-top: .5rem;*/
  }

  .wel3-box .wel3-bot-itembox .left-images .cbig {
    margin-top: .4rem;
    margin-bottom: .4rem;
  }

  .wel3-box .wel3-bot-itembox .left-images .wel-more {
    margin-top: .45rem;
  }

  .wel3-box .wel3-bot-itembox .right-images {
    width: 5.3rem;
    height: 3.5rem;
  }

  .wel3-box .wel3-bot-itembox .left-images .csmil {
    font-size: .16rem;
    line-height: .3rem;
    height: .6rem;
  }

  .wel3-box .wel3-bot-itembox .itembox-ul {
    width: 80%;
  }

  .wel3-box .swiper-slide {
    width: 2.68rem;
    padding-bottom: .45rem;
    height: 1.4rem;
  }
  .wel3-box .swiper-slide-active {
    width: 5.8rem;
  }
  .wel3-box .wel3-top {
    padding-top: 1.8rem;
  }
  .wel3-box .wel3-top .items {
    line-height: 1.2;
    padding-bottom: .2rem;
  }
  .wel3-box .wel3-top .items i {
    width: 1.2rem;
    height: 1.2rem;
    bottom: -.6rem;
  }
  .wel3-box .wel3-top .items i:after {
    width: .1rem;
    height: .1rem;
  }
  .wel3-box .wel3-top .line {
    bottom: .71rem;
  }

  .wel3-box .wel3-bot-itembox {
    padding-top: .71rem;
  }

  .wel3-box .wel3-bot {
    padding-top: .71rem;
    margin-top: -.71rem;
  }

  .wel3-box .wel3-bot-word {
    padding-top: .3rem;
    width: 88%;
  }

  .wel3-box .wel3-bot-word .csmil {
    width: auto;
    max-width: 80%;
    line-height: .3rem;
    height: .6rem;
    margin-top: .23rem;
    margin-bottom: .5rem;
    font-size: .16rem;
  }

  .wel3-box .wel3-bot-word .ul {
    margin-top: 1rem;
  }

  .wel4-box .wel4-left .wel4-w700 {
    padding-right: 1.5rem;
    padding-top: 0.8rem;
    width: 85%;
  }

  .wel4-box .wel4-left .w-bot {
    margin-top: 0.8rem;
  }

  .wel4-box .wel4-left .tit {
    font-size: .4rem;
  }

  .wel4-box .wel4-left .w-bot .t1 {
    font-size: .3rem;
    height: .36rem;
    line-height: .36rem;
    margin-top: .25rem;
    margin-bottom: .1rem;
  }

  .wel4-box .itembox-right .i50 .p {
    font-size: .2rem;
    line-height: .3rem;
    height: .6rem;
    margin-bottom: .3rem;
    margin-top: .35rem;
  }

  .wel-more {
    max-width: 45%;
  }

  .wel4-box .itembox-right .i50 .img {
    width: .45rem;
    height: .5rem;
  }

  .wel4-box .itembox-right .i50 .c-box {
    padding: .7rem .6rem;
  }

  .wel4-box .itembox-right .i50 .p0 .px {
    font-size: .16rem;
    line-height: .25rem;
  }

  .wel4-box .itembox-right .i50 .p0:after {
    width: .25rem;
    height: .25rem;
  }

  .wel5-box .words {
    padding-top: 1.2rem;
  }

  .wel5-box .words .tit {
    font-size: .4rem;
    line-height: .52rem;
  }
  .wel5-box .words .tit span{
    font-size: .3rem;
    line-height: .52rem;
  }

  .wel5-box .words .p-word {
    font-size: .16rem;
    line-height: .28rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }

  .wel5-box .item-ul .items {
    height: auto;
    padding: .5rem .4rem;
  }

  .wel5-box .item-ul .items .span {
    width: .5rem;
    height: .5rem;
  }

  .wel5-box .item-ul .items .t0 {
    font-size: .2rem;
  }

  .wel5-box .item-ul .items .t1 {
    font-size: .16rem;
    line-height: .26rem;
    height: .52rem;
  }

  .wel5-box .wel-footer {
    padding: 0 .6rem;
    padding-bottom: .58rem;
  }

  .fixed-navigation .i-left {
    padding-left: 2.1rem;
  }

  .fixed-navigation .navigation-bot {
    margin-top: 1rem;
  }

  .fixed-navigation .i-right .tit {
    margin-bottom: .3rem;
  }

  .fixed-navigation .i-right .titbox {
    margin-top: .75rem;
  }

  .fixed-navigation .i-right {
    padding-left: 2.45rem;
  }

  .fixed-navigation .i-right .titbox0 {
    margin-top: 0;
  }

  .fixed-navigation .bdfx a {
    margin-right: .4rem;
  }

  .fixed-navigation .i-left .items {
    margin-bottom: .2rem;
  }

  .fixed-navigation .i-left .i-top {
    font-size: .2rem;
    line-height: .45rem;
  }

  .bocweb-header .header-right {
    padding-right: .6rem;
  }

  .ul-cases {
    padding-top: .55rem;
    padding-bottom: 1rem;
  }
  .ul-cases .page {
    padding-top: .4rem;
  }
  .ul-cases .items {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .ul-cases .items .words {
    padding: .45rem;
    padding-bottom: .7rem;
  }
  .ul-cases .items .words .span {
    width: .5rem;
    height: .5rem;
  }


  .ul-pro {
    padding-top: .55rem;
    padding-bottom: 1rem;
  }
  .ul-pro .page {
    padding-top: .4rem;
  }
  .ul-pro .items {
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .ul-pro .items .words {
    padding: .45rem;
    padding-bottom: .7rem;
  }
  .ul-pro .items .words .span {
    width: .5rem;
    height: .5rem;
  }

  .cases-ul-box {
    padding-top: 1.15rem;
  }

  /**/
  .con-details02 .words {
    padding-top: 1.5rem;
    padding-bottom: 1.4rem;
    width: 9.9rem;
  }
  .con-details02 .words .p {
    line-height: 1.5;
  }
  .con-details02 .words .imgk {
    margin-top: .95rem;
    margin-bottom: 1.2rem;
  }

  .con-details02 .images {
    height: 9.6rem;
  }

  .con-details02 .words .imgk.animate .i {
    background-size: cover !important;
  }

  .con-details01 .words {
    line-height: .3rem;
    font-size: .16rem;
    padding-bottom: 1.5rem;
  }
  .con-details01 .words .p {
    margin-top: .65rem;
  }
  .con-details01 .words .txt {
    margin-top: .45rem;
  }
  .con-details01 .words .txt span {
    font-size: 1.2rem;
  }
  .con-details01 .images {
    height: 9.6rem;
  }

  .map-box {
    height: 9.05rem;
  }
  .map-box .map-left {
    width: 58%;
  }
  .map-box .map-right {
    width: 42%;
     padding: .9rem 1.65rem .3rem .7rem;
  }
  .map-box .map-right .tit {
    padding-bottom: .75rem;
    font-size: .36rem;
  }
  .map-box .map-right .itembox {
    height: 3.6rem;
  }
  .map-box .map-right .itembox .box {
    padding-right: .65rem;
  }
  .map-box .map-right .itembox .items {
    cursor: pointer;
    padding: .4rem 0;
  }
  .map-box .map-right .itembox .items .t0 {
    font-size: .18rem;
    margin-bottom: .18rem;
  }
  .map-box .map-right .itembox .items .t1 {
    line-height: .3rem;
    font-size: .16rem;
  }
  .map-box .map-right .list {
    padding-top: .5rem;
  }
  .map-box .map-right .list .t1 {
    line-height: .3rem;
    font-size: .16rem;
  }
  .map-box .map-right .list .t0 {
    font-size: .18rem;
    margin-bottom: .18rem;
  }
  .map-box .map-right .list .img {
    width: 1.18rem;
    height: 1.18rem;
  }
  .map-box .map-right .list .li2 {
    width: 2.25rem;
  }
  .map-box .map-right .list .li1 {
    width: 3rem;
  }

  .pro-03.procims-06 .items5 {
    width: 8.8rem;
    height: 5.14rem;
  }
  .pro-03.procims-06 .items5 .i2 {
    width: 8.25rem;
    height: 4.9rem;
    top: .25rem;
  }

  .calculation-02 .info1-box .right1 .bg100.k0 {
    width: 4.1rem;
    height: 4.1rem;
  }

  .calculation-02 .info1-box .right1 .bg100.k1 {
    width: 4rem;
    height: 5rem;
  }

  .calculation-02 .info1-box .right1 .bg100.k2 {
    width: 5rem;
    height: 5rem;
  }

  .about-01 {
    padding-top: 1.4rem;
    padding-bottom: 0.5rem;
  }
  .about-01 .tit0 {
    line-height: 1.3;
    margin-bottom: .85rem;
  }
  .about-01 .tit1 {
    margin-bottom: .45rem;
  }
  .about-01 .tit1 .t0 {
    line-height: 1.5;
    margin-bottom: .45rem;
  }
  .about-01 .tit1 .words {
    width: 54%;
    padding: .65rem 0 .35rem .65rem;
  }
  .about-01 .tit1 .words .box {
    padding-right: 1.3rem;
  }
  .about-01 .tit1 .t1 {
    line-height: 2;
  }
  .about-01 .tit1 .images {
    width: 46%;
  }
  .about-01 .tit2 {
    padding-top: .45rem;
    padding-bottom: .7rem;
  }
  .about-01 .tit2 .items {
    float: left;
    width: 28%;
    margin-left: 8%;
  }
  .about-01 .tit2 .items .img {
    width: .55rem;
    height: .55rem;
    margin-bottom: .4rem;
  }
  .about-01 .tit2 .items .t1 {
    line-height: 2;
    margin-top: .3rem;
  }

  .about-02 {
    height: auto;
    padding: 1.5rem 0;
  }
  .about-02 .tit {
    margin-bottom: .35rem;
  }
  .about-02 .swiper-slide {
    padding-bottom: .06rem;
  }
  .about-02 .items .words {
    padding-left: .25rem;
    padding-right: .2rem;
    padding-bottom: .55rem;
  }
  .about-02 .items .t1 {
    line-height: 2.5;
    margin-top: .1rem;
  }
  .about-02 .items .t0 {
    font-size: .36rem;
  }
  .about-02 .button {
    margin-top: .5rem;
  }

  .button-swiper .swiper-button-prev, .button-swiper .swiper-button-next {
    width: .5rem;
    height: .5rem;
  }

  .about-03 {
    padding-top: 1.5rem;
    padding-bottom: 1.1rem;
  }
  .about-03 .tit {
    margin-bottom: .75rem;
  }
  .about-03 .items .images {
    padding: 20px 0;
    height: 310px;
  }

  .about-04 {
    padding-top: 1.5rem;
    padding-bottom: 1.7rem;
  }
  .about-04 .tit {
    margin-bottom: .45rem;
  }
  .about-04 .ul-tit .li {
    margin-left: .4rem;
    font-size: .18rem;
    line-height: .28rem;
    padding-bottom: .25rem;
  }

  .about04-box {
    margin-top: .5rem;
  }
  .about04-box .items {
    width: 23%;
    margin-left: 2.6666666667%;
  }
  .about04-box .items .t0 {
    font-size: .24rem;
    line-height: .3rem;
    height: .3rem;
    margin-top: .15rem;
    margin-bottom: .2rem;
  }
  .about04-box .items .t1 {
    font-size: .16rem;
    line-height: .3rem;
    height: .9rem;
  }
  .about04-box .items .t-ul {
    font-size: .16rem;
  }
  .about04-box .items .t-ul .t-li {
    line-height: .55rem;
  }
  .about04-box .items .img {
    width: .55rem;
    height: .55rem;
  }
  .about04-box .items .words {
    padding: .25rem;
    padding-right: .4rem;
    padding-top: .5rem;
  }

  .about-05 .itembox .words {
    padding: .6rem .35rem;
    line-height: 2;
  }
  .about-05 .itembox .words .span {
    margin-top: .5rem;
  }
  .about-05 .itembox .words .img {
    width: 1.5rem;
    height: .5rem;
  }

  .join-01 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .join-01 .images {
    margin-top: .8rem;
  }
  .join-01 .items {
    width: 100%;
    height: auto;
    margin: 0;
    float: none;
  }
  .join-01 .items .text {
    padding: .5rem;
  }

  .join1-swiper .button {
    margin-top: .7rem;
  }

  .join-02 {
    padding-top: 1.55rem;
    padding-bottom: 1.35rem;
  }
  .join-02 .join2-swiper {
    width: 45%;
    margin-top: .75rem;
  }
  .join-02 .items .span {
    height: 1rem;
    margin-top: -.5rem;
    line-height: 1rem;
    width: 55%;
  }

  .join-03 {
    padding-top: 1.7rem;
    padding-bottom: .8rem;
  }

  .join-form {
    margin-top: .55rem;
  }
  .join-form .form-top {
    margin-bottom: .15rem;
  }

  .join-form .form-top .select .select-top:after {
    right: .25rem;
  }
  .join-form .form-top .span {
    left: .3rem;
  }
  .join-form .form-top .it {
    margin-right: .65rem;
  }

  .form-bot .thead {
    padding: 0 .3rem;
  }
  .form-bot .td {
    float: left;
  }
  .form-bot .tr:before {
    right: .45rem;
  }
  .form-bot .tr {
    padding: 0 .3rem;
  }
  .form-bot .hide {
    padding: .7rem .65rem;
  }
  .form-bot .hide .h-li {
    margin-bottom: 1.1rem;
  }
  .form-bot .hide .h-li .h {
    margin-bottom: .3rem;
  }
  .form-bot .hide .h-li .submit {
    margin-top: .35rem;
  }
  .form-bot .hide .h-li .p {
    line-height: 1.5;
    color: #222;
  }

  .business-top {
    padding-top: 1.3rem;
    padding-bottom: .7rem;
  }
  .business-top .span {
    right: .4rem;
    top: .32rem;
  }
  .business-top .tit {
    font-size: .3rem;
    margin-bottom: .5rem;
  }
  .business-top .select .ulbox {
    padding: .05rem .45rem;
    padding-right: 1.25rem;
  }
  .business-top .select .ulbox .ul {
    padding: .25rem 0;
  }
  .business-top .select .ulbox .n {
    padding-left: .28rem;
    margin-right: .4rem;
  }

  .business-bot {
    padding-bottom: 1.1rem;
  }
  .business-bot .page {
    padding-top: .45rem;
  }
  .business-bot .items {
    float: left;
    width: 32%;
    margin-left: 2%;
    height: 5.9rem;
    margin-bottom: 2%;

  }
  .business-bot .items .word-top, .business-bot .items .word-bot {
    padding: .45rem;
  }
  .business-bot .items .word-top {
    top: .1rem;
  }
  .business-bot .items .word-bot {
    /*bottom: .2rem;*/
  }
}
@media screen and (max-width: 1750px) {
  .ft30 {
    font-size: .3rem;
  }

  .wel3-box .wel3-bot-word .ul .swiper-button-prev {
    left: -50px;
  }

  .wel3-box .wel3-bot-word .ul .swiper-button-next {
    right: -50px;
  }

  .lianjie .lj-top {
    line-height: 40px;
    height: 40px;
  }

  .info-tit .t0 {
    font-size: .36rem;
  }

  .pro-01 .pro1-ul .bot-img .i1 {
    width: 94%;
    left: 3.4%;
    top: 1.5%;
  }

  .fixed-navigation .navigation-fixed-bot {
    padding-bottom: .5rem;
  }

  .fixed-navigation .itembox-bot {
    margin-top: .4rem;
  }

  .fixed-navigation .itembox-bot a {
    font-size: 14px;
    line-height: 28px;
  }

  .pro-06 .fl-words .pa-box {
    margin-top: 1.8rem;
  }

  .fixed-navigation .i-right .titbox {
    margin-top: .5rem;
  }

  .fixed-navigation .navigation-top .close {
    margin-top: .28rem;
  }

  .fixed-navigation .i-right .titbox0 {
    margin-top: 0;
  }

  .fixed-navigation .navigation-bot {
    margin-top: 1rem;
  }

  .cases01-ul .li {
    padding-top: .45rem;
    padding-bottom: .62rem;
  }

  .wel-more {
    line-height: 40px;
    height: 40px;
    width: 230px;
  }

  .cases01-ul .li {
    line-height: 1.8;
  }

  .ft20 {
    font-size: 20px;
  }

  .ft40 {
    font-size: .4rem;
  }

  .cases-box .pd {
    padding: 0.6rem;
    padding-top: .8rem;
  }

  .cases-box .righttext-bot .li .img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }

  .cases-box .righttext-bot .li {
    padding: .4rem 0;
  }

  .cases-box .pd .t0 {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
  }

  .cases-box .pd .t1 {
    font-size: 15px;
    line-height: 18px;
    height: 18px;
  }

  .cases-box .righttext-bot .li .word {
    padding-top: .1rem;
    width: calc(100% - 70px);
  }

  .wel3-box .wel3-top .items:hover {
    font-size: 16px;
  }

  .con-banner .box-banner {
    width: 90%;
  }

  .w1600 {
    width: 90%;
  }

  .con-banner .box-banner .words {
    padding: 1.15rem 1rem;
  }

  .con-banner .box-banner .words-top {
    padding: 0 1rem;
  }

  .con-banner .box-banner .words-top .w-t01 {
    min-width: 2.2rem;
    margin-bottom: .8rem;
  }

  .con-banner .box-banner .words-top .w-t03 {
    margin-top: .15rem;
    margin-bottom: .5rem;
  }

  .con-banner .box-banner .words-top .w-t04 {
    margin-bottom: .75rem;
  }

  .con-banner .box-banner {
    height: 630px;
  }

  .con-banner .box-banner .t-wul .i .span {
    margin-top: .13rem;
  }

  .con-banner {
    height: auto;
  }

  .proinfo-01 {
    padding: 1.4rem 0;
  }

  .cases-banner .box-banner {
    height: 540px;
  }

  .cases-box .fl-leftwords .li-cases {
    padding: .5rem 1rem;
  }
  .cases-box .fl-leftwords .li-cases:nth-child(1) {
    margin-bottom: .38rem;
  }

  .cases-box .righttext-bot {
    margin-top: .38rem;
  }

  .w1120 {
    width: 70%;
  }

  .w440 {
    width: 27.5%;
  }

  .proshow-img{
    width: 50%;
  }
  .proshow-img1{ display:block; width: 100%; margin:0 auto; overflow:hidden; }
  .proshow-main{
    width: 50%;
  }
  .proshow-main .pro-main{
    margin-bottom: 30px;
  }
  .cases-box .words-box {
    line-height: 30px;
  }

  .cases-box .righttext-top {
    height: auto;
    padding: .6rem;
    padding-top: .85rem;
  }

  .cases-box .righttext-top .li {
    padding-top: .35rem;
    padding-bottom: .4rem;
  }

  .cases-box .pd .t1 {
    margin-top: .15rem;
  }

  .pro-01 {
    padding-top: 1.45rem;
  }

  .pro-02 .pro-tit {
    top: 1.4rem;
  }

  .pro-tit .t2 {
    margin-top: .3rem;
  }

  .pro-03 {
    height: 9.65rem;
  }
  .pro-03 .pro3-content {
    padding-top: 1.45rem;
  }
  .pro-03 .items0 {
    bottom: 5.6rem;
    width: 4.55rem;
    height: 1rem;
    font-size: 16px;
    line-height: 1rem;
    border-radius: 1rem;
  }
  .pro-03 .items0 .i0 {
    right: .05rem;
  }
  .pro-03 .items0.animate .i0 {
    right: calc(100% - .95rem);
  }
  .pro-03 .items0 .span span {
    font-size: .24rem;
  }
  .pro-03 .items1 {
    width: 2.05rem;
    height: 1.2rem;
  }
  .pro-03 .items2 {
    width: 1.2rem;
    height: .7rem;
  }
  .pro-03 .items3 {
    width: 2.5rem;
    height: .5rem;
  }
  .pro-03 .items4 {
    width: 1.9rem;
    height: 1.1rem;
  }
  .pro-03 .items5 {
    bottom: -2.3rem;
    width: 11rem;
    height: 6.6rem;
  }
  .pro-03 .items5 .i2 {
    top: .28rem;
    width: 7.48rem;
    height: 4.8rem;
  }

  .pro-03 .items0 .i0 {
    width: .9rem;
    height: .9rem;
  }

  .pro-04 {
    padding-top: 2.3rem;
    padding-bottom: .8rem;
  }

  .pro-05 {
    padding-top: 1.5rem;
    padding-bottom: 1.1rem;
  }

  .pro-tit .t1 {
    margin-top: .3rem;
  }

  .pro5-top {
    margin-top: .3rem;
    margin-bottom: .6rem;
    padding-bottom: .6rem;
  }

  .pro5-top .swiper-button-prev {
    left: -100px;
  }

  .pro5-top .swiper-button-next {
    right: -100px;
  }

  .c-swiper .swiper-button-prev, .c-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  .proinfo-01 .right1 {
    width: 8rem;
  }
  .proinfo-01 .right11 {
    width: 8rem;
  }

  .proinfo-01 .left1 {
    width: calc(100% - 8.2rem);
    padding-left: 1rem;
    padding-right: .7rem;
  }

  .proinfo-01 .right1 .img {
    height: auto;
  }
  .proinfo-01 .right1 .img .i1 {
    width: 6rem;
    height: auto;
    top: .35rem;
  }
  .proinfo-01 .right11 .img .i1 {
    width: 8rem;
    height: auto;
    top: .35rem;
  }

  .proinfo-01 .right1 .span .i {
    margin: 0 .15rem;
    padding-left: .24rem;
    font-size: .16rem;
  }

  .proinfo-01 .right1 .span .i:after {
    width: .2rem;
    height: .15rem;
  }

  .proinfo-01 .right1 .span {
    margin-top: .4rem;
  }

  .proinfo-01 .left1 .p {
    margin-top: .6rem;
  }

  .proinfo-04 .w720 {
    width: 48%;
  }

  .proinfo-04 .info4-left .info-tit {
    margin-bottom: .65rem;
  }

  .proinfo-04 .info4-right .itemtop {
    padding: .28rem 0;
    padding-left: 25px;
  }

  .proinfo-04 .info4-left .images {
    height: auto;
    width: 7.2rem;
  }


  .bocweb-footer .footer-top {
    padding-bottom: .9rem;
  }

  .bocweb-footer .footer-box {
    padding-top: .65rem;
  }

  .proinfo-bot .info-bot .tit {
    padding-left: 1rem;
  }

  .bocweb-footer {
    height: auto;
  }

  .bocweb-footer .footer-bot {
    padding-top: .3rem;
    padding-bottom: .8rem;
  }

  .proinfo2-ul .item .t1 {
    margin-top: .3rem;
    font-size: .2rem;
    line-height: .3rem;
    height: .6rem;
  }

  .proinfo-04 .info4-left .images .i2 {
    position: absolute;
    width: 4.63rem;
    height: 3.12rem;
    top: .78rem;
    left: 1.5rem;
  }

  .proinfo-01 .left1 .items0 {
    margin-top: .9rem;
  }

  .pro-cims02.pro-01 .items {
    width: 18%;
    margin: 0 2.5%;
  }

  .pro-cims01 {
    padding-top: 1.45rem;
    padding-bottom: 1.15rem;
  }

  .cims01 .wel-more {
    margin-top: .5rem;
  }

  .cims01-ul .images {
    width: 9.5rem;
    height: 5.7rem;
  }

  .cims01-ul .images .i1 {
    left: 1.35rem;
    top: .28rem;
    width: 6.8rem;
    height: 4.37rem;
  }

  .cims01-ul .ul .li:nth-child(n+2) {
    margin-top: .8rem;
  }

  .pro-cims02.pro-01 .pro-tit .wel-more {
    margin-top: .6rem;
  }

  .pro-cims02.pro-01 .pro1-ul {
    margin-top: .6rem;
  }

  .pro-cims03 .items {
    padding-top: 1.95rem;
    padding-bottom: 1.7rem;
  }

  .pro-cims03 .left-box {
    width: 8.25rem;
  }

  .pro-cims03 .left-box .img .i1 {
    left: 1.08rem;
    top: .38rem;
    width: 6.1rem;
    height: 3.92rem;
  }

  .pro-cims03 .right-box {
    width: calc(100% - 8.5rem);
  }

  .pro-cims03 .right-box.fl {
    padding-left: .8rem;
  }

  .pro-cims03 .right-box.fr {
    padding-right: .8rem;
  }

  .pro-cims03 .right-box .p {
    max-width: 100%;
  }

  .cims04-top .pro-tit .t1 {
    margin-top: .3rem;
  }

  .g-gundong {
    margin-top: .5rem;
  }

  .cims04-top .images {
    height: 7.5rem;
  }

  .pro-cims04 {
    padding-bottom: 1.4rem;
  }

  .pro-cims03 .right-box .en, .pro-cims03 .right-box .cn {
    line-height: 1.5;
  }

  .pro-cims03 .right-box .p {
    margin-top: .3rem;
    margin-bottom: .8rem;
    line-height: 1.5;
  }

  .pro-cims03 .right-box .pul .pli {
    margin-bottom: .2rem;
  }

  .cims04-bot .cims04 {
    padding-top: 1rem;
  }

  .cims04-bot {
    margin-top: -1rem;
  }

  .cims04-bot .swiper-slide .itembox .item {
    width: 48%;
    padding: .4rem 0;
    margin-bottom: .15rem;
    padding-left: 60px;
  }

  .a-swiper .swiper-button-prev {
    left: -100px;
  }

  .a-swiper .swiper-button-next {
    right: -100px;
  }

  .news-top {
    padding-top: .75rem;
    padding-bottom: .4rem;
  }
  .news-top .tit {
    font-size: .3rem;
    margin-bottom: .45rem;
  }
  .news-top .items {
    width: 32%;
    margin-left: 2%;
  }
  .news-top .items .words {
    padding-top: .36rem;
    padding-bottom: .1rem;
  }
  .news-top .items .t1 {
    margin-top: .15rem;
  }

  .news-bot {
    padding-top: .35rem;
    padding-bottom: 1.35rem;
  }
  .news-bot .page {
    padding-top: .45rem;
  }
  .news-bot .tit-tip .item {
    margin-left: .5rem;
    line-height: 1.5;
    padding-bottom: .3rem;
  }
  .news-bot .ul-box {
    padding-top: .55rem;
  }
  .news-bot .ul-box .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: .35rem;
    padding: .5rem .55rem;
  }
  .news-bot .ul-box .li .t1 {
    margin-top: .15rem;
  }
  .news-bot .ul-box .li .span span {
    padding: 0.1rem 0;
  }
  .news-bot .ul-box .li .text {
    padding-left: .4rem;
  }
}
@media screen and (max-width: 1650px) {
  .cases01-ul .li .v2 {
    width: 70%;
  }
  .download .download-bot .items .words.words-02 .t1{
  	height: 60px;
  }
  .map-box .map-right .list{
  	padding-top: .6rem;
  }

  .procims-05 {
    line-height: 9.6rem;
  }

  .procims-05 .images {
    height: 9.6rem;
  }

  .about-01 .tit2 .items .img {
    width: 50px;
    height: 50px;
  }

  .about-01 .tit1 .t0 {
    font-size: 18px;
  }

  .about-01 .tit1 .t1 {
    font-size: 16px;
  }

  .w1560,
  .w1540,
  .w1500 {
    width: 90%;
  }

  .about-01 .tit1 .words .box {
    padding-right: .75rem;
  }

  .cases01-ul {
    margin-top: .7rem;
  }

  .proinfo-bot {
    height: 170px;
  }

  .pro-01 .pro1-ul .bot-img .i1 {
    width: 94.5%;
    left: 2.5%;
    top: 2%;
  }

  .proinfo-01 .left1 .p {
    line-height: .3rem;
    font-size: .16rem;
  }

  .pro-06 .fr-images .itembox .item {
    padding: .4rem;
    padding-bottom: .5rem;
    height: auto;
  }

  .pro-06 {
    height: auto;
    padding-bottom: 2rem;
  }

  .cases01-ul .li .v1 {
    width: 25%;
  }

  .w1400 {
    width: 90%;
  }

  .pro-01 .pro1-ul .items {
    width: 22%;
    margin: 0 5%;
  }

  .pro-01 .pro1-ul .bot-img {
    margin-top: .3rem;
  }

  .pro-tit .t1 {
    margin-top: .3rem;
  }

  .pro-01 .pro1-ul {
    margin-top: .45rem;
  }

  .pro2-itembox .items .span {
    width: 2.2rem;
    line-height: 20px;
    height: 20px;
    font-size: 15px;
    margin-top: .1rem;
  }

  .pro2-itembox .items .i {
    width: .5rem;
    height: .5rem;
  }

  .pro2-itembox .items .img {
    width: 2.8rem;
    height: 1.9rem;
    left: -4rem;
    top: -1.4rem;
  }

  .pro-03 .pro3-content {
    padding-top: 1.45rem;
  }

  .w1290 {
    width: 80%;
  }

  .pro5-top .itembox .item {
    width: 23%;
    margin-left: 2.666%;
    height: auto;
    margin-top: .3rem;
  }

  .pro-06 .pro6-content {
    padding-top: 1.5rem;
  }

  .proinfo2-ul .item {
    width: 32%;
    margin-left: 2%;
  }

  .proinfo-03,
  .proinfo-04 {
    padding: 1.4rem 0;
  }

  .proinfo2-ul .item .words {
    padding: .45rem .6rem;
  }

  .proinfo2-ul {
    margin-top: .75rem;
  }

  .wel-con .banner .items .words-box {
    width: 80%;
  }

  .pro-cims02.pro-01 .items {
    width: 18%;
    margin: 0 2.5%;
  }

  .a-swiper .swiper-button-prev {
    left: -50px;
  }

  .a-swiper .swiper-button-next {
    right: -50px;
  }

  .cims04-bot .cims04 {
    width: 80%;
  }

  .map-box .map-right {
    padding: .8rem 1.3rem .3rem .6rem;
  }

  .map-box .map-right .tit {
    padding-bottom: .4rem;
    font-size: .3rem;
  }
  .map-box .map-right .itembox .items{
  	padding:.35rem 0;
  }
  .map-box .map-right .itembox .items .t1,.map-box .map-right .list .t1{
  	font-size: 14px;
  	line-height: 1.5;
  }
  .map-box .map-right .list .li2{
  	width: 1.8rem;
  }
	.map-box .map-right .list .li1{
		width: 3.4rem;
	}
  .procims3-imageul .items {
    width: 22%;
    margin-left: 4%;
    height: auto;
  }

  .procims3-imageul .items .words {
    padding: .65rem .5rem;
  }

  .procims-01 {
    padding-top: 1.5rem;
    padding-bottom: 1.6rem;
  }
  .procims-01.active {
    padding-top: 2.25rem;
  }
  .procims-01 .cims-ul {
    margin-top: .7rem;
  }

  .cims-ul .li {
    margin: 0 .65rem;
    padding-left: 20px;
  }

  .procims-02.proinfo-01 {
    padding-top: 1.45rem;
    padding-bottom: 1.6rem;
  }

  .procims-03 {
    height: auto;
    padding: 1.45rem 0;
  }

  .procims3-imageul {
    margin: 1.1rem auto;
  }

  .procims-04.pro-01 .pro1-ul .bot-img .i1 {
    width: 93%;
    left: 3%;
    top: 1.8%;
  }

  .download-top .tit {
    font-size: .3rem;
  }
  .download-top .tit-ul {
    margin-bottom: .2rem;
  }
  .download-top .tit-ul.g1 .swiper-slide {
    width: 1.4rem;
  }
  .download-top .tit-ul.g2 .swiper-slide {
    margin: 0 .22rem;
  }
  .download-top .tit-ul.g2 .swiper-slide .items {
    line-height: .4rem;
    padding: 0 .2rem;
  }

  .download .download-bot .items .words .t1 {
    font-size: 14px;
    height: 100px;
    line-height: 20px;
  }

  .download .download-bot .items .words .t0 {
    font-size: 18px;
    line-height: 25px;
    height: 50px;
  }

  .download {
    padding-top: 1.3rem;
    padding-bottom: 1.1rem;
  }
  .download .page {
    padding-top: .25rem;
  }
  .download .tit {
    margin-bottom: .5rem;
  }
  .download .download-bot {
    padding-top: .4rem;
  }
  .download .download-bot .items {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .download .download-bot .items .words {
    padding: .6rem;
  }
  .download .download-bot .items .words .t0 {
    margin-bottom: .2rem;
  }
  .download .download-bot .items .words .more {
    height: .7rem;
    line-height: .7rem;
    margin-top: .3rem;
  }

  .pagination a, .pagination span {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
  }

  .about-04 .ul-tit .li {
    font-size: 16px;
    line-height: 24px;
  }

  .about04-box .items .t-ul {
    font-size: 15px;
    margin-top: .2rem;
  }

  .about04-box .items .t1 {
    font-size: 15px;
    line-height: 25px;
    height: 75px;
  }

  .about-05 .itembox .words {
    line-height: 1.5;
  }

  .pro-06 .pro6-content .wel-more {
    padding-left: .3rem;
  }

  .about04-box .items .t0 {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }

  .download-top .tit-ul {
    line-height: 80px;
    height: 80px;
  }

  .results-box {
    padding-bottom: 1.35rem;
    padding-top: 1rem;
  }
  .results-box .results-top {
    line-height: .8rem;
    height: .8rem;
    padding: 0 .55rem;
  }
  .results-box .results-top .li {
    margin-left: .78rem;
  }
  .results-box .results-tit {
    line-height: 1.3rem;
    height: 1.3rem;
  }

  .results-items .ul {
    margin-bottom: .85rem;
  }
  .results-items .items {
    padding: .55rem;
  }
  .results-items .items .tit {
    margin-bottom: .25rem;
  }
  .results-items .items .tit .txt {
    padding: 0 .12rem;
  }

  .results-items .items .tit {
    font-size: 20px;
  }

  .fix-rbox {
    width: 8.2rem;
    height: auto;
    padding: .6rem;
    padding-right: 1.35rem;
  }
  .fix-rbox .spanx {
    width: .6rem;
    height: .6rem;
  }

  .consul-top .span {
    margin-bottom: .05rem;
  }
  .consul-top .i {
    height: .35rem;
  }
  .consul-top .input {
    margin-bottom: .45rem;
  }

  .consul-bot .span {
    margin-bottom: .05rem;
  }
  .consul-bot .button {
    margin-top: .5rem;
  }
  .consul-bot .button input {
    width: 1.8rem;
    height: .45rem;
  }
  .consul-bot .text {
    height: .35rem;
  }
  .consul-bot .text textarea {
    line-height: .35rem;
  }

  .consul-center .li {
    margin-right: .55rem;
  }
  .consul-center .libox {
    margin-bottom: .4rem;
  }
  .consul-center .span {
    margin-bottom: .3rem;
  }

  .calculation-01 {
    padding-top: 1.45rem;
    padding-bottom: 1.1rem;
  }
}
@media screen and (max-width: 1450px) {
  .pro-06 .fr-images {
    width: 80%;
  }
  .map-box .map-right .list .t0{
  	font-size: 16px;
  }

  .procims06-tit .li {
    margin-left: .65rem;
  }

  .procims2-itembox {
    margin-top: .4rem;
  }

  .pro-03.procims-06 .pro3-content {
    padding-top: 1rem;
  }

  .procims3-imageul .items .words {
    font-size: 16px;
  }

  .procims3-imageul .items .words {
    padding: .4rem .3rem;
  }

  .procims3-imageul .items .words .txt {
    line-height: 25px;
    height: 50px;
  }

  .procims-03 .pro-tit .t1 br,
  .procims-06 .pro-tit .t1 br {
    display: none;
  }

  .map-box .map-right .list .li1 {
    width: 65%;
  }

  .map-box .map-right .list {
    padding-top: .5rem;
  }

  .map-box .map-right .list .li2 {
    width: 35%;
  }

  .fix-rbox {
    width: 70%;
  }

  .map-box .map-right .itembox .items .t0 {
    font-size: 16px;
  }

  .results-box .results-tit {
    font-size: 18px;
  }

  .business-top .select .ulbox {
    font-size: 14px;
  }

  .business-top .select .li-left {
    width: 80px;
  }

  .business-top .select .li-right {
    width: calc(100% - 80px);
  }

  .business-top .select .ulbox .n {
    padding-left: 20px;
  }

  .business-top .select .ulbox .n:after {
    width: 12px;
    height: 12px;
  }

 

  .form-bot .td {
    width: 28%;
  }

  .join-form .form-top .select {
    width: 200px;
    height: 50px;
  }

  .join-form .form-top {
    line-height: 50px;
    font-size: 14px;
  }

  .form-bot .td4 {
    width: 16%;
  }

  .form-bot .tr {
    line-height: 55px;
    height: 55px;
  }

  .news-details .details-bot .w {
    width: calc(100% - 145px);
  }

  .form-bot .thead {
    line-height: 75px;
    height: 75px;
  }

  .fixed-navigation .i-right .titbox {
    margin-top: .35rem;
  }

  .w1200 {
    width: 85%;
  }

  .fixed-navigation .i-right .input {
    height: 40px;
  }

  .fixed-navigation .navigation-top .close {
    width: 55px;
    height: 52px;
  }

  .fixed-navigation .navigation-bot {
    margin-top: .6rem;
  }

  .ft30 {
    font-size: 20px;
  }

  .pro-06 .fl-words {
    width: 18%;
  }

  .con-banner .box-banner {
    height: 8rem;
  }

  .con-banner .con-top {
    height: 8rem;
  }

  .proinfo-02 {
    padding-top: 1.4rem;
    padding-bottom: 1.6rem;
  }

  .info3-ul .top3 {
    margin-bottom: .9rem;
  }

  .info3-ul {
    margin-top: .55rem;
  }

  .proinfo-01 .left1 .p, .calculation-02 .info1-box .left1 .pbox {
    line-height: 25px;
    font-size: 15px;
  }

  .fixed-navigation .i-left .i-top {
    font-size: 16px;
    line-height: 30px;
  }

  .wel2-box .anniu-top .words {
    font-size: 16px;
  }

  .wel2-box .right-words .wel2-tip .csmil {
    font-size: 14px;
  }

  .wel2-box .gallery-thumbs {
    font-size: 14px;
  }

  .wel2-box .gallery-thumbs .swiper-slide-active {
    font-size: 18px;
  }

  .wel2-box .gallery-thumbs {
    font-size: 14px;
  }

  .wel-con .banner .items .words .cbig {
    font-size: 30px;
    line-height: 40px;
  }

  .wel-con .banner .items .words .csm {
    margin-top: 18px;
    margin-bottom: 35px;
    font-size: 16px;
  }

  .wel-con .banner .items .words {
    padding-top: 2rem;
  }

  .wel-con .banner .swiper-pagination {
    bottom: 0.5rem;
  }

  .wel-con .banner .items .words-bot {
    bottom: .5rem;
  }

  .wel-con .banner .items .words-bot .items0 {
    padding-left: 75px;
  }

  .wel-con .banner .items .words-bot .items0 .i {
    width: 35px;
    height: 35px;
    left: 30px;
  }

  .wel-con .banner .items .words-bot .items0 .tit {
    line-height: 90px;
  }

  .wel-con .banner .items .words-bot .items0 .tit .tit0 .t0 {
    font-size: 16px;
  }

  .wel-con .banner .items .words-bot .items0 .tit .tit0 .t1 {
    font-size: 14px;
  }

  .wel5-box .item-ul .items .t1, .wel5-box .words .p-word {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .wel5-box .item-ul .items .t0 {
    font-size: 16px;
  }

  .wel2-box .images-items .p {
    font-size: 14px;
    line-height: 20px;
    height: 260px;
  }

  .cases-banner .con-top {
    height: 540px;
  }

  .cases-banner .box-banner {
    height: 440px;
  }

  .pro-06 .pro6-content .wel-more {
    margin-top: .7rem;
    width: 100%;
  }

  .join-01 .items .span {
    font-size: 18px;
  }

  .join-swiper .swiper-button-next {
    right: -80px;
  }

  .join-swiper .swiper-button-prev {
    left: -80px;
  }

  .news-bot .ul-box .li .span {
    font-size: 20px;
    width: 50px;
  }

  .news-bot .ul-box .li .text {
    width: calc(100% - 50px);
  }

  .down-banner.con-banner .box-banner .w-t05 {
    padding-top: .5rem;
  }

  .proinfo-04 .info4-right .itemtop {
    font-size: 16px;
  }

  .proinfo-04 .info4-right .itembot {
    padding: .35rem .5rem;
    font-size: 14px;
  }

  .info3-ul .items .words .w-bot {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .info3-ul .items .words {
    padding: 0.5rem;
    padding-bottom: .4rem;
  }

  .pro5-bot .item .word {
    padding: .3rem .45rem;
  }

  .pro5-bot .item .word:after {
    top: 4px;
    left: 4px;
  }

  .pro5-bot .item .word:before {
    bottom: 4px;
    right: 4px;
  }

  .pro5-bot .item .word .p {
    font-size: 14px;
  }

  .pro-03 .items0 {
    width: 5.8rem;
  }
}
@media screen and (max-width: 1350px) {
  .quality-03 .pro-tit .t1 {
    font-size: 14px;
  }

  .quality-01 .images.animate .i {
    background-size: cover !important;
  }
  .bocweb-footer .bocweb-footer-logo{
    width: 1.8rem;
    height: auto;
  }
  .bocweb-footer .footer-box{
    width: 95%;
  }
  .bocweb-footer .bocweb-footer-contact .nav{
    font-size: 15px;
  }
  .bocweb-footer .bocweb-footer-contact .nav:nth-child(n+2){
    margin-left: .5rem;
  }
}
@media screen and (max-width: 1200px) {
  .w1100 {
    width: 95%;
  }

  .quality-01 .words {
    width: 90%;
  }

  .pro4-images-ul .fl-img {
    width: 48%;
    height: auto;
  }

  .pro4-images-ul .fr-img {
    width: 48%;
    height: auto;
  }

  .news-details .details-bot {
    padding-top: .55rem;
    padding-bottom: .5rem;
  }

  .news-details .details-words {
    padding-top: .4rem;
    padding-bottom: .5rem;
  }
}
@media screen and (max-width: 1190px) {
  .maxflow-03 .pro-tit {
    width: 95%;
  }

  .cases-box .words-box {
    line-height: 1.8;
  }

  .pro-06 .fr-images .itembox .item .input {
    margin-top: .5rem;
  }

  .w1290 {
    width: 95%;
  }

  .pro5-top .swiper-button-next {
    right: -45px;
  }

  .pro5-top .swiper-button-prev {
    left: -45px;
  }

  .info-tit .t0 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .news-details .details-bot .w {
    float: none;
    width: 100%;
  }

  .con-details02 .words .imgk {
    margin-top: .6rem;
    margin-bottom: .8rem;
  }

  .con-details02 .words .p {
    font-size: 14px;
  }

  .join-01 .items .p0 {
    line-height: 25px;
    max-height: 75px;
  }

  .news-details .details-bot .back {
    float: none;
    margin-top: 20px;
  }

  .cases-box {
    padding-bottom: 60px;
  }

  .bocweb-header .header-right {
    padding-right: 30px;
  }

  .con-banner .box-banner .words-top .w-t01 {
    min-width: auto;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 35px;
  }

  .ft40 {
    font-size: 25px;
  }

  .con-banner .box-banner .words-top .w-t04 {
    margin-bottom: 30px;
  }

  .con-banner .box-banner .words-top .w-t03 {
    margin-top: 10px;
    margin-bottom: 12px;
  }

  .join-box .tit {
    margin-bottom: .5rem;
  }

  .pro-06 .fr-images .itembox .item .button {
    margin-top: .9rem;
  }

  .procims-05 .pro-tit {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .con-details02 .words {
    position: static;
  }
  .wel2-box.jh .anniu-top .swiper-button-prev,.wel2-box.jh .anniu-top .swiper-button-next{
  	display: none;
  }
  .fixed-right .items2{
  	height: 45px;
  	line-height: 45px;
  }
	.fixed-right .items2:hover .phone-bot{
	    left: 100%;
	    transition:.5s ease-in-out;
	}
	.fixed-right .items2 .phone-bot{
		width: 150px;
	}
	.fixed-right .items2.active .phone-bot{
	    left: -150px;
	    transition:.5s ease-in-out;
	}


  .pro2-itembox .items .i {
    width: 90%;
    height: auto;
  }

  .pro2-itembox .items .imgbox {
    margin-top: .45rem;
  }

  .pro2-itembox {
    margin-top: .7rem;
  }
  .pro2-itembox .items {
    width: 25%;
    float: left;
  }

  .pro2-itembox .items .img {
    width: 100%;
    height: auto;
  }

  .pro2-itembox .items .span {
    width: 90%;
  }

  .pro2-itembox .items .img,
  .pro2-itembox .items .imgbox {
    position: static;
    display: block !important;
  }

  .pro2-itembox .items .img:after {
    display: none;
  }

  .pro-02 {
    background: #0c1946;
    padding: 1.4rem 0;
  }
  .pro-02 .images {
    display: none;
  }
  .pro-02 .pa,
  .pro-02 .pro2-itembox .items {
    position: static;
  }

  .quality-03 .pro-tit .t1 {
    padding: 0 .5rem;
  }

  .pro-01.procims-04 .pro1-ul .items.animate {
    transform: translateY(0.75rem);
  }

  .procims-01.active {
    padding-top: 1.5rem;
  }

  .procims3-imageul .items {
    width: 48%;
    margin-bottom: 4%;
  }
  .procims3-imageul .items img {
    width: 100%;
  }
  .procims3-imageul .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .procims3-imageul .items .img {
    width: 60px;
    height: 60px;
  }

  .pro-06 .fl-words {
    width: 100%;
  }

  .con-details02 .images {
    height: auto;
  }

  .calculation-01 .c-images {
    width: 477px;
    height: 453px;
    margin-top: 42px;
  }
  .calculation-01 .c-images .items {
    width: 48px;
    height: 48px;
  }
  .calculation-01 .c-images .items .span {
    font-size: 12px;
    line-height: 20.8px;
    height: 20.8px;
    width: 80px;
  }
  .calculation-01 .c-images .items.items1 {
    top: 28.8px;
  }
  .calculation-01 .c-images .items.items1 .span {
    top: -28.8px;
    left: -6px;
  }
  .calculation-01 .c-images .items.items2 {
    right: 60px;
    top: 120px;
  }
  .calculation-01 .c-images .items.items3 {
    right: 60px;
    bottom: 120px;
  }
  .calculation-01 .c-images .items.items4 {
    bottom: 28.8px;
  }
  .calculation-01 .c-images .items.items4 .span {
    bottom: -28.8px;
    left: -6px;
  }
  .calculation-01 .c-images .items.items5 {
    left: 60px;
    bottom: 120px;
  }
  .calculation-01 .c-images .items.items6 {
    left: 60px;
    top: 120px;
  }
  .calculation-01 .c-images .items.items7 {
    width: 75px;
    height: 120px;
  }
  .calculation-01 .c-images .items.items7 .i {
    width: 75px;
    height: 75px;
  }
  .calculation-01 .c-images .items.items7 .span {
    width: 60px;
    height: 33px;
    margin-top: 12px;
  }

  .calculation-02 .info1-box .right1 .bg100 {
    display: none;
  }

  .pro-01 .pro1-ul .t0 {
    font-size: 16px;
  }

  .pro-01 .pro1-ul .t1 {
    font-size: 14px;
  }

  .pro5-top .itembox .item {
    width: 49%;
    margin-left: 2%;
  }
  .pro5-top .itembox .item:nth-child(4n+1) {
    margin-left: 2%;
  }
  .pro5-top .itembox .item:nth-child(2n+1) {
    margin-left: 0;
  }

  .mbox {
    display: block;
  }

  .info3-ul .top3 {
    font-size: 14px;
    line-height: 1.6;
  }

  .bocweb-footer .footer-top {
    display: none;
  }

  .fix-rbox {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 50px;
    padding-right: 90px;
  }

  .fix-rbox .spanx {
    width: 50px;
    height: 50px;
  }

  .results-banner .inputbox .t0 {
    line-height: 1.6;
  }

  .results-banner .inputbox .input {
    margin-top: 20px;
    margin-bottom: 14px;
  }

  .results-banner .inputbox .span {
    font-size: 14px;
  }

  .results-banner .inputbox .span a, .results-banner .inputbox .span span {
    margin-right: 5px;
  }

  .results-banner .inputbox .w655 {
    max-width: 100%;
  }

  .results-banner .inputbox .input {
    height: 40px;
    padding-left: 15px;
    padding-right: 30px;
  }

  .results-box .results-tit {
    font-size: 15px;
    line-height: 1.5;
    height: auto;
    padding: .8rem 0;
  }

  .results-box .results-top {
    line-height: 1rem;
    height: 1rem;
    font-size: 15px;
  }

  .results-items .items .tit {
    font-size: 16px;
  }

  .download-top .tit-ul.g2 .swiper-slide {
    margin: 0;
  }

  .business-bot .items .word-bot {
    font-size: 16px;
  }

  .download-top .tit-ul {
    line-height: 65px;
    height: 65px;
  }

  .down-banner.con-banner .box-banner .w-t05 {
    padding-top: .3rem;
  }

  .down-banner.con-banner .box-banner {
    height: auto;
  }

  .news-top .tit {
    font-size: 18px;
  }

  .news-bot .ul-box .li .t0 {
    font-size: 16px;
  }

  .news-bot .ul-box .li {
    margin-bottom: .2rem;
    padding: .3rem .35rem;
  }

  .news-bot .ul-box .li .t1 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .news-top .items .t0 {
    font-size: 16px;
  }

  .news-top .items .t1 {
    font-size: 14px;
    margin-top: .1rem;
  }

  .news-top .items {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .news-bot .ul-box .li {
    width: 100%;
    margin-left: 0;
  }

  .form-bot .hide .h-li {
    width: 100%;
    margin-left: 0;
  }

  .form-bot .hide {
    padding: .3rem;
  }

  .join-box .p {
    max-width: 90%;
    margin: 0 auto;
  }

  .form-bot .hide .h-li .submit {
    width: 200px;
    height: 40px;
    line-height: 40px;
  }

  .join-box .p br {
    display: none;
  }

  .about-03 .items .words .span {
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
  }

  .join-01 .items .p0 {
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
  }

  .about-03 .items .images {
    height: 250px;
  }

  .about-01 .tit2 {
    padding-top: .3rem;
    padding-bottom: .4rem;
  }

  .about-01 .tit2 .items .img {
    width: 40px;
    height: 40px;
  }

  .about-01 .tit2 .items .t1,
  .about-01 .tit1 .t1 {
    line-height: 1.6;
  }

  .w1400 {
    width: 95%;
  }

  .about-01 .tit1 .words {
    padding: .3rem .25rem;
  }

  .about-01 .tit1 .words .box {
    padding-right: 0;
  }

  .about-01 .tit1 .words {
    width: 100%;
    position: static;
  }

  .about04-box .items .t0 {
    font-size: 18px;
    line-height: 1.5;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .about-05.pro-06 .fl-words {
    width: 100%;
  }

  .pro-06 .fr-images {
    width: 100%;
  }

  .pro-06 .fl-words .pa-box {
    margin-top: 50px;
    margin-bottom: 35px;
  }

  img.w100 {
    width: 100%;
  }

  .about04-box .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .about04-box .items img {
    width: 100%;
  }
  .about04-box .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .about04-box .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .about04-box .items .img {
    width: 50px;
    height: 50px;
  }

  .about04-box .items .t-ul .t-li {
    line-height: 3;
  }

  .about-01 .tit2 .items {
    width: 100%;
    float: none;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 25px;
  }

  .about-01 .tit1 .images {
    width: 100%;
  }
  .about-01 .tit1 .images img {
    width: 100%;
  }

  .proinfo-01 .left1 {
    float: none;
  }

  .ul-cases .items .words .t0 {
    font-size: 15px;
  }
  .ul-pro .items .words .t0 {
    font-size: 15px;
  }

  .procims-right {
    width: 70%;
    float: none;
    height: auto;
    margin-top: 1rem;
    display: block;
  }

  .news-details {
    font-size: 14px;
    line-height: 1.8;
  }

  .ul-cases .items .words .t1 {
    font-size: 14px;
    margin-top: 5px;
  }
  .ul-pro .items .words .t1 {
    font-size: 14px;
    margin-top: 5px;
  }

  .t-ul {
    width: 100%;
  }

  .cases-ul-top .tit {
    width: 100%;
  }

  .cases-ul-top .t-li {
    font-size: 14px;
    margin-left: 10px;
  }

  .news-details .details-bot .w .li {
    font-size: 14px;
  }

  .news-details .details-bot .w .prev {
    margin-bottom: 10px;
  }

  .pcbox {
    display: none;
  }

  .cases01-ul .li {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .cases01-ul {
    margin-top: 35px;
  }

  .fixed-right {
    /*display: none;*/
    width: 45px;
  }

  .cases-tit {
    padding-bottom: 20px;
  }

  .w980 {
    width: 90%;
  }

  .wel5-box .item-ul .items.active {
    width: 63%;
  }

  .wel5-box .item-ul .items {
    width: 35%;
  }

  .cases-box .fl-leftwords {
    width: 100%;
  }

  .cases-box .fr-righttext {
    /*display: none;*/
    width: 100%;
    margin-top: .6rem;
  }


  .proshow-img{
    width: 100%;
  }
  .proshow-img1{ display:block; width: 100%; margin:0 auto; overflow:hidden; }
  .proshow-main{
    width: 100%;
    margin: 35px 0;
  }
  .proshow-main .pro-main{
    margin-bottom: 30px;
  }

  .ul-cases .items {
    width: 100% !important;
    margin-left: 0;
    float: left;
  }

  .ul-cases .items .words .span {
    width: 45px;
    height: 45px;
  }
  .ul-pro .items {
    width: 100% !important;
    margin-left: 0;
    float: left;
  }

  .ul-pro .items .words .span {
    width: 45px;
    height: 45px;
  }

  .con-banner .about-words {
    height: 1rem;
    line-height: .5rem;
  }
  .con-banner .join-words .tit {
    margin-top: .7rem;
  }
  .con-banner .join-words .tit .cn {
    margin-top: .15rem;
  }
  .con-banner .join-words .p {
    width: 100%;
    line-height: 1.5;
    margin-top: 1.25rem;
  }

  .download-top .tit-ul .swiper-slide .items {
    font-size: 14px;
  }

  .download-top .tit-ul.g2 .swiper-slide .items {
    line-height: 25px;
  }

  .download-top .tit-ul .swiper-container {
    max-width: 100%;
  }

  .map-box .map-left {
    width: 100%;
  }

  .map-box .map-right {
    width: 100%;
    position: static;
  }

  .map-box .map-right .list .t1, .map-box .map-right .itembox .items .t1 {
    font-size: 14px;
    line-height: 1.5;
  }

  .map-box .map-right .list .li1, .map-box .map-right .list .li2 {
    width: 100%;
    padding-left: 0;
    margin-bottom: .3rem;
  }


  .map-box .map-right {
    padding: .4rem;
  }

  .bocweb-footer .footer-bot {
    padding: 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.8;
  }
  .bocweb-footer .footer-bot a {
    color: #ffffff;
  }
  .bocweb-footer .footer-bot br {
    display: block;
  }

  .bocweb-footer .footer-box {
    padding: 0;
    background: #1b1b1b;
    padding-top: 50px;
    padding-bottom: 60px;
    width: 95%;
  }

  .con-details02 .words {
    width: 90%;
  }

  .cims-ul .li {
    font-size: 14px;
    padding-left: 15px;
    margin: 0 .25rem;
  }

  .cims-ul .li:after {
    width: 6px;
    height: 6px;
  }

  .procims3-imageul .items .img {
    width: .6rem;
    height: .6rem;
  }

  .procims3-imageul .items .words .txt {
    margin-top: .2rem;
  }

  .procims3-imageul .items .words .txt {
    font-size: 14px;
  }

  .pro-06 .pro6-content {
    padding-top: .8rem;
  }

  .procims-06 .pro3-images {
    display: none;
  }

  .pro-03.procims-06 .items {
    display: none;
  }
  .pro-03.procims-06 .items.items5 {
    display: block;
    position: static;
  }

  .pro-03.procims-06 .pro3-content {
    position: static;
  }

  .quality-01 .imgk .span .li {
    font-size: 14px;
  }

  .quality-01 .imgk .span .li {
    margin: 0 .2rem;
  }

  .quality-01 .imgk .span {
    margin-top: .55rem;
  }

  .wel-con .banner .items .words-bot {
    display: none;
  }

  .active .wel2-box .i50.right-words {
    display: none;
  }

  .active .wel2-box .i50 {
    width: 100%;
  }

  .wel2-box .images-items {
    opacity: 1;
    position: static;
  }

  .wel2-box {
    height: auto !important;
  }

  .wel2-box .images-items {
    padding: 8%;
    box-sizing: border-box;
  }

  .banner-m .items0 {
    width: 50%;
    float: left;
  }
/*
  .section3.active .wel3-box {
    display: none;
  }*/

  .section3.active .c-swiper {
    display: none;
  }

.index-about{
  width: 100%;
  overflow: hidden;
  margin-top: 0;
  background: rgb(255 255 255 / 89%);
  border-radius: 15px;
}
.index-about-l{
  width: 100%;
  float: none;
}
.index-about-main{
  padding: 0;
  padding-top: 30px;
}
.index-about-l h3{
  font-size: 26px;
  color: #555;
  margin-bottom: 20px;
}
.index-about-l h3 .about-cn{
  font-weight: bold;
  font-size: 23px;
  color: #de021d;
}
.index-about-l h3 .about-en{
  font-weight:bold;
  color: #b9b7b7;
  font-size: 20px;
  margin-left: 20px;
}
.index-about-l p{
  font-size: 18px;
  line-height: 33px;
  margin-top: 10px;
  color: #555;
  text-indent: 2em;
}
.index-about-l p b{
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.index-about-r{
  width: 100%;
  float: none;
}
.index-about-r .about-img{
  display: none;
  margin-top: 30px;
  overflow: hidden;
  padding: 0;
}
.index-about-r .about-img img{
  width: 100%;
}

  .section3 {
    background: transparent !important;
  }

  .section4 .wel4-box {
    display: none;
  }

  .wel5-box .item-ul .items.active, .wel5-box .item-ul .items {
    width: 100%;
    margin-bottom: 15px;
  }

  .wel5-box {
    height: auto !important;
    padding-top: 45px;
    padding-bottom: 50px;
    box-sizing: border-box;
  }

  .wel5-box .wel-footer {
    display: none;
  }

  .wel5-box .words {
    padding-top: 0;
  }

  .wel5-box .words .p-word {
    margin-top: .3rem;
    margin-bottom: .6rem;
  }

  .wel-con .banner .swiper-pagination {
    bottom: 0.25rem;
  }

  .wel-con .banner .items .words .csm {
    height: auto;
    display: block;
    overflow: visible;
  }

  .wel-con .banner .items .words .csm {
    font-size: .24rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 900px) {
  .m900 {
    display: block;
  }

  .download .download-bot .items {
    width: 100%;
    margin-left: 0;
  }

  .download .download-bot .items .words .t1 {
    margin-top: 35px;
    line-height: 30px;
    font-size: 16px;
    height: 150px;
  }

  .business-top .select .li-left {
    width: 100%;
  }

  .business-top .select .li-right {
    width: 100%;
  }

  .business-bot .items {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .business-bot .items img {
    width: 100%;
  }

  .pc900 {
    display: none;
  }

  .cases-box .ft24 {
    font-size: 20px;
  }

  .li2-box {
    padding: 25px;
  }

  .con-banner .box-banner .words-top {
    padding: 0 45px;
  }

  .con-banner .box-banner .words {
    padding: 60px 50px;
  }
}
.con-banner .box-banner .words-top .w-t04 .wel-more{
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .ul-cases .items .words .span {
    width: .5rem;
    height: .5rem;
  }
  .ul-pro .items .words .span {
    width: .5rem;
    height: .5rem;
  }
  .map-box .map-right .itembox .items .t0{
    font-size: .28rem;
  }
  .ttop{
  	width: 45px;
  	height: 45px;
  }
  .yanzheng img{
  	right: 5%;
  }
  .con-banner.ml .box-banner .words-top .w-t04 p{
  	line-height: 1.35;

  }
  .con-banner.ml .box-banner .words{
  	padding-top: 20px;
  }
  .con-banner .box-banner .words-top .w-t04 .wel-more{
  	height: 30px;
  	line-height: 30px;
	margin-bottom: 5px;
  	font-size: 12px;
  	margin-top: 5px;
  }
  .cases-box .words-box img{
  	width: auto!important;
  	height: auto!important;
  }
  .section3-mbox .items-top:after{
  	height: 20px;
  }
  .map-box{
  	height:  auto!important;
  }
  .map-box .map-right .itembox{
  	height:  auto!important;
  }
  .map-box .map-left{
  	height: 5rem;
  }
  .select-it{
	float:none;
	display: block;
	width:100%;
	margin:0 auto;
	}
	.map-box .slimScrollBar,.map-box .slimScrollRail{
		display: none !important;
	}
	.select-it .select{
		margin:0 auto;
		
		margin-top: .35rem;
	}
	.join-form .form-top .it .i{
		float:left;
	}
	.join-form .form-top .it{
		/*overflow:hidden;*/
	}

	.join-form .form-top .select{
		width: calc(100% - 85px);
		float:right;
	}
	.join-form .select-it {
		overflow:hidden;
	}
	.join-form .select-it .select{
		width: calc(100% - 85px);
		float:right;
	}

  .pro5-bot .item .img{
  	margin-top: .3rem;
  }

  .wel-con .banner .items .words .cbig {
    font-size: .4rem;
    line-height: 1.5;
  }

  .mabnner .items0 .i {
    width: .5rem;
    height: .5rem;
    left: .2rem;
  }

  .section3-mbox {
    padding: .5rem .15rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
  }

  .mabnner .items0 {
    padding-left: .85rem;
    line-height: 55px;
    height: 55px;
  }

  .m3-swiper {
    margin-top: .6rem;
  }

  .wm4-section .wm4-swiper {
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .wel2-box .images-items .p {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    overflow: visible;
  }

  .section3-mbox .km {
    padding: 0 15px;
  }

  .section3-mbox .items-top {
    height: 50px;
    line-height: 50px;
  }

  .wel2-box .images-items .mores {
    width: 200px;
    line-height: 48px;
    height: 50px;
  }

  .wel-con .banner .swiper-pagination {
    bottom: .5rem;
  }

  .cims-ul .li {
    margin: 0 .1rem;
  }

  .maxflow-02 .pro-tit.active .t0 {
    color: #333;
  }
  .maxflow-02 .pro-tit.active .t1 {
    color: #666;
  }

  .pro-03 {
    height: auto;
  }

  .pro4-images-ul:before {
    display: none;
  }

  .pro-04 {
    padding-top: 1rem;
    padding-bottom: .4rem;
  }

  .pro-02 {
    padding: .7rem 0;
  }

  .pro2-itembox .items {
    width: 50%;
    margin-bottom: .35rem;
  }

  .pro2-itembox {
    margin-top: .4rem;
  }

  .pro2-itembox .items .imgbox {
    margin-top: 0.25rem;
  }

  .pro2-itembox .items .i .i-bimg {
    width: .8rem;
    height: .8rem;
  }

  .pro2-itembox .items .span {
    font-size: 14px;
  }

  .pro-03 .items5.items {
    display: block;
    position: static;
    bottom: -1.38rem;
    width: 6.6rem;
    height: 3.96rem;
  }

  .pro4-images-ul .fr-img .imgh .i2, .pro4-images-ul .fr-img .imgh .i3 {
    background-size: cover !important;
  }

  .pro4-images-ul .fl-img {
    width: 100%;
  }
  .pro4-images-ul .fl-img img {
    width: 100%;
  }

  .pro4-images-ul .fr-img {
    width: 100%;
  }
  .pro4-images-ul .fr-img img {
    width: 100%;
  }

  .pro-03 .items5 .i2 {
    top: 0.168rem;
    width: 4.488rem;
    height: 2.88rem;
  }

  .procims-05 {
    line-height: 1.8;
  }

  .maxflow-03 {
    padding-top: 1rem;
    padding-bottom: .8rem;
  }

  .procims-02.proinfo-01 {
    padding-top: .7rem;
    padding-bottom: .8rem;
  }

  .procims-01 .cims-ul {
    margin-top: .35rem;
  }

  .procims-01 {
    padding-top: .7rem;
    padding-bottom: .8rem;
  }

  .pro-03 .items {
    display: none;
  }

  .pro-03 .pro3-content {
    position: static;
  }

  .procims-05 .words {
    position: static;
    padding: 1.2rem 0;
  }

  .pro-03.procims-06 .items5 {
    display: block;
    width: 7.04rem;
    height: 4.112rem;
    position: relative;
  }

  .procims-05 .images {
    height: auto;
  }

  .pro3-images {
    display: none;
  }

  .pro-03.procims-06 .items5 .i2 {
    width: 6.6rem;
    height: 3.92rem;
    top: 0.2rem;
  }

  .pro-06 {
    padding-bottom: 1rem;
  }

  .pro-06 .fl-words .pa-box {
    margin-top: .35rem;
    margin-bottom: .5rem;
  }

  .pro-06 .pro6-content .wel-more {
    margin-top: .5rem;
  }

  .pro-06 .fl-words .line {
    margin-bottom: .3rem;
  }

  .pro-06 .fr-images .itembox .item .button {
    margin-top: .6rem;
  }

  .con-details02 .words .imgk {
    margin-top: .3rem;
    margin-bottom: .4rem;
  }

  .con-details02 .words {
    padding-top: .7rem;
    padding-bottom: .5rem;
  }

  .pro-05 {
    padding-top: .7rem;
    padding-bottom: .5rem;
  }

  .calculation-01 {
    padding-top: .7rem;
    padding-bottom: .5rem;
  }

  .pro-tit .t1 {
    margin-top: .15rem;
  }

  .pro-cims04 {
    padding-bottom: .7rem;
  }

  .calculation-02 .info1-box .wekbox {
    padding-top: 1rem;
    padding-bottom: .7rem;
  }

  .proinfo-01 .left1 .p {
    margin-top: .3rem;
  }

  .t-more {
    width: 200px;
    height: 45px;
    line-height: 45px;
  }

  .calculation-02 .info1-box .left1 .pbox {
    margin-top: .4rem;
    margin-bottom: .45rem;
  }

  .pro-tit .t1 br {
    display: none;
  }

  .pro-01 .pro1-ul .t0 {
    font-size: 12px;
    line-height: 1.2;
  }

  .pro-01 .pro1-ul .t1 {
    font-size: 12px;
  }

  .pro-01 .pro1-ul .t1 .jm {
    width: 16px;
    height: auto;
  }

  .pro-cims02.pro-01 .items {
    width: 21%;
    margin: 0 .5%;
  }

  .pro-01 .pro1-ul .img {
    width: .5rem;
    height: .5rem;
  }

  .bocweb-footer .footer-bot {
    font-size: .24rem;
    line-height: 1.5;
  }

  .con-banner .box-banner .words-top .w-t04 {
    margin-bottom: .4rem;
  }

  .bocweb-footer .footer-box {
    padding-top: .5rem;
    padding-bottom: .6rem;
  }

  .proinfo-02 {
    padding-top: .45rem;
    padding-bottom: .5rem;
  }

  .proinfo2-ul .item {
    margin-top: .3rem;
  }

  .proinfo2-ul {
    margin-top: .2rem;
  }

  .map-box .map-right .list .img {
    width: 2rem;
    height: 2rem;
  }

  .fix-rbox .spanx {
    position: fixed;
  }

  .fix-rbox {
    padding: .5rem;
    padding-right: .9rem;
  }

  .consul-top .i {
    height: 20px;
  }

  .fix-rbox .spanx {
    width: .7rem;
    height: .7rem;
  }

  .consul-top .input {
    width: 100%;
    margin-left: 0;
  }

  .results-items .items {
    font-size: 14px;
    line-height: 1.6;
    padding: .4rem;
  }

  .results-items .items .tit .span {
    width: 100%;
    max-width: 100%;
  }

  .results-box .results-tit {
    padding: 0.4rem 0;
  }

  .results-box .results-top .li {
    width: 24%;
    margin: 0;
  }

  .results-items .items .tit {
    height: auto;
  }

  .results-items .items .tit .txt {
    float: left;
    line-height: 1.2;
    padding: .3rem .1rem;
  }

  .results-box .results-top {
    padding: 0 .15rem;
  }

  .download .download-bot .items .words .more {
    height: .9rem;
    line-height: .9rem;
  }

  .download .download-bot .items .words {
    padding: .8rem .3rem;
  }

  .download {
    padding-top: .65rem;
    padding-bottom: .5rem;
  }

  .download .download-bot .items {
    width: 100%;
    margin-left: 0;
  }

  .download .download-bot .items .words .t1 {
    margin-top: .5rem;
    line-height: 20px;
    font-size: 14px;
    height: 100px;
  }

  .download .download-bot .items .words .more {
    margin-top: .6rem;
  }

  .business-top {
    padding-top: .8rem;
    padding-bottom: .5rem;
  }

  .business-top .span {
    width: 45px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
  }

  .form-bot .td {
    font-size: 13px;
    width: 30%;
  }
  .form-bot .td1{
  	width: 60%;
  	height: 100%;
  	overflow:hidden;
  }
  .wel-con .banner .items .words{
  	padding-top: 1rem;
  }

  .form-bot .tr {
    line-height: 40px;
    height: 40px;
  }

  .join-box .tit {
    margin-bottom: .3rem;
  }

  .about04-box .items .img {
    width: 40px;
    height: 40px;
  }

  .about-02 {
    padding: .75rem 0;
  }

  .about-01 {
    padding-top: .7rem;
    padding-bottom: .5rem;
  }

  .cases-ul-box {
    padding-top: .65rem;
  }

  .about-02 .items {
    height: 300px;
  }

  .about-02 .items .t0 {
    font-size: 16px;
  }
  .about-02 .items .t0 span {
    font-size: 12px;
  }

  .about-02 .items .t1 {
    font-size: 14px;
    line-height: 1.5;
  }

  .ul-cases {
    padding-top: .3rem;
    padding-bottom: .5rem;
  }
  .ul-pro {
    padding-top: .3rem;
    padding-bottom: .5rem;
  }

  .about04-box .items {
    width: 100%;
    display: block;
    margin-left: 0 !important;
  }

  .pagination a, .pagination span {
    height: 25px;
    line-height: 25px;
    padding: 0 3px;
    font-size: 12px;
  }

  .about-04 .ul-tit .li {
    font-size: 14px;
    margin-left: .2rem;
  }

  .join-01 .items .text {
    padding: .3rem;
  }

  .join-01 {
    padding: .75rem 0;
  }

  .join-box .p {
    font-size: 14px;
    line-height: 1.6;
  }

  .join-01 .images {
    margin-top: .4rem;
  }

  .join1-swiper .button {
    margin-top: .35rem;
  }

  .join-02 {
    padding: .75rem 0;
  }

  .join-02 .swiper-container {
    overflow: hidden;
  }

  .join-02 .join2-swiper {
    width: 70%;
  }

  .join-form .form-top .select .select-bot {
    top: 50px;
    height: 140px;
    overflow-y:auto;

  }

  .form-bot .td2, .form-bot .td3 {
    display: none;
  }

  .form-bot .td4 {
    float: right;
  }

  .join-02 .items .span {
    height: .6rem;
    margin-top: -.3rem;
    line-height: .6rem;
    width: 65%;
    font-size: 14px;
  }

  .join-form .form-top .it .i {
    width: 75px;
    line-height: 30px;
    height: 30px;
  }

  .join-03 {
    padding: .75rem 0;
  }

  .join-form .form-top .span {
    position: static;
  }

  .con-banner .join-words .tit {
    margin-top: .3rem;
  }

  .join-form .form-top .it {
    width: 100%;
    margin-top: .1rem;
    float: none;
  }

  .join-form .form-top {
    padding: 0 .3rem;
  }

  .join-03 {
    width: 100%;
  }

  .con-banner .join-words .p {
    margin-top: .3rem;
    font-size: 14px;
    line-height: 1.5;
  }

  .maxflow-02 .pro3-ul .items5 {
    display: block;
    position: static;
    width: 6.72rem;
    height: 4.2rem;
  }

  .maxflow-02 .pro3-ul .items5 .i2 {
    width: 4.68rem;
    height: 3.16rem;
    top: 0.288rem;
  }

  .maxflow-03 {
    background: #f7f7f7;
  }

  .procims-02.proinfo-01 .left1 .items0 .t {
    line-height: 25px;
    height: 50px;
  }

  .procims-02.proinfo-01 .left1 .items0 {
    padding-left: 90px;
  }
}
@media screen and (max-width: 1450px) {
  .pro-03 .pro3-content .pro3-ul {
    margin-top: 25px;
  }

  .pro-03 .items0 {
    padding-left: 20px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1024px) {
	
  .con-banner .con-top {
    display: none;
  }
  .mabnner .items0 .t1{
  	line-height: 1.2;
  	display: inline-block;
  	vertical-align: middle;
  }

  .con-banner .box-banner {
    width: 100%;
  }

  .con-banner {
    padding-top: 0;
  }

  .top-buck {
    display: none;
  }

  .con-banner .con-top {
    height: auto;
  }

  .con-banner .box-banner {
    height: auto;
  }

  .proinfo-01 {
    padding: 70px 0;
    box-sizing: border-box;
  }

  .proinfo-01 .left1 {
    width: 100%;
    margin-bottom: 30px;
  }

  .proinfo-01 .right1 {
    width: 100%;
  }

  .proinfo2-ul .item {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }

  .proinfo2-ul .item .words {
    padding: 20px 28px;
  }

  .proinfo-01 .right1 .img img {
    width: 100%;
  }

  .proinfo-01 .right1 .span {
    margin-top: 20px;
  }

  .proinfo-01 .right1 .span .i {
    margin: 0 1%;
  }

  .proinfo-03, .proinfo-04 {
    padding: 70px 0;
  }

  .proinfo-02 {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .proinfo-01 .right1 .img .i1 {
    width: 75%;
    left: 12.5%;
    right: auto;
    top: 6.5%;
  }

  .proinfo-01 {
    padding: 35px 0;
  }

  .proinfo-01 .left1 {
    padding-left: 50px;
    padding-right: 35px;
  }

  .proinfo-01 .left1 .items0 {
    margin-top: 45px;
  }

  .info3-ul .top3 {
    margin-bottom: 45px;
  }

  .con-banner .box-banner .words-top .w-t01 img {
    max-width: 40px;
  }

  .proinfo-04 .w720 {
    width: 100%;
  }

  .proinfo-04 .info4-left .images {
    width: 80%;
  }

  .proinfo-04 .info4-left .images .i2 {
    position: absolute;
    width: 65%;
    height: auto;
    top: 13%;
    left: 20%;
  }

  .con-banner .box-banner .words-top .w-t04 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    /*height: 60px;*/
  }

  .con-banner .box-banner .t-wul .i:after {
    height: 100%;
  }

  .con-banner .box-banner .words {
    padding: 65px 25px;
  }

  .ft40 {
    font-size: 22px;
  }

  .con-banner .box-banner .t-wul .i .img {
    width: 30px;
    height: 30px;
  }

  .con-banner .box-banner .t-wul .i .span {
    margin-top: 8px;
  }

  .info-tit .ft36 {
    font-size: 18px;
  }

  .info-tit .ft16 {
    font-size: 14px;
  }

  .info3-ul .items .words {
    padding: 25px;
  }

  .info3-ul .swiper-container {
    overflow: hidden;
  }

  .proinfo-04 .info4-left .t1 {
    line-height: 1.6;
  }

  .proinfo-04 .info4-right .itemtop {
    padding: 10px;
    padding-left: 15px;
  }

  .proinfo-04 .info4-right .itembot {
    padding: 20px;
  }

  .info3-ul .items .words .w-top {
    font-size: 20px;
  }

  .proinfo-04 .info-tit {
    padding-left: 0;
  }

  .proinfo-01 .left1 .items0 {
    max-width: 100%;
  }

  .proinfo-01 .left1 .items0 {
    height: 90px;
    line-height: 90px;
  }

  .proinfo-01 .left1 .items0.i0 {
    width: 80px;
    height: 80px;
  }

  .proinfo-01 .left1 .items0.animate .i0 {
    right: calc(100% - 85px);
  }

  .pro-cims02.pro-01 .pro1-ul .t0 {
    /*font-size: 16px;*/
  }

  .cims01-ul .ul {
    position: static;
    width: 100%;
    display: block;
    float: none;
  }

  .cims01-ul .ul-box {
    margin-top: .5rem;
  }

  .cims01-ul .ul .li:nth-child(n+2) {
    margin-top: 0;
  }

  .g-gundong .qiu {
    width: 80px;
    height: 80px;
  }

  .pro-cims01 {
    padding-top: .7rem;
    padding-bottom: .5rem;
  }

  .pro-01 {
    padding-top: .7rem;
  }

  .g-gundong {
    max-width: 95%;
    height: 90px;
    line-height: 90px;
  }

  .cims01-ul .ul .li {
    margin-bottom: 25px;
  }

  .cims04-bot .swiper-slide {
    padding: 0 50px;
  }

  .w960 {
    width: 95%;
  }

  .g-gundong.animate .qiu {
    right: calc(100% - 85px);
  }

  .cims01-ul .images {
    width: 95%;
    height: auto;
  }
  .cims01-ul .images img {
    width: 100%;
  }

  .cims04-bot .swiper-slide .itembox .item {
    width: 100%;
  }

  .cims01-ul .images .i1 {
    width: 72%;
    left: 14%;
    top: 5%;
    height: auto;
  }

  .cims01-ul {
    margin-top: 40px;
  }

  .ft16 {
    font-size: 14px;
  }

  .pro-tit .t1 {
    line-height: 1.5;
  }

  .pro-cims03 .left-box {
    width: 100%;
  }

  .pro-cims03 .right-box {
    width: 100%;
  }

  .pro-cims03 .items {
    padding-top: 100px;
    padding-bottom: 85px;
  }

  .pro-cims03 .left-box .img img {
    width: 100%;
  }
  .pro-cims03 .left-box .img .i1 {
    width: 74%;
    left: 13%;
    top: 7%;
    height: auto;
  }

  .pro-cims03 .right-box {
    padding: 0 !important;
  }

  .pro-cims03 .right-box .p {
    font-size: 14px;
  }

  .pro-cims03 .right-box .pul .pli {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  .cases01-ul .li .v1 {
    width: 100%;
    font-weight: bold;
  }
  .cases-box .pd{
  	    padding: 0.3rem;
    padding-top: .4rem;
  }
  .cases-box .righttext-top .tit,.cases-box .righttext-bot  .tit{
  	font-size: 18px;
  	margin-bottom: 5px;
  }

  .proinfo-01 .left1 {
    padding-left: .5rem;
    padding-right: .35rem;
  }
  .cases-box .righttext-bot .li{
  	padding:.2rem 0;
  }
  .cases-box .righttext-bot .li .word{
  	height:  auto;
  	min-height: auto;
  }

  .join-swiper .swiper-button-next {
    right: 0;
  }

  .ft40 {
    font-size: 18px;
  }

  .cims01-ul .ul .li .t0 {
    font-size: 15px;
  }

  .procims3-imageul {
    margin: .5rem auto;
  }

  .procims2-itembox .li:after {
    width: 16;
    height: 12px;
  }

  .pro-03 .pro3-content {
    padding-top: .7rem;
  }

  .cims01-ul .ul .li .t1 {
    font-size: 13px;
  }

  .cims04-bot .swiper-slide {
    padding: 0 .5rem;
  }

  .procims2-itembox .li {
    padding-left: 25px;
  }

  .join-02 .items .span {
    height: 1rem;
    margin-top: -.5rem;
    line-height: 1rem;
  }

  .join-swiper .swiper-button-prev, .join-swiper .swiper-button-next {
    width: 35px;
    height: 35px;
  }

  .join-02 .join2-swiper {
    width: 100%;
  }

  .join-swiper .swiper-button-prev {
    left: 0;
  }

  .cims04-bot .swiper-slide .itembox .item .t1 {
    margin-top: .1rem;
    font-size: 13px;
  }

  .cims04-bot .swiper-slide .itembox .item .t0 {
    font-size: 16px;
  }

  .pro-cims03 .items {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .cims04-bot .swiper-slide .itembox .item {
    padding: .25rem 0;
    padding-left: 40px;
  }

  .a-swiper .swiper-button-prev, .a-swiper .swiper-button-next {
    width: 30px;
    height: 30px;
  }

  .cims04-bot .swiper-slide .itembox .item .img {
    width: 35px;
    height: 35px;
  }

  .a-swiper .swiper-button-prev {
    left: -35px;
  }

  .a-swiper .swiper-button-next {
    right: -35px;
  }

  .pro-cims02.pro-01 .pro1-ul .t0 {
    /*font-size: 15px;*/
  }

  .proinfo-03, .proinfo-04 {
    padding: 35px 0;
  }

  .proinfo-01 .left1 .items0 {
    margin-top: 25px;
    padding-left: 95px;
  }

  .proinfo-bot {
    line-height: 120px;
    height: 120px;
  }

  .proinfo-04 .info4-left .images {
    width: 100%;
  }

  .w1600 {
    width: 95%;
  }

  .proinfo-04 .info4-right .itemtop {
    font-size: 16px;
  }

  .proinfo-04 .info4-right .itembot {
    font-size: 14px;
  }

  .proinfo-bot .info-bot:after {
    width: 30px;
    height: 30px;
  }

  .proinfo-bot .info-bot .tit .ft30 {
    font-size: 16px;
  }
  .proinfo-bot .info-bot .tit .ft20 {
    font-size: 14px;
  }

  .info3-ul .items .words .w-top {
    font-size: 16px;
  }

  .info3-ul .items .words .w-bot {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .proinfo-bot .info-bot .tit {
    padding-left: 10px;
  }

  .info3-ul .top3 {
    margin-bottom: 25px;
  }

  .cases-box {
    padding-bottom: .8rem;
  }

  .li2-box {
    padding: .3rem;
  }

  .cases01-ul .li .v2 {
    width: 100%;
    margin-top: 5px;
  }

  .cases-box .words-box, .cases-box {
    font-size: 15px;
  }

  .cases-box .ft24 {
    font-size: 18px;
  }

  .cases-box .words-box {
    line-height: 1.5;
  }

  .cases01-ul {
    margin-top: .4rem;
  }

  .cases-box .fl-leftwords .li-cases {
    padding: .3rem .6rem;
  }

.cases-box1 .fl-leftwords .li-cases {
  padding: .3rem .6rem;
}
  .cases-tit .t1 {
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
  }

  .con-banner .box-banner .words {
    padding: .6rem .5rem;
    padding-top: 0px;
  }

  .con-banner .box-banner .words-top {
    padding: 0;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .con-banner .box-banner .words-top .ft40 {
    font-size: .36rem;
  }

  .con-banner .box-banner .words-top .w-t04 {
    font-size: .28rem;
    line-height: 1.3;
    height: auto;
    border-bottom: none;
    margin-bottom: 0;
  }

  .con-banner .box-banner .words-top .ft40 {
    line-height: 1.3;
  }

  .con-banner .box-banner .words-top .w-t01 img {
    max-width: 25px;
  }

  .con-banner .box-banner .words-top .w-t01 {
    margin-bottom: 15px;
  }

  .con-banner .box-banner .t-wul .i .span {
    font-size: 12px;
  }

  .proinfo-01 .left1 {
    padding: 0;
  }

  .con-banner .box-banner .words-top .w-t03 {
    margin-top: 5px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 600px) {
  .calculation-01 .c-images {
    width: 6.36rem;
    height: 6.04rem;
    margin-top: 0.56rem;
  }
  .calculation-01 .c-images .items {
    width: 0.64rem;
    height: 0.64rem;
  }
  .calculation-01 .c-images .items .span {
    font-size: .2rem;
    line-height: .26rem;
    height: .26rem;
    width: 1.3rem;
  }
  .calculation-01 .c-images .items.items1 {
    top: 0.384rem;
  }
  .calculation-01 .c-images .items.items1 .span {
    top: -0.384rem;
    left: -0.08rem;
  }
  .calculation-01 .c-images .items.items2 {
    right: 0.8rem;
    top: 1.6rem;
  }
  .calculation-01 .c-images .items.items3 {
    right: 0.8rem;
    bottom: 1.6rem;
  }
  .calculation-01 .c-images .items.items4 {
    bottom: 0.384rem;
  }
  .calculation-01 .c-images .items.items4 .span {
    bottom: -0.384rem;
    left: -0.08rem;
  }
  .calculation-01 .c-images .items.items5 {
    left: 0.8rem;
    bottom: 1.6rem;
  }
  .calculation-01 .c-images .items.items6 {
    left: 0.8rem;
    top: 1.6rem;
  }
  .calculation-01 .c-images .items.items7 {
    width: 1rem;
    height: 1.6rem;
  }
  .calculation-01 .c-images .items.items7 .i {
    width: 1rem;
    height: 1rem;
  }
  .calculation-01 .c-images .items.items7 .span {
    width: 0.8rem;
    height: 0.44rem;
    margin-top: 0.16rem;
  }
}






.fl2 {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  align-items: center;
}
.zbox-ulbox .text{
  position: absolute;
  width:100%;
  left:0;
  padding:0 15px;
  top:24%;
  text-align:center;
  box-sizing: border-box;
  z-index:2;
}
.zbox-ulbox .text .tit2{
  color:#fff;
  text-align:center;
  /*font-family:"BEBAS";*/
  font-family:"Arial";
  font-size:32px;
  line-height:1.5;
  margin-bottom:5px;

  overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zbox-ulbox .text .tit3{
  color:#fff;
  font-size:32px;
  line-height:1.5;
}
.zbox-ulbox .text .tit4{
  max-width:320px;
  font-size:15px;
  margin-top:10px;
  line-height:2.2;
  display:block;
  color:#fff;
  margin:10px auto 60px;
}
.zbox-ulbox .text .more{
  font-size:15px;
  line-height:1.5;
  color:#fff;
  opacity:0;
  justify-content: center;
  margin:0 auto;
  transition: all .5s ease;

  width: 200px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #fff;
}
.zbox-ulbox .text .more svg{
  width:20px;
  height:20px;
  line-height:1;
  margin-left:10px;
  fill:#fff;
}
.zbox-ulbox .text .more:hover{
  background:#fff;
  color:#222;
}
.zbox-ulbox .text .more:hover svg{
  fill:#222;
}

.zbox-ulbox .li{
  width:20%;
  overflow: hidden;
  position: relative;
  transition: width .3s ease;
}
.zbox-ulbox.on .li{
  width:25%;
}

.zbox-ulbox.on .li:hover,.zbox-ulbox.on .li.active{
  width:50%;
}
.zbox-ulbox .li .bg{
  width: 100%;
  /*margin-left: -1%;*/
  height:100vh;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  /*filter: blur(2px);*/
  opacity:.95;
  transition: filter .3s ease,filter .3s ease;
}
.zbox-ulbox .li:hover,.zbox-ulbox .li.active{
  width:40%;
}
.zbox-ulbox .li:hover .tit4,.zbox-ulbox .li.active .tit4{
  width:80%;
}
.zbox-ulbox .li:hover .more,.zbox-ulbox .li.active .more{
  opacity:1;
}
.zbox-ulbox .li:hover .bg,.zbox-ulbox .li.active .bg{
  /*filter: blur(0);*/
  opacity:1;
}
@media screen and (max-width:1480px) {
  .zbox-ulbox .text .tit2{
    font-size:28px;
  }
  .zbox-ulbox .text .tit3{
    font-size:24px;
  }
  .zbox-ulbox .text .tit4{
    font-size:14px;
  }
  .jkleft{ width:20%; float:left; height:150px; margin-right:3%;}
	.jkleft img{ width:100%; height:150px;}
	.lolo{ float:left; width:76%; height:180px;}

}
@media screen and (max-width:1024px) {
  .zbox-ulbox .li{
    width:50% !important;
    height:50vh;
  }
  .zbox-ulbox .li .more{
    opacity: 1 !important;
  }
  
}
@media screen and (max-width:767px) {
  .zbox-ulbox .li{
    width:100% !important;
  }
  .zbox-ulbox .text .tit2{
    font-size:24px;
  }
  .zbox-ulbox .text .tit3{
    font-size:18px;
  }
  .zbox-ulbox .text .tit4{
    font-size:12px;
    margin-bottom:40px;
  }
  .zbox-ulbox .text .more{
    font-size:12px;
  }
  .zbox-ulbox .text{
    top:20%;
  }
  .zbox-ulbox .li .bg{
    filter: blur(0);
    opacity:1;
  }
  .jkleft{ width:100%; float:left; height:180px; margin-right:3%;}
	.jkleft img{ width:100%; height:180px;}
	.lolo{ float:left; width:100%; height:180px;}
.wel2-box .i50.left-images{transform: translateX(0%);
    transition: 1s ease-in-out;}
	.shoj{ line-height:180%; display:block;}
	.i50{ width:100%;}
	#hkpp img{ width:80%;}
}
/*# sourceMappingURL=style.css.map */