.xiantiao{ width:100%; position:relative}
/*about*/
.about-en{ width:100%;overflow:hidden; font-size:40px; text-transform:uppercase; color:#000; font-weight:bold;}
.about-ch{ width:100%; overflow:hidden; margin-top:5px; float:left; font-size:28px;color:#343434; line-height:40px; margin-bottom:20px;}

.b-services-nav__link {display: block;margin-bottom: 24px;padding: 0;color: #555;text-align: center;}
.b-services-nav__link .ic {z-index: 2;font-size: 90px;position: relative; line-height: 175px;color: #222;-webkit-transition: all .3s;transition: all .3s;top: 8px;}
.b-services-nav__link.active, .b-services-nav__link:hover {color: #fff;}
.b-services-nav__link.active .ic, .b-services-nav__link:hover .ic {color: #fff;}
.b-services-nav__link.active .b-services-nav__title, .b-services-nav__link:hover .b-services-nav__title {color: #fff;background-color: #0c6a7a;}
.b-services-nav__inner {position: relative;margin-left: 40px;background: url("/images/bg-1.jpg");background-size: cover;}
.b-services-nav__inner:after { position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .85;background-color: #f2f6f7;content: '';-webkit-transition: all .3s;transition: all .3s;}
.b-services-nav__link { display: block;margin-bottom: 24px; padding: 0;color: #555;text-align: center;}
.b-services-nav__link .ic {z-index: 2;position: relative;  line-height: 205px;top: 8px;}
.b-services-nav__title {position: relative;z-index: 2;padding: 90px 30px 50px;font: 600 16px/1.4 Montserrat;color: #fff; width: 100.5%;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-clip-path: polygon(0% 10%, 0 100%, 100% 100%, 100% 0, 28% 24%);
          clip-path: polygon(0% 10%, 0 100%, 100% 100%, 100% 0, 28% 24%);
background-color: #22abc3;}
.b-services-content__section {padding-top: 45px;padding-right: 60px;}
.b-services-content__main { position: relative;}
.b-services-content__main p{ line-height:45px; text-indent: 2em;}
.b-services-content:before {position: absolute;z-index: -1;top: 0;right: 0;bottom: -80px;left: -80px;border-width: 0 0 10px 10px;border-style: solid;border-color: #f2f6f7;content: '';}
.ab_link {position: relative;float:left; width:100%; height:120px;z-index:10; margin-top:20px; overflow:hidden}
.ab_link .ab_list { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ab_link .ab_list > li {float: left;width: 25%; padding-top:25px;box-sizing: border-box;text-align: center;}
.ab_link .ab_list > li:hover .ab_ico > span {top: -63px;opacity: 0;}
.ab_link .ab_list > li:hover .ab_ico > i { opacity: 1;top: 0;}
.ab_link .ab_list > li:hover > p {color: #cd9967;}
.ab_link .ab_list > li .ab_ico {width: 63px;height: 54px;margin: 0 auto;position: relative;overflow: hidden;}
.ab_link .ab_list > li .ab_ico > span {position: absolute; width: 100%;height: 100%;top: 0;left: 0;
  transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.ab_link .ab_list > li .ab_ico > i {position: absolute;width: 100%;height: 100%; top: 63px;left: 0;
  transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;opacity: 0;}
.ab_link .ab_list > li > p {font-size: 15px;line-height: 15px;margin-top: 30px;color: #0077b2;
  transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.ab_link .ab_list > li:nth-child(1) .ab_ico > span {background: url(/images/ico1.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(1) .ab_ico > i {background: url(/images/ico1.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(2) .ab_ico > span {background: url(/images/ico2.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(2) .ab_ico > i {background: url(/images/ico2.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(3) .ab_ico > span {background: url(/images/ico3.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(3) .ab_ico > i {background: url(/images/ico3.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(4) .ab_ico > span {background: url(/images/ico4.png) center no-repeat;}
.ab_link .ab_list > li:nth-child(4) .ab_ico > i {background: url(/images/ico4.png) center no-repeat;}
/*product*/
.product-bg{ background:url(/images/pro-bg.jpg) no-repeat center top; overflow:hidden; margin-top:80px; padding-top:70px;}
/*title*/
.section-title1 { margin-bottom: 40px; text-align: center; font-size: 28px; margin-top:40px; }
.section-title1 h2{ margin-top: 0; margin-bottom: 0px; text-align: center; font-size:39px; letter-spacing: 2px; color:#fff;text-transform:uppercase; font-weight:900}
.section-title1 p { color: #c8c8c8; font-size: 13px; /*font-family:Arial;*/ margin: 5px 0 0 0; text-align: center; }
.section-title1 h2:after { display: block; content: ''; width:60px; height: 2px; margin: 10px auto 0; background-color: #fff; }
/*product*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{width:100%;}
.nyprobox li{width:23%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;}
.nyprobox li p{ width:100%; float:left; line-height:45px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
.ca-m a{display: inline-block;width: 220px;height: 43px;text-align: center;line-height: 43px;color: #fff;
    border-radius: 23px; background-image:linear-gradient(to right, #22abc3 , #137b8d);}
.ca-m a:hover{box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.tc{text-align:center;}
/*adv*/
.section-progress {margin-top:60px;padding-top: 115px;padding-bottom: 65px;background: url("/images/prebg.jpg");background-size: cover;}
.section-progress__inner {text-align: center;}
.section-progress__inner {text-align: center;}
.section-progress__img {display: inline-block;max-width: 460px;vertical-align: top;}
.b-progress-list {display: inline-block;width: 535px;padding-right: 65px;padding-left: 65px;color: #fff;text-align: left;}
.b-progress-list__item {margin-bottom: 60px;padding-right: 25px;padding-left: 25px;}
.b-progress-list__percent {display: block;margin-bottom: 4px;font: 48px/1 Montserrat;font-weight: 600;}
.b-progress-list__name {display: block;font-size: 16px;font-weight: 700;text-transform: uppercase;
}
/*优势*/
.bg-dark { color: #999;}
.section-offers {position:relative;background: linear-gradient(to bottom, #1f1f1f 70%, #ffffff 30%);}
.section-offers__inner {padding-top: 110px;border-bottom: 1px solid transparent;}
.b-offers {padding-bottom: 35px;text-align: center;}
.b-offers__wrap {margin-right: 15px; margin-left: 15px;background-color: #f2f6f7;-webkit-transition: all .3s; transition: all .3s;}
.b-offers__ic {display: inline-block; padding-top: 50px;padding-bottom: 0; font-size: 126px;line-height: 1;}
.b-offers__title {margin-bottom: 35px;font-family: Montserrat;font-size: 20px;font-weight: 600;color: #222;text-transform: uppercase;margin-top: -15px;}
.offset-md-2{ color:#c8c8c8}

.ui-decor {position: absolute;top: -1px;right: 0;left: 9%;display: block;height: 1px;background: #fff;}
@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor {
    height: 52px;
    -webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);
            clip-path: polygon(0 0, 100% 0, 96% 100%);
  }
}

@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor_mirror {
    -webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
            clip-path: polygon(0 0, 100% 0, 4% 100%);
  }
}
.ui-decor_center {
  right: 9%;
}

.ui-title {margin-bottom: 15px;font: 700 40px/1.3 Montserrat;color: #222;}
.ui-title_light {color: #fff;}
.ui-title-logo {margin-bottom: -40px;font: 700 90px/1 Montserrat;color: #f2f6f7;text-transform: uppercase;}
.ui-title-logo_dark {color: #353535;}
.youshi ul{width:100%;}
.youshi li{width:33.33333%; float: left; margin-right:2%;margin:30px 0;box-sizing: border-box;}
.b-offers {padding-bottom: 35px;text-align: center;}
.b-offers__wrap { margin-right: 15px;margin-left: 15px;background-color: #f2f6f7;-webkit-transition: all .3s;transition: all .3s;}
.bg-primary{background-color: #22abc3;}
.b-offers__ic {display: inline-block;padding-top: 50px;padding-bottom: 0;line-height: 1;}
.b-offers__title {margin-bottom: 35px;font-size: 30px;font-weight: 500;color: #222;text-transform: uppercase;}
.b-offers__inner {
  position: relative;
  display: table;
  width: 100%;
  height: 300px;
  padding-top: 40px;
  -webkit-clip-path: polygon(0% 5%, 0 100%, 100% 100%, 100% 0, 20% 9%);
          clip-path: polygon(0% 5%, 0 100%, 100% 100%, 100% 0, 20% 9%);
}
.b-offers__info {display: table-cell;padding-right: 50px;padding-left: 50px;color: #fff;vertical-align: middle;}
/*feedback*/
.contact-form-section {background-color: #00b5c9;padding: 50px 20px;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.contact-form-section::before {content: ""; position: absolute;left: 0;top: 20px;width:20%;height: 100%;background: url("/images/bot_car.png") no-repeat center/contain;z-index: 1;}
.form-container {width: 100%; max-width: 800px;position: relative;z-index: 2;margin-left: auto;}
.form-container li{ float:left; width:48%; margin-bottom:5px;}
.form-container li:nth-child(2n){ float:right;}
.input1,.textarea {width: 100%;padding: 8px 10px; border: 1px solid #fff;background: transparent;color:#fff;font-size: 14px;outline: none;-webkit-text-fill-color:#fff}
.check{width:220px;padding: 8px 10px; border: 1px solid #fff;background: transparent;color:#fff;font-size: 14px;outline: none;-webkit-text-fill-color:#fff}
.submit-btn {background-color: #008899;color: #fff;border: none; padding: 10px 30px;font-size: 16px;cursor: pointer;border-radius: 4px;transition: background 0.3s;}
.submit-btn:hover {background-color: #006677;}
/* 响应式调整（小屏幕） */
@media (max-width: 768px) {
	.contact-form-section::before {width: 50%;}
	.form-container { margin-left: 0;}
	.form-container li{ float:left; width:100%; margin-bottom:5px;}
	.check{width:100px;}
}

@media (max-width: 480px) {
	.contact-form-section {padding: 30px 15px;}
	.contact-form-section::before {display: none; }
	.form-container li{ float:left; width:100%; margin-bottom:5px;}
	.check{width:100px;}
}
@media (max-width:768px) {
/*title*/
.section-title1 { margin-bottom:20px;margin-top:0;}
.section-title1 h2 { font-size:20px; color:#fff}
.marg50{ margin-top:30px!important;}
.marg120{ margin-top:10px!important;}
.marg80{ margin-top:30px!important;}
.ui-decor {height: 20px;left: 0;}
/*about*/
.about-en{font-size:30px; text-align:center}
.about-ch{font-size:22px; text-align:center;margin-bottom:10px}
.b-services-content__section {padding-right: 0;}
.b-services-content__main p{ line-height:25px;}
.ab_link{ display:none}
.b-services-nav {margin-top:30px;}
.b-services-nav__link {margin-bottom: 14px;}
.b-services-nav__inner {margin-left:0;}
/*product*/
.product-bg { background:url(/images/pro-bg.jpg) no-repeat center top;;margin-top: 10px;padding-top:40px;}
.nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:22px;}
.nyprobox li:nth-child(2n){ margin-right:0px}
/*youshi*/
.section-progress {margin-top:40px;padding-top:45px;padding-bottom: 65px;}
.section-progress__img { display:none}
.b-progress-list__percent {font: 38px/1 Montserrat;font-weight:500;}
.b-progress-list__name {font-size: 15px;font-weight:500;}
.b-progress-list {width:100%;padding-right: 0;padding-left: 0;}
.b-progress-list__item {margin-bottom: 0; width:50%; float:left; margin-top:40px;}
.ui-title-logo {font-size: 40px;margin-bottom: -20px;}
.ui-title {font-size: 28px;}
.section-offers {position:relative; background: linear-gradient(to bottom,#1f1f1f 0%, #1f1f1f 33.3%, transparent 33.3%, transparent 100%);
}
.section-offers__inner {padding-top:50px;}
.youshi{ margin-top:30px;}
.youshi li{width:100%; float: left; margin-right:0;margin:0 0;}
.b-offers {padding-bottom:25px;text-align: center;}
.b-offers__wrap {margin-right: 5px; margin-left:5px;}
.b-offers__ic {padding-top:20px;}
.b-offers__title {margin-bottom:15px;margin-top: 1px;}
.b-offers__inner {height: 240px;padding-top:20px;
}
.b-offers__info {padding-right:20px;padding-left:20px;}
}