@charset "utf-8";

/* CSS Document */
@font-face {
   font-family: 'MaisonNeue-Book';
   src: url('MaisonNeue-Book.eot');
   /* IE9 Compat Modes */
   src: url('MaisonNeue-Book.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('MaisonNeue-Book.woff') format('woff'),
      /* Modern Browsers */
      url('MaisonNeue-Book.otf') format('truetype'),
      /* Safari, Android, iOS */
      url('MaisonNeue-Book.svg#MicrosoftYaHei') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'DINCond-Light';
   src: url('DINCond-Light.eot');
   /* IE9 Compat Modes */
   src: url('DINCond-Light.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('DINCond-Light.woff') format('woff'),
      /* Modern Browsers */
      url('DINCond-Light.otf') format('truetype'),
      /* Safari, Android, iOS */
      url('DINCond-Light.svg#MicrosoftYaHei') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'DINCond-Bold';
   src: url('DINCond-Bold.eot');
   /* IE9 Compat Modes */
   src: url('DINCond-Bold.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('DINCond-Bold.woff') format('woff'),
      /* Modern Browsers */
      url('DINCond-Bold.otf') format('truetype'),
      /* Safari, Android, iOS */
      url('DINCond-Bold.svg#MicrosoftYaHei') format('svg');
   /* Legacy iOS */
}

body {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.428571429;
   color: #000000;
}

li {
   list-style: none;
}
ul {
   margin: 0;
   padding: 0;
}
@media (min-width: 768px) {
   .navbar>.container .navbar-brand {
      margin-left: -15px;
      margin-top: 20px;
   }
}

.navbar-header .gt {
   position: relative;
   float: right;
   padding: 9px 10px;
   margin-top: 12px;
   display: none;
}

@media (max-width: 768px) {
   .navbar-header .gt {
      display: block;
   }
}

.navbar-header .gt .qie {
   padding: 0 0.3rem;
}

.basemenubut {
   display: flex;
   align-content: center;
   justify-content: center;
   flex-wrap: wrap;
   height: 100%;
   width: 22px;
}

.navbar-header .gt .qie span {
   background-color: #666;
}

/* .navbar-header .gt .qie span {
   background-color: #fff;
} */

.basemenubut {
   display: flex;
   align-content: center;
   justify-content: center;
   flex-wrap: wrap;
   height: 100%;
   width: 22px;
}

.basemenubut span {
   display: block;
   width: 100%;
   height: 2px;
   margin-bottom: 5px;
   border-radius: 3px;
   background-color: #666;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
}

.basemenubut span:last-child {
   margin-bottom: 0;
}

.basemenubut span:nth-child(2) {
   width: 80%;
}

.basemenubut2 span:nth-child(1) {
   transform: rotate(45deg);
   margin: 0;
   margin-top: 2px;
}

.basemenubut2 span:nth-child(2) {
   display: none;
}

.basemenubut2 span:nth-child(3) {
   transform: rotate(-45deg);
   margin: 0;
   margin-top: -2px;
}

.hadbox-sec2 {
   /* position: absolute;
   left: 0;
   top: 100%; */
   z-index: 999;
   width: 100%;
   height: 100vh;
   height: calc(100vh - 70px);
   background-color: #fff;
   display: none;
   overflow-y: scroll;
}

.hadbox-sec2 .container {
   position: relative;
}

@media (max-width: 1199px) {
   .hadbox-sec2 .container {
      height: 100%;
      padding: 0;
   }
}

@media (max-width: 1199px) {}

.hadbox-sec2 .container .f_portrait {
   width: 90px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background-color: #004896;
   border-radius: 4px;
   font-size: 14px;
}

.hadbox-sec2 .container .form {
   background-color: #f5f5f5;
   display: flex;
   align-items: center;
   margin-bottom: 0.34rem;
   margin-top: 0.34rem;
}

.hadbox-sec2 .container .form .f_sub,
.hadbox-sec2 .container .form .tx {
   height: 1rem;
}

.hadbox-sec2 .container .form .int {
   display: flex;
   align-items: center;
   width: calc(100% - 2.5rem);
   padding: 0 0.45rem;
}

@media (max-width: 767px) {
   .hadbox-sec2 .container .form .int {
      width: calc(100% - 1.5rem);
   }
}

.hadbox-sec2 .container .form .int i {
   width: 0.38rem;
   display: block;
   overflow: hidden;
}

.hadbox-sec2 .container .form .int i img {
   float: left;
   width: 100%;
}

.hadbox-sec2 .container .form .int .tx {
   width: calc(100% - 0.38rem);
   padding: 0.2rem 0.44rem;
}

@media (max-width: 767px) {
   .hadbox-sec2 .container .form .int .tx {
      font-size: 0.28rem;
      padding: 0.2rem 0.3rem;
   }
}

.hadbox-sec2 .container .form .f_sub {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 2.5rem;
   color: #fff;
   background-color: #004896;
}

@media (max-width: 767px) {
   .hadbox-sec2 .container .form .f_sub {
      width: 1.5rem;
      font-size: 0.28rem;
   }
}

.hadbox-sec2 .container .navbox {
   line-height: 60px;
   height: 100%;
   overflow: auto;
   padding-bottom: 50px;
}

.hadbox-sec2 .container .navbox>ul {
   height: auto;
   overflow-y: auto;
   padding: 0 20px;
}

.hadbox-sec2 .container .navbox>ul li {
   list-style: none;
}

.hadbox-sec2 .container .navbox>ul>li {
   border-bottom: 1px solid #ddd;
}

.hadbox-sec2 .container .navbox>ul>li .tit {
   font-size: 18px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #333;
}

.hadbox-sec2 .container .navbox>ul>li .tit i {
   width: 60px;
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: center;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
}

.hadbox-sec2 .container .navbox>ul>li .tit i img,
.hadbox-sec2 .container .navbox>ul>li .tit i svg {
   float: left;
   width: 20px;
   transform: scale(1.4);
}

.hadbox-sec2 .container .navbox>ul>li .tit i img path,
.hadbox-sec2 .container .navbox>ul>li .tit i svg path {
   fill: #333;
   width: 100%;
}

.hadbox-sec2 .container .navbox>ul>li ul {
   line-height: 35px;
   padding-bottom: 15px;
   padding-left: 20px;
   display: none;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a {
   font-size: 16px;
   color: #666;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i {
   width: 50px;
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: center;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   position: relative;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg {
   float: left;
   width: 30px;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img path,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg path {
   fill: #666;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:after,
.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
   content: "";
   display: block;
   width: 14px;
   height: 2px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -13px;
   background-color: #999;
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
   transform: rotate(90deg);
}

.hadbox-sec2 .container .navbox>ul>li ul>li.active>a i:before {
   opacity: 0;
}

.hadbox-sec2 .container .navbox>ul>li ul ul a {
   font-size: 14px;
}

.hadbox-sec2 .container .navbox>ul>li.active .tit i {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.hadbox-sec2 .container .navbox>ul>li.on .tit {
   color: #004896;
}

.hadbox-sec2 .fz_bt {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 3px;
   background-color: #fff;
   /* width: 120px; */
   color: #003686;
   transition: all 0.3s linear;
   font-size: 0.26rem;
   height: 0.9rem;
   border: 1px solid #eee;
   width: 100%;
}

.hadbox-sec2 .fz_bt i {
   display: flex;
   width: 0.3rem;
   height: 0.3rem;
   margin-right: 0.2rem;
   overflow: hidden;
}

.hadbox-sec2 .fz_bt i svg {
   width: 100%;
   height: 100%;
}

.hadbox-sec2 .fz_bt i svg path {
   fill: #003686;
}

.hadbox-sec2 .fz_bt span {
   color: #003686;
}

.hadbox-sec2 .fz_bt:hover {
   background: #003686;
   border-color: #003686;
}

.hadbox-sec2 .fz_bt:hover i svg path {
   fill: #fff;
}

.hadbox-sec2 .fz_bt:hover span {
   color: #fff;
}


/* daohangend */
.navbar {
   position: relative;
   margin-bottom: 0px;
   border-bottom: 0px solid #BEBCBC;
}


.navbar-inverse {
   background: url(../images/dhh.jpg);
   border-color: #5F5D5D;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
}

.navbar-brand {
   margin-top: 0px;
   padding: 0px;
}



.navbar-nav>li>a {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 25px;
   padding-right: 25px;
   line-height: 97px;
}

.nav {
   /* padding-left: 372px; */
   float: right;
}


.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
   color: #252525;
}

a {
   color: #333333;
   text-decoration: none;
}

a:hover {
   text-decoration: none;
   transition: all 300ms ease-in 0ms;
   color: #333333;
}

.navbar-inverse .navbar-nav>li {
   padding-right: 20px;
   background: url(../images/xie.png) right;
   background-repeat: no-repeat;
}

.index .navbar-inverse .navbar-nav>li>a {
   color: #fff;
   font-size: 16px;

}
.navbar-inverse .navbar-nav>li>a {
   color: #353434;
   font-size: 16px;

}

.navbar-toggle {
   position: relative;
   float: right;
   padding: 9px 10px;
   margin-top: 8px;
   margin-right: 15px;
   margin-bottom: 8px;
   background-color: #000;
   border: 1px solid transparent;
   border-radius: 4px;
}

.navbar-inverse .navbar-nav>li>a::after {
   width: 0;
   transition: width .3s;
   height: 2px;
   display: block;
   margin: 0 auto;
   content: "";
   background-color: #0d3781;
}

.navbar-inverse .navbar-nav>li>a:hover:after {
   width: 100%;
   height: 2px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #0d3781;
}

.navbar-toggle>span {
   display: block;
   width: 30px;
   height: 4px;
   background-color: #043d79;
   border-radius: 2px;
   margin: 4px auto;
   transition: .3s;
   transform-origin: left center;
}

.nav-top1 {
   -webkit-transform: rotateZ(34deg);
   -moz-transform: rotateZ(34deg);
   -ms-transform: rotateZ(34deg);
   -o-transform: rotateZ(34deg);
   transform: rotateZ(34deg);
}

.nav-middle1 {
   opacity: 0;
}

.nav-bottom1 {
   -webkit-transform: rotateZ(-34deg);
   -moz-transform: rotateZ(-34deg);
   -ms-transform: rotateZ(-34deg);
   -o-transform: rotateZ(-34deg);
   transform: rotateZ(-34deg);
}


.menu ul.sub_menu {
   position: absolute;
   display: none;
   z-index: 999;
}

.menu ul.sub_menu a {
   color: #333333;
}

.menu ul.sub_menu a:hover {
   color: #0d3781;
   background: none;
}

.bg {
   background-color: #FFFFFF;
   position: absolute;
   display: none;
   width: 100%;
   z-index: 99;
}

.h620 {
   height: 350px;
}

.h400 {
   height: 400px;
}

.menu ul.sub_menu .ll {
   float: left;
   widtH: 27%;
}
.menu ul.sub_menu .ll:nth-child(2) {
   widtH: 39%;
}

.menu ul.sub_menu .rr {
   float: right;
   widtH: 17%;
   padding-right: 10px;
}

.menu ul.sub_menu .ll .tit,
.menu ul.sub_menu .rr .tit {
   widtH: 100%;
}

.menu ul.sub_menu .ll .tit h2,
.menu ul.sub_menu .rr .tit h2 {
   border-bottom: 1px solid #E0E0E0;
   padding-bottom: 20px;
   margin-bottom: 25px;
   position: relative;
}

.fnt_24 {
   font-size: 24px;
}

.menu ul.sub_menu .ll .tit h2 a,
.menu ul.sub_menu .rr .tit h2 a {
   color: #505050 !important;
}

.menu ul.sub_menu .ll .tit h2::after,
.menu ul.sub_menu .rr .tit h2::after {
   content: "";
   position: absolute;
   lefT: 0;
   bottom: -1px;
   widtH: 45px;
   height: 4px;
   background: #0d3781;
}

.w980 {
   width: 1000px;
   margin-left: -680px;
}

.w1200 {
   width: 1200px;
   margin-left: -550px;
}

.cpee {
   float: left;
   height: auto;
   overflow: hidden;
   /*padding: 10px 50px;  */
}

.cpeepd {
   padding: 10px 15px; 
}
#scroll_up {
   height: 400px;
   overflow: hidden;
   max-width: 100%;
   margin: 50px auto 40px;
}
.cpee li {
   list-style-type: none;
   /* width:25%; */
   font-size: 14px;
   /* padding-left:30px; */
   height: 16px;
   line-height: 30px;
   /* margin-bottom: 20px; */
   /* border-right:1px solid #dddddd; */
}
.cpee li h3{
   font-size: 16px;
}

.cpee li.lei {
   font-size: 16px;
   height: 40px;
   line-height: 32px;

}

/* .cpee li.lei h3 {
   font-size: 16px;
   height: 30px;
   line-height: 32px;
   text-align: center;
   margin: 0;
} */
.cpee li.lei h3 {
   font-size: 20px;
   height: 30px;
   line-height: 32px;
   /* text-align: center; */
   margin: 0;
   font-weight: 500;
}
.cpee li.lei img {
   width: 150px;
}

.cpee li.lei:after {
   width: 50%;
   height: 2px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #0d3781;

}

.cpee li.cplist:after {
   width: 50%;
   height: 2px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #0d3781;
   margin: 0 auto;

}

.cpee li a {
   color: #333333;
}

.cpee li a:hover {
   color: #FF0000;
}

.sub_menu_about {
   background-color: #fff;
   margin-right: 20px;
   padding-bottom: 20px;
}
.sub_menu_about .cpee {
   color: #585858;
   font-size: 14px;
   width: 100%;
   text-align: center;
}
.sub_menu_about .cpee li h3{
   font-size: 14px;
}
.kq1 {
   -webkit-animation-delay: 0.2s;
}

.kq2 {
   -webkit-animation-delay: 0.4s;
   -webkit-animation-duration: 0.4s;
}

.kq3 {
   -webkit-animation-delay: 0.6s;
   -webkit-animation-duration: 0.6s;
}

.kq4 {
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 0.8s;
}

.kq5 {
   -webkit-animation-delay: 1s;
   -webkit-animation-duration: 1s;
}

.kq6 {
   -webkit-animation-delay: 1.2s;
   -webkit-animation-duration: 1.2s;
}


.kuanping {
   width: 83.333333%;
   max-width: 1600px;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;

}

.kuanping2 {
   /* width: 1515px; */
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;

}
@media (min-width: 0px) and (max-width: 1208px) {
   #scroll_up {
      height: auto;
   }
   }
@media (min-width: 0px) and (max-width: 768px) {
   .kuanping2 {
      width: 100%;
      /* margin-top: 20px; */
      /* margin-bottom: 10px; */
      margin-top: 5px;
   }
}

.kkt {
   width: 100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
}

.kkt2 {
   width: 100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
}

.yc {
   display: block;
}

.yd {
   display: none;
}

.guding {
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 99;
}

.index .guding {
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 99;

    left: 0;
    top: 0;
    z-index: 10001;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
    background: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
}
.sd .guding {
   background: #fff;
   color: #505050;
   box-shadow: 0 5px 5px 2px rgba(0,0,0,0.2);
}

.sd .navbar-inverse .navbar-nav>li>a {
   color: #000;
}
.banner {margin-top: 100px;}
/* 
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: 80px;
   left: 0;
   width: 100%;
}

.banner .swiper-pagination-bullet {
   width: 23px;
   height: 23px;
   display: inline-block;
   border-radius: 100%;
   opacity: 1;
   background-color: rgba(255, 255, 255, 0.32);
   border: 1px solid #000000;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
   background: #049579;
   border: 1px solid #000000;
}

.banner .wz {
   position: absolute;
   z-index: 2;
   width: 100%;
   padding: 12% 20%;
   height: 100%;
   left: 0;
   top: 0;
   overflow: hidden;
}

.banner .wz h1 {
   font-size: 60px;
   color: #ffffff;
   line-height: 50px;
   font-weight: 600;
   letter-spacing: 10px;
   line-height: 72px;
}

.banner .wz h2 {
   font-size: 50px;
   color: #ffffff;
   line-height: 50px;
}

.banner .wz p {
   color: #fff;
   font-size: 31px;
   line-height: 100px;
   font-style: italic;
   letter-spacing: 5px;
}

.banner .wz span {
   color: #fff;
   font-size: 26px;
   padding: 10px 20px;
   background: #6e6d6d;
   border-radius: 5px;
} */
.index .slider-wrapper {
   width: 100%;
   margin: 0;
}
.slider-wrapper {
   width: 100%;
   margin-top: 100px;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/cn/images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
   position: relative;
   text-align: center;
   margin-top: -50px;
   z-index: 9;
   margin-bottom: -25px;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/cn/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:33px;
	height:60px;
	background:url(/cn/images/arrw.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-27px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
    background:none;
    padding: 12% 12%;
    
}

.theme-default .nivo-caption .titleblank {
   padding-bottom: 6%;
}
.theme-default .nivo-caption .wz h1 {
   font-size: 60px;
   color: #ffffff;
   line-height: 50px;
   font-weight: 600;
   letter-spacing: 10px;
   line-height: 72px;
}
.theme-default .nivo-caption .wz h1.black {
   color: #4c4948;
}
.theme-default .nivo-caption .wz h2 {
   font-size: 50px;
   color: #ffffff;
   line-height: 50px;
}

.theme-default .nivo-caption .wz p.shua {
   color: #fff;
   font-size: 22px;
   line-height: 56px;   
   letter-spacing: 2px;
}
.theme-default .nivo-caption .wz p.shuae {
   color: #fff;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: 0px;
}
.theme-default .nivo-caption .wz p.shub {
   color: #4c4948;
   font-size: 24px;
   line-height: 100px;
   letter-spacing: 2px;
}

.theme-default .nivo-caption .wz span {
   color: #fff;
   font-size: 26px;
   padding: 10px 20px;
   background: #c1bfbf;
   border-radius: 5px;
} */
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

@media (max-width:768px) {
  .banner,.slider-wrapper {
      margin-top: 50px;
   }



   .theme-default .nivo-caption .wz {
      position: absolute;
      z-index: 2;
      width: 100%;
      padding: 9% 3%;
      height: 100%;
      left: 0;
      top: 0;
   }

   .theme-default .nivo-caption  .wz h1 {
      font-size: 22px;
      color: #ffffff;
      font-weight: 700;
      letter-spacing: 1px;
      line-height: 15px;
   }

   .theme-default .nivo-caption .wz h2 {
      font-size: 50px;
      color: #ffffff;
      line-height: 50px;
   }

   .theme-default .nivo-caption .wz p.shua {
      color: #fff;
      font-size: 14px;
      line-height: 14px;
      letter-spacing: 0px;
   }
   .theme-default .nivo-caption .wz p.shuae {
      color: #fff;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 0px;
   }
   .theme-default .nivo-caption .wz p.shub {
      color: #000;
      font-size: 14px;
      line-height: 36px;
      letter-spacing: 0px;
   }
   .theme-default .nivo-caption  .wz span {
      color: #fff;
      font-size: 7px;
      padding: 5px 9px;
      background: #6e6d6d;
      border-radius: 5px;
   }
   .theme-default .nivo-caption {
      padding: 23% 20%;
  }
  .theme-default .nivo-directionNav {
   display: none;
  }
  .theme-default .nivo-controlNav {

  }
}

.yinwen {
   position: absolute;
   width: 100%;
   left: 0px;
   bottom: -20px;
   text-align: center;
   color: #aaaaaa;
   font-size: 12px;
}

.yuyan {
   position: absolute;
   width: 330px;
   right: 20px;
   top: 0px;
   color: #0d3781;
   height: 27px;
   line-height: 27px;
}

.yuyan-aa {
   width: 100%;
   float: left;
   font-size: 26px;
   color: #fff;
}
.mp {
   display: none;
}
@media (max-width:768px) {
   .fz_nei .mp {
      display: block;
      padding-top: 10px;
      font-size:16px;
      text-align: left;
   }
}
 

.yuyan-aa img {
   width: 39px;
   vertical-align: text-top;
}

.yuyan-bb {
   width: 35%;
   float: right;
}

.yuyan-bb a {
   display: block;
   background-color: #0d3781;
   color: #FFFFFF;
   text-align: center;
   line-height: 27px;
}

.bigtitle {
   width: 100%;
   display: table;
   text-align: center;
   margin: 50px 0 30px;

}

.bigtitle h3 {
   width: 100%;
   padding-top: 25px;
   text-align: center;
   font-size: 32px;
   font-weight: bold;
   color: #00388c;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   /* background: url(../images/tjtit.png) no-repeat center top; */
}

.bigtitle img {
   display: inline;
   display: inline-block;
   width: 65px;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: -5px;
}

.bigtitle h3 span {
   font-size: 50px;
   line-height: 120px;
   height: 120px;
   font-family: Arial, Helvetica, sans-serif;
   color: #534a47;
   opacity: .07;
   filter: alpha(opacity=7);
   position: absolute;
   left: 0;
   top: 0;
   text-align: center;
   display: block;
   width: 100%;
   z-index: 0;
   text-transform: uppercase;
}

.bigtitle h3 span.white {
   color: #cfc5c2;
}

.bigtitle p {
   margin-top: 10px;
   width: 100%;
   font-size: 18px;
   line-height: 32px;
   color: #b3b3b3;
   text-align: center;
   position: relative;
   z-index: 2;
}

.bigtitle p.white {
   color: #b3b3b3;

}

@media screen and (max-width: 768px) {
   .bigtitle {
      margin-bottom: 0;
      margin-top: 0;
   }

   .kuanping {

      margin-top: 5px;
   }

   .bigtitle h3 {
      font-size: 30px;
   }

   .bigtitle h3 span {
      font-size: 50px;
   }

   .bigtitle p {
      font-size: 16px;
   }
}

.tjtit {
   height: auto;
   overflow: hidden;
   margin-top: 42px;
   margin-bottom: 40px;
}

.tjtit h2 {
   font-family: 'DINCond-Light', Helvetica, Arial, sans-serif;
   font-size: 45px;
   margin-top: 0px;
   margin-bottom: 3px;
   text-align: center;
   color: #666666;
}

.tjtit h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 0px;
   background: url(../images/tjtit.png) center;
   background-repeat: no-repeat;
   text-align: center;
   color: #e60012;
}

.cpkuai {
   height: auto;
   overflow: hidden;
}

.cpkuai-aa {
   width: 34.4%;
   float: left;
   position: relative;
}

.cpzi {
   position: absolute;
   width: 100%;
   height: 327px;
   padding: 15px;
   padding-top: 80px;
   left: 0px;
   top: 0px;
   z-index: 9;
}

.cpzi h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 23.5px;
   margin-top: 0px;
   margin-bottom: 23px;
   text-align: center;
   color: #e60012;
}

.cpzi h5 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin-top: 0px;
   margin-bottom: 27px;
   text-align: center;
   color: #666666;
}

.cpmore {
   width: 126px;
   height: 42px;
   margin: 0 auto;
}

.cpmore a {
   display: block;
   width: 126px;
   height: 42px;
   line-height: 42px;
   text-align: center;
   border: 1px solid #afafaf;
   border-radius: 20px;
}

.cpmore a:hover {
   background-color: #000000;
   color: #FFFFFF;
}

.cpkuai-bb {
   width: 65.6%;
   float: right;
}

.cpkuai-bb-1 {
   height: auto;
   overflow: hidden;
   position: relative;
}

.cpzi2 {
   position: absolute;
   width: 40%;
   padding: 5px;
   height: auto;
   overflow: hidden;
   padding-top: 120px;
   color: #666666;
   line-height: 23px;
   left: 0px;
   top: 0px;
   z-index: 9;
}


.cpzi2 h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 23.5px;
   margin-top: 0px;
   margin-bottom: 23px;
   text-align: center;
   color: #e60012;
}

.cpzi2 h5 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 14px;
   height: auto;
   overflow: hidden;
   line-height: 25px;
   margin-top: 0px;
   margin-bottom: 27px;
   text-align: center;
   color: #666666;
}

