@charset "utf-8";
body, figcaption, figure, form, h1, h2, h3, h5, h6, html, ol, p, ul {
  margin: 0;
  padding: 0
}
ol, ul {
  list-style: none
}
a {
  text-decoration: none
}
div, figcaption, figure, img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: bor der-box;
  box-sizing: border-box;
  border: none;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
img{
  border-radius:5px;
}
.back {
    display: block;
    width: 36%;
  line-height: 40px;
    margin: 2% auto 2%;
    overflow: hidden;
    border-radius: 20px;
    background: #227bc0;
    text-align: center;
    color: #fff;
    clear: both;
}
.back:hover{
  color: #FFF;
  background: #006db8;
}
.douyin{max-width:12vh; max-height:12vh}
.ya-header .ya-border {
  position: relative;
}
.ya-header .ya-border:after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  left: 0;
  top: 14px;
  background: #FFFFFF;
}
.ya-header .ya-min-width {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
.ya-header {
  /*position: fixed;
	top: 0;
	left: 0;*/
  position: relative;
  z-index: 999;
  width: 100%;
  height: 80px;
  background: #fff;
  box-shadow: -1px -1px 10px 0 rgba(0, 0, 0, .11)
}
.ya-header .ya-cont {
  margin: 0 auto;
  width: 80%
}
.swiper-pagination-bullet {
  background: #ffffff;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background: #006db8 !important;
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px !important;
}
.ya-product-top1 {
  width: 100%;
  height: 100%;
  background-size: cover;
  padding-top: 3%;
  padding-bottom: 9%;
  position: fixed;
  top: 0;
  z-index: -1;
}
.ya-header .ya-cont .ya-ul li {
  float: left;
  padding: 0 18px;
  height: 80px;
  line-height: 80px;
}
.ya-header .ya-cont .ya-ul {
  float: right;
  margin: 0 !important
}
.ya-header .ya-cont .ya-ul li:hover a {
  color: #026dbd
}
.ya-header .ya-cont .ya-ul li a {
  display: block;
  color: #000;
  text-decoration: none
}
.ya-header .ya-cont .ya-ul li p {
  margin: 0;
  color: #666;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑;
  position: relative;
}
.ya-header .ya-cont .ya-ul li .dd {
  display: none;
  margin: 0 auto;
  width: 45%;
  height: 1px;
  background: #026dbd
}
.ya-header .ya-cont .ya-ul li:hover .dd {
  display: block
}
.ya-header .ya-yy {
  text-align: right;
  height: 80px;
  line-height: 80px;
}
.ya-header .ya-yy a {
  padding: 3px 5px;
  border-left: 1px solid #666;
  color: #666;
  text-decoration: none;
  font-size: 16px
}
.ya-header .ya-yy a.ya-a {
  margin-right: 10px;
  padding: 3px 20px;
  font-family: 微软雅黑;
}
.ya-li {
  position: fixed;
  top: 80px;
  left: 0;
  display: none;
  padding-top: 2%;
  padding-bottom: 1%;
  width: 100%;
  background: hsla(0, 0%, 100%, .9)
}
.ya-li .ya-li-on {
  position: relative;
  margin: 0 auto;
  width: 80%
}
.ya-li .ya-li-on .ya-ty .a-p {
  line-height: 25px;
  padding: 2px 0;
  border-bottom: 1px solid #026dbd;
  color: #026dbd;
  text-align: left
}
.ya-li .ya-li-on .ya-ty .ya-ol a {
  padding: 5px 0
}
.ya-li .ya-li-on .ya-ty .a-p:hover {
  border-bottom: 1px solid #666;
  color: #666
}
.ya-li .ya-li-on .ya-brs .a-p1 {
  line-height: 25px;
  padding: 1% 0;
  text-align: left;
  font-size: 15px
}
.ya-li .ya-li-on .ya-brs .ya-s-p {
  color: #026dbd;
  font-weight: 700
}
.ya-li .ya-li-on .ya-brs .ya-s-a {
  padding: 5px 0;
  color: #026dbd;
  line-height: 25px;
}
.ya-li .ya-li-on .ya-deer {
  padding: 0 3%;
  border-right: 1px solid #026dbd;
  border-left: 1px solid #026dbd
}
.ya-li .ya-li-on .ya-ty .ya-terz {
  padding: 2% 0
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover {
  background: #288bce;
  color: #fff
}
.ya-li .ya-li-on .ya-ty .ya-p-i {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_19_11.png) no-repeat;
  background-size: cover
}
.ya-terz .ya-desa {
  line-height: 15px;
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-i {
  background: url(../images/huy_19.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-p-en {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/nop1.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-en {
  background: url(../images/nop.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-p-en0 {
  display: inline-block;
  width: 140px;
  height: 120px;
  background: url(../images/yop.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-en0 {
  background: url(../images/yop1.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-p-i1 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_21_11.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-i1 {
  background: url(../images/huy_21_1.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-p-i2 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_24_11.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-i2 {
  background: url(../images/huy_24_1.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-p-i3 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_26_11.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-p-i3 {
  background: url(../images/huy_26_1.png) no-repeat;
  background-size: cover
}
.ya-li .ya-li-on .ya-ty .ya-seds-p {
  color: #026dbd;
  line-height: 40px;
}
.ya-li .ya-li-on .ya-ty .ya-terz:hover .ya-seds-p {
  color: #fff
}
.ya-li .ya-li-on .ya-ty .ya-brs-img {
  overflow: hidden;
  width: 350px;
  height: 160px
}
.ya-soy {
  position: fixed;
  left: 0;
  display: none;
  width: 100%;
  background: #026dbd
}
.ya-soy .ya-soy-poy {
  margin: 24px auto;
}
.ya-soy .ya-soy-poy .pull-li .pull-a {
  padding: 0 10px;
  height: 12px;
  line-height: 12px;
}
.ya-soy .ya-soy-poy .pull-li {
  padding: 10px 0
}
.ya-soy .ya-soy-poy .pull-li .pull-a:hover .ya-fr-p {
  color: #9dcbea;
  transition: all 0.2s ease-in-out;
}
.ya-soy .ya-soy-poy .pull-li .pull-a .ya-fr-p {
  color: #fff;
  font-size: 15px;
  text-align: left;
  margin: 0 auto;
  transition: all 0.2s ease-in-out;
}
.ya-ond {
  padding: 0
}
#customer img, .ya-nret img {
  width: 100%
}
.ya-nret span {
  display: block
}
.ya-nret table {
  width: 100% !important
}
.ya-nret table tr, .ya-nret table tr td {
  border: 1px solid #eee
}
/*.ya-big {
	margin-top: 80px
}*/
.ya-about-soyer {
  margin: 0 auto;
  width: 80%
}
.ya-about-soyer .ya-about-title {
  padding-top: 80px;
  padding-bottom: 66px;
}
.ya-about-soyer .ya-about-title p {
  margin: 0;
  color: #666;
  text-align: center;
  font-size: 20px;
  font-family: 微软雅黑
}
.ya-title h4 {
  margin: 0;
  font-size: 60px;
  font-family: 微软雅黑;
  text-indent: 5px;
}
.ya-title h4:after {
  content: "";
  background: #333;
  width: 100px;
  height: 5px;
  display: block;
  margin: 10px 5px;
}
.color-fff {
  color: #FFF;
}
.color-fff h4:after {
  background: #FFF;
}
.ya-about-soyer .ya-about-ul li {
  padding: 0;
  /*border-left: 1px solid #338ac9*/
  color: #FFF;
  font-size: 16px;
  text-align: center;
}
.ya-about-soyer .ya-about-ul li.typeabout {
  border-left: 1px solid #338ac9
}
.ya-loper5 {
  margin: 0 auto;
  width: 80%
}
.ya-loper5 .ya-about-content {
  /*color: #FFF;*/
  min-height: 300px;
}
.ya-loper5 .ya-about-content h4 {
  margin-bottom: 30px;
  color: #666;
  font-size: 30px;
  font-family: 微软雅黑
}
.ya-loper5 .ya-about-content .ya-poi {
  font-size: 1em;
  font-family: 微软雅黑;
  line-height: 35px
}
.krtt img {
  transform: scale(1)
}
.krtt img, .krtt img:hover {
  transition: all .5s ease-in-out
}
.krtt img:hover {
  transform: scale(1.11)
}
.ya-about-soyer .ya-about-ul p {
  padding: 0 1em;
  color: #FFF;
  text-align: left;
  font-size: 16px
}
.ya-about-soyer .ya-about-ul p strong {
  color: #338ac9;
  font-size: 4em
}
.ya-about-soyer .ya-about-ul {
  margin: 60px 0
}
.ya-about-soyer .ya-about-ul p span {
  color: #338ac9
}
.ya-about-soyer .ya-about-content h4 {
  font-size: 30px;
}
.ya-about-soyer .ya-about-content .ya-p-sd {
  width: 100%;
  font-size: 18px;
  line-height: 35px
}
.color-fff{
  color: #FFF;
}
.ya-about-soyer .ya-a-index:hover {
  background: #288bce;
  transition: all 0.4s ease-in-out;
}
.ya-about-soyer .ya-a-index {
  transition: all 0.2s ease-in-out;
  text-decoration: NONE;
  display: block;
  padding: 5px 15px;
  width: 150px;
  border-radius: 30px;
  background: #338ac9;
  color: #fff;
  text-align: center;
  margin-left: 15px;
}
.ya-about-soyer img {
  width: 75%;
  display: block;
  margin: 0 auto 30px;
}
.ya-about-soyer img.youanpic {
  border-radius: 50%;
}
.ya-about-soyer span.index {
  padding: 0 20px;
  display: flex;
}
.ya-hory {
  overflow: hidden;
  height: 400px;
  border-radius: 20px
}
.ya-about-soyer .ya-a-index p {
  margin: 0;
  font-size: 16px
}
.ya-sed {
  margin-top: 7%;
  border-radius: 10px;
  background: #dbecfc
}
.ya-sed .ya-sed-f li {
  position: relative;
  padding: 3em 0
}
.ya-sed .ya-sed-f li:first-child:after, .ya-sed .ya-sed-f li:nth-child(2):after {
  position: absolute;
  top: 10%;
  bottom: 31px;
  left: 100%;
  z-index: 0;
  display: block;
  width: 1px;
  background-color: #288bce;
  content: ""
}
.ya-sed .ya-sed-f li .serf {
  display: inline-block;
  width: 100px;
  height: 80px;
  background: url(../images/huy_10.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li .serf1 {
  display: inline-block;
  width: 100px;
  height: 80px;
  background: url(../images/huy_07.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li .serf2 {
  display: inline-block;
  width: 100px;
  height: 80px;
  background: url(../images/huy_13.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li:hover {
  background: #288bce
}
.ya-sed .ya-sed-f li:hover .serf {
  background: url(../images/huy_10_1.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li:hover .serf1 {
  background: url(../images/huy_07-1.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li:hover .serf2 {
  background: url(../images/huy_13-1.png) no-repeat;
  background-size: cover
}
.ya-sed .ya-sed-f li:hover a, .ya-sed .ya-sed-f li:hover h4, .ya-sed .ya-sed-f li:hover p {
  color: #fff
}
.ya-sed .ya-sed-f li p {
  margin: 0
}
.ya-sed .ya-sed-f li h4, .ya-sed .ya-sed-f li p {
  color: #338ac9;
  text-align: center
}
.ya-sed .ya-sed-f li a {
  text-align: center
}
.ya-body {
  padding-top: 0%;
  margin: 0 auto;
}
.ya-product {
  background: url("../images/product-bg.jpg") no-repeat center bottom;
  background-size: 100%;
  overflow: hidden;
}
.product-title {
  width: 80%;
  height: 100px;
  position: absolute;
  bottom: 10%;
  left: 10%;
  z-index: 10;
  background: url("../images/title-bg2.png") no-repeat 4px 0;
  padding: 25px 0 0 30px;
  font-size: 18px;
  font-weight: bold;
  color: #1857a6;
  transition: all 0.25s ease-in-out;
}
.ya-title {
  padding-top: 3%;
  padding-bottom: 3%;
  width: 100%;
  height: 100%;
  background-size: cover
}
.ya-product .ya-product-top p {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-family: 微软雅黑
}
/*.ya-product .ya-product-top h4 {
	margin: 0;
	text-align: center;
	font-size: 30px;
	font-family: 微软雅黑
}*/
.ya-product .ya-product-ul {
  border-radius: 10px;
  background: #fff;
  box-shadow: -1px 6px 16px 4px rgba(0, 0, 0, .11);
  margin-bottom: 10%;
}
.ya-product .ya-product-ul li {
  padding: 2% 0
}
.ya-product .ya-product-ul li:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px
}
.ya-product .ya-product-ul li:nth-last-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
.ya-product .ya-product-ul li a {
  display: block;
  text-decoration: none;
  position: relative;
}
/*.ya-product .ya-product-ul li p {
	color: #666;
	text-align: center;
	font-size: 16px;
	font-family: 微软雅黑
}*/
/*.ya-product .ya-product-ul li:hover p {
	color: #fff
}*/
.ya-product .ya-product-ul li img {
  width: 80%;
  margin: 0 auto;
  display: block;
  border: 4px solid #FFF;
}
.ya-product .ya-product-ul li:hover img {
  border: 4px solid #288bce;
}
.ya-product .ya-product-ul li:hover .product-title {
  bottom: 11%;
}
.ya-product .ya-product-ul li .ya-product-i {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_19_1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-p {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/fop.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-p {
  background: url(../images/fop1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-p1 {
  display: inline-block;
  width: 140px;
  height: 120px;
  background: url(../images/gop.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-p1 {
  background: url(../images/gop1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-p2 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/sop.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-p2 {
  background: url(../images/sop1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-i {
  background: url(../images/huy_19.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-i1 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_21.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-i1 {
  background: url(../images/huy_21_1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-i2 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_24.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-i2 {
  background: url(../images/huy_24_1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li .ya-product-i3 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url(../images/huy_26.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-ul li:hover .ya-product-i3 {
  background: url(../images/huy_26_1.png) no-repeat;
  background-size: cover
}
.ya-product .ya-product-bottom {
  position: relative;
  margin: 0 auto;
  width: 80%;
  transform: translateY(-13%)
}
.ya-product .ya-product-bottom .ya-ser {
  position: relative;
  display: none;
  opacity: 0
}
.ya-on {
  display: block
}
.ya-boxs {
  margin: 5% 0
}
.ya-boxs a:hover {
  border: 1px solid #7ccaff;
  color: #7ccaff;
  transition: all 0.4s ease-in-out;
}
.ya-boxs a {
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  display: block;
  padding: 3px 20px;
  width: 120px;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 16px
}
.ya-boxs .ya-col {
  padding: 50% 24%;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background: #338ac9
}
.ya-boxs .ya-col p {
  font-size: 16px
}
.ya-boxs .ya-col h4, .ya-boxs .ya-col p {
  display: -webkit-box;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.ya-boxs .ya-col h4 {
  font-size: 28px
}
#certify, #certify1, #certify12, #certify13, #certify14, #ya-certify {
  overflow: hidden
}
#certify .swiper-slide, #certify2 .swiper-slide, #certify3 .swiper-slide, #certify4 .swiper-slide {
  width: 1040px !important;
  border-radius: 10px;
  background: #fff;
  box-shadow: -1px 6px 16px 4px rgba(0, 0, 0, .11)
}
#certify1 {
  margin-bottom: 80px
}
#certify1 .ya-ap-werr {
  position: relative;
  overflow: hidden
}
#certify1 .ya-ap-werr img {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
#certify1 .ya-ap-werr .ya-bote {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2% 0;
  width: 100%;
  background: rgba(0, 109, 187, .8)
}
#certify1 .swiper-slide {
  width: 600px !important
}
#ya-certify .swiper-slide {
  width: 800px !important
}
#ya-certify .ya-seer {
  position: relative;
  overflow: hidden
}
#ya-certify .ya-seer .ya-ceder {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3% 5%
}
#ya-certify .ya-seer .ya-ceder h4 {
  color: #fff;
  font-size: 30px;
  font-family: 微软雅黑
}
#ya-certify .ya-seer .ya-ceder p {
  color: #fff;
  font-size: 18px;
  font-family: 微软雅黑
}
#certify1 .ya-ap-werr .ya-bote h4 {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-family: 微软雅黑
}
#certify1 .ya-ap-werr .ya-bote p {
  display: -webkit-box;
  overflow: hidden;
  padding: 0 18%;
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 18px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
/*.swiper-container-horizontal>.swiper-pagination-bullets,.swip er-pagination-custom,.swiper-pagination-fraction {
	bottom: 140px!important
}*/
#merts1 {
  background: #fff
}
.ya-new, .ya-new .ya-new-top {
  width: 100%;
  height: 100%
}
.ya-new .ya-new-top {
  padding-top: 3%;
  padding-bottom: 8%;
  /*background: url(../images/i_hur_04.jpg) no-repeat;*/
  background-size: cover
}
.ya-new .ya-new-top p {
  font-size: 20px
}
.ya-new .ya-new-top h4, .ya-new .ya-new-top p {
  margin: 0;
  color: #338ac9;
  text-align: center;
  font-family: 微软雅黑
}
.ya-new .ya-new-top h4 {
  font-size: 30px
}
.ya-new .ya-new-bottom {
  margin: 0 auto;
  width: 80%
}
.ya-new-bottom img {
  width: 100%
}
.ya-new .ya-new-bottom .ya-new-tob {
  position: relative;
  transform: translateY(-12%)
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
  overflow: hidden;
  margin: 0 1px 2% 9px;
  width: 99%;
  border-radius: 10px;
  background: #fff;
  box-shadow: -1px 6px 16px 4px rgba(0, 0, 0, .11);
  display: flex;
  align-items: center;
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr {
  padding: 5%
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr .sd-df {
  padding-bottom: 20px;
  font-size: 24px
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty p {
  display: -webkit-box;
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-size: 24px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr-p {
  font-size: 16px
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty h4 {
  display: -webkit-box;
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-size: 24px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty a:hover {
  background: #288bce;
  transition: all .4s ease-in-out;
}
.ya-new .ya-new-bottom .ya-new-tob .ya-new-bty a {
  transition: all .4s ease-in-out;
  display: block;
  margin-top: 45px;
  padding: 5px 15px;
  width: 120px;
  border-radius: 20px;
  background: #338ac9;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 16px
}
.ya-sew {
  overflow: hidden;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.ya-new-voh .ya-sox {
  padding: 0
}
.ya-new-voh .ya-cerd {
  margin-bottom: 5%;
  padding: 1% 3%;
  width: 100%
}
.ya-new-voh .ya-cerd h4 {
  display: -webkit-box;
  overflow: hidden;
  margin: 8% 0;
  color: #666;
  text-align: LEFT;
  text-overflow: ellipsis;
  font-size: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.ya-new-voh li {
  padding: 0
}
.ya-new-voh .ya-got {
  overflow: hidden;
  margin: 0 2% 10%;
  border-radius: 10px;
  box-shadow: -1px 6px 16px 4px rgba(0, 0, 0, .11)
}
.ya-new-voh .ya-cerd p a:hover {
  background: #288bce;
  transition: all .4s ease-in-out;
}
.ya-new-voh .ya-cerd p a {
  text-decoration: none;
  transition: all .4s ease-in-out;
  margin: 10px auto;
  padding: 7px 30px;
  width: 120px;
  border-radius: 20px;
  background: #338ac9;
  color: #fff;
  text-align: center;
  font-size: 16px
}
.ya-new-voh .ya-cerd p {
  text-align: center
}
.ya-big .ya-boter {
  padding: 5% 0;
  width: 100%;
  height: 100%;
  background: #f4f4f4
}
.ya-big .ya-neroy {
  margin: 0 auto;
  padding: 2% 1%;
  width: 80%;
  border-radius: 10px;
  background: #fff
}
.ya-big .ya-neroy .ya-ul-boted li {
  padding: 8% 5%;
  height: 100%;
  background: #f7f7f7
}
.ya-big .ya-neroy .ya-ul-boted li:nth-child(2) {
  margin: 5% 0
}
.ya-big .ya-neroy .ya-ul-boted li:nth-child(4) {
  background: 0 0
}
.ya-big .ya-neroy .ya-ul-boted li .ya-dersrt {
  display: inline-block;
  width: 85px;
  height: 85px;
  background: url(../images/contant_05.png) no-repeat;
  background-size: cover
}
.ya-big .ya-neroy .ya-ul-boted li .ya-dersrt1 {
  display: inline-block;
  width: 85px;
  height: 85px;
  background: url(../images/contant_09.png) no-repeat;
  background-size: cover
}
.ya-big .ya-neroy .ya-ul-boted li .ya-dersrt2 {
  display: inline-block;
  width: 85px;
  height: 85px;
  background: url(../images/contant_12.png) no-repeat;
  background-size: cover
}
.ya-big .ya-neroy .ya-ul-boted li .ya-lip {
  margin: 0;
  width: 20%
}
.ya-big .ya-neroy .ya-ul-boted li .ya-lip1 {
  margin: 0;
  padding: 6% 5%;
  width: 80%;
  font-size: 16px;
  font-family: 微软雅黑
}
.ya-big .ya-bottom-rot {
  background: #f4f4f4
}
.ya-big .ya-bottom-rot .ya-bot {
  width: 100%;
  background: #338ac9
}
.ya-big .ya-bottom-rot .ya-bot ul {
  margin: 0 auto;
  width: 50%
}
.ya-big .ya-bottom-rot .ya-bot ul li a {
  display: block;
  padding: 8% 0;
  color: #fff;
  text-decoration: none
}
.ya-big .ya-bottom-rot .ya-bot ul li.ya-out, .ya-big .ya-bottom-rot .ya-bot ul li:hover {
  background: #2572b5
}
.ya-big .ya-bottom-rot .ya-bot ul li p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑
}
.ya-big .ya-bottom-rot .ya-loper {
  margin: 0 auto;
  padding: 80px 0 10px;
  width: 70%
}
.ya-big .ya-bottom-rot .ya-loper img {
  margin: 0 auto;
  padding: 1% 0;
  /*width: 50%*/
}
.ya-big .ya-bottom-rot .ya-loper p {
  margin: 0;
  padding: 5px 0;
  color: #666;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑
}
.ya-loper1 ul li:nth-child(2n) .ya-s-rouy {
  float: left
}
.ya-loper1 ul li:nth-child(odd) .ya-s-rouy h4, .ya-loper1 ul li:nth-child(odd) .ya-s-rouy p {
  text-align: right
}
.ya-loper1 ul li .ya-s-rouy h4 {
  font-size: 38px;
  font-family: 微软雅黑
}
.ya-loper1 ul li:nth-child(2n) .ya-s-ttr {
  float: right;
  width: 30%;
  transform: translate(32%, 50%)
}
.ya-loper1 ul li:nth-child(odd) .ya-s-ttr {
  width: 30%;
  transform: translate(-35%, 50%)
}
.ya-loper1 ul li:nth-child(odd) .ya-s-rouy1 {
  width: 100%
}
.ya-loper1 ul li:nth-child(2n) .ya-s-rouy1 {
  width: 112%;
  transform: translateX(-12%)
}
.ya-loper1 .ya-s-rouy1:hover {
  background: #f4f4f4
}
.ya-loper1 .ya-ps-s {
  position: relative;
  top: 95px;
  text-align: center
}
.ya-loper1 .ya-s {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url(../images/rte_03.png) no-repeat;
  background-size: cover
}
.ya-loper1 .ya-s-ttr:nth-child(odd) img {
  transition: all .6s ease-in-out;
  transform: scale(1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0
}
.ya-loper1 .ya-s-ttr:nth-child(odd):hover img {
  transition: all .6s ease-in-out;
  transform: scale(1.4);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0
}
.ya-loper1 ul li:nth-child(2n) .ya-s-ttr img {
  transition: all .6s ease-in-out;
  transform: scale(1);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right
}
.ya-loper1 ul li:nth-child(2n) .ya-s-ttr:hover img {
  transition: all .6s ease-in-out;
  transform: scale(1.4);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right
}
.ya-loper1 .ya-s-rouy {
  padding: 2%;
  transform: translateX(10%)
}
.ya-loper1 .ya-s-rouy:hover {
  background: #f4f4f4
}
.ya-loper1 {
  position: relative;
  background: #fff
}
.ya-loper1:after {
  position: absolute;
  top: 0;
  bottom: 31px;
  left: 50%;
  z-index: 0;
  display: block;
  width: 2px;
  background-color: #338ac9;
  content: ""
}
.ya-bottom-resr {
  border-radius: 15px;
  background: #fff
}
.ya-bottom-resr .ya-serys {
  position: relative;
  overflow: hidden
}
.ya-serys .ya-serp {
  position: absolute;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background: #338ac9
}
.ya-serys .ya-serp .ya-cersd {
  display: block;
  padding: 15px 0;
  color: #fff;
  text-decoration: none
}
.ya-serys .ya-serp p {
  text-align: center
}
.ya-serys .ya-serp .ya-cersd:hover {
  background: hsla(0, 0%, 100%, .5)
}
.ya-serys .ya-serp .ya-cersd .ya-serf {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/huy_19.png) no-repeat;
  background-size: cover
}
.ya-serys .ya-serp .ya-cersd .ya-serf1 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/huy_21_1.png) no-repeat;
  background-size: cover
}
.ya-serys .ya-serp .ya-cersd .ya-serf2 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/huy_24_1.png) no-repeat;
  background-size: cover
}
.ya-serys .ya-serp .ya-cersd .ya-serf3 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/huy_26_1.png) no-repeat;
  background-size: cover
}
.ya-bors p {
  font-size: 23px
}
.ya-bors h4, .ya-bors p {
  color: #338ac9;
  text-align: center;
  font-family: 微软雅黑
}
.ya-bors h4 {
  font-size: 43px
}
.ya-fops {
  background: #f4f4f4
}
.ya-fops .ya-poet {
  overflow: hidden;
  margin: 2% auto;
  height: 100%;
  border-radius: 15px;
  background: #fff;
  box-shadow: inherit;
  transition: all .5s ease-in-out
}
.ya-fops .ya-poet:hover {
  box-shadow: -1px -1px 20px 12px rgba(0, 0, 0, .11)
}
.ya-xc1 {
  position: relative
}
.ya-loper .ya-poet .ya-overfis {
  display: flex;
  width: 100%;
  height: 460px;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: flex-start
}
.ya-loper .ya-poet .ya-overfis h6 {
  color: #338ac9;
  font-size: 18px;
}
.ya-loper .ya-poet .ya-overfis h4 {
  color: #338ac9;
  font-size: 30px;
  font-family: 微软雅黑
}
.ya-loper .ya-poet .ya-overfis p {
  display: -webkit-box;
  overflow: hidden;
  padding-right: 10%;
  color: #666;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4
}
.ya-loper .ya-poet:nth-child(2n) .ya-xc {
  float: right
}
.ya-loper .ya-poet:nth-child(2n) .ya-overfis {
  padding-left: 10%
}
.ya-loper .ya-poet:hover .ya-cersc {
  width: 100%;
  transition: all .5s ease-in-out
}
.ya-loper .ya-poet .ya-overfis .ya-ssa {
  display: block;
  margin-top: 4%;
  padding: 1% 2%;
  width: 100px;
  border-radius: 15px;
  background: #338ac9;
  color: #fff;
  text-align: center;
  text-decoration: none
}
.ya-cersc {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #338ac9;
  transition: all .5s ease-in-out
}
.ya-led, .ya-serf-x {
  margin: 0 auto;
  width: 70%
}
.mySwiper .swiper-slide {
  width: 15% !important;
  height: 100%
}
.ya-faer {
  padding: 0.5% 0
}
.ya-faer table {
  width: 100%
}
.ya-faer table tr, .ya-faer table tr td {
  border: 1px solid #000
}
.ya-faer h4 {
  padding-bottom: 2%;
  color: #338ac9;
  text-align: center;
  font-size: 30px;
  font-family: 微软雅黑
}
.ya-faer h1 {
  padding-bottom: 2%;
  color: #338ac9;
  text-align: center;
  font-size: 30px;
  font-family: 微软雅黑
}
.ya-faer img {
  max-width: 100% !important
}
.ya-faer .hty-p {
  text-align: left;
  font-size: 1em;
  font-family: 微软雅黑
}
.ya-faer .hty-p p {
  text-align: left !important;
}
.ya-fg {
  background: #fff
}
.mySwiper2 {
  margin-bottom: 2%
}
.mySwiper2 .swiper-slide {
  border-radius: 15px;
  background: #fff
}
.mySwiper .swiper-slide {
  margin-right: 10px;
  margin-left: 1%;
  padding: 1% 0;
  border: 1px solid #fff;
  border-radius: 15px;
  background: #fff
}
.mySwiper .swiper-slide:hover {
  border: 1px solid #99c5e4
}
.ya-serf-x a {
  margin-top: 2%;
  margin-bottom: 5%;
  color: #000;
  color: #666;
  text-decoration: none;
  font-size: 18px
}
.ya-serf-x {
  width: 80%
}
.f {
  margin: 0 auto;
  padding: 2% 0;
  width: 70%
}
.f #pages {
  float: right;
  margin: 0
}
.f li {
  float: left;
  margin-left: 10px;
  padding: 6px 13px;
  border: 1px solid #666;
  border-radius: 56px
}
#pages li:hover {
  border: 1px solid #338ac9;
  background: #338ac9
}
#pages li:hover a, #pages li:hover span {
  color: #fff
}
.ya-jopy {
  padding-top: 80px;
  padding-bottom: 40px
}
.ya-jopy p {
  font-size: 1em
}
.ya-jopy h4, .ya-jopy p {
  margin: 0;
  color: #338ac9;
  text-align: center;
  font-family: 微软雅黑
}
.ya-jopy h4 {
  font-size: 2em
}
.ya-serp {
  margin: 0 auto;
  width: 70%
}
.ya-serp .ya-wep {
  overflow: hidden;
  border-radius: 20px;
  background: #338ac9
}
.ya-serp .ya-wep .p-jy {
  padding: 23% 10% 0 10%;
  color: #fff;
  font-size: 1em;
  font-family: 微软雅黑
}
.ya-nret .ya-p-drt {
  padding: 1% 0;
  background: #338ac9;
  color: #fff;
  text-align: center;
  font-size: 25px
}
.ya-nret .ya-cass-d2 {
  padding: 29% 10%;
  background: #dbecfc
}
.ya-nret .ya-cass-d {
  padding: 15% 10%;
  background: #dbecfc
}
.ya-nret .ya-cass-d1 {
  padding: 29% 10%;
  background: #f4f4f4
}
.ya-nret .ya-p-cerdle {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9
}
.ya-lopersy, .ya-lopersy1 {
  overflow: hidden;
  margin: 3% auto;
  width: 70%;
  height: 290px;
  border-radius: 10px;
  box-shadow: 4px -1px 20px 4px #eee
}
.ya-lopersy .ya-sek:hover h4, .ya-lopersy1 .ya-sek:hover h4 {
  color: #338ac9
}
.ya-sek .ya-loser {
  padding: 6% 11% 0 4%
}
.ya-sek .ya-loser-sof {
  padding: 17% 11% 0
}
.ya-sek .ya-loser h4 {
  display: -webkit-box;
  overflow: hidden;
  color: #323333;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 30px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.ya-sek .ya-loser .time {
  font-size: 1em;
  font-family: 微软雅黑
}
.ya-sek .ya-loser .content {
  display: -webkit-box;
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: 微软雅黑;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.ya-sek .ya-loser .ya-new-p {
  display: block;
  margin-top: 5%;
  padding: 5px 0;
  width: 100px;
  border: 1px solid #323333;
  border-radius: 15px;
  color: #323333;
  text-align: center;
  text-decoration: none
}
.swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1 !important
}
.ya-lopersy .ya-sek .ced-img {
  overflow: hidden;
  width: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
.ya-new-roy {
  margin: 0 auto;
  width: 70%
}
.ya-new-roy .ya-new-jut {
  padding: 2% 0;
  border-bottom: 1px solid #666
}
.ya-new-roy .ya-new-jut .ya-new-curt h4 {
  color: #323333;
  font-size: 20px;
  -webkit-line-clamp: 1
}
.ya-new-roy .ya-new-jut .ya-new-curt .content, .ya-new-roy .ya-new-jut .ya-new-curt h4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}
.ya-new-roy .ya-new-jut .ya-new-curt .content {
  color: #666;
  font-size: 16px;
  -webkit-line-clamp: 2
}
.ya-new-roy .ya-new-jut .ya-new-curt .ya-a-vety {
  display: block;
  margin-top: 5%;
  color: #666;
  text-decoration: none;
  font-size: 16px
}
.ya-new-roy .ya-new-jut:hover .ya-a-vety, .ya-new-roy .ya-new-jut:hover h4 {
  color: #338ac9
}
.ya-big .ya-top-cont {
  padding: 4% 0;
  background: #ebebeb;
  background: url(../images/product-bg.jpg) no-repeat center bottom;
  border-bottom: 1px solid #f3f3f3;
}
.ya-big .ya-top-cont .ya-top-cont-h4 {
  font-size: 3em;
  font-family: 微软雅黑
}
.ya-big .ya-top-cont .ya-top-cont-p {
  font-size: 1em;
  font-family: 微软雅黑
}
.ya-content-beal {
  padding: 5% 0
}
.col-a {
  color: #000;
  text-decoration: none
}
.ya-content-beal img {
  width: 100%;
}
.ya-bot ul li {
  padding: 0!important;
}
.ya-bot .ya-hoer {
  position: relative
}
.ya-bot .ya-hoer .ya-dery {
  position: absolute;
  top: 100%;
  display: none;
  width: 100%;
  background: #fff
}
.ya-bot .ya-hoer .ya-dery .sdf, .ya-bot .ya-hoer .ya-dery .sed {
  color: #338ac9
}
.ya-bot .ya-hoer .ya-dery .sed:hover {
  background: #dbecfc
}
.ya-header-wx {
  position: fixed;
  top: 9%;
  top: 13.7%;
  left: 0;
  z-index: 99999;
  display: none;
  width: 100%;
  background: #338ac9
}
.ya-header-wx .ya-head .ya-ul-head {
  margin: 0
}
.ya-header-wx .ya-head .ya-ul-head li {
  border-bottom: 1px solid hsla(0, 0%, 100%, .38)
}
.ya-header-wx .ya-head .ya-ul-head li a {
  display: block;
  padding: 3% 2%;
  color: #fff;
  text-decoration: none
}
.ya-header-wx .ya-head .ya-ul-head li p {
  margin: 0
}
.ya-header-wx .ya-head .ya-ol-about {
  background: rgba(77, 164, 227, .54)
}
.ya-header-wx .ya-head .ya-ol-about li {
  border: none
}
.ya-header-wx .ya-head .ya-ol-about li:hover {
  background: #66b0e5
}
.head-bp, .ya-header-wx .ya-head .ya-ul-head .ya-about-a {
  display: none
}
.head-bp {
  position: absolute;
  top: 29%;
  top: 1.5rem;
  right: 5%
}
.head-bp .ablh-only-top {
  display: block;
  margin-top: 6px;
  width: 30px;
  height: 2px;
  background: #338ac9
}
.head-bp .ced {
  transition: .9s;
  transform: rotate(45deg);
  transform-origin: 8%
}
.head-bp .ced1 {
  transition: .9s;
  transform: rotate(0);
  transform-origin: 8%
}
.head-bp .ablh-only-content {
  margin-top: 6px;
  opacity: 1
}
.head-bp .ablh-only-bottom, .head-bp .ablh-only-content {
  display: block;
  width: 30px;
  height: 2px;
  background: #338ac9;
  transition: .9s
}
.head-bp .ablh-only-bottom {
  margin-top: 7px;
  transform: rotate(0);
  transform-origin: 8%
}
.footer {
  width: 100%;
  background: #338ac9
}
.footer .foot {
  margin: 0 auto;
  padding: 2% 0;
  width: 80%
}
.foot .ya-serf {
  text-align: center
}
.foot-map {
  /*background:url("../images/map.png") no-repeat center 0;*/
  background-size: cover;
  width: 100%;
  height: 200px;
  text-align: center;
}
.footer a, .footer a:hover {
  color: #fff;
  text-decoration: none
}
.footer .ya-serf img {
  margin: 0 auto
}
.footer .ya-serf p {
  padding-top: 10px;
  color: #fff;
  text-align: center
}
.footer .foot-bottom p, .footer .foot-bottom div {
  margin: 0;
  padding: 5px 0;
  text-align: center
}
.footer .foot-bottom span {
  padding-right: 3vh;
  /*color: #666*/
}
.footer .foot-bottom {
  background: #4f96d0;
  color: #FFF;
  padding: 0.7% 0;
  text-align: center;
}
.footer .foot .ya-hides ul li h4 {
  margin-bottom: 30px;
  font-size: 18px;
  font-family: 微软雅黑
}
.footer .foot .ya-hides ul li p {
  color: #59a0d3;
  font-size: 16px;
  font-family: 微软雅黑
}
.footer .foot .ya-hides ul li p:hover {
  color: #fff;
  transition: .3s ease-in-out
}
.footer .foot .ya-hides ul {
  padding: 0 4%
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10% !important;
  left: -180px !important
}
.swiper-pagination-bullet-active {
  background: #338ac9 !important
}
#web_kf, #web_kf_one, #web_kf_two, .dd_j {
  font-size: 40px
}
#map {
  width: 90%;
  height: 700px;
  border: 1px solid #ccc;
  font-size: 12px
}
.ya-ul-boted:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10%;
  z-index: 0;
  display: block;
  width: 1px;
  background-color: #666;
  content: ""
}
.ya-des {
  overflow: hidden;
  transform: translateY(8%)
}
.ya-r ots {
  padding-bottom: 6%
}
.dosp img {
  width: 100%
}
.ya-gh {
  position: relative;
  position: absolute;
  top: 30%;
  right: 0;
  bottom: 0;
  left: -46%;
  margin: 0 auto;
  width: 32%
}
.ya-gh h4, .ya-htoy h4 {
  color: #338ac9;
  font-size: 30px;
  font-family: 微软雅黑
}
.ya-gh p, .ya-htoy p {
  color: #338ac9;
  font-size: 30px;
  line-height: 30px
}
.ya-htoy {
  position: relative;
  position: absolute;
  top: 30%;
  right: 0;
  left: -46%;
  margin: 0 auto;
  width: 32%
}
.ya-jopy1 img {
  margin: 0 auto 70px;
  width: 100%
}
.ya-hide-h {
  overflow: hidden
}
.ya-hide-h img {
  transition: all .5s ease-in-out;
  transform: scale(1)
}
.ya-fops .ya-poet:hover .ya-hide-h img {
  transition: all .5s ease-in-out;
  transform: scale(1.1)
}
.ya-view ul {
  padding: 0 2% !important
}
.ya-headter .ya-cont .ya-ul li p {
  font-size: 16px !important
}
.ya-header .ya-cont .ya-ul li .ya-home:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 25px;
  height: 1px;
  background: #0072bf;
  transform: scaleX(0);
  transition: transform .3s ease-in-out
}
.ya-header .ya-cont .ya-ul li:hover .ya-home:after {
  transform: scaleX(1);
}
.ya-header .ya-cont .ya-ul li:hover .ya-home {
  color: #0072bf;
}
.ya-sedr-jur {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
} /*以下改*/ .ya-gop, .ya-o-cont {
  max-width: 1500px;
  margin: 0 auto;
}
.ya-gop .ya-ap-werr, .ya-o-cont {
  padding: 50px 0;
}
/*分页2*/
.paging {
  width: 100%;
  height: 86px;
}
.page {
  margin: auto;
  display: table;
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
}
.page a, .page span {
  display: inline-block;
  border: 1px solid #dfdfdf;
  color: #888;
  margin: 0px 2px;
  padding: 7px 17px;
  text-decoration: none;
}
.page .current {
  color: #fff;
  border-color: #1e7dc3;
  background-color: #1e7dc3;
}
.page .prev, .page .next {
  color: #ccc;
  background-color: #fff;
}
.page a:hover, .page a.prev:hover, .page a.next:hover {
  border: 1px solid #1e7dc3;
  color: #1e7dc3;
  background-color: #fff;
  text-decoration: none;
}
.page a.prev, .page a.next {
  border: 1px solid #dfdfdf;
  color: #888;
  margin: 0px 2px;
  padding: 7px 17px;
  text-decoration: none;
}
.page b {
  color: #fff;
  display: inline-block;
  background-color: #1e7dc3;
  border: 1px solid #dfdfdf;
  margin: 0px 2px;
  padding: 7px 17px;
  text-decoration: none;
  font-weight: normal;
}
.page a b {
  float: left;
  border: none;
  color: #888;
  margin: 0px 2px;
  padding: 0;
  text-decoration: none;
  background: #fff;
}
.paging .p1div6 {
  width: 60px;
  height: 40px;
  /*float: left;*/

  background-color: #f8f8f8;
  /*text-align: center;*/

  float: left;
  margin-right: 8px;
}
.paging .pageNumber .total {
  text-align: center;
}
.attention {
  text-align: center;
  background-color: #f8f8f8;
}
/*join*/
.join-bg {
  background: url(/img/join-bg.png) no-repeat center 0;
  background-size: 100%;
  padding-bottom: 100px;
  padding-top: 65%;
}
.join-bg ul {
  width: 80%;
  margin: 0 auto;
}
.join-bg li {
  background: url(/img/icon.png) no-repeat 0 center;
  padding-left: 30px;
  margin: 5% 0;
}
.join-bg li a {
  display: inline-block;
  padding: 10px;
  color: #FFF;
  background: #2b79bd;
  padding-right: 150px;
}
/*message*/
.Message {
  margin: 0 auto;
}
#Message {
  width: 90%;
  height: auto;
  min-height: 450px;
}
#Message p {
  padding: 1px 0;
}
#Message select.SingleText {
  width: 101%;
  height: 43px;
}
#Message .SingleText {
  border: #BBB 1px solid;
  line-height: 35px;
  margin-top: 4px;
  text-indent: 0.5em;
  font-family: verdana, geneva, sans-serif;
  margin-bottom: 15px;
  background: url(/images/message_bg.gif) repeat-x 0 -10px;
  width: 99%;
  height: 35px;
  color: #555;
  font-size: 1.2em;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#Message .AreaText {
  border: #BBB 1px solid;
  line-height: 20px;
  margin-top: 6px;
  text-indent: 0.5em;
  width: 99%;
  font-family: verdana, geneva, sans-serif;
  margin-bottom: 10px;
  background: #EDEDED url(/images/message_bg.gif) repeat-x top left;
  height: 156px;
  color: #555;
  font-size: 1.2em;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#Message .submit {
  border-bottom: medium none;
  border-left: medium none;
  width: 105px;
  background: url(/images/btn_submit.gif) no-repeat center top;
  height: 37px;
  border-top: medium none;
  cursor: pointer;
  border-right: medium none
}
#Message .submit:hover {
  background: url(/images/btn_submit.gif) no-repeat center bottom;
}
#Message .code {
  width: 90px;
}
#Message .code_img {
  cursor: pointer;
  width: 130px !important;
  margin-top: -5px;
  display: inline-block;
  padding-left: 15px;
}
.tijiao {
  margin: 10px 0;
}

@media (min-width:1921px) {
  .swi-div {
    max-height: 100% !important
  }
  #customer img, .ya-nret img {
    width: 100% !important
  }
  .footer .foot, .ya-about-soyer, .ya-big .ya-bottom-rot .ya-loper, .ya-big .ya-neroy, .ya-header .ya-cont, .ya-lopersy, .ya-new .ya-new-bottom, .ya-new-roy, .ya-product .ya-product-bottom, .ya-serp, .ya-body {
    width: 60% !important
  }
  .ya-lopersy1 {
    width: 70% !important
  }
  .ya-jopy1 img {
    margin: 0 auto !important;
    width: 100% !important;
    padding-bottom: 5% !important;
  }
  /*.ya-foy, .ya-foy1 {
    padding-bottom: 900px !important
  }*/
  .footer .foot .ya-hides ul {
    padding: 0 3% !important
  }
}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1600px) {
  .ya-gop, .ya-o-cont {
    margin: 0 auto;
    max-width: 1200px;
  }
  .ya-gop .ya-ap-werr img, .ya-o-cont .ya-o-bottom img {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .ya-gop, .ya-o-cont {
    margin: 0 auto;
    max-width: 1200px;
  }
  .ya-gop .ya-ap-werr img, .ya-o-cont .ya-o-bottom img {
    width: 100%;
  }
}
@media screen and (max-width: 1360px) {
  .ya-gop, .ya-o-cont {
    margin: 0 auto;
    max-width: 1060px;
  }
  .ya-gop .ya-ap-werr img, .ya-o-cont .ya-o-bottom img {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {}
@media (max-width:1200px) {
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
    height: 100% !important
  }
  .ya-sek .ya-loser {
    padding-top: 6% !important
  }
}
@media (min-width:768px) and (max-width:992px) {
  .ya-loper1 ul li:nth-child(even) .ya-s-rouy p, .ya-loper1 ul li:nth-child(odd) .ya-s-rouy p {
    width: 100% !important;
  }
  .footer .ya-serf img {
    width: 90px !important;
  }
  .ya-sedr-jur {
    line-height: 35px;
    height: 35px;
  }
  .ya-loper .ya-poet .ya-overfis {
    height: auto !important
  }
  #certify {
    transform: rotate(180deg)
  }
  .ya-product-top1 {
    background: url(../images/i_hur_02.jpg) no-repeat 70% !important
  }
  .ya-kuy-h4 h4, .ya-tre h4 {
    font-size: 18px !important
  }
  #sod, .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    display: none !important
  }
  .ya-serp .ya-wep {
    border-radius: 0 !important
  }
  .ya-jopy {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-serp .ya-wep {
    background: #fff !important
  }
  .ya-loper1 {
    padding: 0 10px !important
  }
  .ya-loper1 .ya-s-rouy1:nth-child(add) h4, .ya-loper1 .ya-s-rouy1:nth-child(add) p {
    text-align: right !important
  }
  .ya-sek .ya-loser .content {
    width: 100% !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper img {
    padding: 0 !important
  }
  .ya-lopersy, .ya-lopersy1 {
    height: 100% !important
  }
  .ya-big .ya-bottom-rot .ya-loper p, .ya-bors p {
    padding: 0 !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper {
    padding: 30px 0 10px !important
  }
  #ya-certify .ya-seer .ya-ceder h4, .ya-bors h4, .ya-sek .ya-loser h4 {
    font-size: 18px !important
  }
  #ya-certify .ya-seer .ya-ceder p, .ya-big .ya-bottom-rot .ya-loper p {
    font-size: 15px !important;
    line-height: 35px;
    min-height: 35px;
  }
  #map {
    margin-bottom: 10px !important;
    width: 100% !important
  }
  .ya-hory {
    height: auto !important
  }
  .ya-foy {
    height: 40vh !important
  }
  .ya-new-voh .ya-cerd h4 {
    padding-top: 10px !important
  }
  .ya-new-voh .ya-cerd a {
    padding: 4px 17px !important;
    font-size: 14px !important
  }
  .ya-sew {
    height: 100% !important
  }
  .ya-des {
    transform: translateY(2%) !important
  }
  .ssdd img {
    transform: rotateX(180deg) !important
  }
  .ya-boxs .ya-col h4, .ya-boxs .ya-col p, .ya-boxs a {
    color: #288bce !important;
    text-align: center !important
  }
  .ya-boxs a {
    margin: 0 auto !important;
    border: 1px solid #288bce !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    line-height: 25px !important
  }
  .ya-gh {
    left: -28% !important;
    width: 60% !important
  }
  .ya-product .ya-product-top {
    padding-top: 4% !important
  }
  .ya-boxs .ya-col h4, .ya-gh h4, .ya-gh p, .ya-htoy h4, .ya-htoy p {
    margin: 0;
    font-size: 18px !important
  }
  .ya-about-soyer .ya-about-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-about-soyer .ya-about-title p, .ya-boxs .ya-col h4, .ya-new .ya-new-top p, .ya-product .ya-product-top p {
    font-size: 16px !important
  }
  .ya-about-soyer .ya-a-index p, .ya-about-soyer .ya-about-content .ya-p-sd, .ya-about-soyer .ya-about-ul p, .ya-boxs .ya-col p, .ya-boxs a, .ya-product .ya-product-ul li p {
    margin: 0;
    font-size: 15px !important
  }
  .ya-boxs a {
    margin-top: 10px !important;
    padding: 2px 20px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 22px !important
  }
  .ya-boxs .ya-col {
    padding: 5% 7% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    background: #fff !important
  }
  .ya-nret .ya-p-drt, .ya-sed .ya-sed-f li h4 {
    font-size: 15px !important
  }
  .ya-sed .ya-sed-f li .serf, .ya-sed .ya-sed-f li .serf1, .ya-sed .ya-sed-f li .serf2 {
    width: 45px !important;
    height: 35px !important
  }
  .foot .sedr img {
    width: 90px !important
  }
  .footer .foot-bottom span {
    display: block !important
  }
  .ya-new-voh .ya-cerd h4 {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important
  }
  .ya-new-voh .ya-got {
    box-shadow: -1px 2px 9px 4px rgba(0, 0, 0, .11) !important
  }
  .ya-new-voh {
    PADDING-BOTTOM: 10px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 40px !important;
    text-align: right !important
  }
  /*.ya-about-soyer img,.ya-new-bty {
		display: none!important
	}*/
  .ya-new .ya-new-top {
    padding-top: 6% !important;
    padding-bottom: 5% !important
  }
  .ya-new-voh .ya-sox {
    padding: 0 !important
  }
  .ya-new-voh .ya-cerd {
    margin-bottom: 0 !important;
    padding: 3% 3% !important;
    width: 50% !important
  }
  .kfl {
    padding-left: 0 !important;
    text-align: left !important
  }
  .kfr {
    text-align: right !important
  }
  .ya-sed {
    margin: -2% auto 0 !important;
    width: 90% !important
  }
  .ya-header .ya-cont {
    width: 95% !important
  }
  .ya-big .ya-neroy {
    width: 100% !important
  }
  #map {
    height: 400px !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }
  .ya-nret .ya-cass-d1, .ya-nret .ya-cass-d2 {
    padding: 19% 10% !important
  }
  .ya-serp .ya-wep .p-jy {
    padding: 1% 3% !important
  }
  .ya-loper .ya-poet .ya-overfis p {
    padding-right: 0 !important;
    text-align: left
  }
  .ya-big .ya-top-cont .ya-top-cont-h4, .ya-faer h4, .ya-loper .ya-poet .ya-overfis h4 {
    font-size: 1.2em !important
  }
  .ya-loper .ya-poet:nth-child(2n) .ya-xc {
    float: none !important
  }
  .ya-loper1 .ya-ps-s {
    top: 30px !important
  }
  .ya-loper5 .ya-about-content h4 {
    font-size: 1.5em !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr {
    padding: 11% 5% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
    height: 100% !important
  }
  #web_kf, #web_kf_one, #web_kf_two, .dd_j {
    font-size: 2em !important
  }
  .ya-about-soyer {
    width: 100% !important
  }
  .ya-led, .ya-loper5, .ya-serf-x {
    width: 95% !important
  }
  .ya-loper .ya-poet .ya-overfis {
    margin: 0 !important;
    padding: 5% !important
  }
  .ya-loper .ya-poet .ya-overfis h4 {
    margin: 0;
    padding: 0;
    text-align: center !important
  }
  .ya-loper .ya-poet .ya-overfis .ya-ssa, .ya-loper .ya-poet .ya-overfis p {
    margin: 4% auto !important
  }
  .ya-sek .dosp {
    padding: 0
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }
  .ya-sek .ya-loser {
    padding: 6% 0 !important
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 46% !important;
    left: 0 !important
  }
  .ya-lopersy, .ya-lopersy1, .ya-new-roy {
    width: 90% !important
  }
  .ya-new-roy .ya-new-jut img {
    width: 100% !important
  }
  .head-bp {
    display: block
  }
  .ya-hides {
    display: none
  }
  .ya-header .ya-cont .ya-logo {}
  .foot .sedr img {
    margin: 2% auto
  }
  .ya-about-soyer .ya-a-index {
    margin: 0 auto 7% !important
  }
  .ya-about-soyer .ya-about-ul p strong {
    font-size: 3em !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    width: 100% !important
  }
  .ya-about-soyer .ya-about-ul {
    margin: 2em 0 !important
  }
  .ya-about-soyer .ya-about-ul li {
    border-left: none !important
  }
  .ya-sed .ya-sed-f li:nth-child(2) {
    border-right: none !important;
    border-left: none !important
  }
  .ya-product .ya-product-ul li p {
    padding: 0 23% !important;
    font-size: 12px !important
  }
  .product-title {
    width: 100%;
    height: 20px;
    position: inherit;
    background: none;
    padding: 25px 0 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #1857a6;
    transition: all 0.25s ease-in-out;
    text-align: center;
    left: 0;
  }
  .ya-product .ya-product-ul li img {
    width: 100%;
  }
  .ya-product .ya-product-ul li .ya-product-i, .ya-product .ya-product-ul li .ya-product-i1, .ya-product .ya-product-ul li .ya-product-i2, .ya-product .ya-product-ul li .ya-product-i3, .ya-product .ya-product-ul li .ya-product-p, .ya-product .ya-product-ul li .ya-product-p2 {
    width: 60px !important;
    height: 60px !important
  }
  .ya-product .ya-product-ul li .ya-product-p1 {
    width: 70px !important;
    height: 60px !important
  }
  .ya-product .ya-product-bottom {
    width: 90% !important;
    transform: translateY(-5%) !important
  }
  .ya-about-soyer .ya-about-title h4, .ya-new .ya-new-top h4, .ya-nret .ya-p-drt, .ya-product .ya-product-top h4, .ya-title h4 {
    font-size: 34px !important
  }
  #certify .swiper-slide {
    width: 430px !important
  }
  .ya-boxs .ya-col {
    padding: 12% 24% !important;
    transform: rotate(180deg)
  }
  #certify .swiper-slide img {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 60% !important;
    box-shadow: none !important
  }
  .ya-new .ya-new-bottom .ya-new-tob {
    transform: translateY(3%) !important
  }
  .ya-new-voh li {
    margin-bottom: -3% !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul li p {
    padding: 5px 0 !important;
    font-size: 16px !important
  }
}
@media (max-width:768px) {
  .ya-loper1 ul li:nth-child(even) .ya-s-rouy p, .ya-loper1 ul li:nth-child(odd) .ya-s-rouy p {
    width: 100% !important;
  }
  .ya-loper1 li:nth-child(2n) .ya-s-rouy {
    transform: translateX(12px) !important;
  }
  .footer .ya-serf img {
    width: 90px !important;
  }
  .ya-sedr-jur {
    line-height: 35px;
    height: 35px;
  }
  .ya-loper .ya-poet .ya-overfis {
    height: auto !important
  }
  #certify {
    transform: rotate(180deg)
  }
  .ya-product-top1 {
    background: url(../images/i_hur_02.jpg) no-repeat 70% !important
  }
  .ya-kuy-h4 {
    margin-top: 10% !important
  }
  .ya-kuy-h4 h4, .ya-tre h4 {
    font-size: 18px !important
  }
  .ya-loper1 ul li .ya-s-rouy h4 {
    font-size: 20px !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-ttr, .ya-loper1 ul li:nth-child(odd) .ya-s-ttr {
    width: 60% !important;
    transform: translateY(16%) !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-rouy1 {
    width: 70% !important;
    transform: translateX(0) !important
  }
  .ya-ul-boted li:nth-child(4) {
    display: none !important
  }
  .ya-foy1 {
    padding-bottom: 0 !important;
    height: 40vh !important
  }
  #sod, .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    display: none !important
  }
  .ya-serp .ya-wep {
    border-radius: 0 !important
  }
  .ya-serp .ya-wep {
    background: #fff !important
  }
  #certify1 {
    margin-bottom: 10px !important
  }
  .ya-loper1 {
    padding: 0 10px !important
  }
  .ya-loper1 .ya-s-rouy1:nth-child(add) h4, .ya-loper1 .ya-s-rouy1:nth-child(add) p {
    text-align: right !important
  }
  .ya-sek .ya-loser .content {
    width: 100% !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper img {
    padding: 0 !important
  }
  #certify1 .ya-ap-werr .ya-bote h4 {
    font-size: 18px !important
  }
  .dse, .ya-big .ya-bottom-rot .ya-loper {
    width: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt h4 {
    font-size: 16px !important
  }
  .ya-lopersy, .ya-lopersy1 {
    height: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt .content, .ya-new-roy .ya-new-jut .ya-new-curt .ya-a-vety {
    font-size: 15px !important
  }
  .ya-new-roy .ya-new-jut {
    margin-top: 30px !important
  }
  .ya-jopy {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-jopy h4 {
    font-size: 18px !important
  }
  .ya-serf-x a {
    font-size: 15px !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul {
    width: 100% !important
  }
  .ya-big .ya-bottom-rot .ya-loper p, .ya-bors p {
    padding: 0 !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper {
    padding: 30px 0 10px !important
  }
  #ya-certify .ya-seer .ya-ceder h4, .ya-bors h4, .ya-sek .ya-loser h4 {
    font-size: 18px !important
  }
  #ya-certify .ya-seer .ya-ceder p, .ya-big .ya-bottom-rot .ya-loper p {
    font-size: 15px !important;
  }
  #map {
    margin-bottom: 10px !important;
    width: 100% !important
  }
  .ya-hory {
    height: auto !important
  }
  .ya-foy {
    height: 40vh !important
  }
  .ya-new-voh .ya-cerd h4 {
    padding-top: 10px !important
  }
  .ya-new-voh .ya-cerd a {
    padding: 4px 17px !important;
    font-size: 14px !important
  }
  .ya-sew {
    height: 100% !important
  }
  .ya-des {
    transform: translateY(2%) !important
  }
  .ssdd img {
    transform: rotateX(180deg) !important
  }
  .ya-boxs .ya-col h4, .ya-boxs .ya-col p, .ya-boxs a {
    color: #288bce !important;
    text-align: center !important
  }
  .ya-boxs a {
    margin: 0 auto !important;
    border: 1px solid #288bce !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    line-height: 25px !important
  }
  .ya-gh {
    left: -25% !important;
    width: 60% !important
  }
  .ya-product .ya-product-top {
    padding-top: 4% !important
  }
  .ya-boxs .ya-col h4, .ya-gh h4, .ya-gh p, .ya-htoy h4, .ya-htoy p {
    margin: 0;
    font-size: 18px !important
  }
  .ya-about-soyer .ya-about-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-about-soyer .ya-about-title p, .ya-boxs .ya-col h4, .ya-new .ya-new-top p, .ya-product .ya-product-top p {
    font-size: 16px !important
  }
  .ya-about-soyer .ya-a-index p, .ya-about-soyer .ya-about-content .ya-p-sd, .ya-about-soyer .ya-about-ul p, .ya-boxs .ya-col p, .ya-boxs a, .ya-product .ya-product-ul li p {
    margin: 0;
    font-size: 15px !important
  }
  .ya-boxs a {
    margin-top: 10px !important;
    padding: 2px 20px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 22px !important
  }
  .ya-boxs .ya-col {
    padding: 5% 7% !important;
    background: #fff !important
  }
  .ya-nret .ya-p-drt, .ya-sed .ya-sed-f li h4 {
    font-size: 15px !important
  }
  .ya-sed .ya-sed-f li .serf, .ya-sed .ya-sed-f li .serf1, .ya-sed .ya-sed-f li .serf2 {
    width: 45px !important;
    height: 35px !important
  }
  .foot .sedr img {
    width: 90px !important
  }
  .footer .foot-bottom span {
    display: block !important
  }
  .ya-new-voh .ya-cerd h4 {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important
  }
  .ya-new-voh .ya-got {
    box-shadow: -1px 2px 9px 4px rgba(0, 0, 0, .11) !important
  }
  .ya-new-voh {
    PADDING-BOTTOM: 10px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 40px !important;
    text-align: right !important
  }
  /*.ya-big {
    margin-top: 77px !important
  }*/
  .ya-header .ya-cont .ya-logo img {
    width: 65% !important
  }
  .ya-new-bty {
    display: none !important
  }
  .ya-new .ya-new-top {
    padding-top: 6% !important;
    padding-bottom: 5% !important
  }
  .ya-new-voh .ya-sox {
    padding: 0 !important
  }
  .ya-new-voh .ya-cerd {
    margin-bottom: 0 !important;
    padding: 3% 3% !important;
    width: 50% !important
  }
  .kfl {
    padding-left: 0 !important;
    text-align: left !important
  }
  .kfr {
    text-align: right !important
  }
  .ya-sed {
    margin: -2% auto 0 !important;
    width: 90% !important
  }
  /*.ya-about-soyer img {
		display: none!important
	}*/
  .ya-header .ya-cont {
    width: 95% !important
  }
  .ya-big .ya-neroy {
    width: 100% !important
  }
  #map {
    height: 300px !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }
  .ya-nret .ya-cass-d1, .ya-nret .ya-cass-d2 {
    padding: 19% 10% !important
  }
  .ya-serp .ya-wep .p-jy {
    padding: 0 3% !important
  }
  .ya-loper .ya-poet .ya-overfis p {
    padding-right: 0 !important;
    text-align: left
  }
  .ya-big .ya-top-cont .ya-top-cont-h4, .ya-faer h4, .ya-loper .ya-poet .ya-overfis h4 {
    font-size: 1.2em !important
  }
  .ya-loper .ya-poet:nth-child(2n) .ya-xc {
    float: none !important
  }
  .ya-loper1 .ya-ps-s {
    top: 30px !important
  }
  .ya-loper5 .ya-about-content h4 {
    font-size: 1.5em !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul li p {
    padding: 5px 0 !important;
    font-size: 12px !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr {
    padding: 17% 5% !important
  }
  .ya-new .ya-new-bottom {
    width: 95% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
    height: 100% !important
  }
  #web_kf, #web_kf_one, #web_kf_two, .dd_j {
    font-size: 2em !important
  }
  .ya-about-soyer {
    width: 100% !important
  }
  .ya-led, .ya-loper5, .ya-serf-x {
    width: 95% !important
  }
  .ya-loper .ya-poet .ya-overfis {
    margin: 0 !important;
    padding: 5% !important
  }
  .ya-loper .ya-poet .ya-overfis h4 {
    margin: 0;
    padding: 0;
    text-align: center !important
  }
  .ya-loper .ya-poet .ya-overfis .ya-ssa, .ya-loper .ya-poet .ya-overfis p {
    margin: 4% auto !important
  }
  .ya-sek .dosp {
    padding: 0 !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }
  .ya-sek .ya-loser {
    padding: 6% 0 !important
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 46% !important;
    left: 0 !important
  }
  .ya-lopersy, .ya-lopersy1, .ya-new-roy {
    width: 90% !important
  }
  .ya-new-roy .ya-new-jut img {
    width: 100% !important
  }
  .head-bp {
    display: block
  }
  .ya-hides, .ya-soret {
    display: none
  }
  .ya-header .ya-cont .ya-logo {
    padding: 0% 0 !important;
    margin: 0 !important;
  }
  .foot .sedr img {
    margin: 2% auto
  }
  .ya-about-soyer .ya-a-index {
    margin: 0 auto 7% !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    width: 100% !important
  }
  .ya-about-soyer .ya-about-ul {
    margin: 2em 0 !important
  }
  .ya-about-soyer .ya-about-ul li {
    border-left: none !important
  }
  .ya-sed .ya-sed-f li:nth-child(2) {
    border-right: none !important;
    border-left: none !important
  }
  .ya-product .ya-product-ul li p {
    padding: 0 23% !important;
    font-size: 12px !important
  }
  .product-title {
    width: 100%;
    height: 20px;
    position: inherit;
    background: none;
    padding: 25px 0 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #1857a6;
    transition: all 0.25s ease-in-out;
    text-align: center;
    left: 0;
  }
  .ya-product .ya-product-ul li img {
    width: 100%;
  }
  .ya-product .ya-product-ul li .ya-product-i, .ya-product .ya-product-ul li .ya-product-i1, .ya-product .ya-product-ul li .ya-product-i2, .ya-product .ya-product-ul li .ya-product-i3, .ya-product .ya-product-ul li .ya-product-p, .ya-product .ya-product-ul li .ya-product-p2 {
    width: 60px !important;
    height: 60px !important
  }
  .ya-product .ya-product-ul li .ya-product-p1 {
    width: 70px !important;
    height: 60px !important
  }
  .ya-product .ya-product-bottom {
    width: 90% !important;
    transform: translateY(-5%) !important
  }
  .ya-about-soyer .ya-about-title h4, .ya-new .ya-new-top h4, .ya-nret .ya-p-drt, .ya-product .ya-product-top h4, .ya-title h4 {
    font-size: 26px !important
  }
  #certify .swiper-slide, #certify1 .swiper-slide, #ya-certify .swiper-slide {
    width: 100% !important;
    box-shadow: none !important
  }
  .ya-boxs .ya-col {
    padding: 4% 7% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    transform: rotate(180deg)
  }
  #certify .swiper-slide img {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 60% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob {
    transform: translateY(3%) !important
  }
  .ya-new-voh li {
    margin-bottom: -3% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr-p {
    display: none !important
  }
  .ya-about-soyer .ya-about-ul p strong {
    font-size: 3em !important
  }
}
@media (max-width:640px) {
  .ya-loper1 ul li:nth-child(even) .ya-s-rouy p, .ya-loper1 ul li:nth-child(odd) .ya-s-rouy p {
    width: 100% !important;
  }
  .ya-loper1 li:nth-child(2n) .ya-s-rouy {
    transform: translateX(12px) !important;
  }
  .footer .ya-serf img {
    width: 90px !important;
  }
  .ya-sedr-jur {
    line-height: 35px;
    height: 35px;
  }
  .ya-loper .ya-poet .ya-overfis {
    height: auto !important
  }
  #certify, .ya-boxs .ya-col {
    transform: rotate(180deg)
  }
  .ya-product-top1 {
    background: url(../images/i_hur_02.jpg) no-repeat 70% !important
  }
  .ya-kuy-h4 {
    margin-top: 10% !important
  }
  .ya-kuy-h4 h4, .ya-tre h4 {
    font-size: 18px !important
  }
  .ya-gh div p span, .ya-loper1 ul li .ya-s-rouy h4 {
    font-size: 20px !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-ttr, .ya-loper1 ul li:nth-child(odd) .ya-s-ttr {
    width: 100% !important;
    transform: translateY(16%) !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-rouy1 {
    width: 100% !important;
    transform: translateX(0) !important
  }
  .ya-ul-boted li:nth-child(4) {
    display: none !important
  }
  .ya-foy1 {
    padding-bottom: 0 !important;
    height: 40vh !important
  }
  #sod, .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    display: none !important
  }
  .ya-serp .ya-wep {
    border-radius: 0 !important
  }
  .ya-serp .ya-wep {
    background: #fff !important
  }
  #certify1 {
    margin-bottom: 10px !important
  }
  .ya-loper1 {
    padding: 0 10px !important
  }
  .ya-loper1 .ya-s-rouy1:nth-child(add) h4, .ya-loper1 .ya-s-rouy1:nth-child(add) p {
    text-align: right !important
  }
  .ya-sek .ya-loser .content {
    width: 100% !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper img {
    padding: 0 !important
  }
  #certify1 .ya-ap-werr .ya-bote h4 {
    font-size: 18px !important
  }
  .dse, .ya-big .ya-bottom-rot .ya-loper {
    width: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt h4 {
    font-size: 16px !important
  }
  .ya-lopersy, .ya-lopersy1 {
    height: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt .content, .ya-new-roy .ya-new-jut .ya-new-curt .ya-a-vety {
    font-size: 15px !important
  }
  .ya-new-roy .ya-new-jut {
    margin-top: 30px !important
  }
  .ya-jopy {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-jopy h4 {
    font-size: 18px !important
  }
  .ya-serf-x a {
    font-size: 15px !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul {
    width: 100% !important
  }
  .ya-big .ya-bottom-rot .ya-loper p, .ya-bors p {
    padding: 0 !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper {
    padding: 20px 0 10px !important
  }
  #ya-certify .ya-seer .ya-ceder h4, .ya-bors h4, .ya-sek .ya-loser h4 {
    font-size: 18px !important
  }
  #ya-certify .ya-seer .ya-ceder p, .ya-big .ya-bottom-rot .ya-loper p {
    font-size: 15px !important;
  }
  #map {
    margin-bottom: 10px !important;
    width: 100% !important
  }
  .ya-foy {
    height: 40vh !important
  }
  .ya-new-voh .ya-cerd h4 {
    padding-top: 10px !important
  }
  .ya-new-voh .ya-cerd a {
    padding: 4px 17px !important;
    font-size: 14px !important
  }
  .ya-sew {
    height: 100% !important
  }
  .ya-des {
    transform: translateY(2%) !important
  }
  .ssdd img {
    transform: rotateX(180deg) !important
  }
  .ya-boxs .ya-col h4, .ya-boxs .ya-col p, .ya-boxs a {
    color: #288bce !important;
    text-align: center !important
  }
  .ya-boxs a {
    margin: 0 auto !important;
    border: 1px solid #288bce !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    line-height: 25px !important
  }
  .ya-gh {
    width: 60% !important
  }
  .ya-product .ya-product-top {
    padding-top: 4% !important
  }
  .ya-boxs .ya-col h4, .ya-gh h4, .ya-gh p, .ya-htoy h4, .ya-htoy p {
    margin: 0;
    font-size: 18px !important
  }
  .ya-about-soyer .ya-about-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-about-soyer .ya-about-title p, .ya-boxs .ya-col h4, .ya-new .ya-new-top p, .ya-product .ya-product-top p {
    font-size: 16px !important
  }
  .ya-about-soyer .ya-a-index p, .ya-about-soyer .ya-about-content .ya-p-sd, .ya-about-soyer .ya-about-ul p, .ya-boxs .ya-col p, .ya-boxs a, .ya-product .ya-product-ul li p {
    margin: 0;
    font-size: 15px !important
  }
  .ya-boxs a {
    margin-top: 10px !important;
    padding: 2px 20px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 22px !important
  }
  .ya-boxs .ya-col {
    padding: 5% 7% !important;
    background: #fff !important
  }
  .ya-nret .ya-p-drt, .ya-sed .ya-sed-f li h4 {
    font-size: 15px !important
  }
  .ya-sed .ya-sed-f li .serf, .ya-sed .ya-sed-f li .serf1, .ya-sed .ya-sed-f li .serf2 {
    width: 45px !important;
    height: 35px !important
  }
  .foot .sedr img {
    width: 90px !important
  }
  .footer .foot-bottom span {
    display: block !important
  }
  .ya-new-voh .ya-cerd h4 {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important
  }
  .ya-new-voh .ya-got {
    box-shadow: -1px 2px 9px 4px rgba(0, 0, 0, .11) !important
  }
  .ya-new-voh {
    PADDING-BOTTOM: 10px !important
  }
  .ya-hory {
    height: auto !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: -4px !important;
    text-align: right !important
  }
  /*.ya-big {
    margin-top: 66px !important
  }*/
  .ya-new-bty {
    display: none !important
  }
  .ya-new .ya-new-top {
    padding-top: 6% !important;
    padding-bottom: 5% !important
  }
  .ya-new-voh .ya-sox {
    padding: 0 !important
  }
  .ya-new-voh .ya-cerd {
    margin-bottom: 0 !important;
    padding: 3% !important;
    width: 50% !important
  }
  .kfl {
    padding-left: 0 !important;
    text-align: left !important
  }
  .kfr {
    text-align: right !important
  }
  .ya-sed {
    margin: -2% auto 0 !important;
    width: 90% !important
  }
  /*.ya-about-soyer img {
		display: none!important
	}*/
  .ya-header .ya-cont {
    width: 95% !important
  }
  .ya-big .ya-neroy {
    width: 100% !important
  }
  #map {
    height: 300px !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }
  .ya-nret .ya-cass-d1, .ya-nret .ya-cass-d2 {
    padding: 19% 10% !important
  }
  .ya-serp .ya-wep .p-jy {
    padding: 0 3% !important
  }
  .ya-loper .ya-poet .ya-overfis p {
    padding-right: 0 !important;
    text-align: left
  }
  .ya-big .ya-top-cont .ya-top-cont-h4, .ya-faer h4, .ya-loper .ya-poet .ya-overfis h4 {
    font-size: 1.2em !important
  }
  .ya-loper .ya-poet:nth-child(2n) .ya-xc {
    float: none !important
  }
  .ya-loper1 .ya-ps-s {
    top: 30px !important
  }
  .ya-loper5 .ya-about-content h4 {
    font-size: 1.5em !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul li p {
    display: -webkit-box;
    overflow: hidden;
    padding: 5px 0 !important;
    text-overflow: ellipsis;
    font-size: 12px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  .ya-sed .ya-sed-f li {
    padding: 2em 0 !important
  }
  #certify .swiper-slide img {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 65% !important
  }
  .ya-boxs .ya-col {
    padding: 0 12% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }
  .ya-sed .ya-sed-f li h4 {
    font-size: 16px !important
  }
  .ya-sed .ya-sed-f li .serf, .ya-sed .ya-sed-f li .serf1, .ya-sed .ya-sed-f li .serf2 {
    width: 56px !important;
    height: 45px !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr {
    padding: 19% 5% !important
  }
  .ya-new .ya-new-bottom {
    width: 95% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
    height: 100% !important
  }
  #web_kf, #web_kf_one, #web_kf_two, .dd_j {
    font-size: 2em !important
  }
  .ya-about-soyer {
    width: 100% !important
  }
  .ya-led, .ya-loper5, .ya-serf-x {
    width: 95% !important
  }
  .ya-loper .ya-poet .ya-overfis {
    margin: 0 !important;
    padding: 5% !important
  }
  .ya-loper .ya-poet .ya-overfis h4 {
    margin: 0;
    padding: 0;
    text-align: center !important
  }
  .ya-loper .ya-poet .ya-overfis .ya-ssa, .ya-loper .ya-poet .ya-overfis p {
    margin: 4% auto !important
  }
  .ya-sek .dosp {
    padding: 0 !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }
  .ya-sek .ya-loser {
    padding: 6% 0 !important
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 46% !important;
    left: 0 !important
  }
  .ya-loper .ya-poet .ya-overfis p {
    width: 100% !important
  }
  .ya-lopersy, .ya-lopersy1, .ya-new-roy {
    width: 90% !important
  }
  .ya-new-roy .ya-new-jut img {
    width: 100% !important
  }
  .head-bp {
    display: block
  }
  .ya-hides, .ya-soret, .p-6 {
    display: none
  }
  .ya-header .ya-cont .ya-logo {
    padding: 2.5% 0 0 !important;
    margin: 0 !important;
  }
  .ya-header .ya-cont .ya-logo img {
    width: 60% !important
  }
  .foot .sedr img {
    margin: 2% auto
  }
  .ya-about-soyer .ya-a-index {
    margin: 0 auto 7% !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    width: 100% !important
  }
  .ya-about-soyer .ya-about-ul {
    margin: 2em 0 !important
  }
  .ya-about-soyer .ya-about-ul li {
    border-left: none !important;
    /*min-height: 300px;*/
  }
  .ya-sed .ya-sed-f li:nth-child(2) {
    border-right: none !important;
    border-left: none !important
  }
  .ya-product .ya-product-ul li p {
    padding: 0 23% !important;
    font-size: 12px !important
  }
  .ya-product .ya-product-ul li .ya-product-i, .ya-product .ya-product-ul li .ya-product-i1, .ya-product .ya-product-ul li .ya-product-i2, .ya-product .ya-product-ul li .ya-product-i3, .ya-product .ya-product-ul li .ya-product-p, .ya-product .ya-product-ul li .ya-product-p2 {
    width: 60px !important;
    height: 60px !important
  }
  .ya-product .ya-product-ul li .ya-product-p1 {
    width: 70px !important;
    height: 60px !important
  }
  .ya-product .ya-product-bottom {
    width: 90% !important;
    transform: translateY(-3%) !important
  }
  .ya-about-soyer .ya-about-title h4, .ya-new .ya-new-top h4, .ya-nret .ya-p-drt, .ya-product .ya-product-top h4, .ya-title h4 {
    font-size: 24px !important
  }
  .ya-new .ya-new-bottom .ya-new-tob {
    transform: translateY(3%) !important
  }
  .ya-new-voh li {
    margin-bottom: -3% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr-p, .sd-df {
    display: none !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty a {
    font-size: 12px !important
  }
  .ya-about-soyer .ya-about-ul p strong {
    font-size: 3em !important
  }
  .ya-serp .ya-wep {
    border-radius: 0
  }
  .ya-jopy1 img {
    margin: 0 auto 20px !important
  }
  .ya-header {
    height: 60px !important;
  }
}
@media (min-width:320px) and (max-width:480px) {
  .footer .ya-serf img {
    width: 90px !important;
  }
  .ya-sedr-jur {
    line-height: 35px;
    height: 35px;
  }
  .ya-serp {
    width: 90%;
  }
  .ya-xc div {
    height: 320px !important
  }
  .ya-xc div img {
    width: 90% !important
  }
  .ya-loper .ya-poet .ya-overfis {
    height: auto !important
  }
  #certify, .ya-boxs .ya-col {
    transform: rotate(180deg)
  }
  .ya-product-top1 {
    background: url(../images/i_hur_02.jpg) no-repeat 70% !important
  }
  .ya-htoy {
    left: -25% !important;
    width: 60% !important
  }
  .ya-kuy-h4 {
    margin-top: 10% !important
  }
  .ya-kuy-h4 h4, .ya-tre h4 {
    font-size: 18px !important
  }
  .ya-gh div p span, .ya-htoy p span {
    font-size: 16px !important
  }
  .ya-loper1 ul li .ya-s-rouy h4 {
    font-size: 20px !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-ttr, .ya-loper1 ul li:nth-child(odd) .ya-s-ttr {
    width: 100% !important;
    transform: translateY(16%) !important
  }
  .ya-loper1 ul li:nth-child(2n) .ya-s-rouy1 {
    width: 100% !important;
    transform: translateX(0) !important
  }
  .ya-ul-boted li:nth-child(4) {
    display: none !important
  }
  .bhh, .thh {
    width: 120% !important
  }
  .ghh {
    right: 133px !important;
    width: 135% !important
  }
  .ghh, .hff {
    position: relative
  }
  .hff {
    right: 77px !important;
    width: 120% !important
  }
  .ya-foy1 {
    padding-bottom: 0 !important;
    height: 35vh !important
  }
  #sod, .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    display: none !important
  }
  .ya-serp .ya-wep {
    border-radius: 0 !important
  }
  .ya-jopy1 img {
    margin: 0 auto 20px !important
  }
  .ya-jopy {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-serp .ya-wep {
    background: #338ac9 !important
  }
  #certify1 {
    margin-bottom: 10px !important
  }
  .ya-loper1 {
    padding: 0 10px !important
  }
  .ya-loper1 li:nth-child(odd) .ya-s-rouy {
    transform: translateX(12px) !important
  }
  .ya-loper1 li:nth-child(2n) img {
    transform: translateX(24px) !important
  }
  .ya-loper1 li:nth-child(2n) .ya-s-rouy {
    transform: translateX(-12px) !important
  }
  .ya-loper1 li:nth-child(odd) img {
    transform: translateX(-24px) !important
  }
  .ya-loper1 .ya-s-ttr {
    position: relative;
    top: 10px !important;
    overflow: inherit !important
  }
  .ya-loper1 li:nth-child(odd) h4, .ya-loper1 li:nth-child(odd) p {
    text-align: right !important
  }
  .ya-loper1 li:nth-child(odd) .ya-s {
    width: 20px !important;
    height: 20px !important;
    transform: translateX(-6px)
  }
  .ya-loper1 li:nth-child(2n) .ya-s {
    left: 0 !important;
    width: 20px !important;
    height: 20px !important
  }
  .ya-sek .ya-loser .content {
    width: 100% !important;
    font-size: 16px !important
  }
  #certify1 .ya-ap-werr .ya-bote h4 {
    font-size: 18px !important
  }
  .ya-big .ya-bottom-rot .ya-loper img {
    padding: 0 !important
  }
  .dse, .ya-big .ya-bottom-rot .ya-loper {
    width: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt h4 {
    font-size: 16px !important
  }
  .ya-lopersy, .ya-lopersy1 {
    height: 100% !important
  }
  .ya-new-roy .ya-new-jut .ya-new-curt .content, .ya-new-roy .ya-new-jut .ya-new-curt .ya-a-vety {
    font-size: 15px !important
  }
  .ya-new-roy .ya-new-jut {
    margin-top: 30px !important
  }
  .ya-jopy h4 {
    font-size: 18px !important
  }
  .ya-serf-x a {
    font-size: 15px !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul {
    width: 100% !important
  }
  .ya-big .ya-bottom-rot .ya-loper p, .ya-bors p {
    padding: 0 !important;
    font-size: 16px !important
  }
  .ya-big .ya-bottom-rot .ya-loper {
    padding: 20px 0 10px !important
  }
  #ya-certify .ya-seer .ya-ceder h4, .ya-bors h4, .ya-sek .ya-loser h4 {
    font-size: 18px !important
  }
  #ya-certify .ya-seer .ya-ceder p, .ya-big .ya-bottom-rot .ya-loper p {
    font-size: 15px !important;
  }
  #map {
    margin-bottom: 10px !important;
    width: 100% !important
  }
  .ya-foy {
    height: 35vh !important
  }
  .ya-new-voh .ya-cerd h4 {
    padding-top: 10px !important
  }
  .ya-new-voh .ya-cerd a {
    padding: 4px 17px !important;
    font-size: 14px !important
  }
  .ya-sew {
    height: 100% !important
  }
  .ya-des {
    transform: translateY(2%) !important
  }
  .ssdd img {
    transform: rotateX(180deg) !important
  }
  .ssdd {
    transform: translateY(5%) !important
  }
  .ya-boxs .ya-col h4, .ya-boxs .ya-col p, .ya-boxs a {
    color: #288bce !important;
    text-align: center !important
  }
  .ya-boxs a {
    margin: 0 auto !important;
    border: 1px solid #288bce !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    line-height: 25px !important
  }
  .ya-gh {
    left: -28% !important;
    width: 60% !important
  }
  .ya-product .ya-product-top {
    padding-top: 4% !important
  }
  .ya-boxs .ya-col h4, .ya-gh h4, .ya-gh p, .ya-htoy h4, .ya-htoy p {
    margin: 0;
    font-size: 18px !important
  }
  .ya-about-soyer .ya-about-title {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }
  .ya-about-soyer .ya-about-title p, .ya-boxs .ya-col h4, .ya-new .ya-new-top p, .ya-product .ya-product-top p {
    font-size: 16px !important
  }
  .ya-about-soyer .ya-a-index p, .ya-about-soyer .ya-about-content .ya-p-sd, .ya-about-soyer .ya-about-ul p, .ya-boxs .ya-col p, .ya-boxs a, .ya-product .ya-product-ul li p {
    margin: 0;
    font-size: 15px !important
  }
  .ya-boxs a {
    margin-top: 10px !important;
    padding: 2px 20px !important
  }
  .ya-new-voh .ya-cerd p {
    padding-top: 22px !important;
    text-align: right !important
  }
  .ya-boxs .ya-col {
    padding: 5% 7% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    background: #fff !important
  }
  .ya-nret .ya-p-drt, .ya-sed .ya-sed-f li h4 {
    font-size: 15px !important
  }
  .ya-sed .ya-sed-f li .serf, .ya-sed .ya-sed-f li .serf1, .ya-sed .ya-sed-f li .serf2 {
    width: 45px !important;
    height: 35px !important
  }
  .foot .sedr img {
    margin: 2% auto;
    width: 90px !important
  }
  .footer .foot-bottom span {
    display: block !important
  }
  .ya-new-voh .ya-cerd h4 {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important
  }
  .ya-new-voh .ya-got {
    box-shadow: -1px 2px 9px 4px rgba(0, 0, 0, .11) !important
  }
  .ya-new-voh {
    PADDING-BOTTOM: 10px !important
  }
  .ya-hory {
    height: auto !important
  }
  .ya-new-bty {
    display: none !important
  }
  .ya-new .ya-new-top {
    padding-top: 6% !important;
    padding-bottom: 5% !important
  }
  .ya-new-voh .ya-sox {
    padding: 0 !important
  }
  .ya-new-voh .ya-cerd {
    margin-bottom: 0 !important;
    padding: 0 3% !important;
    width: 50% !important
  }
  .kfl {
    padding-left: 0 !important;
    text-align: left !important
  }
  .kfr {
    text-align: right !important
  }
  .ya-sed {
    margin: -2% auto 0 !important;
    width: 90% !important
  }
  /*.ya-about-soyer img {
		display: none!important
	}*/
  .ya-header .ya-cont {
    width: 95% !important
  }
  .ya-big .ya-neroy .ya-ul-boted li .ya-dersrt, .ya-big .ya-neroy .ya-ul-boted li .ya-dersrt1, .ya-big .ya-neroy .ya-ul-boted li .ya-dersrt2, .ya-big .ya-neroy .ya-ul-boted li .ya-dersrt3 {
    position: relative !important;
    top: 16px !important;
    width: 50px !important;
    height: 50px !important
  }
  .ya-big .ya-neroy {
    width: 100% !important
  }
  #map {
    height: 300px !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }
  .ya-nret .ya-cass-d1, .ya-nret .ya-cass-d2 {
    padding: 19% 10% !important
  }
  .ya-serp .ya-wep .p-jy {
    padding: 5% 3% !important
  }
  .ya-serp .ya-wep .p-jy p {
    font-size: 16px !important;
  }
  .ya-loper .ya-poet .ya-overfis p {
    padding-right: 0 !important;
    text-align: left;
  }
  .ya-big .ya-top-cont .ya-top-cont-h4, .ya-faer h4, .ya-loper .ya-poet .ya-overfis h4 {
    font-size: 1.2em !important
  }
  .ya-loper .ya-poet:nth-child(2n) .ya-xc {
    float: none !important
  }
  .ya-loper1 .ya-ps-s {
    top: 30px !important
  }
  .ya-loper5 .ya-about-content h4 {
    margin-bottom: 10px !important;
    font-size: 1.5em !important
  }
  .ya-big .ya-bottom-rot .ya-bot ul li p {
    display: -webkit-box;
    overflow: hidden;
    padding: 0 !important;
    text-overflow: ellipsis;
    font-size: 12px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  .ya-sed .ya-sed-f li {
    padding: 1em 0 !important
  }
  #certify .swiper-slide img {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr {
    padding: 13% 1% !important
  }
  .ya-new .ya-new-bottom {
    width: 95% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty {
    height: 100% !important
  }
  #web_kf, #web_kf_one, #web_kf_two, .dd_j {
    font-size: 24px !important
  }
  .ya-about-soyer {
    width: 100% !important
  }
  .ya-serys .ya-serp .ya-cersd .ya-serf, .ya-serys .ya-serp .ya-cersd .ya-serf1, .ya-serys .ya-serp .ya-cersd .ya-serf2, .ya-serys .ya-serp .ya-cersd .ya-serf3 {
    display: none !important
  }
  .ya-sefr {
    padding: 10% 5% !important
  }
  .ya-led, .ya-loper5, .ya-serf-x {
    width: 95% !important
  }
  .ya-loper .ya-poet .ya-overfis {
    margin: 0 !important;
    padding: 5% !important
  }
  .ya-loper .ya-poet .ya-overfis h4 {
    margin: 0;
    padding: 0;
    text-align: center !important
  }
  .ya-loper .ya-poet .ya-overfis .ya-ssa, .ya-loper .ya-poet .ya-overfis p {
    margin: 4% auto !important
  }
  ya-sek .dosp {
    padding: 0 !important
  }
  .ya-lopersy .ya-sek .ced-img, .ya-lopersy1 .ya-sek .ced-img {
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }
  .ya-sek .ya-loser {
    padding: 6% 0 !important
  }
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 46% !important;
    left: 0 !important
  }
  .ya-loper .ya-poet .ya-overfis p {
    text-align: left
  }
  .ya-lopersy, .ya-lopersy1, .ya-new-roy {
    width: 90% !important
  }
  .ya-new-roy .ya-new-jut img {
    width: 100% !important
  }
  /*.ya-big {
    margin-top: 55px !important
  }*/
  .ya-header .ya-cont .ya-logo img {
    width: 75% !important;
    display: inline-table;
  }
  .ya-loper .ya-poet .ya-overfis p {
    width: 100% !important
  }
  .head-bp {
    display: block
  }
  .ya-hides, .ya-soret, .p-6 {
    display: none
  }
  .ya-header .ya-cont .ya-logo {
    transform: translateY(1px);
    margin: 0 !important;
  }
  .ya-about-soyer .ya-a-index {
    margin: 0 auto 7% !important
  }
  .ya-about-soyer .ya-about-content .ya-p-sd {
    width: 100% !important
  }
  .ya-about-soyer .ya-about-ul {
    margin: 1em 0 !important
  }
  .ya-about-soyer .ya-about-ul li {
    border-left: none !important
  }
  .ya-sed .ya-sed-f li:nth-child(2) {
    border-right: none !important;
    border-left: none !important
  }
  .ya-product .ya-product-ul li p {
    display: -webkit-box;
    overflow: hidden;
    padding: 0 12% !important;
    text-overflow: ellipsis;
    font-size: 12px !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
  .ya-product .ya-product-ul li .ya-product-i, .ya-product .ya-product-ul li .ya-product-i1, .ya-product .ya-product-ul li .ya-product-i2, .ya-product .ya-product-ul li .ya-product-i3, .ya-product .ya-product-ul li:hover .ya-product-i, .ya-product .ya-product-ul li:hover .ya-product-i1, .ya-product .ya-product-ul li:hover .ya-product-i2, .ya-product .ya-product-ul li:hover .ya-product-i3 {
    width: 60px !important;
    height: 60px !important
  }
  .ya-product .ya-product-bottom {
    padding-bottom: 2% !important;
    width: 90% !important;
    transform: translateY(-3%) !important
  }
  .ya-about-soyer .ya-about-title h4, .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty h4, .ya-new .ya-new-top h4, .ya-product .ya-product-top h4, .ya-title h4 {
    font-size: 24px !important
  }
  .ya-new .ya-new-bottom .ya-new-tob {
    transform: translateY(3%) !important
  }
  .ya-new-voh li {
    margin-bottom: -3% !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty .ya-sedr-p, .sd-df {
    display: none !important
  }
  .ya-new .ya-new-bottom .ya-new-tob .ya-new-bty a {
    font-size: 12px !important
  }
  .ya-about-soyer .ya-about-ul p strong {
    font-size: 3em !important
  }
  .ya-header {
    height: 60px !important;
  }
}