@charset "UTF-8";


.index_products{padding: 50px 30px;box-sizing: border-box;}
.pro_con{ margin:auto; overflow: hidden;}
.index_products{width: 100%;padding:0 0 100px;clear: both;display: block;  }
.index_products_row1{ width:100%; height: 520px; background:url(../images/pin258.jpg) no-repeat center;}

.index_products_r1_t_in{background:url(../images/product_bg_row1.jpg) no-repeat center; height:630px;/* transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;*/}
.index_products_r1_t .index_products_r1_t_in:nth-child(3){background: url(../images/product_bg_row1_x2.jpg) no-repeat center;}
.index_products_r1_t .index_products_r1_t_in:nth-child(4){background: url(../images/product_bg_row1_x3.jpg) no-repeat center;}
.index_products_r1_t .index_products_r1_t_in:nth-child(2){background: url(../images/product_bg_row1_x4.jpg) no-repeat center;}
/*.index_products_r1_t .index_products_r1_t_in:first-child{background: url(../images/product_bg_row1_x1.jpg) no-repeat center;}*/
.index_products_r1_t_l{float: left;width: 500px; height: 360px;padding: 80px 0px 80px 80px;}
.index_products_r1_t_l i,.index_products_r1_t_l i img{display: block;width: 100%;height:100%;}
.index_products_r1_t_r{float: right; padding: 100px 5% 100px 0; width:59%; }
.index_products_r1_t_r strong{display: block;font-weight: normal;}
.index_products_r1_t_r strong a{font-size: 36px;color: #454545;line-height:90px;display: block;font-weight: normal;}
.index_products_r1_t_r span{float: left; display: block;margin-right:18px;margin-bottom:18px;}
.index_products_r1_t_r span a{display: block;color: #555;font-weight: normal;font-size: 15px;line-height:36px;position: relative;transition: 0.3s all ease;background: #fff url(https://yf-dc.com/skin/home/images/prod-llll.png) no-repeat 20px center;padding: 0 26px 0 46px;border-radius: 500px;}
.index_products_r1_t_r span a:after{content: '';display: block;width: 0%;bottom: 0;left: 0;background: #0c5aab;height: 2px;position: absolute;transition: 0.3s all ease;display: none;}
.index_products_r1_t_r span:hover a{color: #0c5aab;}
.index_products_r1_t_r span:hover a:after{width: 100%;;}
.index_products_r1_t_in:after{content: '';display: block;}

.index_products_row2{overflow: hidden; width:92.8%; margin:auto; height: 110px; border-radius:18px 0 0 18px;}
.index_products_row2:after{content: '';clear: both; display: block;}
.index_products_row2 .index_products_cate_in{float: left; width:33.1%; transition: 0.3s all ease;; display: block;background:#fff; padding:30px 0 24px 2.65%; position: relative; margin-right:1px;}

.index_products_row2 .index_products_cate_in:nth-child(3){ border-radius:0 18px 18px 0;}


.index_products_row2 .index_products_cate_in::before{content:''; display: block;width: 20px;height: 20px;position: absolute;right: 40px;top: 50%;margin-top: -10px;/*transform: rotate(0deg);opacity: 0;transition: 0.3s all ease;*/}
.index_products_row2 .index_products_cate_in.cur{ width:33.1%;  background: #1784c9;
background: -moz-linear-gradient(45deg, #1784c9 0%, #0d60af 100%);
background: -webkit-linear-gradient(45deg, #1784c9 0%,#0d60af 100%);
background: linear-gradient(45deg, #1784c9 0%,#0d60af 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1784c9', endColorstr='#0d60af',GradientType=1 );
    border: 0;
}

.index_products_row2 .index_products_cate_in:hover{width:33.1%; border: 0;}

.w92{width:92.8%; margin:auto; /*transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;*/}

.index_products_row2 .index_products_cate_in.cur:before{opacity: 1;transform: rotate(-90deg);}
.index_products_row2 .index_products_cate_in:after{content: '';display:block;clear: both;}
.index_products_row2 .index_products_cate_in i{float: left;padding-right:27px;}
.index_products_row2 .index_products_cate_in i img{display: block;}
.index_products_row2 .index_products_cate_in p{color:#1d1d1f;float: left;line-height: 30px;font-weight: normal;font-size: 18px;}
.index_products_row2 .index_products_cate_in p .en{white-space: nowrap;color:#7c7c7c;display: block;text-transform: capitalize;font-size: 12px;line-height: 20px;letter-spacing: -0.4999999px;font-weight: lighter; letter-spacing:0.2px;}

.index_products_row2 .index_products_cate_in.cur p{ color:#fff}
.index_products_row2 .index_products_cate_in.cur p .en{color: #fff;}

/*.index_products_row2 .index_products_cate_in:hover i img{filter: contrast(0) brightness(2);}*/
.index_products_row2 .index_products_cate_in.cur i img{filter: contrast(0) brightness(2);}

.index_products_row3{background: linear-gradient(to right,#f3f3f3,#fafafa); padding:69px 0 80px 0;}
.index_products_row3:after{clear: both;content: '';display: block;}

.index_products_row3_t_r span{float: left; display: block;margin-right: 15px;}
.index_products_row3_t_r span a{display: block;color: #555;font-weight: lighter;font-size: 16px;line-height: 35px;position: relative;transition: 0.3s all ease;background: #fff url(../images/prod-llll.png) no-repeat 15px center;padding: 0 20px 0 40px;border-radius: 500px;}
.index_products_row3_t_r span a:after{content: '';display: block;width: 0%;bottom: 0;left: 0;background: #0c5aab;height: 2px;position: absolute;transition: 0.3s all ease;display: none;}
.index_products_row3_t_r span:hover a{color: #0c5aab;}
.index_products_row3_t_r span:hover a:after{width: 100%;;}


.c5 .con .list2{display: flex; justify-content: space-between; margin-bottom:2.5%;}
.zi{font-size:15.5px; font-weight:lighter; letter-spacing:1px;}
@media (max-width: 480px){.c5 .con .list2{flex-wrap: wrap;}}
.c5 .con .list2 li{width:31.64%; background:#fff; border-radius: 20px; padding:1.8% 2% 0.4% 2%; overflow:hidden;}
@media (max-width: 480px){.c5 .con .list2 li{width: 100%; margin-bottom: 16px;}}
.timex{font-size: 16px; color: #333333; display: flex; line-height: 38px; font-weight: 600; margin-bottom: 1.2vw; margin-left:38%;}
@media (max-width: 780px){.c5 .con .list2 li .zi .timex{font-size: 14px;}}
.timex span{width: 120px; height:43px; border: solid 2px #1d1d1f; line-height:38.6px; text-align: center; color:#1d1d1f; margin-right: 16px; font-weight: 500; border-radius: 20px;}
.c5 .con .list2 li .zi h3{font-size: 1.4vw; color:#1d1d1f; line-height:1.14286; margin-bottom:8px; letter-spacing:0.5px;}
@media (max-width: 780px){.c5 .con .list2 li .zi h3{font-size: 16px;}}
.c5 .con .list2 li .img{ margin:0; overflow:hidden;}

.c5 .con .list2 li:hover img{transform: scale(1.05);}



.c5 .con .list2 li .img img{max-width: 100%;}
.c5 .con .list2 li .ck{font-size:12px; color: #6e6e73;  padding-bottom:8px;}
@media (max-width: 780px){.c5 .con .list2 li .ck{font-size: 14px;}}
.c5 .con .list2 li:hover .timex span{background:#1d1d1f; color: #fff;}


/*.index_products_item{float: left;width: 305px;margin-right: 20px;}
.index_products_item *{transition:0.3s all ease;}
.index_products_item i{width: 100%;height: auto;display: block;}
.index_products_item i img{display: block;width: 303px;height: auto;border: 1px solid #f3f3f3;}
.index_products_item:nth-child(4n){margin-right: 0;}

.index_products_item:nth-child(n+5) {
  margin-top: 20px;
}
.index_products_item p{background: #f3f3f3;padding:20px;color: #343434;font-size: 16px;line-height: 25px;position: relative;white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;}
.index_products_item p .small {
  display: none;
  color: #888;
  line-height: 15px;
  font-size: 13px;
  font-weight: lighter;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 30px;
}
.index_products_item p:after{content: '';display: block;width: 20px;height: 20px;background:url(https://yf-dc.com/skin/home/images/index_products_item_btn.png) no-repeat -40px center;position:absolute;right:15px;top:50%;margin-top:-10px;transition: 0.3s all ease;}
.index_products_item:hover i img{border: 1px solid #0c5aab}
.index_products_item:hover p{background: #0c5aab;color:#fff}
.index_products_item:hover p:after{background-position:0px center;}
.index_products_item:hover p .small{color:#fff;opacity: 0.6}
*/.index_products_r1_t_r:after{content: '';display: block;clear: both;}
@media only screen and (max-width: 1300px) {
	 .index_products_row1{width:100%;height:auto;} 
  .index_products_r1_t,.index_products_r1_t_in{width: 100%;height: auto;}
  .index_products_r1_t_l{width: 40%;box-sizing:border-box;height:auto;padding: 50px 0 50px 50px;}
  .index_products_r1_t_r{width: 50%;box-sizing: border-box;height:500px;padding: 70px 50px 70px 0;}
  .index_products_row2{height: auto;}
  .index_products_row2 .index_products_cate_in{box-sizing: border-box;width: 23%;padding: 20px;}
  .index_products_row2 .index_products_cate_in.cur{width: 31%;}
  .index_products_row2 .index_products_cate_in p{white-space: nowrap;font-size: 16px;line-height: 20px;}
  .index_products_row2 .index_products_cate_in i img{width: 40px;height: 40px;}
  .index_products_row2 .index_products_cate_in p .en{font-size:10px}
  .index_products_row2 .index_products_cate_in:before{right:20px}
  .index_products_r1_t_l i, .index_products_r1_t_l i img{height:auto;}

  .index_products_row3{padding: 25px;}

  .index_products_item{width: 23.5%;margin-right:2%;}
  .index_products_item i img{width: 100%;box-sizing:border-box;}
  .index_products_item p{font-size: 14px;padding: 10px 15px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
  .index_products_item p .small{font-size: 12px;}
  .page{width:100%;}
}

@media only screen and (max-width: 1076px) {
.index_products_r1_t_r strong a{line-height: 60px;font-size: 24px;}
.index_products_r1_t_r span{margin-right: 5px;}
.index_products_r1_t_r span a{line-height: 28px;font-size: 13px;padding: 0 10px 0 25px;background-position: 8px center;background-size: 10px;}

  .index_products_row3_t_r strong a{line-height: 60px;font-size: 24px;}
  .index_products_row3_t_r span{margin-right: 10px;}
  .index_products_row3_t_r span a{line-height: 28px;font-size: 13px;margin-bottom: 10px;}
  
  .index_products{padding: 30px;box-sizing: border-box;}
  .index_products_item p::after{display: none;}
  .index_products_row1{width:100%;height:auto;} 
  .index_products_r1_t,.index_products_r1_t_in{width: 100%;height: auto;background-size: cover !important;}
  .index_products_r1_t_l{width: 40%;box-sizing:border-box;height:auto;padding: 50px 0 50px 50px;}
  .index_products_r1_t_r{width: 50%;box-sizing: border-box;height:350px;padding: 50px 30px 50px 0;}
  .index_products_row2 .index_products_cate_in{box-sizing: border-box;width: 24%;padding:12px 15px;}
  .index_products_row2 .index_products_cate_in.cur{width: 28%;}
  .index_products_row2 .index_products_cate_in p{white-space: nowrap;font-size: 15px;line-height: 18px;}
  .index_products_row2 .index_products_cate_in i img{width: 40px;height: 40px;display: none;}
  .index_products_row2 .index_products_cate_in p .en{font-size:9px;line-height:12px;}
  .index_products_row2 .index_products_cate_in:before{right:10px;transform:scale(0.6) rotate(-90deg);}
  .index_products_row2 .index_products_cate_in.cur:before{right:10px;transform:scale(0.6) rotate(0deg);}
  .index_products_r1_t_l i, .index_products_r1_t_l i img{height:auto;}}

/*解决方案*/
.Requirement{overflow: hidden; margin-bottom:154px;}

.RequirementCon{margin-top: 35px;position: relative;}

.RequirementBox{text-align: center;margin-top: 30px; margin-bottom:3.5%;}
.RequirementBox ul li{display: inline-block;*display: inline;*zoom: 1; width:14.7%;  text-align: center;margin: 0 0.3%;}
.RequirementBox ul li span{width:100%; display: block; overflow: hidden;}
.RequirementBox ul li span img{width:100%; display: block;transition: .8s;position: relative;top: 0; border-radius:10px;}

.RequirementBox ul li p{font-size:20px; color:#3a3a3b; margin-top:6.4%; font-weight:lighter;} 
.RequirementBox ul li.on p{color: #0c5aab;font-weight: bold;}

.RequirementText dl{margin:auto; width:76%;}

.RequirementText dl dt{width:55%;/*height: 468px;*/overflow: hidden;}
.RequirementText dl dt img{display: block;width:100%;transition: .8s; border-radius:20px;}

.RequirementText dl dd{width:40%;}

.RequirementText dl dd h3{color:#042452;font-size:38px;margin:1.5% 0 0 0; line-height:38px;}
.RequirementText dl dd h3 b{display: block;color: #0c5aab;}
.RequirementText dl dd p{font-size:17px; font-weight:lighter; color:#000000;line-height:33px; margin-bottom:5%;}
.RequirementText dl dd i{width:120px;height: 2px;display: block;background-color: #0c5aab;margin-top:18px; margin-bottom:30px;}

.RequirementBox i{width: 58px;height: 58px;display: block;cursor: pointer;overflow: hidden;top:257%;/* margin-top: -29px; */position: absolute;}
.RequirementBox i img{width: 58px;height: 58px;display: block;}
.RequirementBox i.prev{border: solid 1px #fff; background: #fff url(../images/hprev.png) no-repeat center; border-radius: 50%;width:56px;height:56px;position: absolute;left:100px;}
.RequirementBox i.next{border: solid 1px #fff;  background: #fff url(../images/hprev.png) no-repeat center; border-radius: 50%; width:56px; height:56px;position: absolute; right: 100px;}

.RequirementBox i.next{ transform: rotate(180deg);}
.RequirementBox i.prev:hover,.RequirementBox i.next:hover { border: solid 1px #0c5aab; background: #0c5aab url(../images/prev1.png) no-repeat center;}
.RequirementText dl dd a{display: block; width: 170px; height: 40px; line-height: 40px;  background: #1a85cb;
    background: -moz-linear-gradient(left, #1a85cb 0%, #0759af 100%);
    background: -webkit-linear-gradient(left, #1a85cb 0%,#0759af 100%);
    background: linear-gradient(to right, #1a85cb 0%,#0759af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a85cb', endColorstr='#0759af',GradientType=1 ); color: #fff; font-size:17px; text-align: center; border-radius: 100px; transition: 0.3s ease all;}
.RequirementText dl dd a:hover{width: 220px;}




/*简介*/
.index_about{padding: 100px 0; background:#fff;}
.index_about:after{content: '';display: block;clear: both;}
.index_about_l{float: left;}
.index_about_l img{display: block;}
.index_about_r{float: right;width: 660px;padding: ;}
.index_about_r strong{display: block; line-height: 60px; font-size: 36px; font-weight: normal; color: #343434;}
.index_about_r strong .small{display: block; font-size: 22px; font-weight: lighter; color: #666; line-height: 40px;}
.index_about_r p{line-height: 35px;color: #777777;font-size: 16px;font-weight: lighter;padding: 30px 0 55px;}
.index_about_r_btn{border: 1px solid #0c5aab;display: block;font-style: normal;position: relative;width:170px;text-align: center;margin: 0px 0 0;transition: 0.3s all ease;}
.index_about_r_btn *{transition: 0.3s all ease;}
.index_about_r_btn i{color: #0c5aab;font-size: 15px;line-height: 48px;display: block;font-style: normal;position: relative; margin-right:33px;}
.index_about_r_btn i:after{content: '';display: block;width: 24px;height: 12px;background: url(../images/about_btn.png) no-repeat -30px center;position: absolute;right: 0;top: 50%;margin-top: -6px;transition: 0.3s all ease;}
.index_about_r_btn:hover{border:1px solid transparent;background: #0c5aab;}
.index_about_r_btn:hover i{color: #fff;}
.index_about_r_btn:hover i:after{background-position:0px center;}
.index_about_item p strong{font-family:SteinerX; font-size:39px; font-weight: lighter; color: #454545; line-height:49px; display: inline-block; vertical-align: middle;}
.index_about_item1 p strong{width:108px;}
.index_about_item2 p strong{width:58px;}
.index_about_item3 p strong{width:68px;}
.index_about_item4 p strong{width:227px;}
.index_about_item{float: left; box-shadow: 1px 0px 0px 0 #f2f2f2; width:21.2%; padding: 0% 0 0 0; margin: 2% 5% 2% 0%;}
.index_about .img{width:50%;}
.index_about .img .swiper-wrapper li,.about-set2 .img .swiper-wrapper li{display: block; position: relative;}
.index_about .img .swiper-wrapper li img,.about-set2 .img .swiper-wrapper li img{width: 100%; display: block; height: auto; border-radius:20px; box-shadow: 20px 20px 30px 0px rgba(0,0,0,0.06), -20px 0 30px 0px rgba(0,0,0,0.06);}
.index_about .img .swiper-wrapper li p,.about-set2 .img .swiper-wrapper li p{position: absolute; bottom: 0; width: 100%; left: 0; padding: 50px 30px 0; text-align: center; box-sizing: border-box; line-height: 100px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); color: #fff;}
.index_about .img .swiper-pagination-bullet,.about-set2 .img .swiper-pagination-bullet{background:#fff;opacity: 0.5;border-radius:10px;transition:0.3s all ease;}
.index_about .img .swiper-pagination-bullet.swiper-pagination-bullet-active,.about-set2 .img .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 28px}
.index_about_item:nth-child(4n){box-shadow: 0 0 0 0 #fff; margin-right: 0; padding-right: 0;}
.index_about_row2:after{content: ''; clear: both; display: block;}
.index_about_item .small{font-size: 22px; font-weight: normal; color: #454545; display: block; line-height: 40px;}
.index_about_item .en{font-size: 14px; text-transform: capitalize; display: block; color: #bbb; line-height: 20px;}
.index_about_item i{background: #1683c8; background: -moz-linear-gradient(45deg, #1683c8 0%, #0f64b2 100%); background: -webkit-linear-gradient(45deg, #1683c8 0%,#0f64b2 100%); background: linear-gradient(45deg, #1683c8 0%,#0f64b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1683c8', endColorstr='#0f64b2',GradientType=1 ); color: #fff; font-style: normal; width:34px; height:34px; display: block; text-align: center; line-height: 24px; font-size: 15px; border-radius: 50%; display: inline-block; vertical-align: top; margin-left: 0px; padding: 5px;}
.index_about_item i img{width: 100%;height: 100%;}
.index_about_item p{display: block;}
.index_about_row2{padding: 80px 0 20px;}
.index_absx{background: url(../images/abs_bg.jpg) no-repeat center;width: 100%;height: 260px; margin-top:116px;}
.index_absx_l{float: left;}
.index_absx_r{position: absolute; right: 0; bottom:-133px;}
.index_absx_l strong{font-size: 32px; font-weight: normal; color: #fff; line-height: 50px; display: block;}
.index_absx_l p{display: block; color: #fff; font-weight: lighter; line-height: 30px; font-size: 18px;}
.index_absx_l img{display: block; padding: 20px 0 0 0;}
.index_absx .page{padding: 50px 0; position: relative; width:1450px;}


@media only screen and (max-width: 1076px) {
  
.index_about .img{width: 100%;float:none;padding-bottom: 15px;} .index_solu{padding: 35px 0;} .pc_main .fr .pc_main_tel p{font-size: 13px;line-height: 15px;padding: 10px 0 0px 10px;} .pc_main .fr .pc_main_tel p strong{font-size: 22px;line-height: 25px;} .pc_main .fr .pc_main_wechat, .pc_main .fr .pc_main_tel{margin-left: 10px} .pc_main.page{padding: 20px;} .pc_main .fl p{font-size: 18px;} footer .right-cont .part02 .case > a, footer .right-cont .part02 .about > a{font-size: 14px;} footer .right-cont .part02 li a{font-size: 12px;line-height: 15px;color:#777} footer .right-cont .part02 li{margin-top: 5px;} footer .right-cont .alinks a{font-size: 14px;margin: 0 2% !important;line-height: 40px;} footer .left-cont{display: none} footer .right-cont{padding: 0;width: 90%; margin: 0 auto;float: none;border: 0 none;} footer .right-cont .alinks{text-align: center;} .index_news .page .fl{width: 100%;} .index_news .page .fr{width: 100%;} .index_absx_l img{width: 360px} .index_absx_r img{width:240px;height:auto;} .index_about_row2{padding: 40px 0;} .index_about{padding:40px 20px 20px;} .index_about_r p{line-height: 22px; color: #777777; font-size: 12px; font-weight: lighter; padding: 10px 0;} .index_about_r strong{display: block; line-height: 36px; font-size: 22px; font-weight: normal; color: #343434;}
.index_about_r_btn i{font-size: 12px; line-height: 32px;}.index_about_r_btn{width: 110px;} .index_about_item p strong{font-size: 26px; line-height: 35px;}
.index_about_item .small{font-size: 16px; line-height: 20px;}
.index_about_item .en{font-size: 11px; line-height: 15px;}
.index_about_item1 p strong{width: 110px;}
.index_about_item2 p strong{width: 40px;}
.index_about_item3 p strong{width: 40px;}
.index_about_item4 p strong{width: 155px;}
.index_about_item .small{font-size: 18px;}
}