.cpkuai-w {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.cpkuai-w-aa {
   width: 50%;
   float: left;
   position: relative;
}

.cpzi3 {
   position: absolute;
   width: 40%;
   padding: 5px;
   height: auto;
   overflow: hidden;
   padding-top: 100px;
   color: #666666;
   line-height: 23px;
   left: 0px;
   top: 0px;
   z-index: 9;
}

.cpzi3 h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 23.5px;
   margin-top: 0px;
   margin-bottom: 23px;
   text-align: center;
   color: #e60012;
}

.cpzi3 h5 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin-top: 0px;
   margin-bottom: 27px;
   line-height: 25px;
   text-align: center;
   color: #666666;
}

.fanwei {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.fwlmu {
   padding: 0px 6%;
   background-color: #FFFFFF;
   height: auto;
   overflow: hidden;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.fanwei .gallery-thumbs {}

.fanwei .gallery-thumbs .swiper-slide span {
   display: block;
   text-align: center;
   cursor: pointer;
   position: relative;
   padding-top: 20px;
   padding-bottom: 20px;
}

.fanwei .gallery-thumbs big {
   height: ;
   display: block;
   width: 1px;
   position: absolute;
   top: 75px;
   left: 0;
   background: rgba(255, 255, 255, .2);
   height: 93px;
}

.fanwei .gallery-thumbs .swiper-slide span:before {
   content: "";
   display: block;
   border-bottom: 25px #004cb0 solid;
   border-right: 25px transparent solid;
   border-left: 25px transparent solid;
   position: absolute;
   bottom: 143px;
   width: 0;
   height: 0;
   left: 50%;
   margin-left: -25px;
   opacity: 0;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span:before {
   opacity: 1;
}

.fanwei .gallery-thumbs .swiper-slide span p {
   font-size: 1.6rem;
   font-weight: bold;
   font-family: arial;
   color: #939393;
   line-height: 18px;
}

.w1 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w1.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w2 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w2.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w3 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w3.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w4 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w4.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w5 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w5.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w6 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w6.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.w7 {
   display: block;
   width: 120px;
   height: 60px;
   background: url(../images/w7.png) top left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   margin: 0 auto 15px;
}

.cur {
   color: #da251c;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w1 {
   background: url(../images/w1.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w2 {
   background: url(../images/w2.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w3 {
   background: url(../images/w3.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w4 {
   background: url(../images/w4.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w5 {
   background: url(../images/w5.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w6 {
   background: url(../images/w6.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span .w7 {
   background: url(../images/w7.png) bottom left;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   transition: all 300ms ease-in 0ms;
}

.fanwei .gallery-thumbs .swiper-slide-thumb-active span p {
   color: #0f1c6b;
}

.fanwei .gallery-top .swiper-slide section {
   position: relative;
   height: 460px;
}

@media (max-width:1400px) {
   .fanwei .gallery-top .swiper-slide section {
      height: 600px;
   }

   .fwlmu {
      padding: 0px 5%;
   }

   .fanwei .gallery-thumbs .swiper-slide span p {
      font-size: 1.5rem;
   }
}

@media (max-width:1200px) {
   .fanwei .gallery-top .swiper-slide section {
      height: 500px;
   }

   .fanwei .gallery-thumbs .swiper-slide span p {
      font-size: 1.4rem;
   }
}

.fanwei .gallery-top .swiper-slide section .fwtext {
   position: absolute;
   top: 10%;
   width: 100%;
   color: #fff;
}

/* .fanwei .gallery-top .swiper-slide .fwtext h3{
    font-family: 'DINCond-Light', Helvetica, Arial, sans-serif;
	font-size: 45px;
	margin-top:0px;
	margin-bottom:3px;
	text-align:center;
} */
.fanwei .gallery-top .swiper-slide .fwtext h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   background: url(../images/tjtit2.png) center;
   background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 62px;
   text-align: center;
}

.fanwei .gallery-top .swiper-slide .fwtext h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 42px;
   margin-top: 0px;
   margin-bottom: 15px;
   text-align: center;
   letter-spacing: 5px;
}

/* .fanwei .gallery-top .swiper-slide .fwtext span{
	display: block;
	font-size: 14px;
	line-height: 27px;
	text-align:center;
	width:570px;
	margin:0 auto;
} */

.casemore {
   width: 138px;
   height: 40px;
   margin: 36px auto 0px;
}

.casemore a {
   display: block;
   width: 138px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   background-color: #e60012;
   color: #FFFFFF;
   border-radius: 20px;
}

.fudong {
   position: relative;
   /* margin-top:-80px; */
   z-index: 9;
}

@media (max-width:1200px) {
   .fanwei .gallery-top .swiper-slide .fwtext h3 {
      font-size: 30px;
      line-height: 22px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext h2 {
      font-size: 2.2rem;
      line-height: 30px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext span {
      font-size: 1.5rem;
      line-height: 24px;
      margin: 7% 0px 10%;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a p {
      font-size: 1.7rem;
   }
}

@media (max-width:992px) {
   .fanwei .gallery-thumbs .swiper-slide span:before {
      bottom: 123px;
   }

   .fanwei .gallery-thumbs {
      padding: 55px 0px 30px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a {
      line-height: 50px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a big {
      height: 50px;
   }
}

@media (max-width:768px) {
   .fwlmu {
      display: none;
   }

   .fanwei .gallery-top .swiper-slide section {
      height: 500px;
      background-size: auto 100%;
   }

   .fanwei .gallery-top .swiper-slide section .fwtext {
      position: absolute;
      left: 0%;
      top: 10%;
      margin-top: 0px;
      max-width: 100%;
   }

   .fanwei .gallery-top .swiper-slide .fwtext h3 {
      font-size: 30px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext h2 {
      font-size: 1.8rem;
   }

   .fanwei .gallery-top .swiper-slide .fwtext span {
      font-size: 30px;
      width: 100%;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a p {
      font-size: 1.3rem;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a {
      line-height: 44px;
   }

   .fanwei .gallery-top .swiper-slide .fwtext a big {
      height: 44px;
   }
}

/* 应用 */

.servicebox .cont {
   display: flex;
}

.servicebox .cont .item {
   width: 25%;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   flex: 1 1 25%;
   height: 50rem;
   overflow: hidden;
}
.servicebox .cont .on {
   width: 50%;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   flex: 1 1 50%;
}
.servicebox .cont .item .list {
   display: block;
   position: relative;
   width: 100%;
   height: 50rem;
   overflow: hidden;
}
.servicebox .cont .item .list .img {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
}
.servicebox .cont .item .list .img img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   float: left;
}
.servicebox .cont .item .list .font {
   position: absolute;
   top: 0;
   left: 0;
   padding: 5rem 5rem 0;
   width: 100%;
   height: 100%;
}
.servicebox .cont .item .list .font .jut {
   position: relative;
   width: 100%;
   height: 100%;
}
.servicebox .cont .item .list .font .jut .tit {
   width: 100%;
   color: #fff;
}
.font30 {
   font-size:30px;
}
.servicebox .cont .on .list .font .jut .text {
   visibility: visible;
   opacity: 1;
   -webkit-transition: all 0.3s 0.3s linear;
   transition: all 0.3s 0.3s linear;
}
.servicebox .cont .item .list .font .jut .text {
   margin-top: 3rem;
   opacity: 0.8;
   color: #fff;
   font-size: 16px;
   width: 100%;
   opacity: 0;
   visibility: hidden;
}
.servicebox .cont .on .list .font .jut .text {
   visibility: visible;
   opacity: 1;
   -webkit-transition: all 0.3s 0.3s linear;
   transition: all 0.3s 0.3s linear;
}
.servicebox .cont .on .list .font .jut .but {
   transform: rotate(45deg);
   border-color: transparent;
   background-color: #fff;
}
.servicebox .cont .item .list .font .jut .but {
   position: absolute;
   left: 0;
   bottom: 6rem;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.3);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 8rem;
   height: 8rem;
   margin-top: 8rem;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.servicebox .cont .item .list .font .jut .but:before {
   content: "";
   display: block;
   width: 0;
   height: 100%;
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s 0.3s linear;
   transform: rotate(-45deg);
}
.servicebox .cont .item .list .font .jut .but img, .servicebox .cont .item .list .font .jut .but svg {
   width: 33.33%;
   float: left;
   position: relative;
   z-index: 2;
}
.servicebox .cont .item .list .font .jut .but img path, .servicebox .cont .item .list .font .jut .but svg path {
   fill: #fff;
}

.cls-1 {
   fill: #333;
   fill-rule: evenodd;
}

.servicebox .cont .on .list .font .jut .but svg path {
   fill: #004896;
}

@media (max-width: 767px){
.servicebox .cont .item .list ,.servicebox .cont .item{
   height: 30rem;
}
.servicebox .cont .item .list .font {
   padding: 0 2rem 0;
}
.servicebox .cont {
    flex-wrap: wrap;
}
.servicebox .cont .item {
   width: 100%;
   flex: 1 1 100%;
   margin-bottom: 0.4rem;
}
.font30 {
   font-size: 24px;
}
.servicebox .cont .item .list .font .jut .but {
   width: 40px;
   height: 40px;
}
.servicebox .cont .item .list .font .jut .text {
   visibility: visible;
   opacity: 1;
}
}


.yingyong li:first-child, .yingyong li:last-child {
   width: 56%;
}
.yingyong li {
   float: left;
   width: 40%;
   margin-right: 2%;
   margin-bottom: 2%;
}
.yingyong li dl {
   position: relative;
}
.tran_scale {
   overflow: hidden;
   display: block;
}
.yingyong li dt {
   position: relative;
}
/* 产品推荐缩小80% 2023-6-15 */
.ratio-img, .ratio-img img {
   width: 80%;
   margin: 0 auto;
}
/* .ratio-img, .ratio-img img {
   width: 100%;
} */

.tran_scale img {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
}
.yingyong li dt span {
   position: absolute;
   lefT: 35px;
   top: 30px;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}
@media only screen and (min-width: 1025px){
.yingyong li dt span, .yingyong li dt h4, .yingyong li dd {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}
}
.yingyong li dt h4 {
   position: absolute;
   lefT: 35px;
   bottom: 20px;
   color: #fff;
}
.yingyong li dd {
   opacity: 0;
   color: #fff;
   position: absolute;
   z-index: 1;
   lefT: 0;
   top: 0;
   widtH: 100%;
   height: 100%;
   padding: 30px 35px;
   background: rgba(40,8,10,0.74);
}
.yingyong li dd span {
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}
.yingyong li dd h4 {
   margin: 5% 0 2.5%;
}
.fnt_30 {
   font-size: 30px;
}
.yingyong li dd p {
   line-height: 1.8;
   max-height: 5.4em;
   height: 5.4em;
}
.clamp_3 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   line-height: 1.5;
   max-height: 4.5em;
   height: 4.5em;
   overflow: hidden;
}
.fnt_16 {
   font-size: 16px;
}
@media only screen and (min-width: 1025px){
.yingyong li:hover dt span, .yingyong li:hover dt h4 {
    opacity: 0;
}
.yingyong li:hover dd {
   opacity: 1;
}
}

@media only screen and (max-width: 767px){
.yingyong li, .yingyong li:first-child, .yingyong li:last-child {
    widtH: 100%;
    margin: 0 0 2%;
}
.yingyong li dd {
   opacity: 1;
   background: none;
}
.yingyong li dt img {
   display: block!important;
}
.yingyong li dt span {
   display: none;
   lefT: 20px;
   top: 20px;
}
.yingyong li dt h4 {
   display: none;
   lefT: 20px;
}
}
/* 电子消费 */
.wrap {
   /* max-width: 1440px; */
   margin: 0 auto;
}
.product_box01, .product_02 {
   padding: 80px 0 0;
}
.product_box01 dl {
   overflow: hidden;
}
.product_box01 dt {
   float: left;
   width: 340px;
   padding-right: 20px;
   box-sizing: border-box;
}
.fnt_36 {
   font-size: 36px;
}
.product_box01 dd {
   float: right;
   width: calc(100% - 341px);
   border-left: 2px solid #de0010;
   padding-left: 80px;
   box-sizing: border-box;
}
.fnt_20 {
   font-size: 20px;
}
.product_box01, .product_02 {
   padding: 80px 0 0;
}
.product_list {
   margin-top: 40px;
   overflow: hidden;
   position: relative;
}
.product_list ul {
   margin-left: -27px;
   margin-right: -27px;
}
.product_list li {
   float: left;
   width: 33.3%;
   padding: 0 27px;
   box-sizing: border-box;
   margin-bottom: 40px;
}
.product_list li a {
   display: block;
}
/* .ratio-img, .ratio-img img {
   width: 100%;
}
.ratio-img, .ratio-img img {
   width: 100%;
} */
.tran_scale img {
   transition: 0.5s all;
   -webkit-transition: 0.5s all;
}
.product_list dt {
   padding: 20px 0;
}
.product_list dt h3 {
   font-weight: bold;
   
}
/* tuijiancplogo */
/* .product_list dt h3.tuijian:before{  
    content:url(iconf.png); 
   content:'';
   display:block;
   width:10px;
   height:10px;
   border-radius:10px;
   background:#222b7a;
  margin-right:10px;
  display: inline-block;
} */



.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
}
.fnt_18 {
   font-size: 18px;
}
.product_list dt p {
    font-size: 14px;
    margin: 10px 0;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666;
    font-weight:400;
}
@media only screen and (max-width: 1599px) {
.product_list ul {
   margin-left: -12px;
   margin-right: -12px;
}
.product_list li {
   padding: 0 12px;
   margin-bottom: 20px;
}
.fnt_36 {
   font-size: 34px;
}
.fnt_20 {
    font-size: 18px;
}
}
@media only screen and (max-width: 1399px){
.fnt_20 {
    font-size: 16px;
}
}
@media only screen and (max-width: 1280px){

.product_box01 dt {
    width: 260px;
}
.product_box01 dd {
   width: calc(100% - 261px);
   padding-left: 40px;
}
}
@media only screen and (max-width: 1024px){
.product_box01, .product_02 {
   padding: 30px 0;
}
.product_box01 dt, .product_box01 dd {
    width: 100%;
    padding: 0;
}
.product_box01 dd {
   border-left: 0;
   margin-top: 30px;
}
}
@media only screen and (max-width: 1023px){
.fnt_36, .fnt_40 {
    font-size: 24px;
}
}
@media only screen and (max-width: 767px){
.product_list {
    margin-top: 25px;
    width: 100%;
}
.product_list li {
   width: 100%;
}
}

/* 客户 */
.kehu1 {
   /* margin-top:34px; */
   margin-bottom: 66px;
   height: auto;
   overflow: hidden;
}
.kehu1 .ul {
   /* font-size: 0;
   line-height: 0;
   margin: -10px; */
   /* height: 400px; */
   overflow: hidden;
}
.kehu1 .ul li {
   display: inline-block;
   padding: 10px;
}
.kehu1 .ul .Box {
   display: block;
   width: 220px;
   max-width: 100%;
   margin: 0 auto;
   transition: all .3s;
   transform: translateY(0);
   box-shadow: 0 0 15px rgba(0,0,0,0);
}
.kehu1  .ul .Box:hover {
   transform: translateY(-5px);
   box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.kehu1 .ul .Box::before {
   content: "";
   display: block;
   padding-top: 60%;
}
.kehu1 .ul .Box img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
.imgBox img {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
}
.imgBox img {
   display: block;
   transform: scale(1);
   transition: all .3s;
}





#owl-demo {
   padding: 3%;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper {
   display: none;
   position: relative;
   -webkit-transform: translate3d(0px, 0px, 0px);
}

#owl-demo .item {
   margin: 0.5px;
   position: relative;
   height: 350px;
   /* margin-top: 50px; */
   overflow: hidden;
}

#owl-demo .item .bg-list-img {
   position: absolute;
   bottom: 49px;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
   width: 100%;
}

#owl-demo .item img {
   /* display: block; */
   height: 100%;
   width: 100%;
   transition: all 0.3s;
}

#owl-demo .item .bg-list-tit {
   height: 56px;
   overflow: hidden;
   bottom: 0;
   position: absolute;
   text-align: center;
   width: 100%;
}

#owl-demo .item .bg-list-tit h4 {
   margin: 0 auto;
   display: inline-block;
   border-bottom: 2px solid #e2e2e2;
   font-weight: normal;
   font-size: 18px;
   line-height: 54px;
   padding-left: 10px;
   padding-right: 10px;
}

#owl-demo .item .bg-list-more {
   width: 100%;
   position: absolute;
   bottom: 0;
   background: url(../img/i_por_pic1.png) center 38px no-repeat #3c3a38;
   height: 56px;
   line-height: 46px;
   font-size: 14px;
   color: #fff;
   text-align: center;
   filter: Alpha(Opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
}

#owl-demo .item .i_pro_bg {
   position: absolute;
   width: 100%;
   bottom: 56px;
   /* height: 100%; */
   height: 83%;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s;
   filter: Alpha(Opacity=0);
   opacity: 0;
   left: 0;
}

#owl-demo .item .bg-list-hs {
   max-height: 316px;
   height: 70%;
   position: absolute;
   bottom: 30%;
   /* background: url(../img/i_por_pic2.png) center top no-repeat; */
   background-size: 100% 100%;
   width: 100%;
}

#owl-demo .item .bg-list-hs p {
   width: 80%;
   margin: 0 auto;
   margin-top: 10%;
   color: #fefefe;
   font-size: 14px;
   height: 50%;
   overflow: hidden;
   line-height: 22px;
   max-height: 198px;
}

#owl-demo .item .bg-list-yew {
   position: absolute;
   width: 100%;
   bottom: 0px;
   height: 30%;
   background-color: #c30d23;
   text-align: center;
   color: #fff;
}

#owl-demo .item .bg-list-yew h5 {
   border-bottom: 2px solid #fff;
   font-weight: normal;
   font-size: 18px;
   line-height: 54px;
   padding-left: 10px;
   padding-right: 10px;
   display: inline-block;
   margin-top: 3%;
}

#owl-demo .item .bg-list-hs {
   max-height: 316px;
   height: 70%;
   position: absolute;
   bottom: 30%;
   background: url(../images/i_por_pic2.png) center top no-repeat;
   background-size: 100% 100%;
   width: 100%;
}

#owl-demo .item .bg-list-hs p {
   width: 80%;
   margin: 0 auto;
   margin-top: 10%;
   color: #fefefe;
   font-size: 14px;
   height: 50%;
   overflow: hidden;
   line-height: 22px;
   max-height: 198px;
}

#owl-demo .item:hover .bg-list-img {
   /*height:93%;*/
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;

}

#owl-demo .item:hover .i_pro_bg {
   filter: Alpha(Opacity=100);
   /*IE7 fix*/
   opacity: 1;
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

#owl-demo .item:hover .bg-list-more {
   filter: Alpha(Opacity=100);
   /*IE7 fix*/
   opacity: 1;
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
   background: url(../images/i_pro_left.png) no-repeat;
   float: left;

}

.owl-theme .owl-controls .owl-buttons div.owl-next {
   background: url(../images/i_pro_right.png) no-repeat;
   float: right;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
   background: url(../images/i_pro_left_on.png) no-repeat;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
   background: url(../images/i_pro_right.png) no-repeat;
   float: right;
}

@media (max-width:768px) {
   #owl-demo .item {
      height: 190px;
   }

   .owl-theme .owl-controls .owl-buttons div {
      margin-top: -51% !important;
   }
}

.shipin {
   height: auto;
   overflow: hidden;
   padding-top: 125px;
   padding-bottom: 105px;
   background-color: #fcfcfc;
   margin-top: -63px;
}

.shipin h2 {
   font-family: 'DINCond-Light', Helvetica, Arial, sans-serif;
   font-size: 45px;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 3px;
   color: #666666;
}

.shipin h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 40px;
   background: url(../images/tjtit.png) center;
   background-repeat: no-repeat;
   text-align: center;
   color: #e60012;

}

.spgun {
   width: 1745px;
   height: auto;
   overflow: hidden;
   margin: 0 auto;
}

.proce {
   padding: 0px 130px;
   position: relative;
}

#fuwu {
   position: static;
}

#fuwu2 {
   position: static;
}

.proce .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 52px;
   height: 50px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/zuo.png);
   background-size: 50px 50px;
   background-position: center;
   background-repeat: no-repeat;
}

.proce .swiper-button-next {
   position: absolute;
   top: 50%;
   width: 50px;
   height: 50px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/you.png);
   background-size: 50px 50px;
   background-position: center;
   background-repeat: no-repeat;
}
@media (max-width:768px) {
   .proce .swiper-button-next,.proce .swiper-button-prev{
      margin-top: -112px;
   }
}

.whykk {
   border: 1px solid #f6f6f6;
   background-color: #FFFFFF;
}

.whykk img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.whykk:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.whykk section {
   overflow: hidden;
}

section {
   display: block;
}

.sp-nei {
   padding: 15px;
   height: auto;
   overflow: hidden;
   color: #757474;
}

.sp-nei h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 218x;
   margin-top: 0px;
   margin-bottom: 10px;
   color: #646464;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
@media (max-width:1000px) {
   .sp-nei h4 {
      font-size: 20px;
   }   
}
.spmore {
   margin-top: 89px;
   font-size: 16px;
   line-height: 28px;
   color: #3b3f42;
}

.abkuai {
   height: auto;
   overflow: hidden;
   padding-top: 50px;
   padding-bottom: 89px;
   color: #FFFFFF;
   background: url(../images/abbj.jpg) center;
   background-repeat: no-repeat;
}

.abkuai h2 {
   font-family: 'DINCond-Light', Helvetica, Arial, sans-serif;
   font-size: 45px;
   margin-top: 0px;
   margin-bottom: 3px;
   text-align: center;
   color: #666666;
}

.abkuai h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 68px;
   background: url(../images/tjtit2.png) center;
   background-repeat: no-repeat;
   text-align: center;
   color: #e60012;
}

.abnn {
   width: 33.33333333333333%;
   height: 263px;
   float: left;
   padding-top: 42px;
   padding-left: 75px;
   padding-right: 75px;
   line-height: 25px;
   text-align: center;
   color: #FFFFFF;
}

.abnn h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   text-align: center;
   margin-top: 5px;
   margin-bottom: 22px;
   color: #FFFFFF;
}

.hei {
   background-color: #000000;
}

.hongse {
   background-color: #ce061f;
}

.hui {
   background-color: #555555;
}

.abnn2 {
   width: 33.33333333333333%;
   height: 263px;
   float: left;
   padding-top: 42px;
   padding-left: 75px;
   padding-right: 75px;
   line-height: 25px;
   text-align: center;
   color: #333333;
   background-color: #FFFFFF;
}

.abnn2 h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   text-align: center;
   margin-top: 5px;
   margin-bottom: 22px;
   color: #333333;
}

.abtt {
   width: 88px;
   height: 50px;
   margin: 0 auto;
}

.qiehh {
   width: 33.33333333333333%;
   float: left;
}

.qiehh .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: 34px;
   left: 60%;
   width: 40%;
}

.qiehh .swiper-pagination-bullet {
   width: 16px;
   height: 16px;
   display: inline-block;
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 1);
   border: 1px solid #000000;
   opacity: 1;
}

.qiehh .swiper-pagination .swiper-pagination-bullet-active {
   background: #e60012;
   border: 1px solid #000000;
}

.news {
   width: 1745px;
   height: auto;
   overflow: hidden;
   margin: 55px auto 105px;
}

.news h2 {
   font-family: 'DINCond-Light', Helvetica, Arial, sans-serif;
   font-size: 45px;
   text-align: center;
   margin-top: 0px;
   margin-bottom: 3px;
   color: #666666;
}

.news h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 21px;
   margin-top: 0px;
   margin-bottom: 40px;
   background: url(../images/tjtit.png) center;
   background-repeat: no-repeat;
   text-align: center;
   color: #e60012;
}

.xwmore {
   margin-top: 35px;
   font-size: 16px;
   line-height: 28px;
   color: #3b3f42;
}

.bangzhu {
   background: url(../images/bzz.jpg) center;
   padding-top: 88px;
   height: 344px;
   color: #FFFFFF;
   font-size: 18px;
}

.bangzhu h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 30px;
   margin-top: 0px;
   margin-bottom: 12px;
   color: #FFFFFF;
}
@media (max-width:1000px) {
   .bangzhu h2 {      
      font-size: 20px;
   }  
}

.bzmore {
   margin-top: 46px;
   width: 136px;
   height: 40px;
}

.bzmore a {
   display: block;
   width: 136px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   background-color: #0d3781;
   color: #ffffff;
   border-radius: 20px;
}

.bzmore a:hover {
   background-color: #0d3781;
}

.zhiding {
   width: 50px;
   height: 50px;
   margin-top: 65px;
   float: right;
   margin-right: 45px;
}

.bottom {
   height: auto;
   overflow: hidden;
   padding-top: 60px;
   padding-bottom: 30px;
   font-size: 16px;
   line-height: 40px;
   background-color: #24272b;
   color: rgba(255, 255, 255, 0.3);
}

.bottom a {
   color: rgba(255, 255, 255, 0.3);
}

.bottom h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 24px;
   color: #FFFFFF;
   margin-top: 0px;
   margin-bottom: 20px;
}

.lxdi {
   height: auto;
   overflow: hidden;
   line-height: 20px;
   margin-top: 36px;
}

.lxdi p {
   margin-bottom: 25px;
}

.kk {
   height: 50px;
   background-color: #33363a;
   border: 1px solid #33363a;
   color: rgba(255, 255, 255, 0.6);
   border-radius: 0;
}

.kkb {
   height: auto;
   overflow: hidden;
   background-color: #33363a;
   border: 1px solid #33363a;
   color: rgba(255, 255, 255, 0.6);
   border-radius: 0;
}

.biao {
   height: auto;
   overflow: hidden;
   margin-bottom: 6px;
}

.anniu {
   width: 247px;
   height: 50px;
   border: 0px solid #e60012;
   text-align: left;
   padding-left: 36px;
   color: #FFFFFF;
   font-size: 14px;
   background: url(../images/anniu.png);
   background-repeat: no-repeat;
   border-radius: 0;
}

.anniu:hover {
   background: url(../images/anniu.png);
   background-repeat: no-repeat;
}


.juyou {
   text-align: right;
}

/* 关于我们 */
.ablan {
   height: auto;
   overflow: hidden;
   background-color: #f7f7f7;
}

.ablan li {
   list-style-type: none;
   /* width:72px; */
   margin-right: 39px;
   float: left;
}

@media (max-width:768px) {
   .ablan li {
      margin-right: 20px;
   }
   .ablan li:last-child {
      margin-right: 0;
   }
   
}
.ablan li a {
   display: block;
   /* width:72px; */
   height: 64px;
   line-height: 58px;
   text-align: center;
   color: #090909;
   font-size: 16px;
}

.ablan li a::after {
   width: 0;
   transition: width .3s;
   height: 6px;
   display: block;
   margin: 0 auto;
   content: "";
   background-color: #0d3781;
}

.ablan li a:hover:after {
   width: 100%;
   height: 6px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #0d3781;
}

.ablan li.hover a:after {
   width: 100%;
   height: 6px;
   display: block;
   content: "";
   transition: width .3s;
   background-color: #0d3781;
}

.about {
   height: auto;
   overflow: hidden;
   margin-top: 83px;
   margin-bottom: 90px;
   line-height: 30px;
   font-size: 16px;
   color: #545466;
}

.about h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 54px;
   margin-top: 0px;
   margin-bottom: 12px;
   color: #242433;   
   text-transform: uppercase;
}

.about h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 38px;
   margin-top: 0px;
   margin-bottom: 40px;
   color: #545466;
}

.abxx img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.abxx img:hover{
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.abxx section {
   overflow: hidden;
}

.team {
   height: auto;
   overflow: hidden;
   padding-top: 52px;
   padding-bottom: 63px;
}

.team h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 34px;
   margin-top: 0px;
   margin-bottom: 45px;
   text-align: center;
   color: #292929;
}

.tdtu {
   position: relative;
   height: auto;
   overflow: hidden;
}

.tdtu img {
   width: 100%;
}

.tdzi {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 0px;
   color: #FFFFFF;
   font-size: 26px;
   text-align: center;
   background-color: rgba(218, 37, 28, 0.8);
   transition: all 300ms ease-in 0ms;
}

.tdtu:hover .tdzi {
   height: 100%;
   padding-top: 45%;
   transition: all 300ms ease-in 0ms;
}

.shili {
   height: auto;
   overflow: hidden;
   margin-top: 50px;
   margin-bottom: 60px;
}

.shili h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 34px;
   margin-top: 0px;
   margin-bottom: 45px;
   text-align: center;
   color: #292929;
}

.slnei {
   height: auto;
   overflow: hidden;
}

.slnei-aa {
   width: 38.2%;
   float: left;
   position: relative;
}

.slnei-aa img {
   width: 100%;
}

.sltu1 {
   position: absolute;
   height: 100%;
   padding: 20px;
   padding-top: 35%;
   font-size: 16px;
   line-height: 25px;
}

.sltu1 .mask {
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 0px;
   top: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   transition: all 300ms ease-in 0ms;
}

.sltu1:hover .mask {
   top: 0;
   height: 100%;
}

.sltu1 .con {
   position: relative;
   z-index: 1;
   font-size: 16px;
   color: #FFFFFF;
   line-height: 25px;
   transition: all 300ms ease-in 0ms;
}



.slnei-bb {
   width: 61.8%;
   float: right;
}

.slnei-bb li {
   list-style-type: none;
   float: left;
   width: 48%;
   margin-left: 2%;
   margin-bottom: 10px;
   position: relative;
}

.sltu2 {
   position: absolute;
   height: 100%;
   padding: 12px;
   padding-top: 15%;
   font-size: 14px;
   line-height: 25px;
   color: #FFFFFF;
}

.sltu2 .mask {
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 0px;
   top: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   transition: all 300ms ease-in 0ms;
}

.sltu2:hover .mask {
   top: 0;
   height: 100%;
}


.slnei-bb li img {
   width: 100%;
}

.sltu2 .con {
   position: relative;
   z-index: 1;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 25px;
   transition: all 300ms ease-in 0ms;
}

/* 领域行业 */
.business_list ul {
   padding: 0;
}

.business_list li {
   list-style: none;
}

.business_list li a {
   background-color: #fff;
   display: block;
   overflow: hidden;
   color: #211d1e;
}

.business_list li.even .img {
   float: right;
}

.business_list .img {
   width: 50%;
   float: left;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
}

.business_list .img {
   overflow: hidden;
}

.business_list .img img {
   width: 100%;
   height: auto;
}

.business_list .img img,
.business_list a {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.business_list li.even .text {
   margin: 0 50% 0 0;
}

.business_list .text {
   margin: 0 0 0 50%;
   padding: 50px 120px 0 120px;
}

.business_list .text .em {
   color: #8a8586;
   font-size: 34px;
}

.business_list .text .em i {
   font-size: 84px;
   margin-right: 10px;
   color: #002fa7;
   line-height: 1;
}

.business_list .text .em em,
.business_info_top .text p {
   font-family: 'Helvetica Neue CE 35 Thin' !important;
}

em {
   font-style: normal;
}

.business_list .text .h3 {
   font-size: 36px;
}

.business_list .text .p {
   font-size: 14px;
   line-height: 2;
   padding-top: 10px;
}

.business_list li:hover .img img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}

.business_list a:hover .img {
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: gray;
}

.business_list a:hover {
   background-color: #0d3781;
   color: #fff;
}

.business_list a:hover .text .em i {
   color: #acacac;
}

.business_list a:hover .text .em em,
.business_info_top .text p {
   color: #acacac;
}

@media screen and (max-width: 1152px) {
   .business_list li {
      padding: 20px;
      background-color: #fff;
      margin-bottom: 20px;
   }

   .business_list .img {
      width: auto;
      float: none !important;
   }

   .business_list .text {
      margin: 0px !important;
      padding: 20px;
   }

   .business_list .text .em {
      font-size: 18px;
   }

   .business_list .text .em i {
      font-size: 34px;
   }

   .business_list .text .h3 {
      font-size: 24px;
   }

   .business_list .text .p {
      line-height: 1.5;
   }

}

/* 行业列表 */
.solution-list {
   padding-top: 30px;
}

.solution-list ul {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 0;
}

.solution-list ul li {
   width: 48.75%;
   position: relative;
   margin-right: 2.5%;
   margin-bottom: 0.4rem;
   transition: all ease-out 0.3s;
}

.solution-list ul li:nth-child(2n) {
   margin-right: 0;
}

.solution-list ul li a {
   display: block;
}

.solution-list ul li .img {
   width: 100%;
   position: relative;
}

.solution-list ul li .img::before {
   content: '';
   width: 100%;
   padding-top: 50.51%;
   display: block;
}

.solution-list ul li .img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
}

.solution-list ul li .img::after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   z-index: 2;
   background: rgba(0, 0, 0, 0.3);
   opacity: 0;
   transition: all ease-out 0.3s;
}

.solution-list ul li .tbox {
   width: 100%;
   background: #e7e7e7;
   padding: 2.4rem;
   position: relative;
}

.solution-list ul li .tbox .t1 {
   font-size: 1.8rem;
   line-height: 1;
   color: #333;
}

.solution-list ul li .tbox .t2 {
   line-height: 28px;
   color: #666;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin-top: 0.23rem;
   padding-right: 1rem;
   font-size: 16px;
}

.solution-list ul li .tbox .more {
   display: flex;
   align-items: center;
   margin-top: 0.44rem;
}

.solution-list ul li .tbox .more span {
   display: inline-flex;
   height: 36px;
   align-items: center;
   color: #3971ad;
}

.solution-list ul li .tbox .more i {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 20px;
   overflow: hidden;
   -webkit-transition: all 0.3s linear;
   margin-left: 10px;
   border-radius: 50%;
   background-color: #004896;
   transition: all 0.3s linear;
   height: 20px;
}

.solution-list ul li .tbox .more i img,
.solution-list ul li .tbox .more i svg {
   float: left;
   width: 30%;
}

.solution-list ul li .tbox .more i img path,
.solution-list ul li .tbox .more i svg path {
   fill: #fff;
}

.cls-1 {
   fill: #333;
   fill-rule: evenodd;
}

.solution-list ul li:hover {
   transform: translateY(-10px);
}

.solution-list ul li:hover .img::after {
   opacity: 1;
}

.solution-list ul li .img::after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   z-index: 2;
   background: rgba(0, 0, 0, 0.3);
   opacity: 0;
   transition: all ease-out 0.3s;
}

.solution-list ul li .tbox::after {
   content: '';
   width: 0;
   height: 2px;
   background: #003686;
   position: absolute;
   left: 0%;
   bottom: 0;
   transition: all ease-out 0.3s;
}

.solution-list ul li:hover .tbox .more i {
   -webkit-transform: translateX(6px);
   transform: translateX(6px);
}

.solution-list ul li:hover .tbox::after {
   width: 100%;
}

@media (max-width: 767px) {
   .solution-list ul li {
      width: 100%;
      margin-right: 0;
   }
}

.solution-tit {
   padding: 0;
   margin-bottom: 20px;
}

.solution-tit li:first-child {
   margin-left: 0;
}

.solution-tit li {
   widtH: auto;
   height: 40px;
   line-height: 40px;
   position: relative;
   margin: 15px;
}

/* .solution-tit li::before {
   content: "";
   position: absolute;
   right: -25px;
   top: 50%;
   margin-top: -10px;
   width: 1px;
   height: 20px;
   transform: rotate(20deg);
   background: #000000;
} */
.solution-tit li.on a {
   color: #fff !important;
   font-weight: bold;
   padding: 0 20px;
   background: #0e3881;
}

.solution-tit li a {
   display: block;
   color: #000000;
   border-radius: 20px;
}


/* 关于我们新 */
.lanmu {
   height: 74px;
   box-shadow: 0px 10px 10px rgba(0, 0, 0, .1);
   background: #fff;
   position: relative;
}

.lm-ct ul {
   display: flex;
   display: -webkit-flex;
}

.lm-ct ul li {
   list-style-type: none;
   margin-right: 80px;
}

.lm-ct ul li a {
   display: block;
   line-height: 74px;
   font-size: 18px;
   color: #000;
   cursor: pointer;
}

.lm-ct ul li a:hover {
   color: #da251c;
}

.lm-ct ul li.hover a {
   color: #da251c;
}

.lm-ct>span {
   display: block;
   height: 4px;
   background: #da251c;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 6;
   transition: .5s;
}

.lanmuw {
   height: auto;
   overflow: hidden;
   margin-top: 10px;
}

.lanmuw li {
   width: 31.3%;
   list-style-type: none;
   float: left;
   margin-right: 2%;
   margin-bottom: 6px;
}

.lanmuw li a {
   display: block;
   width: 100%;
   height: 40px;
   line-height: 40px;
   background-color: #000000;
   color: #FFFFFF;
   text-align: center;
   cursor: pointer;
}

.lanmuw li a:hover {
   background-color: #d83c3d;
}

.abyy {
   padding-right: 50px;
}

.abxx .img:before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: -1px;
   height: 100%;
   width: 100%;
   background: url(/static/images/qiebian.svg) no-repeat;
   background-position: top left;
   background-size: auto 100%;
   z-index: 2;
}

.abxx .jut {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   margin-top: 50px;
}

.abxx .jut .li {
   width: 25%;
   padding-left: 0.3rem;
   /* border-left: 1px solid #dddddd; */
   margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
   .abxx .jut .li {
      width: 50%;
   }
}

.abxx .jut .li .fz_tit {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 2rem;
}

@media (max-width: 1900px) {
   .abxx .jut .li .fz_tit {
      font-size: 14px;
   }
}

@media (max-width: 1580px) {}

@media (max-width: 991px) {
   .jut .li .fz_tit {
      font-size: 12px;
   }
}

@media (max-width: 767px) {
   .jut .li .fz_tit {
      font-size: 1.5rem;
   }
}

.jut .li .shu {
   font-size: 46px;
   font-weight: bold;
   line-height: 0.8;
   color: #0d3781;
}

@media (max-width: 1580px) {
   .jut .li .shu {
      font-size: 26px;
   }
}

@media (max-width: 767px) {
   .jut .li .shu {
      font-size: 2.5rem;
   }

   .abxx .img:before {
      content: none;
   }
}

.jut .li .fz_text {
   color: #999;
   font-size: 16px;
   margin-top: 0.12rem;
}

@media (max-width: 1900px) {
   .jut .li .fz_text {
      font-size: 14px;
   }
}

@media (max-width: 1580px) {}

@media (max-width: 991px) {
   .jut .li .fz_text {
      font-size: 12px;
   }
}

@media (max-width: 767px) {
   .jut .li .fz_text {
      font-size: 0.2rem;
   }
}

/* 客户见证 */
.kehu {
   /* margin-top:34px; */
   margin-bottom: 66px;
   height: auto;
   overflow: hidden;
}

.kehu li {
   list-style-type: none;
   height: auto;
   overflow: hidden;
   padding-top: 30px;
   padding-bottom: 30px;
   border-bottom: 1px dashed #cdcdcd;
}

.kehu-aa {
   width: 16%;
   float: left;
}

.kehu-bb {
   width: 63%;
   float: left;
   margin-left: 1%;
   color: #090909;
   line-height: 30px;
}

.kehu-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 18px;
   margin-top: 0px;
   margin-bottom: 16px;
   color: #090909;
}

.khtime {
   margin-top: 14px;
   font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
   color: #9d9d9d;
}

.kehu-cc {
   width: 9%;
   float: right;
}

.khmore {
   margin-top: 49px;
}

.khmore a {
   display: block;
   width: 100%;
   height: 32px;
   line-height: 32px;
   background-color: #0d3781;
   color: #FFFFFF;
   text-align: center;
   border-radius: 5px;
}

.khmore a:hover {
   background-color: #0a2c66;
}

/* 产品中心 */
.cplei {
   margin-top: 40px;
   margin-bottom: 46px;
   height: auto;
   overflow: hidden;
}
@media (max-width:768px) {
   .cplei {
      margin-top: 2px;
      margin-bottom: 20px;
   }
}

.cplei-lan {
   height: auto;
   overflow: hidden;
   line-height: 40px;
   font-size: 16px;
   color: #090909;
   border-bottom: 1px solid #bababa;
   margin-bottom: 30px;
}

.cplei-lan a {
   color: #090909;
}

.cplei-lan-aa {
   width: 80%;
   float: left;
}

.cplei-lan-bb {
   width: 80px;
   float: right;
   text-align: right;
}

.cplei-lan-bb a {
   display: block;
   width: 80px;
   height: 30px;
   line-height: 30px;
   background-color: #0d3781;
   text-align: center;
   color: #FFFFFF;
   border-radius: 20px;
}

.cplei-lan-bb a:hover {
   background-color: #000000;
}

.cpem {
   height: auto;
   overflow: hidden;
   line-height: 41px;
}

.cpbt {
   color: #da251c;
   font-weight: bold;
}

.cpem a {}

.cpem a:hover {
   color: #da251c;
}

.cpem.hover a {
   color: #da251c;
}

.cpnn {
   height: auto;
   overflow: hidden;
   background-color: #f7f7f7;
   padding-top: 50px;
   padding-bottom: 75px;
}

.cpnn h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 18px;
   color: #da251c;
   margin-top: 0px;
   margin-bottom: 12px;
}

.cpnn h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #090909;
   margin-top: 0px;
   margin-bottom: 12px;
   margin-left: 36px;
}

/* 分页 */
.page {
   margin: 20px auto;
}

.page-m {
   position: relative;
   top: -1px;
   display: inline !important;
}

.page a {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.page-m a {
   display: inline-block;
   margin: 0 5px;
   /* width: 40px;
    height: 40px; */
   font-size: 14px;
   line-height: 40px;
   text-align: center;
   border: 1px solid #eeeeee;
   padding: 0 10px;

}

.page-m a:hover {
   color: #fff;
   background: #0d3781;
   border: 1px solid #0d3781;
}

.xianshi {
   color: #fff;
   background: #da251c;
   border: 1px solid #da251c;
}

.page-m a.active {
   color: #fff;
   background: #da251c;
   border: 1px solid #da251c;
}

/* 产品详情 */
.cphang {
   height: auto;
   overflow: hidden;
   line-height: 60px;
}

.cphang a {
   color: #090909;
}

.cpxq {
   height: auto;
   overflow: hidden;
   padding-top: 52px;
   padding-bottom: 60px;
   background-color: #f7f7f7;
}



.xqzi {
   line-height: 35px;
   font-size: 16px;
   color: #525252;
   height: auto;
   overflow: hidden;
   margin-bottom: 20px;
}

.xqtbb {
   height: auto;
   overflow: hidden;
   margin-bottom: 20px;
}

.xqtbb li {
   list-style-type: none;
   float: left;
   width: 132px;
   height: 40px;
   line-height: 40px;
   border: 1px solid #aaaaaa;
   text-align: center;
   font-size: 16px;
   color: #525252;
   margin-right: 27px;
}

.rexian {
   height: auto;
   overflow: hidden;
   margin-bottom: 30px;
}

.cpxx {
   height: auto;
   overflow: hidden;
   margin-top: 43px;
   margin-bottom: 80px;
}

/* 应用方案 */
.case {
   margin-top: 25px;
   margin-bottom: 40px;
   height: auto;
   overflow: hidden;
}

.anlit {
   margin-top: 30px;
   height: auto;
   overflow: hidden;
   border-bottom: 1px solid #e4e4e4;
}

.anlit img {
   border-radius: 8px;
}

.anlit-zi {
   height: auto;
   overflow: hidden;
   line-height: 50px;
   font-size: 16px;
   padding-left: 27px;
   color: #363636;
   background: url(../images/link.png) top right;
   background-repeat: no-repeat;
}

.anlit:hover {
   border-bottom: 1px solid #da251c;
   transition: all 300ms ease-in 0ms;
}

.anlit:hover .anlit-zi {
   background: url(../images/link.png) bottom right;
   background-repeat: no-repeat;
   color: #da251c;
   transition: all 300ms ease-in 0ms;
}

/* 服务专区 */

.fwkuai {
   height: auto;
   overflow: hidden;
   margin-top: 45px;
   margin-bottom: 60px;
}

.fwkuai h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 34px;
   margin-top: 0px;
   margin-bottom: 45px;
   text-align: center;
   color: #292929;
}

.fwzi {
   height: auto;
   overflow: hidden;
   line-height: 40px;
   font-size: 16px;
   color: #292929;
}

.fwzi2 {
   height: auto;
   overflow: hidden;
   line-height: 40px;
   font-size: 16px;
   color: #292929;
   padding-left: 0px;
}


.pxkuai {
   height: auto;
   overflow: hidden;
   padding-top: 45px;
   padding-bottom: 60px;
   background-color: #f7f7f7;
}

.pxkuai h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 34px;
   margin-top: 0px;
   margin-bottom: 45px;
   text-align: center;
   color: #292929;
}


.fankui p {
   margin-top: 0px;
   margin-bottom: 25px;
}

.anniuw {
   width: 100%;
   height: 42px;
   background-color: #da251c;
   border: 1px solid #da251c;
   font-size: 16px;
   border-radius: 0;
}


/* 合作专区 */
.hezuo {
   margin-top: 20px;
   margin-bottom: 55px;
   height: auto;
   overflow: hidden;
}

.hezuo h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 18px;
   margin-top: 40px;
   margin-bottom: 18px;
   color: #da251c;
}

.hzkk {
   margin-top: 24px;
   height: auto;
   overflow: hidden;
   border: 1px solid #dedede;
}

/* 团队风采 */
.fengcai {
   margin-top: 40px;
   margin-bottom: 45px;
}

.fckk {
   margin-top: 34px;
   height: auto;
   overflow: hidden;
}

.fckk p {
   text-align: center;
   margin-top: 21px;
   color: #656565;
   font-size: 18px;
}

.fckk:hover p {
   color: #da251c;
   transition: all 300ms ease-in 0ms;
}

/* 新闻内 */
.inewsct {
   margin-top: 30px;
}

.inewsct .inews-tt {
   border-bottom: 1px rgba(0, 0, 0, .25) dashed;
   padding-bottom: 10px;
   text-align: center;
}

.inewsct .inews-tt p {
   font-size: 2.0rem;
   font-weight: bold;
   line-height: 26px;
   margin-bottom: 10px;
}

.inewsct .inews-tt span {
   color: rgba(0, 0, 0, .55);
}

strong {
   font-weight: 700;
}

.inewsct .inews-ct {
   padding: 20px 0px 0px;
   color: rgba(0, 0, 0, .7);
   line-height: 28px;
}


.cpyymore {
   width: 142px;
   height: 43px;
   margin-top: 20px;
}

.cpyymore a {
   display: block;
   width: 142px;
   height: 43px;
   line-height: 43px;
   color: #FFFFFF;
   background-color: #0d3781;
   font-size: 14px;
   text-align: center;
   border-radius: 20px;
}

/* 常见问题 */
.wenti {
   margin-top: 34px;
   margin-bottom: 66px;
   height: auto;
   overflow: hidden;
}

.wenti li {
   list-style-type: none;
   height: auto;
   overflow: hidden;
   padding-top: 24px;
   padding-bottom: 24px;
   border-bottom: 1px dashed #cdcdcd;
}

.wenti-aa {
   width: 9%;
   height: 86px;
   padding-top: 16px;
   background-color: #e7e7e7;
   text-align: center;
   float: left;
}

.wenti-aa h2 {
   font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
   font-size: 22px;
   color: #464646;
   margin-top: 0px;
   margin-bottom: 9px;
}

.wenti-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #7a7a7a;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 5px;
   background: url(../images/hua.png) top center;
   background-repeat: no-repeat;
}

.wenti-bb {
   width: 63%;
   float: left;
   margin-left: 1%;
   color: #7a7a7a;
   line-height: 30px;
   font-size: 16px;
   padding-top: 12px;
}

.wen {
   color: #292929;
   font-size: 18px;
}

.wenti-cc {
   width: 9%;
   float: right;
}

.khmorex {
   margin-top: 29px;
}

.khmorex a {
   display: block;
   width: 100%;
   height: 32px;
   line-height: 32px;
   background-color: #d7251c;
   color: #FFFFFF;
   text-align: center;
   border-radius: 5px;
}

.khmorex a:hover {
   background-color: #98140e;
}

/* 下载中心 */
.down {
   margin-top: 30px;
   margin-bottom: 45px;
   height: auto;
   overflow: hidden;
}

.down li {
   list-style-type: none;
   height: auto;
   overflow: hidden;
   border-bottom: 1px dashed #cdcdcd;
}

.down-aa {
   width: 80%;
   float: left;
   line-height: 60px;
}

.down-bb {
   width: 9%;
   float: right;
   margin-top: 15px;
}

.down-bb a {
   display: block;
   width: 100%;
   height: 32px;
   line-height: 32px;
   background-color: #d7251c;
   color: #FFFFFF;
   text-align: center;
   border-radius: 5px;
}

.modal-dialog {
   width: 660px;
   margin: 100px auto;
}

.tanchu {
   height: auto;
   overflow: hidden;
   color: #666666;
   border: 2px solid #0d3781;
}

.tanchu-lan {
   height: 55px;
   line-height: 55px;
   background-color: #0d3781;
   font-size: 18px;
   color: #FFFFFF;
   padding-left: 10px;
   margin-top: -36px;
}

.tanchu-nei {
   padding: 20px;
   height: auto;
   overflow: hidden;
}

/* 联系我们 */
.lxnn {
   height: auto;
   overflow: hidden;
   font-size: 16px;
   line-height: 38px;
   color: #3b3b3b;
}

.lxnn h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 18px;
   color: #565656;
   margin-top: 0px;
   margin-bottom: 30px;
   padding-bottom: 34px;
   background: url(../images/hua.png) left bottom;
   background-repeat: no-repeat;
}

.qybj {
   height: 212px;
   background: url(../images/qybj.jpg) top center;
   color: #FFFFFF;
   padding-top: 55px;
   text-align: center;
}

.qybj h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #FFFFFF;
   margin-top: 16px;
   margin-bottom: 0px;
   padding-bottom: 20px;
   background: url(../images/xiahh.jpg) bottom center;
   background-repeat: no-repeat;
}

.qybj2 {
   height: 300px;
   /* background:url(../images/qybj.jpg) top center; */
   color: #000;
   padding-top: 45px;
   text-align: center;
   margin: 20px 0;
}

.qybj2 h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 22px;
   color: #000;
   font-weight: 600;
   margin-top: 16px;
   margin-bottom: 0px;
   padding-bottom: 20px;
   background: url(../images/xiahh.jpg) bottom center;
   background-repeat: no-repeat;
}

.qybj2 p {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   color: #000;
}

.qytu {
   width: 66px;
   height: 66px;
   margin: 0 auto;
}

.qytu2 {
   width: 120px;
   height: 120px;
   margin: 0 auto;
}

.xie {
   background: url(../images/xie2.png) right;
   background-repeat: no-repeat;
}
/* 相关产品 */
.chanp {
   width: 100%;
}
.chanp .cpinfo{
   position: relative;
   width: 45%;
   float: left;
}
.chanp .cpinfo .img {
   margin: 0 30px;
}
.chanp .cpinfo .img img{
   width: 100%;
}
.chanp .cpinfo a:hover .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 500ms ease-in 0ms;
    transition: all 0.3s;
   }
.chanp .cpinfo .tbox {
   width: 100%;
   position: absolute;
   bottom: -30px;
   text-align: center;
}
.chanp .cptedian{
   width: 55%;
   float: left;
}
.chanp .cptedian ul{
   margin: 80px auto;
   padding: 0;
}
.chanp .cptedian .ted{
   width: 50%;
   float: left;
   font-size: 20px;
   margin: 20px 0;
}
.chanp .cptedian .ted img{
   width: 60px;
}
@media (max-width:1250px) {
   .chanp .cpinfo,.chanp .cptedian{
      position: relative;
      width: 100%;
   }
   .chanp .cpinfo .img {
      margin: 0;
  }
  .chanp .cpinfo .tbox {
   bottom: -50px;
   }
.chanp .cpinfo .tbox h3{
   font-size: 20px;
   }
   .chanp .cptedian ul {
      margin: 30px auto;
  }
  .chanp .cptedian .ted {
   width: 100%;
   margin: 0;
}
.chanp .cptedian .ted img {
   width: 35px;
}
.chanp .cptedian .ted span {
   font-size: 16px;
   line-height: 20px;
} 
}
@media (max-width:768px) {
   .chanp .cpinfo,.chanp .cptedian{
      position: relative;
      width: 100%;
   }
   .chanp .cpinfo .img {
      margin: 0;
  }
  .chanp .cpinfo .tbox {
   bottom: -50px;
   }
.chanp .cpinfo .tbox h3{
   font-size: 20px;
   }
   .chanp .cptedian ul {
      margin: 30px auto;
  }
  .chanp .cptedian .ted {
   width: 100%;
   margin: 0;
}
.chanp .cptedian .ted img {
   width: 35px;
}
.chanp .cptedian .ted span {
   font-size: 16px;
   line-height: 20px;
} 
}
.cpkk {
   height: auto;
   overflow: hidden;
   margin-top: 73px;
   margin-bottom: 70px;
   line-height: 30px;
   font-size: 16px;
   color: #545466;
}
.cpkk .abxx .abyy p {
   text-indent: 32px;
 }
.cpkk-tu {
   margin-top: 50px;
}

.cpkk h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 54px;
   margin-top: 0px;
   margin-bottom: 12px;
   color: #242433;
}

.cpkk h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 38px;
   margin-top: 0px;
   margin-bottom: 40px;
   color: #545466;
}

.fuwuk {
   height: auto;
   overflow: hidden;
   background-color: #f5f5f5;
   color: #3b3c42;
   font-size: 16px;
   line-height: 29px;
}

.fuwuk h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 20px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 18px;
}

.fuwuk-aa {
   width: 50%;
   height: auto;
   overflow: hidden;
   float: left;
   padding-top: 75px;
   padding-left: 10%;
   padding-right: 10%;
}

.fuwuk-bb {
   width: 50%;
   float: right;
}

.fuwuk-cc {
   width: 50%;
   float: left;
}

.fuwuk-dd {
   width: 50%;
   height: auto;
   overflow: hidden;
   float: right;
   padding-top: 75px;
   padding-left: 10%;
   padding-right: 10%;
}

.fuwuk img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.fuwuk:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.fuwuk section {
   overflow: hidden;
}

.wenhua {
   background: url(../images/whbj.jpg) top center;
   height: 680px;
   padding-top: 125px;
   color: #FFFFFF;
   line-height: 35px;
   font-size: 16px;
}

.wenhua h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 54px;
   margin-top: 0px;
   margin-bottom: 12px;
   color: #FFFFFF;
}

.wenhua h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 38px;
   margin-top: 0px;
   margin-bottom: 58px;
   color: #FFFFFF;
}

@media (max-width:768px) {
   .cpkk {margin: 30px 0;}
   .cpkk h2,.cpkk h3 {      
      font-size: 20px;
      text-align: center;

   }
   .cpkk h3 {      
     margin-bottom: 20px;

   }
   .fuwuk .fuwuk-aa h2,.fuwuk .fuwuk-dd h2,.fuwuk .fuwuk-aa h2 {
text-align: center;
   }
}
/* 客户服务新 */

.kehu {
   /* margin-top:80px; */
   margin-bottom: 45px;
}

.tjhh {
   height: auto;
   overflow: hidden;
   margin-bottom: 120px;
   padding: 15px;
}


.tjzi {
   height: auto;
   overflow: hidden;
   padding-left: 68px;
   padding-right: 50px;
   padding-bottom: 45px;
   font-size: 16px;
   line-height: 28px;
   color: #9898a0;
}

.tjzi h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 27px;
   color: #000000;
   margin-top: 30px;
   margin-bottom: 18px;
   padding-bottom: 54px;
   border-bottom: 1px solid #e1e6ea;
}

.tjzi h3 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 17px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 30px;
}

.tjmore {
   margin-top: 50px;
   color: #e71c39;
   font-size: 16px;
}

.tjhh:hover .tjzi {
   transition: all 300ms ease-in 0ms;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

.tjhh:hover h2 {
   transition: all 300ms ease-in 0ms;
   border-bottom: 1px solid #e71c39;
}

.tjhh img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.tjhh:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.tjhh section {
   overflow: hidden;
}

/* 技术实力新 */
.jskuan {
   width: 1200px;
   height: auto;
   overflow: hidden;
   margin: 70px auto 88px;
}

.jstit {
   height: 410px;
   border-bottom: 5px solid #b7babc;
   margin-top: 30px;
}

.jstit h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size: 44px;
   color: #000000;
   margin-top: 0px;
   margin-bottom: 10px;
}

.jstit h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 38px;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #545466;
}

.jskuai {
   height: 410px;
   padding: 16px;
   padding-top: 55px;
   border-bottom: 5px solid #b7babc;
   line-height: 27px;
   color: #414147;
   margin-top: 30px;
}

.jskuai-tu1 {
   width: 66px;
   height: 66px;
   background: url(../images/jst1.png) left;
   background-repeat: no-repeat;
}

.jskuai-tu2 {
   width: 66px;
   height: 66px;
   background: url(../images/jst2.png) left;
   background-repeat: no-repeat;
}

.jskuai-tu3 {
   width: 66px;
   height: 66px;
   background: url(../images/jst3.png) left;
   background-repeat: no-repeat;
}

.jskuai-tu4 {
   width: 66px;
   height: 66px;
   background: url(../images/jst4.png) left;
   background-repeat: no-repeat;
}

.jskuai-tu5 {
   width: 66px;
   height: 66px;
   background: url(../images/jst5.png) left;
   background-repeat: no-repeat;
}

.jskuai h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 20px;
   margin-top: 30px;
   margin-bottom: 20px;
}

.jskuai:hover {
   border-bottom: 5px solid #da251c;
   background: url(../images/jsw1.jpg) top left;
   background-repeat: no-repeat;
   color: #FFFFFF;
   transition: all 500ms ease-in 0ms;
}

.jskuai:hover .jskuai-tu1 {
   background: url(../images/jst1.png) right;
   background-repeat: no-repeat;
   transition: all 500ms ease-in 0ms;
}

.jskuai:hover .jskuai-tu2 {
   background: url(../images/jst2.png) right;
   background-repeat: no-repeat;
   transition: all 500ms ease-in 0ms;
}

.jskuai:hover .jskuai-tu3 {
   background: url(../images/jst3.png) right;
   background-repeat: no-repeat;
   transition: all 500ms ease-in 0ms;
}

.jskuai:hover .jskuai-tu4 {
   background: url(../images/jst4.png) right;
   background-repeat: no-repeat;
   transition: all 500ms ease-in 0ms;
}

.jskuai:hover .jskuai-tu5 {
   background: url(../images/jst5.png) right;
   background-repeat: no-repeat;
   transition: all 500ms ease-in 0ms;
}

.cptu {
   margin-top: 45px;
   height: auto;
   overflow: hidden;
   color: #525252;
   line-height: 25px;
   padding-bottom: 18px;
   border-bottom: 1px solid #dddddd;
}

.cptu h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 16px;
   margin-top: 20px;
   margin-bottom: 10px;
   color: #515151;
}

.cpmorek {
   margin-top: 12px;
}

.cpmorek a {
   display: block;
   width: 75px;
   height: 21px;
   line-height: 21px;
   text-align: center;
   background-color: #da251c;
   color: #FFFFFF;
}

.cptu img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.cptu:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.cptu section {
   overflow: hidden;
}

.hongset {
   color: #da251c;
}

.kkf {
   height: 42px;
   border: 1px solid #e5e5e5;
   color: #555555;
   border-radius: 0;
}

.kkg {
   border: 1px solid #e5e5e5;
   color: #555555;
   border-radius: 0;
}

.lxtt .form-control:-moz-placeholder {
   color: rgba(255, 255, 255, 0.6);
}

.lxtt .form-control::-moz-placeholder {
   color: rgba(255, 255, 255, 0.6);
   opacity: 1;
}

.lxtt .form-control:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
}

.lxtt .form-control::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
}

.breadbox .cont {
   display: flex;
   align-items: center;
   padding: 3rem 0;
}

.breadbox .cont a,
.breadbox .cont span {
   font-size: 16px;
   line-height: 26px;
   /* color: #999999; */
   zoom: 1;
}

.breadbox .cont a img,
.breadbox .cont span img {
   float: left;
   width: 18px;
}

.breadbox .cont span {
   width: 6px;
   margin: 0 18px;
   display: block;
}

.breadbox .cont a,
.breadbox .cont span {
   font-size: 16px;
   line-height: 26px;
   /* color: #999999; */
   zoom: 1;
}

.breadbox .cont a:last-child {
   color: #333333;
}

/* 产品中心新 */
.cpkky {
   height: auto;
   overflow: hidden;
   /* background-color:#f7f7f7; */
   background-color: #fff;
   /* padding-top:50px; */
   padding-bottom: 50px;
}

/* .cpkky h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:30px;
   text-align:center;
   margin-top:0px;
   margin-bottom:40px;
   padding-bottom:14px;
   color:#333333;
   background:url(../images/xiahh2.jpg) bottom center; background-repeat:no-repeat;
   } */

.cpkuan {
   /* width: 83.333333%; */
   max-width: 1600px;
   height: auto;
   overflow: hidden;
   margin: 0 auto;
}
/* 新的产品列表 */



.sol2-box1{
   margin: 50px 0;
 }
.pd30 {padding:0 50px;}
.sol2-box1 .jie .title {margin-bottom: 40px;}
.sol2-box1 .jie p {font-size: 18px;line-height: 30px;text-indent: 36px;text-align: justify;}
.sol2-box1 .tu,.ratio-img, .ratio-img {overflow: hidden;}
.sol2-box1 .tu:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}
.sol2-box1 img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.sol2-box2 .list .item:hover .icon img{
 -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}
.ratio-img:hover img {
 -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;

}
.sol2-box1 .title::before ,.sol2-box2 .title::before {
   content: "";
   width: 10px;
   height: 38px;
   background-image: -moz-linear-gradient( 177deg, rgb(13,55,129) 0%, rgb(13,55,129) 47%, rgb(13,55,129) 99%);
   background-image: -webkit-linear-gradient( 177deg, rgb(13,55,129) 0%, rgb(13,55,129) 47%, rgb(13,55,129) 99%);
   background-image: -ms-linear-gradient( 177deg, rgb(13,55,129) 0%, rgb(13,55,129) 47%, rgb(13,55,129) 99%);
   opacity: 0.72;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}
.sol2-box1 .title {
   text-align: center;
   font-size: 38px;
   line-height: 1;
   color: #000;
   display: inline-block;
   position: relative;
   padding-left: 30px;
}
.sol2-box1 .txt {
   width: 100%;
   max-width: 1300px;
   margin: 6rem auto 7rem;
   text-align: left;
   line-height: 30px;
   font-family: 'PingFang SC';
   font-size: 18px;
   text-indent: 36px;
}

.sol2-box2 .title {
   text-align: center;
   font-size: 38px;
   line-height: 1;
   color: #000;
   display: inline-block;
   position: relative;
   padding-left: 30px;
}
.sol2-box2 .list {
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   margin-top: 50px;
}
.sol2-box2 .list .item {
   border: 1px solid #ddd;
   padding: 60px 0 ;
   margin-right: -1px;
}
.wdth25 .list .item {
   width: 25%;
}
.wdth33 .list .item {
   width: 33.33%;
}
.sol2-box2 .list .item .icon {
   width: 110px;
   height: 110px;
   margin: auto;
}
.sol2-box2 .list .item .icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.sol2-box2 .list .item .t1 {
   width: 100%;
   color: #333;
   line-height: 48px;
   text-align: center;
   margin-top: 50px;
}
.tac{text-align: center;}
.font24 {
   font-size: 24px;
}
.sol2-box2 .list .item .t2 {
   margin-top: 0.11rem;
   text-align: center;
   color: #666;
   line-height: 26px;
   font-size: 18px;
}


   

.product_02 h2 {
   text-align: center;
}
.l_b2bx1list {
   margin-top: 8rem;
   display: flex;
   flex-wrap: nowrap;
}
.l_b2bx1li:nth-child(4n+1) {
   animation: ysfadeInUp 1s ease both;
   animation-delay: 0.8s;
}
.l_b2bx1li:nth-child(4n+2) {
   animation: ysfadeInUp 1s ease both;
   animation-delay: 0.9s;
}
.l_b2bx1li:nth-child(4n+3) {
   animation: ysfadeInUp 1s ease both;
   animation-delay: 1s;
}
.l_b2bx1li:nth-child(4n+4) {
   animation: ysfadeInUp 1s ease both;
   animation-delay: 1.1s;
}
.l_b2bx1li {
   padding: 0 12px;
   float: left;
}
.wdth33 .l_b2bx1li {
   width: 33%;

} 
.wdth25 .l_b2bx1li {
   width: 25%;

} 
.l_b2bx1lis {
   width: 100%;
   padding: 100px 46px 32px;
   border: 1px solid rgb(235, 235, 235);
   box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8);
   position: relative;
   text-align: center;
   transition: all .36s;
}
.l_b2bx1ic {
   border-radius: 50%;
   background-color: rgb(255, 255, 255);
   box-shadow: 0.454px 12.992px 55.76px 12.24px rgb(218 224 231 / 39%);
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -52px;
   width: 130px;
   height: 130px;
   transition: all .36s;
}
.l_b2bx1ic img {
   width: 52px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
.l_b2bx1litit h3 {
   color: #333;
   transition: all .36s;
   height: 42px;
   overflow: hidden;
}
.l_title1 h3 {
   font-size: 24px;
   line-height: 1.75;
   color: #666;
}
.l_b2bx1lip {
   margin-top: 20px;
}
.l_b2bx1lip p {
   font-size: 14px;
   transition: all .36s;
   height: 122.5px;
   overflow: hidden;
}
.l_parag2 p {
   font-size: 16px;
   line-height: 1.75;
   color: #666;
}
/* tuijiancp */
.l_b2box3 {
   height: auto !important;
   padding-bottom: 0 !important;
}
.l_b2box3 {
   position: relative;
   height: 760px;
}
.l_b2bx3nr {
   padding: 55px 0;
}
.l_b2bx3nr {
   position: relative;
   z-index: 1;
   padding-top: 40px;
}
.ys_cont1400 {
   width: 1400px;
   margin: 0 auto;
   max-width: 100%;
}
.l_b2bx3lb .slick-prev, .l_b2bx7list .slick-prev {
   background: url(../images/l_com_arrow2.svg) center / cover no-repeat;
   z-index: 10;
   transform: rotate(-180deg);
   top: calc(40%);
   left: -70px;
}
.l_b2bx3lb .slick-prev, .l_b2bx3lb .slick-next, .l_b2bx7list .slick-prev, .l_b2bx7list .slick-next {
   width: 15px;
   height: 24px;
}
.l_b2bx3lb .slick-prev::after, .l_b2bx3lb .slick-next::after, .l_b2bx7list .slick-prev::after, .l_b2bx7list .slick-next::after {
   content: "";
   width: 100%;
   height: 100%;
   background: url(../images/com_arrow1.svg) center / cover no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   transition: all .36s;
   opacity: 0;
}
/*slick 修整*/
.slick-track .slick-slide {
   display: block !important;
}
.l_b2bx3le {
   width: 46.75%;
}
.fl {
   float: left;
}
.l_b2bx3le img {
   width: 100%;
}

.l_b2bx3ri {
   width: calc(100% - 47%);
   padding-left: 128px;
   margin-top: 40px;
   -webkit-user-select: text ;
   -khtml-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
   font-size: 18px;
   line-height: 36px;
}
.fr {
   float: right;
}

.l_b2bx1tit h2 {
   font-size: 40px;
   font-weight: bold;
}
.l_title1 h2 {
   font-size: 32px;
   line-height: 1.75;
   color: #333;
}
.l_b2bx3info {
   margin: 105px 0 128px;
}
.l_b2bx3inp {
   width: 50%;
   padding: 0 20px;
   margin-bottom: 25px;
}
.l_b2bx3inp1 p {
   color: #666;
}
.l_parag1 p {
   font-size: 16px;
   line-height: 1.75;
   color: #333;
}
.l_b2bx3lb .slick-next, .l_b2bx7list .slick-next {
   background: url(../images/l_com_arrow2.svg) center / cover no-repeat;
   z-index: 10;
   right: -70px;
   top: calc(44%);
}
.l_b2bx3lb .slick-prev, .l_b2bx3lb .slick-next, .l_b2bx7list .slick-prev, .l_b2bx7list .slick-next {
   width: 30px;
   height: 48px;
}
.l_b2bx3lb .slick-prev:hover::after, .l_b2bx3lb .slick-next:hover::after, .l_b2bx7list .slick-prev:hover::after, .l_b2bx7list .slick-next:hover::after {
   opacity: 1;
}
.l_b2bx3lb .slick-prev::after, .l_b2bx3lb .slick-next::after, .l_b2bx7list .slick-prev::after, .l_b2bx7list .slick-next::after {
   content: "";
   width: 100%;
   height: 100%;
   background: url(../images/com_arrow1.svg) center / cover no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   transition: all .36s;
   opacity: 0;
}
.slick-dots li.slick-active {
   background-color: #00388c !important;
}
.l_b2bx3lb .slick-dots {
   bottom: -40px;
}
.l_b2bx3lb .slick-dots li {
   width: 10px;
   height: 10px;
   background: #959595;
   margin: 0 10px;
}
.slick-dots li button {
   display: none;
}
.bmt100{   
   background: #c2c2c2;
    margin:100px auto  60px;

}
@media screen and (min-width: 1200px){
.l_b2bx1lis:hover .l_title1 h3,.l_b2bx1lis:hover .l_parag2 p {
   color: #fff;

   
}
.l_b2bx1lis:hover::after {
    opacity: 1;
}
.l_b2bx1lis::after {
    content: "";
    width: 100%;
    height: 100%;
    /* background: url(../images/b2bg.png) center / cover no-repeat; */
    background-color:#00388c;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
    z-index: -1;
    opacity: 0;
}
}
@media screen and (max-width: 1199px){
.l_b2bx1lis {
    padding: 60px 20px 24px;
}
}
@media (max-width: 768px){

.sol2-box1 {
   margin: 10px 0;
}
.sol2-box1 .jie .title {
   margin-bottom :20px
}   

.sol2-box1 .title,.sol2-box2 .title {
   font-size: 24px;

} 
.sol2-box1 .jie p {
   font-size: 16px;
}  
.sol2-box1 .txt {
    max-width: 800px;
    line-height: 24px;
    font-size: 16px;
    text-align: left;
    text-align: justify;
    text-indent: 32px;
    
}
.sol2-box1 .txt {
   margin: 2rem auto 0;
}
.sol2-box2 .list .item {
   width: 100%;
   margin-right: 0;
   margin-top: -1px;
   padding: 35px 0
}
.sol2-box2 .list .item .icon {
   width: 50px;
   height: 50px;

}
.sol2-box2 .list .item .t1 {
   line-height: 30px;
   margin-top: 18px;
   font-size: 16px;
   padding: 0 18px;
}
.font24 {
   font-size: 20px;
}
.sol2-box2 .list .item .t2 {
   font-size: 16px;
}
.l_b2bx1li {
   width: 50%;
   margin-bottom: 75px;
}
.l_b2bx1litit h3 {
   height: 63px;
}
.l_title1 h3 {
   font-size: 18px;
}


.l_b2bx3le {
   width: 45%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
.l_b2bx3le {
   width: 100%;
}

.l_b2bx3ri {
   padding-left: 0;
   width: 100%;
   margin-top: 0px;
}
.l_b2bx3info {
   margin: 0;
   font-size: 16px;
   padding: 10px;
   text-indent: 32px;
}
.l_title1 h2 {
   font-size: 24px;
}
.l_b2bx3lb .slick-dots {
   bottom: -40px;
}
.l_b2bx3nr {
   padding-bottom: 0;
}
.bmt100{ 
   background: #c2c2c2;
    margin:30px auto  10px;

}
}

@media screen and (max-width: 480px) {
.l_b2bx1li {
    width: 100%;
    margin-bottom: 52px;
}
.l_b2bx1ic {
   top: -38px;
   width: 70px;
   height: 70px;
}
.l_b2bx1litit h3 {
   height: auto;
}
.l_title1 h3 {
   font-size: 16px;
   line-height: 1.5;
}
.l_b2bx1lip {
   margin-top: 10px;
}
.l_b2bx1lip p {
   height: auto;
}
.l_parag2 p {
   font-size: 14px;
   line-height: 1.5;
}
}










.cpkky-lan {
   height: auto;
   overflow: hidden;
   margin-bottom: 40px;
}

.cpkky-lan li {
   list-style-type: none;
   float: left;
   width: 15.666666666666664%;
   margin-left: 0.5%;
   margin-right: 0.5%;
   margin-bottom: 10px;
}

.cpkky-lan li a {
   display: block;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   border: 1px solid #333333;
   color: #333333;
}

.cpkky-lan li a:hover {
   border: 1px solid #ce061f;
   background-color: #ce061f;
   color: #ffffff;
}

.cpkky-lan li.hover a {
   border: 1px solid #ce061f;
   background-color: #ce061f;
   color: #ffffff;
}

.h_pcchan {
   width: 100%;
   position: relative;
   padding: 10px;
   background-color: #fff;
   box-shadow: 0 0 7px 0 #ccc;
   margin-bottom: 4px;
}

.procek {
   padding: 0px 60px;
   position: relative;
}

.h_pcchan .col-md-7 h3 {
   color: #333;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   letter-spacing: 1px;
   line-height: 2;
   font-size: 20px;
   font-weight: bold;
   margin-top: 150px;
   margin-bottom: 0px;
}

.h_pcchan .col-md-7 h5 {
   color: #333;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   letter-spacing: 0.5px;
   font-size: 14px;
   line-height: 1.7;
   margin-top: 10px;
   margin-bottom: 10px;
}

.h_pcchan-more {
   width: 101px;
   height: 32px;
   margin-top: 107px;
}

.h_pcchan-more a {
   display: block;
   width: 101px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   color: #ff0000;
   border: 1px solid #ff0000;
}

.h_pcchan-more a:hover {
   color: #ffffff;
   background-color: #ff0000;
   border: 1px solid #ff0000;
}


.procek .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 28px;
   height: 55px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/leftx.png);
   background-size: 28px 55px;
   background-position: center;
   background-repeat: no-repeat;
}

.procek .swiper-button-next {
   position: absolute;
   top: 50%;
   width: 28px;
   height: 55px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background: url(../images/rightx.png);
   background-size: 28px 55px;
   background-position: center;
   background-repeat: no-repeat;
}


.procek .swiper-pagination-bullet {
   width: 28px;
   height: 6px;
   display: inline-block;
   border-radius: 0;
   background: #FFFFFF;
   border: 1px solid #ff0000;
   opacity: 1;
}

.procek .swiper-pagination-bullet-active {
   opacity: 1;
   background: #ff0000;
}

.procek .swiper-container {
   padding-bottom: 50px;
}

.cprow {
   margin-left: -30px;
   margin-right: -30px;
   height: auto;
   overflow: hidden;
}

.cpcol4 {
   width: 25%;
   float: left;
   padding-left: 30px;
   padding-right: 30px;
   transition: all ease-out 0.3s;
}

.cpcol4:hover {
   transform: translateY(-10px);
}

.cpcol3 {
   width: 33.333%;
   float: left;
   padding-left: 30px;
   padding-right: 30px;
   transition: all ease-out 0.3s;
}

.cpcol3:hover {
   transform: translateY(-10px);
}

.wd50 {
   width: 50%;
}

.cpww {
   margin-top: 55px;
}

.cptuk {
   height: auto;
   overflow: hidden;
   margin-bottom: 66px;
}

.cptuk-zi {
   /* margin-top:18px; */
   height: auto;
   overflow: hidden;
   color: #666666;
   padding: 4rem;
   background: #e9e9e9;
}

.cptuk-zi h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 2.2rem;
   margin-top: 0px;
   margin-bottom: 12px;
   color: #000000;
   height: 4.8rem;
}

.cptuk-zi-aa {
   width: 65%;
   height: 43px;
   overflow: hidden;
   float: left;
   font-size: 16px;
}

.cptuk-zi-bb {
   width: 30%;
   height: 32px;
   line-height: 32px;
   text-align: center;
   color: #0d3781;
   border: 1px solid #0d3781;
   float: right;
}

.cptuk:hover .cptuk-zi-bb {
   color: #ffffff;
   background-color: #0d3781;
   border: 1px solid #0d3781;
   transition: all 300ms ease-in 0ms;
}

.cptuk img {
   width: 100%;
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}

.cptuk:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}

.cptuk section {
   overflow: hidden;
}

/* 产品详情新 */
.kong {
   padding: 10px;
}

.cpkuan-aa {
   width: 20%;
   float: left;
   box-shadow: 0 0 7px 0 #ddd;
   background-color: #FFFFFF;
   padding-bottom: 50px;
}

.cplie-lan {
   height: auto;
   overflow: hidden;
   line-height: 66px;
   text-align: center;
   font-size: 16px;
   border-bottom: 1px solid #eeeeee;
}

.cplie-hh {
   height: auto;
   overflow: hidden;
}

.cplie-hh li {
   list-style-type: none;
   padding-left: 12px;
   padding-right: 12px;
   height: 42px;
}

.cplie-hh li:hover {
   background-color: #ff0000;
   transition: all 500ms ease-in 0ms;
}

.cplie-hh li a {
   display: block;
   height: 42px;
   line-height: 42px;
   color: #333333;
   border-bottom: 1px solid #eeeeee;
}

.cplie-hh li a:hover {
   color: #FFFFFF;
}

.cpkuan-bb {
   /* float:right; */
   /* box-shadow: 0 0 7px 0 #ddd; */
   padding: 30px;
   background-color: #FFFFFF;
}

.pro-img {
   margin-bottom: 40px;
}

.pro-img .xiaotu {}

.pro-img #Gbig {
   width: 100%;
   max-height: 470px;
}

.pro-img .xiaotu li {
   float: left;
   width: 91px;
   margin: 0px 10px 0 0;
   display: block;
   height: auto;
   overflow: hidden;
   overflow: hidden;
   padding: 1px;
}

.pro-img .xiaotu li a {
   display: block;
   border: 1px #ddd solid;
}

.pro-img .xiaotu li.hover {
   border: 1px #0e66a6 solid;
}

.pro-img .colmd5 {
   width: 48%;
   float: left;
}

/* .pro-img .colmd7{
	width:48%;
	float:right;
} */
.pro-img .pro-ptt {
   font-size: 24px;
   font-weight: bold;
   padding: 0px 0px 15px;
   border-bottom: 1px #734702 solid;
   font-weight: bold;
   text-align: center;
   margin-bottom: 19px;
}

.pro-img .cont {
   font-size: 18px;
   line-height: 36px;
}

@media (max-width:768px) {
   .pro-img .cont img{
      width: 100%;
   }
   
}
.pro-img .colmd7>span {
   margin: 20px 0 0 0;
   padding: 0;
   display: block;
   color: rgba(62, 70, 77, .8);
   font-size: 12px;
   line-height: 22px;
   width: 100%;
   word-wrap: break-word;
}

.pro-img .colmd7>span ul {
   list-style-type: disc;
   margin-left: 20px;
}

.jqzzoom {
   position: relative;
}

.jqzoom {
   position: relative;
   overflow: hidden;
   border: 0px #ddd solid;
   height: auto;
   overflow: hidden;
}

.zoomdiv {
   float: left;
   top: 0 !important;
   left: 101% !important;
   border: 3px solid #e4e4e4;
   display: none;
   text-align: center;
   overflow: hidden;
   position: absolute;
   z-index: 999;
   background-color: #fff;
}

.bigimg {
   width: 800px;
   height: 800px;
}

.jqZoomPup {
   z-index: 10;
   visibility: hidden;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 80px !important;
   height: 80px !important;
   border: 1px solid #aaa;
   background: #FEDE4F 50% top no-repeat;
   opacity: 0.5;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   filter: alpha(Opacity=50);
   cursor: move;
}




.jqzzoom .navigation {
   width: 100%;
   margin: 10px 0 0;
}

.jqzzoom .carousel {
   overflow: hidden;
}

.jqzzoom .carousel ul {
   width: 2000em;
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 10px;
}

.jqzzoom .prev-navigation,
.next-navigation {
   display: block;
   cursor: pointer;
}

.jqzzoom .prev-navigation {
   background: url(../images/left.gif) left center no-repeat;
   height: 91px;
   width: 39px;
   float: left;
}

.jqzzoom .next-navigation {
   background: url(../images/right.gif) right center no-repeat;
   width: 39px;
   height: 91px;
   float: right;
}


.cpjs {
   height: auto;
   overflow: hidden;
}

.cpjs-lan {
   height: auto;
   overflow: hidden;
   border: 1px solid #ff0000;
}

.cpjs-lan li {
   list-style-type: none;
   width: 25%;
   height: 36px;
   float: left;
}

.cpjs-nei {
   margin-top: 30px;
   height: auto;
   overflow: hidden;
}


#slidingBlock {
   height: auto;
   overflow: hidden;
}

#slidingBlock span {
   float: left;
   width: 100%;
   height: 36px;
   line-height: 36px;
   font-weight: bold;
   text-align: center;
   font-size: 16px;
   over-flow: hidden;
}

#slidingBlock span.menuNo {
   font-weight: normal;
   height: 36px;
   line-height: 36px;
   color: #333333;
   border-bottom: 1px solid #FFFFFF;
   text-align: center;
}

#slidingBlock span.menuOn {
   font-weight: normal;
   height: 36px;
   line-height: 36px;
   color: #ff0000;
   text-align: center;
   border-bottom: 1px solid #ff0000;
}

#slidingBlock span.menuOn a {
   color: #ff0000;
}

#slidingBlock DIV.slidingList_none {
   display: none
}

#slidingBlock DIV.slidingList {
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: auto;
   overflow: hidden;
}

#slidingBlock DIV.slidingList img {
   border: 0px none;
   height: auto;
   max-width: 100%;
   vertical-align: middle;
}

.cplw {
   width: 800px;
   height: auto;
   overflow: hidden;
   margin: 0px auto 30px;
}

.cplw li {
   list-style-type: none;
   width: 25%;
   float: left;
}

.cplw li a {
   display: block;
   height: 30px;
   line-height: 30px;

}

.cplw li a:hover {
   color: #e50012;
}

.qhnei {
   height: 285px;
   padding: 10px;
   overflow-y: scroll;
}

.procem {
   padding: 0px 36px;
   position: relative;
}

#fuwus {
   position: static;
}



.procem .swiper-pagination-bullet-active {
   opacity: 1;
   background: #cf152d;
}

.procem .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 30px;
   height: 30px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   left: 3px;

   background-size: 30px 30px;
   background-position: center;
   background-repeat: no-repeat;
}

.procem .swiper-button-next {
   position: absolute;
   top: 50%;
   width: 30px;
   height: 30px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   right: 3px;

   background-size: 30px 30px;
   background-position: center;
   background-repeat: no-repeat;
}

/* 右浮 */

.youbu {
   position: fixed;
   right: 0;
   top: 70%;
   z-index: 999;
   width: 66px;
}

.youbu>div {
   position: relative;
   width: 66px;
   height: 66px;
   line-height: 66px;
   cursor: pointer;
   margin-bottom: 2px;
   background: #5a5a5a;
}

.youbu .totop {
   font-size: 1.6rem;
   color: #ffffff;
   background: #5a5a5a;
   text-align: center;
}

.youbu .totop span {
   background: url(../images/zding.png) center no-repeat;
   height: 66px;
   width: 66px;
   display: block;
   float: left;
}

.youbu .txqq {
   width: 250px;
   height: 66px;
   transition: .5s;
}

.youbu .txqq span {
   background: url(../images/qq.png) center no-repeat;
   height: 66px;
   width: 66px;
   display: block;
   float: left;
}

.youbu .txqq small {
   font-size: 1.6rem;
   color: #fff;
   float: left;
   display: block;
}

.youbu .txqq:hover {
   transition: .5s;
   margin-left: -185px;
}

.youbu .rxdh {
   width: 250px;
   height: 66px;
   transition: .5s;
}

.youbu .rxdh span {
   background: url(../images/dhx.png) center no-repeat;
   height: 66px;
   width: 66px;
   display: block;
   float: left;
}

.youbu .rxdh small {
   font-size: 1.6rem;
   color: #fff;
   float: left;
   display: block;
}

.youbu .rxdh:hover {
   transition: .5s;
   margin-left: -185px;
}

.youbu .email {
   width: 250px;
   height: 66px;
   transition: .5s;
}

.youbu .email span {
   background: url(../images/em.png) center no-repeat;
   height: 66px;
   width: 66px;
   display: block;
   float: left;
}

.youbu .email small {
   font-size: 1.6rem;
   color: #fff;
   float: left;
   display: block;
}

.youbu .email:hover {
   transition: .5s;
   margin-left: -185px;
}

.youbu .txwx {
   width: 66px;
   height: 66px;
   position: relative;
}

.youbu .txwx span {
   background: url(../images/wx.png) center no-repeat;
   height: 66px;
   width: 66px;
   display: block;
}

.youbu .txwx small {
   font-size: 1.6rem;
   color: #fff;
   position: absolute;
   display: block;
   width: 150px;
   display: none;
   bottom: 0;
}

.youbu .txwx small img {
   width: 100%;
}

.youbu .txwx:hover small {
   margin-left: -150px;
   display: block;
}

#xiaotu .swiper-slide a.hover {
   border: 1px #009def solid;
}


@media (min-width: 1600px) and (max-width: 1800px) {
   .nav {
      /* padding-left: 200px; */
   }
}


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

   .nav {
      /* padding-left: 150px; */
   }

   .navbar-nav>li>a {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 97px;
   }

   /* .kuanping {
      width: 100%;
   } */

   .spgun {
      width: 100%;
   }

   .news {
      width: 100%;
   }

}

@media (min-width: 1250px) and (max-width: 1400px) {
   .nav {
      padding-left: 100px;
   }

   .navbar-nav>li>a {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 12px;
      padding-right: 12px;
      line-height: 97px;
   }

   .yinwen {
      position: absolute;
      left: 0px;
      bottom: -20px;
      text-align: center;
      color: #aaaaaa;
      font-size: 12px;
   }

   /* .kuanping {
      width: 100%;
   } */

   .cpzi2 {
      position: absolute;
      width: 40%;
      height: auto;
      overflow: hidden;
      padding-top: 50px;
      color: #666666;
      line-height: 23px;
      left: 0px;
      top: 0px;
      z-index: 9;
   }

   .cpzi3 {
      position: absolute;
      width: 50%;
      height: auto;
      overflow: hidden;
      padding-top: 30px;
      color: #666666;
      line-height: 23px;
      left: 0px;
      top: 0px;
      z-index: 9;
   }

   .cpzi3 h4 {
      font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
      font-size: 20px;
      margin-top: 0px;
      margin-bottom: 15px;
      text-align: center;
      color: #e60012;
   }

   .cpzi3 h5 {
      font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align: center;
      color: #666666;
   }

   .spgun {
      width: 100%;
   }

   .news {
      width: 100%;
   }
}


@media (min-width: 768px) and (max-width: 1249px) {
   .nav {
      padding-left: 0;
   }
   .navbar-inverse .navbar-nav>li {
      padding-right: 0;
   }
   .navbar-nav>li>a {
      padding-left: 5px;
      padding-right: 5px;
   }
}
@media (min-width: 0px) and (max-width: 768px) {

   .navbar-nav>li>a {
      padding: 10px 20px;
      line-height: 20px;
   }

   .nav {
      padding-left: 0px;
   }


   .kuanping {
      width: 100%;
      /* margin-top: 20px; */
      /* margin-bottom: 10px; */
   }

   .about {
      margin-top: 20px;
   }

   .about h2 {
      font-size: 18px;
      text-align: center;
   }

   .about h3 {
      font-size: 20px;
      text-align: center;
      margin-bottom: 20px;
   }
   .abxx .abyy p{
      text-indent: 32px;
   }

   .jut {
      margin: 20px 0;
      text-align: center;
   }

   .yd {
      display: block;
   }

   .yc {
      display: none;
   }

   .cpkuai-aa {
      width: 100%;
   }

   .cpkuai-bb {
      width: 100%;
   }

   .cpkuai-w-aa {
      width: 100%;
   }

   .cpzi {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 10px;
   }

   .cpzi2 {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 10px;
   }

   .cpzi3 {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 10px;
   }

   .spgun {
      width: 100%;
   }

   .abnn {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 20px;
   }

   .abnn2 {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 20px;
   }

   .qiehh {
      width: 100%;
   }

   .news {
      width: 100%;
   }

   .proce {
      padding: 0px 20px;
      position: relative;
   }

   .fwlmu {
      display: none;
   }

   .logo {
      width: 152px;
    padding: 6px;
   }

   .yuyan {
      position: relative;
      width: 100%;
      left: 0px;
      top: 0px;
      color: #0d3781;
      height: 27px;
      line-height: 27px;
   }

   .navbar-toggle {
      position: relative;
      float: right;
      padding: 9px 10px;
      margin-top: 12px;


   }

   .navbar-inverse {
      background: none;
      background-color: #FFFFFF;
   }

   .navbar-inverse .navbar-nav>li {
      padding-right: 20px;
      background: none;
   }

   .yinwen {
      display: none;
   }

   .navbar-collapse {
      max-height: 400px;
   }

   .navbar-inverse .navbar-nav>li>a:hover,
   .navbar-inverse .navbar-nav>li>a:focus {
      color: #202020;
      background-color: #e60012;
   }

   .qiehh .swiper-container-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
      bottom: 15px;
      left: 60%;
      width: 40%;
   }

   .banner .swiper-container-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
      bottom: 20px;
      left: 0;
      width: 100%;
   }

   .banner .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      display: inline-block;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.32);
   }

   .bottom h2 {
      font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
      font-size: 24px;
      color: #FFFFFF;
      margin-top: 20px;
      margin-bottom: 10px;
   }



   .yyrow {
      margin-left: 0px;
      margin-right: 0px;
      height: auto;
      overflow: hidden;
   }

   .yyrow li {
      list-style-type: none;
      width: 50%;
      float: left;
      padding-left: 0px;
      padding-right: 0px;
   }

   .slnei-aa {
      width: 100%;
   }

   .slnei-bb {
      width: 100%;
      margin-top: 10px;
   }

   .slnei-bb li {
      list-style-type: none;
      float: left;
      width: 100%;
      margin-left: 0%;
      margin-bottom: 10px;
      position: relative;
   }

   .pro-img .colmd5 {
      width: 100%;
      float: left;
   }

   .pro-img .colmd7 {
      width: 100%;
      float: right;
   }

   .pro-img .colmd7 .pro-ptt {
      font-size: 24px;
      padding: 20px 0px 25px;
      border-bottom: 1px #c9c9c9 solid;
      margin-bottom: 20px;
   }


   .xqtbb li {
      list-style-type: none;
      float: left;
      width: 31.3%;
      height: 40px;
      line-height: 40px;
      border: 1px solid #aaaaaa;
      text-align: center;
      font-size: 16px;
      color: #525252;
      margin-right: 2%;
   }

   .modal-dialog {
      width: 96%;
      margin: 100px auto;
   }


   .cplei .img img {
      border: 0px none;
      height: auto;
      max-width: 100%;
      vertical-align: middle;
   }

   .yc {
      display: none;
   }

   .bg {
      display: none;
   }

   .kehu-aa {
      width: 100%;
      float: left;
   }

   .kehu-bb {
      width: 100%;
      float: left;
      margin-left: 0%;
      color: #090909;
      line-height: 30px;
   }

   .kehu-cc {
      width: 100%;
      float: right;
   }

   .kehu-aa img {
      width: 100%;
   }

   .kehu-bb h2 {

      font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 16px;
      color: #090909;

   }


   .wenti-aa {
      width: 20%;
      height: 86px;
      padding-top: 16px;
      background-color: #e7e7e7;
      text-align: center;
      float: left;
   }

   .wenti-bb {
      width: 78%;
      float: left;
      margin-left: 2%;
      color: #7a7a7a;
      line-height: 30px;
      font-size: 16px;
      padding-top: 0px;
   }

   .wenti-cc {
      display: none;
   }

   .cpxx img {
      border: 0px none;
      height: auto;
      max-width: 100%;
      vertical-align: middle;
   }

   .abyy {
      padding-right: 15px;
   }

   .fuwuk-aa {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 15px;
   }

   .fuwuk-bb {
      width: 100%;
   }

   .fuwuk-cc {
      width: 100%;
   }

   .fuwuk-dd {
      width: 100%;
      height: auto;
      overflow: hidden;
      padding: 15px;
   }

   .tjzi {
      height: auto;
      overflow: hidden;
      padding: 20px;
      font-size: 14px;
      line-height: 25px;
      color: #9898a0;
   }

   .jskuan {
      width: 100%;
   }

   .jstit {
      height: 300px;
      border-bottom: 5px solid #b7babc;
      padding: 20px;
   }

   .jstit h2 {
      font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
      font-size: 36px;
      color: #000000;
      margin-top: 0px;
      margin-bottom: 10px;
   }

   .jstit h3 {
      font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
      font-size: 25px;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #545466;
   }

   .qybj {
      height: auto;
      overflow: hidden;
      background: none;
      color: #FFFFFF;
      padding-top: 25px;
      padding-bottom: 25px;
      background-color: #000000;
      text-align: center;
   }

   .qybj2 {
      height: auto;
      overflow: hidden;
      background: none;
      color: #FFFFFF;
      padding-top: 25px;
      padding-bottom: 25px;
      /* background-color: #000000; */
      text-align: center;
      margin: 0 auto;
   }

   .xie {
      background: none;
      margin-bottom: 15px;
   }

   .wenhua {
      background: url(../images/whbj.jpg) top center;
      height: 680px;
      padding-top: 55px;
      color: #FFFFFF;
      line-height: 30px;
      font-size: 14px;
   }

   .cprow {
      margin: 0;
   }

   .cptuk {
      margin: 0;
   }

   .cpkuan {
      width: 100%;
   }
.kong {
    padding: 0;
}
   .cpcol4 {
      width: 50%;
      padding: 5px;
   }

   .cpcol3 {
      width: 50%;
      padding: 5px;
   }

   .cptuk-zi {
      padding: 1rem;
   }

   .cptuk-zi h4 {
      font-size: 1.5rem;
      text-align: center;
      margin-bottom: 0;
   }

   .cptuk-zi-aa,
   .cptuk-zi-bb {
      display: none;
   }

   .wd50 {
      width: 100%;
   }

   .cpkky-lan li {
      list-style-type: none;
      float: left;
      width: 49%;
      margin-left: 0.5%;
      margin-right: 0.5%;
   }

   .cplw {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin: 15px auto;
   }

   .cplw li {
      list-style-type: none;
      width: 25%;
   }


   /* 固定底 */


   .fygnav {
      padding: 0px;
      height: 50px;
      background-color: #0d3781;
   }

   .fygnav ul {
      list-style-type: none;
      width: 100%;
      margin: 0px;
      padding: 0px;
   }

   .fygnav li {
      width: 100%;
      text-align: center;
      border-right: 1px solid #32393f;
      border-left: #2c3339;
      float: left;
   }

   .fygnav li a {
      display: block;
      color: #FFFFFF;
      height: 50px;
      line-height: 50px;
   }

   .fygnav li a:hover {
      color: #FFFFFF;
      background: url(../images/bmbj.jpg) bottom;
   }

   .bmtt {
      margin-top: 60px;
   }

   .bai {
      font-size: 20px;
   }

   #mcover img {
      position: fixed;
      right: 18px;
      top: 5px;
      width: 260px;
      height: 180px;
      z-index: 20001;
   }

   #mcover {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
      z-index: 9999;
      display: none;
   }

   .cpkuan-aa {
      width: 100%;
   }

   .cpkuan-bb {
      width: 100%;
      float: right;
      padding: 0;
   }

}

.fotbox {
   color: #fff;
   position: relative;
}

.containerfoot {
   margin: 0 auto;
   width: 83.333333%;
   max-width: 1600px;
}

@media (max-width: 1580px) {
   .containerfoot {
      width: 84%;
   }
}

@media (max-width: 1199px) {
   .containerfoot {
      width: 90%;
   }
}



.weitop:before {
   content: "";
   display: block;
   width: 126px;
   height: 526px;
   position: absolute;
   background-repeat: no-repeat;
   z-index: 2;
   background-position: left top;
   background-size: contain;
   background-image: url(/static/images/dabugotbagfzq1.png);
   left: 0;
   top: -142.6px;
}

.fotbox .fot1 {
   padding: 0.8rem 0 0.7rem;
   background: url(/static/images/fotbag1.jpg) no-repeat center;
   background-size: cover;
   position: relative;
}

.fotbox .fot1 .jut {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 0.52rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fotbox .fot1 .jut .lt .logo {
   display: block;
   width: 238px;
   overflow: hidden;
   margin-right: 36px;
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut {
      display: inherit;
      flex-wrap: wrap;

   }
}

.fotbox .fot1 .jut .lt {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut .lt .logo {

      margin: 21px auto;
   }

   .fotbox .fot1 .jut .lt {
      width: 100%;
      flex-wrap: wrap;
      margin-bottom: 0.2rem;
   }
}

@media (max-width: 1580px) {}

@media (max-width: 767px) {}

.fotbox .fot1 .jut .lt .logo img {
   width: 100%;
   float: left;
}

.fotbox .fot1 .jut .select {
   width: 210px;
   position: relative;
   height: 45px;
   background-color: rgba(0, 54, 134, 0.1);
   border: solid 1px rgba(51, 94, 158, 0.5);
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut .select {
      width: 340px;
      height: 50px;
      margin: 0 auto;
   }
}

.fotbox .fot1 .jut .select .tit {
   width: 100%;
   height: 100%;
   cursor: pointer;
   display: flex;
   user-select: none;
   align-items: center;
   justify-content: space-between;
}

.fotbox .fot1 .jut .select .tit span {
   display: block;
   width: calc(100% - 44px);
   padding: 0 22px;
   font-size: 16px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .jut .select .tit span {
      font-size: 14px;
   }
}

.fotbox .fot1 .jut .select .tit i {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 100%;
   position: relative;
}

.fotbox .fot1 .jut .select .tit i img {
   display: block;
   width: 12px;
   float: left;
}

.fotbox .fot1 .jut .select .tit i:before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0;
   width: 1px;
   height: 80%;
   background-color: #335e9e;
}

.fotbox .fot1 .jut .select .hover1 {
   position: absolute;
   top: 100%;
   width: 100%;
   left: 0;
   background-color: rgba(0, 54, 134, 0.8);
   padding: 5px 0;
   display: none;
   max-height: 380px;
   overflow: auto;

   border: solid 1px rgba(51, 94, 158, 0.5);
   z-index: 4;
}

.fotbox .fot1 .jut .select .hover1::-webkit-scrollbar {
   width: 2px;
   height: 1px;
}

.fotbox .fot1 .jut .select .hover1::-webkit-scrollbar-thumb {
   border-radius: 10px;
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #999999;
}

.fotbox .fot1 .jut .select .hover1::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background: #f5f5f5;
}

.fotbox .fot1 .jut .select .hover1 a {
   color: #333;
   display: block;
   font-size: 14px;
   color: #fff;
   padding: 5px 22px;
   border-bottom: 1px solid rgba(51, 94, 158, 0.5);
}

@media (max-width: 1580px) {
   .fotbox .fot1 .jut .select .hover1 a {
      font-size: 12px;
   }
}

.fotbox .fot1 .jut .select .hover1 a:last-child {
   border-bottom: none;
}

.fotbox .fot1 .jut .gt {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut .gt {
      width: 100%;
      align-items: flex-end;
   }
}

@media (min-width: 768px) {
   .fotbox .fot1 .jut .gt .select {
      display: none;
   }
}

.fotbox .fot1 .jut .gt .fz_nei {
   display: flex;
   align-items: center;
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut .gt .fz_nei {
      flex-wrap: wrap;
      margin: 16px auto;
   }

   .yuyan-aa {
      font-size: 20px;
   }

   .yuyan-aa img {
      width: 30px;
      vertical-align: text-top;
   }
}

.fotbox .fot1 .jut .gt .fen {
   font-size: 16px;
   margin-right: 30px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .jut .gt .fen {
      font-size: 14px;
   }
}

@media (max-width: 767px) {
   .fotbox .fot1 .jut .gt .fen {
      width: 100%;
      margin-bottom: 6px;
   }
}

.fotbox .fot1 .jut .gt .list {
   display: flex;
   align-items: center;
}

.fotbox .fot1 .jut .gt .list .li {
   position: relative;
   margin-right: 20px;
}

.fotbox .fot1 .jut .gt .list .li:last-child {
   margin-right: 0;
}

.fotbox .fot1 .jut .gt .list .li .er {
   display: none;
   position: absolute;
   top: 100%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 120px;
   padding: 5px;
   background-color: #fff;
   margin-top: 15px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .jut .gt .list .li .er {
      width: 100px;
   }
}

.fotbox .fot1 .jut .gt .list .li .er img {
   width: 100%;
}

.fotbox .fot1 .jut .gt .list a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background-color: rgba(51, 94, 158, 0.1);
   border: solid 1px rgba(255, 255, 255, 0.3);
   border-radius: 50%;
   position: relative;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   overflow: hidden;
}

@media (max-width: 991px) {
   .fotbox .fot1 .jut .gt .list a {
      width: 60px;
      height: 60px;
   }
}

.fotbox .fot1 .jut .gt .list a:before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   background-color: #333;
}

.fotbox .fot1 .jut .gt .list a img {
   position: relative;
   opacity: 0.8;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   max-width: 16px;
   max-height: 16px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .jut .gt .list a img {
      max-width: 12px;
      max-height: 12px;
   }
}

@media (min-width: 768px) {
   .fotbox .fot1 .jut .gt .list a:hover {
      border-color: #333;
   }

   .fotbox .fot1 .jut .gt .list a:hover img {
      opacity: 1;
   }

   .fotbox .fot1 .jut .gt .list a:hover:before {
      width: 100%;
   }
}

.fotbox .fot1 .cont {
   display: flex;
   justify-content: space-between;
   margin-top: 68px;
}

@media (max-width: 767px) {
   .weitop:before {
      width: 50px;
      height: 494px;
      top: -57px;

   }

   .fotbox .fot1 .cont {
      flex-wrap: wrap;
      display: none;
   }
}

.fotbox .fot1 .cont .item {
   margin-right: 80px;
}
@media (max-width: 1680px) {
   .fotbox .fot1 .cont .item {
      margin-right: 30px;
   }

}
@media (max-width: 1380px) {
   .fotbox .fot1 .cont .item {
      margin-right: 20px;
   }

}

@media (max-width: 991px) {
   .fotbox .fot1 .cont .item {
      margin-right: 20px;
   }

   .fotbox .fot1 .cont .item:last-child {
      margin-right: 0;
   }
}

@media (max-width: 767px) {
   .fotbox .fot1 .cont .item {
      width: 100%;
      margin-bottom: 40px;
      margin-right: 0;
      padding-right: 20px;
   }

   .fotbox .fot1 .cont .item:last-child {
      margin-bottom: 0;
   }
}

.fotbox .fot1 .cont .item .tit {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #ffffff;
   font-size: 16px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .cont .item .tit {
      font-size: 14px;
   }
}

.fotbox .fot1 .cont .item .tit i {
   display: block;
   padding-left: 10px;
}

.fotbox .fot1 .cont .item .tit i img {
   width: 10px;
   float: left;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
}

@media (min-width: 768px) {
   .fotbox .fot1 .cont .item .tit i {
      display: none;
   }
}

.fotbox .fot1 .cont .item .f_list {
   padding-top: 18px;
}

@media (max-width: 767px) {
   .fotbox .fot1 .cont .item .f_list {
      display: none;
      padding-top: 24px;
   }
}

.fotbox .fot1 .cont .item .f_list a {
   display: block;
   color: #fff;
   opacity: 0.6;
   font-size: 14px;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   margin-bottom: 10px;
}

@media (max-width: 1580px) {
   .fotbox .fot1 .cont .item .f_list a {
      font-size: 12px;
      margin-bottom: 6px;
   }
}

@media (min-width: 1200px) {
   .fotbox .fot1 .cont .item .f_list a:hover {
      opacity: 1;
   }
}

@media (max-width: 767px) {
   .fotbox .fot1 .cont .item .f_list a {
      margin-bottom: 10px;
   }
}

.fotbox .fot1 .cont .item .f_list .nei {
   margin-right: 40px;
}
.fotbox .fot1 .cont .item .f_list .nei:first-child {
   float: left;
   margin-right: 70px;
}
.fotbox .fot1 .cont .item .f_list .nei:nth-child(2) {
   float: left;
}
.fotbox .fot1 .cont .item .f_list .nei:last-child {
   margin-right: 0;
}

.fotbox .fot1 .cont .item.on .tit i img {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.fotbox .fot1 .cont .fz_item .f_list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

@media (max-width: 1199px) {
   .fotbox .fot1 .cont .fz_item .f_list {
      display: block;
   }
}

@media (max-width: 767px) {
   .fotbox .fot1 .cont .fz_item .f_list {
      display: none;
   }
}

@media (max-width: 1199px) {
   .fotbox .fot1 .cont .fz_item .f_list .nei {
      margin-right: 0;
   }
}

.fotbox .fot2 {
   padding: 10px 0;
   background-color: #161616;
}

@media (max-width: 767px) {
   .fotbox .fot2 {
      padding: 8px 0;
   }
}

.fotbox .fot2 .containerfoot {
   display: flex;
   justify-content: space-between;
}

@media (max-width: 767px) {
   .fotbox .fot2 .containerfoot {
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
   }
}

.fotbox .fot2 .containerfoot span,
.fotbox .fot2 .containerfoot a {
   display: inline-block;
   font-size: 14px;
   color: #fff;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   opacity: 0.22;
}

@media (max-width: 1580px) {

   .fotbox .fot2 .containerfoot span,
   .fotbox .fot2 .containerfoot a {
      font-size: 14px;
   }
}

.fotbox .fot2 .containerfoot a {
   margin-left: 10px;
}

@media (min-width: 1200px) {
   .fotbox .fot2 .containerfoot a:hover {
      opacity: 0.8;
   }
}

@media (max-width: 991px) {
   .fotbox .fot2 .containerfoot a {
      margin-left: 0;
   }
}

.fotbox .fot2 .containerfoot .lt {
   display: flex;
   flex-wrap: wrap;
}

@media (max-width: 1199px) {
   .fotbox .fot2 .containerfoot .lt {
      width: 60%;
   }
}

@media (max-width: 767px) {
   .fotbox .fot2 .containerfoot .lt {
      justify-content: center;
      margin-bottom: 0;
      width: 100%;
   }
}

.fotbox .fot2 .containerfoot .lt a {
   display: flex;
   align-items: center;
   margin-right: 60px;
}

.fotbox .fot2 .containerfoot .lt a:last-child {
   margin-right: 0;
}

@media (max-width: 767px) {
   .fotbox .fot2 .containerfoot .lt a {
      margin-right: 0;
   }
}

.fotbox .fot2 .containerfoot .lt a i {
   display: block;
   width: 18px;
   overflow: hidden;
}

@media (max-width: 1580px) {
   .fotbox .fot2 .containerfoot .lt a i {
      width: 14px;
   }
}

.fotbox .fot2 .containerfoot .lt a i img {
   float: left;
   width: 100%;
}

.fotbox .fot2 .containerfoot .gt {
   display: flex;
}

.fotbox .fot2 .containerfoot .gt a {
   display: block;
   margin: 0 10px;
}

.fotbox .fot2 .containerfoot .gt a:last-child {
   margin-right: 0;
}

/* End */
.container {
   margin: 0 auto;
   width: 83.333333%;
   max-width: 1600px;
}

@media (max-width:1000px) {
   .container {
      width: 100%;
   }

}

.contact1 {
   padding: 0 0 55px;
}

.contact1 .txt {
   width: 25%;
   float: left;
}

.contact1 .txt h2 {
   font-size: 30px;
   color: #212121;
   line-height: 1.4em;
   margin-bottom: 10px;
}

.contact1 .txt p {
   font-size: 16px;
   color: #4f4f4f;
   line-height: 1.6em;
}

.contact1 ul {
   width: 66%;
   float: right;
   display: flex;
   /*    flex-wrap: wrap;*/
}

.contact1 ul li {
   padding: 0 55px;
   position: relative;
   list-style: none;
}

.contact1 ul li:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 110px;
   background: #e0e0e0;
}

.contact1 ul li:first-child {
   padding-left: 0;
   width: 220px;
}

.contact1 ul li:last-child {
   padding-right: 0;
   max-width: 360px;
}

.contact1 ul li:last-child:before {
   display: none;
}

.contact1 ul li .img {
   height: 41px;
   line-height: 41px;
}

/* .contact1 ul li .text {} */

.contact1 ul li .text h3 {
   font-size: 20px;
   color: #212121;
   line-height: 1.4em;
}

.contact1 ul li .text p {
   font-size: 14px;
   color: #4f4f4f;
   padding: 15px 0 5px;
}

.MapBox .Map {
   height: 420px;
}

.MapBox {
   position: relative;
}

.ContactBlockA .MapBox .Btns {
   position: absolute;
   top: 50%;
   right: 3.33%;
   z-index: 9999;
}

.ContactBlockA .MapBox .Btns .a.on,
.ContactBlockA .MapBox .Btns .a:hover {
   color: #fff;
   background: #0d4597;
}

.ContactBlockA .MapBox .Btns .a {
   display: block;
   border-radius: 5px;
   padding: 0 25px;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
   line-height: 46px;
   font-size: 15px;
   color: #8b8b8b;
}

.ContactBlockA .MapBox .Btns .a.on .span,
.ContactBlockA .MapBox .Btns .a:hover .span {
   background-image: url(/static/images/icon_icon14_1.png);
}

.ContactBlockA .MapBox .Btns .span {
   display: block;
   padding-left: 25px;
   background: url(/static/images/icon_icon14_2.png) no-repeat left center;
   list-style: none;
}

.ContactBlockA .MapBox .Btns .a+.a {
   margin-top: 10px;
}

.y-half {
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
}


@media (max-width: 1024px) {
   .contact1 {
      padding: 60px 0 50px;
   }
}

@media (max-width: 768px) {
   .contact1 {
      padding: 40px 0;
   }

   .contact1 ul {
      float: none;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 15px;
      padding: 0;
   }

   .contact1 ul li:first-child {
      padding-left: 0;
      width: 150px;
   }

   .contact1 ul li {
      padding: 0 15px;
   }

   .contact1 ul li:last-child {
      padding-right: 0;
      max-width: 360px;
   }
}

@media (max-width: 767px) {
   .contact1 {
      padding: 0;
   }
}

@media (max-width: 1259px) {
   .contact1 .txt {
      width: 27%;
   }
}

/* @media (max-width: 1600px){
.contact1 ul {
    width: 70%;
}} */

@media (max-width: 1024px) {
   .contact1 ul li:first-child {
      padding-left: 0;
      width: 180px;
   }
}

@media (max-width: 1024px) {
   .contact1 .txt {
      float: none;
      width: 100%;
   }

   .contact1 .txt h2 {
      font-size: 16px;
   }

   .contact1 .txt p {
      font-size: 14px;
   }

   .contact1 ul li .text h3 {
      font-size: 15px;
      line-height: 19px;
      margin: 0;
   }
}


@media (max-width: 640px) {
   .contact1 ul li {
      width: 100% !important;
      padding: 0;
      border: none;
      display: flex;
      margin-bottom: 10px;
   }
}

@media (max-width: 640px) {
   .contact1 ul li .img {
      width: 35px;
      text-align: center;
   }

   .contact1 ul li .text {
      width: calc(100% - 40px);
      padding-left: 15px;
   }

   .contact1 ul li .text p {
      padding: 0;
   }
}

@media only screen and (max-width: 768px) {
   .ContactBlockA .MapBox .Btns .a {
      padding: 0 20px;
   }
}

@media only screen and (max-width: 768px) {
   .ContactBlockA .MapBox .Btns .span {
      padding-left: 20px;
      line-height: 40px;
      font-size: 14px;
   }
}

@media (min-width: 0px) and (max-width: 768px) {
   .yuyan {
      display: none;
   }
}

@media (min-width: 0px) and (max-width: 768px) {
   .youbu {
      display: none;

   }

   .banner {
      margin-top: 50px;
   }

   .breadbox .cont {
      display: flex;
      align-items: center;
      padding: 1rem 0;
   }
}

#hi-img-pop {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   text-align: center;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#hi-img-pop * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#hi-img-pop .hi-close {
   position: fixed;
   top: 85%;
   left: 50%;
   margin-left: -25px;
   width: 40px;
   height: 40px;
   color: #fff;
   background: #fff;
   border-radius: 50%;
   transition: .3s;
   cursor: pointer;
}

#hi-img-pop .hi-close:after,
#hi-img-pop .hi-close:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 5;
   width: 20px;
   height: 2px;
   margin: -1px 0 0 -10px;
   background: #333;
   transition: .3s;
}

#hi-img-pop .hi-close:hover {
   background: #c2b2a5;
}

#hi-img-pop .hi-close:hover:after,
#hi-img-pop .hi-close:hover:before {
   background: #fff;
}

#hi-img-pop .hi-close:after {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

#hi-img-pop .hi-close:before {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#hi-img-pop img {
   position: fixed;
   left: 50%;
   top: 50%;
   max-width: 90%;
   max-height: 65%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
/* rongyu */
.n-products .ulbox {
   margin-top: .75rem;
}
/* .n-products .ulbox .li-item {
   width: 23%; 
    margin-left: 1% !important;
   margin-right: 1% !important; 
} */
.n-products .ulbox .li-item {
   width: 100%;
   /* margin-bottom: 2%;
   margin-right: 2%; */
   float: left;
   border: 1px solid #e7e7e7;
   background: #fff;
   display: block;
}
.li-img .img img {
   width: 100%;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   -webkit-transition-duration: 4s;
   transition-duration: 4s;
   -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
   transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.n-products .ulbox .rongyubk {
   background-color: #666666;
   padding: 0.2rem .75rem;
}
.n-products .ulbox .bot {
   text-align: center;
   /* padding: 2.65rem .75rem; */
   border-top: 1px solid #e7e7e7;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   height: 5rem;
}
.n-products .rongyubk .sp1 {
   color: #fff;
}
.n-products .ulbox .sp1 {
   font-size: 20px;
   line-height: 45px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
   color: #ffffff;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}
.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
 .pd30{
   padding: 0 30px;
 }
 @media (max-width: 768px){
.pd30 {
    padding: 0;
}
.n-products .ulbox .sp1 {
   font-size: 16px;
}
}
 .li-img .img {
   overflow: hidden;
}
 .li-img:hover .img img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}
.n-products .ulbox .li-item:hover .bot {
   background: #093c89;
}
.n-products .ulbox .li-item:hover .sp1 {
   color: #fff;
}
/* 加入 */

.hero-standard {
	margin-bottom: 1.5rem
}
@media(max-width:1024px) {
.hero-standard {
	background-color: #f5f3f3
}
}
@media(min-width:1025px) {
.hero-standard {
	display: flex;
	align-items: stretch;
	justify-content: space-between
}
}
.hero-standard__content {
	width: 100%;
	background-color: #f5f3f3;
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='72' viewBox='0 0 1440 72' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M739 0C493.454-2.57 246.672 26.8 0 72h1440C1208.238 26.805 974.188 2.461 739 0z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50% calc(100% + 1px);
	background-size: contain
}
@media(min-width:1025px) {
.hero-standard__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	order: -1;
	width: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='125' viewBox='0 0 1440 125' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1440 0v125H0V72C246.672 26.8 493.454.894 739 0z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: 0 100%;
	background-size: 100% 125px
}
}
@media(min-width:1025px) {
.rtl .hero-standard__content {
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='125' viewBox='0 0 1440 125' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v125h1440V72C1193.328 26.8 946.546.894 701 0Z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: 100% 100%
}
}
.hero-standard__content__wrapper {
	padding: 2rem 0 4.5rem
}
@media(max-width:1024px) {
.hero-standard__content__wrapper {
width:calc(100% - 20px * 2);
	max-width: 1280px;
	margin-right: 20px;
	margin-left: 20px
}
}
@media(max-width:1024px)and (min-width:1025px) {
.hero-standard__content__wrapper {
width:calc(100% - 60px * 2);
	margin-right: 60px;
	margin-left: 60px
}
}
@media(max-width:1024px)and (min-width:1280px) {
.hero-standard__content__wrapper {
width:calc(100% - 80px * 2);
	margin-right: 80px;
	margin-left: 80px
}
}
@media(max-width:1024px)and (min-width:1440px) {
.hero-standard__content__wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto
}
}
@media(min-width:1025px) {
.hero-standard__content__wrapper {
	order: -1;
	width: calc(100% / 3 - 60px);
	margin-left: calc((100% - 1280px) / 2);
	margin-left: max(calc((100% - 1280px) / 2), 60px);
	padding: 5rem 0 8rem
}
}
@media(min-width:1280px) {
.hero-standard__content__wrapper {
	width: calc(100% / 3 - 80px);
	margin-left: calc((100% - 1280px) / 2);
	margin-left: max(calc((100% - 1280px) / 2), 80px);
	padding: 8rem 0 8rem
}
}
@media(min-width:1025px) {
.rtl .hero-standard__content__wrapper {
	margin-right: calc((100% - 1280px) / 2);
	margin-right: max(calc((100% - 1280px) / 2), 60px);
	margin-left: 0
}
}
@media(min-width:1280px) {
.rtl .hero-standard__content__wrapper {
	margin-right: calc((100% - 1280px) / 2);
	margin-right: max(calc((100% - 1280px) / 2), 80px);
	margin-left: 0
}
}
.hero-standard__image {
	max-height: 450px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='768' height='450' viewBox='0 0 768 450' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v351.963C50.884 412.14 125.545 449.886 206.768 450h.048c28.487.035 57.722-4.501 86.926-14.23C448.98 384.67 608.902 359.452 768 358.3V0z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='768' height='450' viewBox='0 0 768 450' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v351.963C50.884 412.14 125.545 449.886 206.768 450h.048c28.487.035 57.722-4.501 86.926-14.23C448.98 384.67 608.902 359.452 768 358.3V0z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-position: 0 100%;
	mask-position: 0 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}
@media(min-width:768px) {
.hero-standard__image {
	max-height: 500px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1024' height='500' viewBox='0 0 1024 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v401.463c279.206 32.458 558.41 64.922 837.791 97.066 77.42 8.799 143.115-22.696 186.209-72.863V0z' fill='%23000' /%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='1024' height='500' viewBox='0 0 1024 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v401.463c279.206 32.458 558.41 64.922 837.791 97.066 77.42 8.799 143.115-22.696 186.209-72.863V0z' fill='%23000' /%3E%3C/svg%3E");
	-webkit-mask-position: 100% 100%;
	mask-position: 100% 100%
}
}
@media(min-width:1025px) {
.hero-standard__image {
	width: calc(66.6666666667% - 1rem);
	max-width: 920px;
	max-height: 900px;
	margin-right: 0;
	margin-left: calc(-100% - 1rem);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='2000' height='900' viewBox='0 0 2000 900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M188.172 0c-39.79 65.91-79.43 131.845-119.242 197.751-107.59 177.559-82.5 382.485 28.65 526.4C208.73 868.063 401.216 940.5 592.85 876.656 1054.7 724.63 1541.695 710.82 2000 824.532V0z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='2000' height='900' viewBox='0 0 2000 900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M188.172 0c-39.79 65.91-79.43 131.845-119.242 197.751-107.59 177.559-82.5 382.485 28.65 526.4C208.73 868.063 401.216 940.5 592.85 876.656 1054.7 724.63 1541.695 710.82 2000 824.532V0z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-position: 0 100%;
	mask-position: 0 100%
}
}
.hero-standard__image .video-popup--link .field--name-thumbnail, .hero-standard__image .video-popup--link .field--name-video-thumbnail {
	height: 100%
}
.hero-standard__image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
@media(min-width:1025px) {
.rtl .hero-standard__image {
	margin-right: calc(-100% - 1rem);
	margin-left: 0
}
}
.rtl .hero-standard__image, .rtl .hero-standard__image img {
	transform: scaleX(-1)
}
.hero-standard__subtitle {
font-size:.8125rem;
	line-height: 1.2307692308;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
margin-bottom:.5rem;
	text-transform: uppercase;
	color: #978b87
}
.hero-standard h1 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 2 "...";
margin-bottom:.5rem
}
.product-category-adama .hero-standard h1 {
	color: #009845
}
.product-category-blue .hero-standard h1 {
	color: #00a0df
}
.product-category-green .hero-standard h1 {
	color: #93cc23
}
.product-category-orange .hero-standard h1 {
	color: #eaa23d
}
.product-category-purple .hero-standard h1 {
	color: #9d1d96
}
.hero-standard__description {
	font-size: 18px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 4 "..."
}
.hero-standard__description+.hero-standard__link {
	margin-top: 3rem
}
.node--type-page .field--name-paragraphs .paragraph:nth-child(even) {
	background-color: #f5f3f3
}
#page-navigation {
	position: relative;
	z-index: 5;
	margin-bottom: -51px
}
@media(min-width:768px) {
#page-navigation {
	margin-bottom: -62px
}
.paragraph--type--text-image {
   padding: 4rem 0 0;
}
}
@media(min-width:1025px) {
#page-navigation {
	position: sticky;
	top: 0;
	margin-right: 40px;
	margin-bottom: -2.75rem;
	padding: 0;
	color: #fff;
	background-color: #009845
}
.paragraph--type--text-image {
   padding: 6rem 0 0;
}
}
.hero-standard__link a, .product-category-adama .hero-standard__link a {
   background-color: #009845;
}
.hero-standard__link a {
   font-size: 18px;
   line-height: 1.5;
   display: inline-block;
   box-sizing: border-box;
   padding: .75rem 1rem;
   border: 0;
   border-radius: 6px;
   cursor: pointer;
   font-weight: 700;
   text-align: center;
   text-decoration: none;
   color: #fff;
   background-color: #0d3781;
   transition: background-color 400ms, opacity 400ms;
}
.paragraph--type--text-image {
	padding: 3rem 0 0
}
@media(min-width:414px) {
.paragraph--type--text-image {
	padding: 4rem 0 0
}
}
@media(min-width:1025px) {
.paragraph--type--text-image {
	padding: 6rem 0 0
}
}
.paragraph--type--text-image .paragraph-background {
	padding: 0 0 3rem
}
@media(min-width:414px) {
.paragraph--type--text-image .paragraph-background {
	padding: 0 0 4rem
}
}
@media(min-width:1025px) {
.paragraph--type--text-image .paragraph-background {
	padding: 0 0 6rem
}
}
.paragraph--type--text-image.media-left .text-image--text-wrapper {
	order: 1
}
.paragraph--type--text-image.media-left .field--name-image-video {
	order: 0;
	margin-bottom: 3rem
}
@media(min-width:1025px) {
.paragraph--type--text-image.media-left .field--name-image-video {
	margin-bottom: 0
}
}
.paragraph--type--text-image.media-right .text-image--text-wrapper {
	order: 0;
	margin-bottom: 3rem
}
@media(min-width:1025px) {
.paragraph--type--text-image.media-right .text-image--text-wrapper {
	margin-bottom: 0
}
}
.paragraph--type--text-image.media-right .field--name-image-video {
	order: 1
}
.paragraph--type--text-image .text-image--flex-wrapper {
	display: flex;
	/* max-width: calc(1280px + 1rem); */
	margin-right: -0.5rem;
	margin-left: -0.5rem;
	flex-direction: column;
	align-items: center
}
@media(min-width:1025px) {
.paragraph--type--text-image .text-image--flex-wrapper {
	flex-direction: row;
	justify-content: space-between
}
}
.paragraph--type--text-image .text-image--text-wrapper {
margin-right:.5rem;
margin-left:.5rem
}
@media(max-width:767px) {
.paragraph--type--text-image .text-image--text-wrapper {
	width: calc(100% - 1rem)
}
}
@media(min-width:768px) {
.paragraph--type--text-image .text-image--text-wrapper {
	width: calc(100% - 1rem)
}
}
@media(min-width:1025px) {
.paragraph--type--text-image .text-image--text-wrapper {
	width: calc(41.6666666667% - 1rem)
}
}
.paragraph--type--text-image .field--name-title {
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.2857142857;
	margin-bottom: 1.5rem;
	color: #0d3781
}
.product-category-adama .paragraph--type--text-image .field--name-title {
	color: #009845
}
.product-category-blue .paragraph--type--text-image .field--name-title {
	color: #00a0df
}
.product-category-green .paragraph--type--text-image .field--name-title {
	color: #93cc23
}
.product-category-orange .paragraph--type--text-image .field--name-title {
	color: #eaa23d
}
.product-category-purple .paragraph--type--text-image .field--name-title {
	color: #9d1d96
}
@media(min-width:1025px) {
.paragraph--type--text-image .field--name-title {
	font-size: 2.25rem;
	line-height: 1.3333333333
}
}
.paragraph--type--text-image .field--name-text {
	color: #5f504d
}
.paragraph--type--text-image .field--name-text p {
	font-size: 18px;
	line-height: 1.5;
	color: inherit
}
.paragraph--type--text-image .field--name-link {
	margin-top: 2.5rem
}
.paragraph--type--text-image .field--name-link a {
	display: inline-flex;
	align-items: center;
	justify-content: center
}
.product-category-adama .paragraph--type--text-image .field--name-link a {
	display: inline-flex
}
.product-category-blue .paragraph--type--text-image .field--name-link a {
	display: inline-flex
}
.product-category-green .paragraph--type--text-image .field--name-link a {
	display: inline-flex
}
.product-category-orange .paragraph--type--text-image .field--name-link a {
	display: inline-flex
}
.product-category-purple .paragraph--type--text-image .field--name-link a {
	display: inline-flex
}
.paragraph--type--text-image .field--name-link a::before {
	order: 2;
	width: 1.0625rem;
	height: 1.0625rem;
margin-left:.5rem
}
.rtl .paragraph--type--text-image .field--name-link a::before {
margin-right:.5rem;
	margin-left: 0;
	transform: scaleX(-1)
}
.paragraph--type--text-image .field--name-single-document {
	margin-top: 2.5rem
}
.paragraph--type--text-image .media--type-documents {
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 0 1px inset rgba(151,139,135,.3);
	transition: box-shadow 400ms ease
}
.paragraph--type--text-image .media--type-documents:hover {
	box-shadow: 0 0 0 2px inset #009845
}
.paragraph--type--text-image .media--type-documents .field--type-file {
	position: relative;
	overflow: hidden
}
.paragraph--type--text-image .media--type-documents .field--type-file a.file, .paragraph--type--text-image .media--type-documents .field--type-file .file a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	display: block;
padding:.75rem 3rem;
	text-align: left;
	color: #5f504d
}
.rtl .paragraph--type--text-image .media--type-documents .field--type-file a.file, .rtl .paragraph--type--text-image .media--type-documents .field--type-file .file a {
	text-align: right
}
.paragraph--type--text-image .media--type-documents .field--type-file .file-icon, .paragraph--type--text-image .media--type-documents .field--type-file .download-icon {
	position: absolute;
	top: 50%;
	z-index: 0;
	display: inline-block;
	transform: translateY(-50%)
}
.paragraph--type--text-image .media--type-documents .field--type-file .file-icon {
	left: 1rem
}
.rtl .paragraph--type--text-image .media--type-documents .field--type-file .file-icon {
	right: 1rem;
	left: initial
}
.paragraph--type--text-image .media--type-documents .field--type-file .download-icon {
	right: 1rem
}
.rtl .paragraph--type--text-image .media--type-documents .field--type-file .download-icon {
	right: initial;
	left: 1rem
}
.paragraph--type--text-image .field--name-image-video {
margin-right:.5rem;
margin-left:.5rem
}
@media(max-width:767px) {
.paragraph--type--text-image .field--name-image-video {
	width: calc(100% - 1rem)
}
}
@media(min-width:768px) {
.paragraph--type--text-image .field--name-image-video {
	width: calc(100% - 1rem)
}
}
@media(min-width:1025px) {
.paragraph--type--text-image .field--name-image-video {
	width: calc(50% - 1rem)
}
}
.paragraph--type--text-image .field--type-image img {
	display: block;
	width: 100%;
	border-radius: 8px
}
.paragraph--type--text-image .field--name-description {
	font-size: 1rem;
	line-height: 1.5;
margin-top:.5rem;
	color: #5f504d
}
@media(min-width:1025px) {
.paragraph--type--text-image .field--name-description {
	max-width: 66%
}
}
.text-image--main-container {
   width: calc(100% - 20px * 2);
   /* max-width: 1380px; */
   margin-right: 20px;
   margin-left: 20px;
}
@media (min-width: 1440px){
.text-image--main-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}}
@media (min-width: 1280px){
.text-image--main-container {
    width: calc(100% - 80px * 2);
    margin-right: 80px;
    margin-left: 80px;
}}
@media (min-width: 1025px){
.text-image--main-container {
    width: calc(100% - 60px * 2);
    margin-right: 60px;
    margin-left: 60px;
}}
/* shouyelogo */
.logo-box {
   overflow-x: hidden;
   position: relative;
   height: 285px;
   margin-bottom: 50px;
}

.logo-box>a {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   -webkit-animation: 30s roll linear infinite normal;
   -moz-animation: 30s roll linear infinite normal;
   /* animation:30s roll linear infinite normal; */
} .logo-box>a:hover {
   -webkit-animation-play-state: paused;
   -moz-animation-play-state: paused;
   animation-play-state: paused
}

.logo-box>a>img {
   height: 285px
}

@-webkit-keyframes roll {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0)
   }

   100% {
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%)
   }
}

@-moz-keyframes roll {
   0% {
       -moz-transform: translateX(0);
       transform: translateX(0)
   }

   100% {
       -moz-transform: translateX(-50%);
       transform: translateX(-50%)
   }
}

@keyframes roll {
   0% {
       -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
       transform: translateX(0)
   }

   100% {
       -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
       transform: translateX(-50%)
   }
}
/* zhaopin */

.xc_nav .title {
   font-size: 36px;
   line-height: 36px;
   color: #000;
   margin:  0 0 40px;
   text-align: center;
   font-family: 'san-b';
}
.channel_content {
   min-height: 300px;
}

.wrap2 {
   /* width: 80%; */
   margin-right: auto;
   margin-left: auto;
}
/* 社会招聘 start */
.social_career1{padding-bottom:30px;}
.social_career1 .form_box{margin-bottom:45px;}
.social_career1 .form_box .inp_wrap{width:22%; margin-right:1%; display:inline-block; vertical-align:top; border-radius:5px; position:relative;}
.social_career1 .form_box .inp_wrap .sel_span{border:2px solid #dadada; padding:0; line-height:0.5px; text-indent:15px; width:100%; position:relative; display:block; cursor:pointer;}
.social_career1 .form_box .inp_wrap .sel_span::after{content:''; width:14px; height:8px; background:url(../img/xc_nav_jt.png) no-repeat center; background-size:cover; position:absolute; right:15px; top:50%; margin-top:-4px;}
.social_career1 .form_box .inp_wrap .sel_down{position:absolute; left:0; top:100%; background:#fff; z-index:2; padding:15px 0; display:none; width:100%; box-shadow:0 0 25px rgb(0 0 0 / 10%);}
.social_career1 .form_box .inp_wrap .sel_down ul li{padding:0 15px; box-sizing:border-box; cursor:pointer;}
.social_career1 .form_box .inp_wrap.search_wrap{width:4%; border:none; margin-right:0;} 
.social_career1 .form_box button{outline:none; border:none; background:url(../img/social_career1_icon.png) no-repeat center; background-size:cover; height:57px; width:57px; border-radius:50%; cursor:pointer; transition:.5s ease;}
.social_career1 .form_box button:hover{opacity:0.8;}
.social_career1 .content li{border-bottom:2px solid #dadada; overflow:hidden;}
.social_career1 .content li.first{background:#0d3781; color:#fff; border-bottom:none; padding:0; height:60px; line-height:60px;font-size: 18px;}
.social_career1 .content li ._ut{float:left; text-align:center;}
.social_career1 .content li ._un{float:left; text-align:center; height:80px; line-height:80px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.social_career1 .content li ._un, .social_career1 .content li ._ut{width:14%;}
.social_career1 .content li ._t1{width:30%;}
.social_career1 .content li ._t6{width:10%; cursor:pointer; float:right;}
.social_career1 .content li ._un._t6:after{content:"+"; display:inline-block; vertical-align:-1px; color:#313131; margin-left:5px; font-size:20px;}
.social_career1 .content li.j_t_cur ._un._t6:after{content:"-";}
.social_career1 .content li.j_t{cursor:pointer;}
.social_career1 .content li.j_c{height:auto; line-height:1.5; background:#f6f6f6; display:none;}
.social_career1 .content .j_c .j_c_box{padding:40px;}
.social_career1 .content .j_c .j_c_box .intro{line-height:24px; position:relative;font-size: 16px;}
.social_career1 .content .j_c .j_c_box .intro span{display:block; color:#140a9a; margin-bottom:10px}
.social_career1 .content .j_c .intro .job_btn{position:absolute; right:0; bottom:-35px;}
.social_career1 .content .j_c .intro .job_btn ._btn{color:#fff;}
.social_career1 .content .j_c .intro .job_btn ._btn:hover{opacity:0.8;} 
.common-btn-ye {
   font-size: 18px;
   color: #000;
   line-height: 48px;
   padding: 0 40px;
   background-color: #0d3781;
   border-radius: 6px;
   overflow: hidden;
   display: inline-block;
   text-align: center;
   box-sizing: border-box;
   
}     
@media only screen and (max-width: 760px){
.social_career1 {
    padding-bottom: 0;
}
.social_career1 .content li.first {
   line-height: 50px;
   height: 50px;
   display: none;
}
.social_career1 .content li ._t1 {
   font-size: 16px;
}
.social_career1 .content li ._t1 {
   font-size: 16px;
   width: 100%;
   text-align: left;
   line-height: 35px;
   height: 35px;
   font-weight: 600;
}
.social_career1 .content li ._t6 {
   width: 10%;
}
.social_career1 .content li ._un {
   font-size: 16px;
}
.social_career1 .content .j_c .j_c_box {
   padding: 20px;
}
.social_career1 .content .j_c .j_c_box .intro {
   font-size: 16px;
}
.social_career1 .content .j_c .intro .job_btn {
   position: static;
   margin-top: 20px;
}
.common-btn-ye {
   width: 100%;
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
} 
/* cpzhanshi5 */
.in03bg { margin: 20px auto;}

.w {
    max-width: 1400px;
    margin: 0 auto;
}
.in03bg .zx_t {
   border-top: 2px solid #808386;
   text-align: center;
}
.in03bg .zx_t li {
   display: inline-block;
   text-align: center;
   font-size: 20px;
   color: #808080;
   margin: 34px 50px;
   vertical-align: top;
}
.in03bg .zx_t li.active {
   color: #3d3d3d;
}
.in03bg .zx_t li.active .in03-1 {
   background: #2a4f90;
}
.in03-1 {
   width: 100px;
   height: 10px;
   margin: 0 auto;
   margin-top: -40px;
}

.in03-icon {
   width: 64px;
   height: 64px;
   margin: 0 auto;
   background-size: 100% 100%;
   margin-top: 50px;
   margin-bottom: 50px;
}

.in03-icon01{
	background-image:url(/cn/images/21.png);
}
.in03bg .zx_t li.active .in03-icon01{
	background-image:url(/cn/images/21-h.png);
}
.in03-icon02{
	background-image:url(/cn/images/22.png);
}
.in03bg .zx_t li.active .in03-icon02{
	background-image:url(/cn/images/22-h.png);
}
.in03-icon03{
	background-image:url(/cn/images/23.png);
}
.in03bg .zx_t li.active .in03-icon03{
	background-image:url(/cn/images/23-h.png);
}
.in03-icon04{
	background-image:url(/cn/images/24.png);
}
.in03bg .zx_t li.active .in03-icon04{
	background-image:url(/cn/images/24-h.png);
}
.in03-icon05{
	background-image:url(/cn/images/25.png);
}
.in03bg .zx_t li.active .in03-icon05{
	background-image:url(/cn/images/25-h.png);
}
.in03-icon06{
	background-image:url(/cn/images/26.png);
}
.in03bg .zx_t li.active .in03-icon06{
	background-image:url(/cn/images/26-h.png);
}
.in03-icon07{
	background-image:url(/cn/images/27.png);
}
.in03bg .zx_t li.active .in03-icon07{
	background-image:url(/cn/images/27-h.png);
}
.zx_c li {
   display: none;
}
.in03bg .zx_t li.active{
	color:#3d3d3d;
}

.in03bg .zx_c{
	width:100%;
	background:#FFFFFF;
	margin-top:100px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);
	box-shadow:0 0 10px rgba(0, 0, 0, .3);
}
.in03bg .zx_c .tu img {
   width:100%;
   padding: 30px;
}
.ad_76090{overflow: hidden;}
.in03bg .zx_c h3{
	font-size:30px;
	line-height:30px;
	color:#1a1a1a;
	font-weight:normal;
margin: 110px 0 0 70px;
}
.in03bg .zx_c p{
	color:#808080;
	font-size:18px;
   margin: 40px 160px 0 70px;
	line-height:30px;
}
.width50 {
   width: 50%;
}
.pc_dn {
   display: none;
}
.zx_c li:first-child {display: list-item;} 

@media screen and (max-width: 768px){

.pc_dn {
   display: none;
}
/* .pr {
   position: relative;
}
.sj-fuwu .swiper-container {
   width: 80%;
}
.sj-fuwu .swiper-wrapper {
   height: auto;
}
.in03-icon {
   width: 64px;
   margin: 0 auto;
}
.sj-fuwu h3 {
   font-weight: normal;
   text-align: center;
   font-size: .12rem;
   color: #1a1a1a;
   margin-top: .13rem;
}
.sj-fuwu-1 {
   margin-top: .25rem;
   background: #FFFFFF;
   height: 2.8rem;
}
.sj-fuwu-1 p {
   font-size: .15rem;
   color: #1a1a1a;
   margin-top: .2rem;
   margin-left: .15rem;
}
.sj-fuwu-1 span {
   display: block;
   font-size: .09rem;
   color: #808080;
   margin: .12rem .15rem 0 .15rem;
}
.sj-fuwu .swiper-button-next {
   background-image: url(/cn/images/36.png);
   right: 0;
}
.sj-fuwu .swiper-button-prev {
   left: 0;
   background-image: url(/cn/images/35.png);
}
.sj-fuwu .swiper-button-prev, .sj-fuwu .swiper-button-next {
   width: .2rem;
   height: .365rem;
   background-size: 100% 100%;
   outline: none;
   margin-top: 0;
   top: 55%;
} */
.in03bg .zx_t {
   white-space: nowrap;
   overflow-x: scroll;
}
.width50 {
   width: 100%;
}
.in03bg .zx_t li {
   font-size: 18px;
   margin:0;
}
.in03-icon {
   width: 50px;
   height: 50px;
   margin-top: 10px;
   margin-bottom: 20px;
}
.in03-1 {
   margin-top: -7px;
}
/* 滚动条所在容器 */
.in03bg .zx_t {
   background-color: #eee;
}

/* 滚动条整体 */
.in03bg .zx_t::-webkit-scrollbar {
   height: 10px;

}
/* 两个滚动条交接处 -- x轴和y轴 */
.in03bg .zx_t::-webkit-scrollbar-corner {
   background-color: transparent;
}

/* 滚动条滑块 */
.in03bg .zx_t::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #0d3781;
}

/* 滚动条轨道 */
.in03bg .zx_t::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background: #ededed;
}

/* 滚动条两端按钮 */
.in03bg .zx_t::-webkit-scrollbar-button {
}
.in03bg .zx_c {
   margin-top: 30px;
}
.in03bg .zx_c .tu img {
   padding: 0px;
}
.in03bg .zx_c h3 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 600px;
   margin: 11px auto;
   text-align: center;
}
.in03bg .zx_c p {
   color: #808080;
   font-size: 16px;
   line-height: 25px;
   margin: 0;
   padding: 0px;
   text-align: justify;
}
}
/* wehua  */
idea_cont{ position: relative; width: 1600px; margin: 0 auto; top: 0; left: 50%; margin-left: -800px; transition: all 1.0s cubic-bezier(0.4, 0, 0.2, 1) 1.3s; transform: translateY(50px); opacity: 0;}
.w1600{ width: 1600px;}
.pr {position: relative;}
.cultitem {
    overflow: hidden;
}
.cultitem.current .cultitem-bg img {
    display: none;
}
.cultitem-bg {
    height: 206px;
    position: relative;
    text-align: center;
    transition: all 0.6s ease 0s;
    width: 100%;
    overflow: hidden;
}
.cultitem-bg img {
    display: block;
    margin: 35px auto 0;
}
.cultitem-show {
    height: 559px;
    width: 100%;
}
.c0 .cultitem-bg {
    background: #2f8457
}
.c1 .cultitem-bg {
    background: #466eaf
}
.c2 .cultitem-bg {
    /*background: #ffc03c*/
    background: #2f8457
}
.c3 .cultitem-bg {
    /*background: #2f8457*/
    background: #ffc03c
}
.c3 .cultitem-bg img {
    
}
.cultitem.current .w1600 {
    opacity: 0;
}
.c0.current .cultitem-bg {
    background:url(../images/1yuanjing.jpg) no-repeat center center;
    /*height: 559px;*/
    height: 515px;  /*Q*/
}
.c1.current .cultitem-bg {
    background:url(../images/2shiming.jpg) no-repeat center center;
    /*height: 559px;*/
    height: 515px;  /*Q*/
}
.c2.current .cultitem-bg {
    background: url(../images/3jiazhiguan.jpg) no-repeat center center;
    /*height: 559px;*/
    height: 515px;  /*Q*/
}

@media (max-width: 750px) and (min-width: 320px) {
.idea_cont {
    width: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
}
.current .cultitem-bg{ height: 206px!important; background-size: auto 100%!important;}
.w1600{ width: 100%;}
}
/* jishuyanfa */
.ma_b1s1_main {
   box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}
.mc_b1s1 .ma_b1s1m_l {
   width: 435px;
}
.ma_b1s1m_l {
   width: 475px;
   padding: 0 !important;
   height: 666px;
}
.fl {
   float: left;
}
.ma_b1s1ml_list {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
   -ms-touch-action: auto;
   touch-action: auto;
}
.mc_b1s1 .ma_b1s1ml_li {
   padding: 30px 50px;
}
.mCustomScrollbar {
   -ms-touch-action: pinch-zoom;
   touch-action: pinch-zoom;
}
.ma_b1s1ml_li {
   width: 100%;
   padding: 30px 75px;
   max-height: 100%;
}
.mc_pos_center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.mCustomScrollBox {
   position: relative;
   overflow: hidden;
   height: 100%;
   max-width: 100%;
   outline: 0;
   direction: ltr;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
   margin-right: 0;
}
.mCSB_container {
   overflow: hidden;
   width: auto;
   height: auto;
}
.ma_b1s12_title {
   text-align: left;
   margin-bottom: 20px;
}
.ma_b1s1m_l p {
   font-size: 18px;
   color: #333;
   line-height: 1.75;
   /* font-weight: lighter; */
}
.mc_b1s1 .ma_b1s1m_r {
   width: calc(100% - 435px);
}
.ma_b1s1m_r {
   position: relative;
   z-index: 1;
   width: calc(100% - 475px);
   height: 666px;
}
.fr {
   float: right;
}
.mc_b2s1_imgbox {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
}
.mc_b2s1_imgbox::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .1);
}



.mc_b2s1_imgbox .mc_b2s1_img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all .5s;
   overflow: hidden;
}
.mc_b2s1_img.act {
   opacity: 1;
}
.mc_b2s1_poster {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
}
.mc_b2s1_list {
   width: 100%;
   height: 100%;
}
.mc_b2s1_li:not(:last-child) {
   border-right: 1px solid rgba(255, 255, 255, .3);
}
.mc_b2s1_li {
   float: left;
   width: 33.33%;
   height: 100%;
   position: relative;
}
.mc_b2s1_lisbox {
   display: block;
   width: 100%;
   height: 100%;
}
.mc_b2s1li_cont {
   width: 100%;
   padding: 0 15px;
}
.mc_pos_center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.deco {
   display: block;
   width: 6rem;
   height: 6rem;
   opacity: 1;
   transition: .1s;
   transform: translateZ(0);
   margin: 0 auto;
}
.deco:before {
   content: "";
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate3d(-50%, -50%, 0) scale(.75);
   transition: .4s;
   border: 1px solid hsla(0, 0%, 100%, .3);
   border-radius: 100%;
   height: 4rem;
   width: 4rem;
}
.deco i, .deco em {
   background: hsla(0, 0%, 100%, .8);
   border: 1px solid #fff;
   border-radius: 100%;
   height: 2.2rem;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate3d(-50%, -50%, 0) scale(.5);
   transition: .4s;
   width: 2.2rem;
}
.deco:after {
   content: "";
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate3d(-50%, -50%, 0) scale(.75);
   transition: .4s;
   border: 1px solid hsla(0, 0%, 100%, .1);
   border-radius: 100%;
   height: 6rem;
   width: 6rem;
}
.mc_b1s1 .mc_b2s1li_title {
   font-weight: bold;
   font-family: OPPOSans2_En_design-Heavy, OPPOSans2_En_design-Regular, 微软雅黑, Arial, PingFangSC-Light, "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
   font-size: 20px;
   margin-top: 20px;
}
.mc_b2s1li_title {
   font-size: 18px;
   line-height: 1.2;
   color: #fff;
   /* font-weight: lighter; */
   margin-top: 60px;
   text-align: center;
   transition: all .36s;
}
.ma_b1s1ml_li:not(:first-child) {
    display: none;
}
@media screen and (max-width: 767px) {
.mc_b1s1 .ma_b1s1m_l {
      width: 100%;
  }
  .mc_b1s1  .ma_b1s1m_l {
   height: 200px;
}
.mc_title40 {
   font-size: 24px;
}
.ma_b1s1m_l p {
   font-size: 16px;
}
.mc_b1s1 .ma_b1s1ml_li {
   padding: 0 15px;
}
.mc_b1s1 .ma_b1s1m_r {
   width: 100%;
   height: 424px;
}
.mc_b2s1_li:not(:last-child) {
   border-right: 0;
   border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.mc_b2s1_li {
   width: 100%;
   height: 33.3%;
}
.mc_b2s1li_cont {
   padding: 0 12px;
}
.deco {
   float: right;
}
.mc_b1s1 .mc_b2s1li_title {
   padding-top: 0;
}



}

/* new yanjiu */
.cpkuan .bigtitlet {
   display: flex;
   height:56px;
   margin-bottom: 40px;
   }
.cpkuan .bigtitlet .s0{
font-size: 28px;
line-height: 56px;
color: #0d3781;
font-weight: bold;
padding-right: 30px;
margin-right: 30px;
position: relative;
}

.cpkuan .bigtitlet .s0:before {
   content: '';
   margin-right: 10px;
   width: 36px;
   height: 36px;
   background-size: 100% 100%;
   display: inline-block;
   margin-bottom: -5px;
}
.cpkuan .bigtitlet .s0::after{
   position: absolute;
   top: 0;
   transform: translatey(-40%);
   right: 0;
   content: '';
   width: 2px;
   height: 96px;
   background-color: #5e5e5e;   
}  
.cpkuan .bigtitlet .s3::after{
   transform: translatey(-10%); 
   height: 74px;  
}  
.cpkuan .bigtitlet .s1:before {
   background-image: url(/static/images/tou1.png);
}
.cpkuan .bigtitlet .s2 {
   font-size: 16px;
   line-height: 56px;
}
.cpkuan .bigtitlet .s3:before {
   background-image: url(/static/images/hua2.png);
}
.cpkuan .bigtitlet .s4 p{
   font-size: 16px;
   line-height: 30px;
   margin: 0;
   padding: 0;
} 

.mc_nd1_list .mc_nd1_li {
   background-color: #e6e7e9;
   margin-bottom: 30px;
}
.mc_cont1360 {
   /* width: 1360px; */
   margin: 0 auto;
}
.ma_b1s2 .mc_nd1_imgwrap {
   padding: 0 5%;
}
.mc_nd1_imgwrap {
   width: 50%;
  position: relative;
}
.mc_nd1_imgwrap .coverbg .cw1 {
   position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.mc_nd1_imgwrap .coverbg .cw2 {
   position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.mc_nd1_imgwrap .coverbg img{
   height: 100%;
}
.mc_nd1_li .mc_nd1_imgbox.animated {
   transform: translateY(0);
}
.mc_nd1_li:nth-child(odd) .mc_nd1_imgbox {
   /* transform: translateY(50px); */
   transition: all 1s .3s;
}
.mc_list_imgbox {
   position: relative;
}
.mc_list_imgbox {
   position: relative;
   overflow: hidden;
}
.mc_list_imgbox img {
   z-index: initial;
}

.mc_list_hoverimgbox img {
   transition: all .6s ease-in;
}
.mc_nd1_imgbox img {
   transition: all .36s !important;
}
.mc_list_imgbox img {
   object-fit: cover;
}
.mc_list_png {
   width: 100%;
   position: relative;
   z-index: 1;
   top: 0;
   left: 0;
}
.ma_b1s2 .mc_nd1_txtbox {
   padding-top: 4%;

}
.mc_nd1_txtbox {
   width: 50%;
   padding-top: 8%;
   text-align: center;
}
.mc_nd1_txtboxright {
   padding-right: 100px;

}
.mc_nd1_txtboxleft {
   padding-left: 100px;

}
.bigtitletpad {
   padding: 100px 0 50px;
}
.mc_nd1_txtbox .bigtitlet .imgai{
   display: inline-block;
}
.mc_nd1_txtbox .bigtitlet .imgai img{
   width: 140px;
   height:45px;
   margin-bottom: 10px;

}
.mc_nd1_txtbox .bigtitlet .s5{
   display: inline;
}
.mc_nd1_txtbox .bigtitlet .s0{
   font-size: 28px;
   line-height: 28px;
   color: #0d3781;
   font-weight: bold;
   padding-left: 20px;
   margin-left: 20px;
   position: relative;
}

.mc_nd1_txtbox .bigtitlet .s5:before{
   position: absolute;
   top: 0;
   transform: translatey(-6%);
   left: 0;
   content: '';
   width: 2px;
   height: 45px;
   background-color: #5e5e5e;   
}  

.mc_anmt_up.animated {
   opacity: 1;
   transform: translateY(0px);
}
.mc_anmt_up {
   opacity: 0;
   transform: translateY(20px);
   transition: all .6s ease-in-out .1s;
}
.mc_nd1_title {
   margin-bottom: 48px;
}
.mc_anmt_up.animated {
   opacity: 1;
   transform: translateY(0px);
}
.mc_nc1s2_txt, .mc_nd1_txt {
   transition-delay: .4s;
}
.mc_anmt_up {
   opacity: 0;
   transform: translateY(20px);
   transition: all .6s ease-in-out .1s;
}
.mc_nd1_txt {
   margin-bottom: 36px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 100px;
}
.mc_txt1830 p {
   font-size: 16px;
   line-height: 24px;
   height: 24px;
   color: #666666;
   float: left;
   padding: 0 12px;
   border: 1px solid #000;
   border-radius: 16px;
   margin:11px 4px;
}
.mc_title40 {color: #0d3781;text-align: center;}


/* .mc_nd1_txtbox h3:before{  
    content:url(iconf.png); 
   content:'';
   display:block;
   width:10px;
   height:17px;
   border-radius:10px;
   background:#222b7a;
  margin-right:10px;
  display: inline-block;
} */

.mc_nd1_li:nth-child(even) .mc_nd1_imgwrap {
   float: right;
}
.mc_nd1_li:hover img.mc_list_png {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   transition: all 500ms ease-in 0ms;
}
.mc_nd1_li img {
   -moz-transition: all .8s ease 0s;
   -ms-transition: all .8s ease 0s;
   -o-transition: all .8s ease 0s;
   -webkit-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.mc_nd2_txt {
   margin-bottom: 36px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.mc_nd2_txt .menusub {
   padding: 20px;

} 
.mc_nd2_txt .menusub h2 {
   font-size: 18px;
   background-color: #004cb0;
   color: #fff;
   border-radius: 18px;
   margin: 0;
   padding: 5px;
   display: inline;
} 
.mc_nd2_txt .menusub h3 {
   font-size: 16px;
 
} 
.mc_nd2_txt .menusub h3:nth-of-type(2){
   padding-top: 0;
   margin-top: 0;
}

@media (max-width: 1500px){
   .cpkuan .bigtitlet .s0 {
      font-size: 24px;
   }
}
@media screen and (max-width: 1440px){
.cpkuan .bigtitlet {
flex-wrap: wrap;
height:auto;
margin-bottom: 10px;
}
.bigtitletpad {
   padding: 49px 0 50px;
}
.cpkuan .bigtitlet .s2 {
   line-height: 30px;
}
.cpkuan .bigtitlet .s0 {
  height: 48px;
  font-size: 22px;
}
.cpkuan .bigtitlet .s0:before {

   width: 25px;
   height: 25px;
}
.cpkuan .bigtitlet .s0::after {
   display: none;
}
.ma_b1s2 .mc_nd1_li {
    padding: 80px 0 60px;
}
.mc_cont1360 {
   /* width: 85.652%;
   max-width: 1360px; */
}
.mc_nd1_txtbox {
   padding-top: 3%;

}
.mc_nd1_title {
   margin-bottom: 30px;
}
.mc_title40 {
   padding: 0 50PX;
   font-size: 22px;
}
.mc_nd1_txt {
   margin-bottom: 30px;
   padding: 0px 17px;
}

}
@media screen and (max-width: 1289px){
   .mc_nd1_txtbox {
      padding-top: 2%;
   
   }
   }
   @media screen and (max-width: 1090px){
      .mc_nd1_txtbox {
         padding-top: 1%;
      
      }
      }
@media screen and (max-width: 991px) {
.ma_b1s2 .mc_nd1_li {
    padding: 30px 0 20px;
}
.mc_cont1360 {
   width: 100%;
   max-width: 100%;
   padding: 0 20px;
}
.mc_nd1_imgwrap {
   width: 50%;
}
.mc_title40 {
   font-size: 18px;
   padding: 0 ;
}
.mc_nd1_title {
   margin-bottom: 20px;
}
.mc_txt1830 p {
   margin: 4px 4px;
}
.mc_nd1_txt {
   padding: 0px 5px;
}
}
@media screen and (max-width: 767px){
   .mc_nd1_imgwrap .coverbg {
    display: none;
  }
   .mc_cont1360 {
     padding: 0;
  }
   .mc_nd1_list .mc_nd1_li {
      /* padding: 10px 0; */
  }
  .mc_nd1_txtbox {
   margin-top: 0;
   padding-top: 0;
   padding:0 10px;
}
.mc_nd1_imgwrap {
    width: 100%;
}
.mc_nd1_txtbox {
   width: 100%;
   margin-top: 15px;
}
.mc_txt1830 p {
   font-size: 14px;
   line-height: 24px;
}
.mc_nd1_txtbox .bigtitlet .imgai img {
   width: 100px;
   height: 32px;
   margin-bottom: 10px;
}
.mc_nd1_txtbox .bigtitlet .s0 {
   font-size: 20px;
}
.mc_nd1_txtbox .bigtitlet .s5:before {
   transform: translatey(2%);
   height: 28px;
}
.mc_nd2_txt .menusub {
   padding: 20px 10px;
}.mc_nd2_txt .menusub h2 {
   font-size: 16px;
}
.mc_nd2_txt .menusub h3 {
   font-size: 16px;
   line-height: 24px;
   margin-top: 10px;
   margin-bottom: 0;
}
.mc_nd2_txt .menusub h3:nth-child(2n+1) {
   margin-top: 0;

}
}