.solutionbanner{ margin:0 auto; padding: 0; width: 100%; height: auto; z-index: 100;}
.img-group {  position: relative;  display: inline-block;z-index: 100;}        
.img-tip {  position: absolute; width: 80%; left:10%; bottom: 45%;z-index: 100;  line-height: 80px;  color: #fff; font-family: 'Impact'; text-align: center;font-size: 50px; }        

.solutionbanner1{ margin:0 auto; padding: 0; width: 100%; height: auto; z-index: 100;}
.solutionbanner1 img{  width: 100%; height: auto;}



.bannertitle{ margin:30px auto; padding:50px 0; width: 100%; display: block;height: auto; background: #0f2684; color: #fff; line-height: 30px; font-size: 24px; text-align: center; max-width: 1200px;}

.solutiontitle{ margin:40px auto; padding:40px 0; width: 100%; height: auto; max-width: 800px; font-size: 18px; line-height: 30px; text-align: center;background:url(../image/solution/yht.jpg) no-repeat top left;}
.hui{ background:#f3f3f3;}
.bai{ background:#fff;}

.solutiontitle1{ margin:40px auto; padding:40px 0; width: 100%; height: auto; max-width: 1200px; font-size: 18px; line-height: 30px; text-align: center;background:url(../image/solution/yht.jpg) no-repeat top left;}
.solutiontitle1.beer{  text-align: left;background:url(../image/solution/yht.jpg) no-repeat top left;}

.solutiontitle1 .left{ margin:0 auto; padding:0 2%; width: 46%; height: auto; float: left;font-size: 18px; line-height: 30px; text-align: left;}
.solutiontitle1 .right{ margin:0 auto; padding:0 2%; width: 46%; height: auto; float: left;font-size: 18px; line-height: 30px; text-align: left;}

.solutiontitle2{ margin:40px auto; padding:40px 0; width: 100%; height: auto; max-width: 1200px; font-size: 18px; line-height: 30px; text-align: left;}

.solutiontitle2 .left{ margin:0 auto; padding:0 2%; width: 60%; height: auto; float: left;}
.solutiontitle2 .left .t1{ margin:0 auto; padding:8px 0; width: 100%; height: auto; float: left;font-size: 24px; line-height: 24px; text-align: left;}
.solutiontitle2 .left .t2{ margin:0 auto; padding:15px 0; width: 100%; height: auto; float: left;font-size: 18px; font-weight: bold; color: #e64c00; line-height: 24px; text-align: left;}
.solutiontitle2 .left .t3{ margin:0 auto; padding:8px 0; width: 100%; height: auto; float: left;font-size: 16px; line-height: 24px; text-align: left;}



.solutiontitle2 .right{ margin:0 auto; padding:0 2%; width: 40%; height: auto; float: right;font-size: 18px; line-height: 30px; text-align: left;}


.solutionnew1{margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.solutionnew1 .title{ padding: 10px 0; font-size: 30px; font-weight: bold;line-height: 30px; text-align: center; color: #000;}
.solutionnew1 .title1{ padding: 10px 0 20px 0; font-size: 16px; font-weight: normal;line-height: 20px; text-align: center; color: #666;}

.solutionnew1 .img{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionnew1 .img img{max-width: 100%; height: auto;}

.solutionnew1 .txt{ padding: 10px 0 20px 0; font-size: 13px; font-weight: normal;line-height: 18px; text-align: left; color: #666;}

.ptb50{padding: 50px 0}


.solutionlist1{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist1 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist1 ul li{margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left;}
.solutionlist1 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solutionlist1 ul li .img img{max-width: 100%; height: auto;}
.solutionlist1 ul li .txt{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; font-size: 14px; line-height: 30px;}

.solutionlist2{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist2 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist2 ul li{margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left;}
.solutionlist2 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solutionlist2 ul li .img img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist2 ul li .txt{margin:20px auto; padding:0; width: 100%; height: 50px; border-radius: 25px; border: 1px solid #e3e3e3; background:url(../image/solution/pin3.png) no-repeat center left 20px #fff; text-align: center; font-size: 14px; line-height: 50px;}
.solutionlist2 ul li:hover .txt{border: 1px solid #f37417; background:url(../image/solution/pin2.png) no-repeat center left 20px  #f37417;  color: #fff;}

.solutionlist3{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist3 ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
}

.solutionlist3 ul li {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .solutionlist3 ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .solutionlist3 ul {
        grid-template-columns: 1fr;
    }
}
/* .solutionlist3 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist3 ul li{margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left;} */
.solutionlist3 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solutionlist3 ul li .img img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist3 ul li .txt{margin:20px auto; padding:0; width: 100%; height: auto; text-align: center; font-size: 14px; line-height: 20px;}
.solutionlist3 ul li:hover .txt{color: #000;}

.solutionlist4{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist4 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist4 ul li{margin:0 auto; padding:0; width: 48.5%; height: auto; margin-right: 1%; float: left; border: 1px solid #e3e3e3;}
.solutionlist4 ul li .img{margin:0 auto; padding:0; width: 60%; height: auto;  float: left;}
.solutionlist4 ul li .img img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist4 ul li .imgright{margin:0 auto; padding:2%; width: 40%; height: auto;  float: left;}
.solutionlist4 ul li .imgright .line{margin:0; padding:0; width: 60px; height: 4px; background: #f37417;  float: left;}

.solutionlist4 ul li .imgright .tt1{margin:0; padding:5px 0; width: 100%; height: auto; color: #000; line-height: 30px; text-align: left; font-size: 18px; }
.solutionlist4 ul li .imgright .tt2{margin:0; padding:5px 0; width: 100%; height: auto; color: #888; line-height: 20px; text-align: left; font-size: 14px; }
.solutionlist4 ul li .imgright .tt3{margin:0; padding:5px 0; width: 100%; height: auto; color: #000; line-height: 20px; text-align: left; font-size: 12px; }


.solutionhuang{ margin:0 auto; padding:40px 0; width: 100%; height: auto; border-top:8px solid #f37417; background: #f3f3f3;}
.solutionhuang .title{ padding: 20px 0; font-size: 30px; font-weight: bold;line-height: 30px; text-align: center; color: #000;}

.solutionhuang1{ margin:0 auto; padding:40px 0; width: 100%; height: auto; border-top:8px solid #f37417; background: #fff;}
.solutionhuang1 .title{ padding: 20px 0; font-size: 30px; font-weight: bold;line-height: 30px; text-align: center; color: #000;}

.solutionlist5{margin:0 auto; padding:40px 0; width: 100%; height: auto;}
.solutionlist5 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist5 ul li{margin:0 auto; padding:0; width: 16.2%; height: auto; float: left; background: url(../image/solution/dot.png) no-repeat right center;}
.solutionlist5 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solutionlist5 ul li .img img{max-width: 100%; height: auto; }
.solutionlist5 ul li .txt{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; font-size: 14px; line-height: 50px;}
.solutionlist5 ul li:hover .txt{bcolor: #000;}

.solutionlist6{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist6 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist6 ul li{margin:0 auto; padding:0; width: 31%; height: auto; margin: 1%; float: left;}
.solutionlist6.four ul li{margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left;}


.solutionlist6 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solutionlist6 ul li .img img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist6 ul li .txt{margin:20px auto; padding:0; width: 100%; height: 50px; border-radius: 25px; border: 1px solid #e3e3e3; background: #fff; text-align: center; font-size: 14px; line-height: 50px;}
.solutionlist6 ul li:hover .txt{border: 1px solid #f37417; background:#f37417;  color: #fff;}




.solutionlist7{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist7 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist7 ul li{margin:0 auto; padding:0; width: 16%; height: auto; margin: 1%; float: left;}
.solutionlist7 ul li img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}

.solutionlist8{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist8 ul{margin:0 auto; padding:0; width: 100%; height: auto;}
.solutionlist8 ul li{margin:0 auto; padding:0; width: 21%; height: auto; margin: 2%; float: left; background: #e3e3e3; text-align: center; border-bottom-left-radius: 80px; border-top-right-radius: 80px;}
.solutionlist8 ul li img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist8 ul li .txt{margin:0 auto; padding:50px 30px; width: 100%; height: auto;text-align: center; font-size: 18px; color: #000;}

.solutionlist8 ul li.cc{background: #f98202; }
.solutionlist8 ul li.cc .txt{color:#fff;}

.solutionlist8 ul li:hover{background: #f98202; text-align: center;}
.solutionlist8 ul li:hover .txt{color:#fff;}

.solutionkuan1{margin:20px auto; padding:25px; width: 100%; height: auto; max-width: 1150px; border: 1px solid #e3e3e3; border-radius: 25px; }
.solutionkuan1 .left{margin:0; padding:0; width: 60%; height: auto; padding-left: 58px; font-family: 'Impact';  float: left; font-size: 26px; line-height: 58px; text-align: left;background: url(../image/solution/dian.jpg) no-repeat top left;}
.solutionkuan1 .right{margin:0; padding:0; width: 36%; height: auto;float: right; }
.solutionkuan1 .right li{margin:0; padding:0; width: 33%; height: auto;float: left; text-align: center;}

.solutionkuan2{margin:20px auto; padding:25px; width: 100%; height: auto; max-width: 700px; }
.solutionkuan2 .right{margin:0; padding:0; width: 100%; height: auto;float: right; }
.solutionkuan2 .right li{margin:0; padding:0; width: 33%; height: auto;float: left; text-align: center;}



.process1{ margin:0 auto; padding: 0; width: 100%; height: auto; background: url(../image/solution/bg1.jpg) repeat-x;}
.process11 {  position: relative;  display: inline-block;}        
.process12 {  position: absolute; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}        
.process12 .img{ text-align: center;}  
.process12 .txt{ text-align: center; line-height: 20px; padding: 8px 0;}  
.process12 .img1{ text-align: left;}  
.process12 .txt1{ text-align: left; line-height: 20px; padding: 8px 0;}  

.process12 .img2{ text-align: left; float: left;}  
.process12 .txt2{ text-align: left; float: left;line-height: 20px; padding: 8px 0;}  


.process12:hover { padding-left: 40px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; } 


.processmobilie1{ margin:0 auto; padding: 0; width: 100%; height: auto; display: none; text-align: center;}
.processmobilie1 img{ max-width: 100%; height: auto;}  

.yhw{padding:0 40px 40px 40px; background:url(../image/solution/yhw.jpg) no-repeat bottom right;}



.faq-layout3 {
  position: relative; padding: 40px 0;
}


.faq-layout3 .single-faq {
  background-color: #ffffff;
  border: 1px solid #dadada;
  padding: 0 30px;
  margin-bottom: 20px;
  transition: all ease 0.4s;
  border-radius: 10px
}

.faq-layout3 .single-faq.open {
  border-color: #C6A75C;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  background: #fff
}

.faq-layout3 .single-faq .faq-header .faq-title {
  margin-bottom: 0;
}

.faq-layout3 .single-faq .faq-header .faq-title button {
  color: #C6A75C;
  font-size: 16px;
  width: 100%;
  text-align: left;font-family: Arial;
  border: none;
  padding: 5px 0;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  text-transform: none;
  background-color: transparent;
}

.faq-layout3 .single-faq .faq-header .faq-title button:after {
  content: '\f068';
  position: relative;
  float: right;
  font-weight: 600;
  font-family: "FontAwesome";
}

.faq-layout3 .single-faq .faq-header .faq-title button.collapsed {
  color: #393939;
}

.faq-layout3 .single-faq .faq-header .faq-title button.collapsed:after {
  content: '\f067';
	font-family: "FontAwesome";
}

.faq-layout3 .single-faq .faq-body {
  border-top: 1px solid #d9ddee;
  padding-top: 25px;
  padding-bottom: 30px;
}

.faq-layout3 .single-faq .faq-body .faq-text {
  margin-bottom: 0;
}

.faq-layout3 .shape1 {
  top: 35%;
  right: 0;
  animation: upDown 10s alternate infinite;
}

.faq-layout3 .shape2 {
  top: 40%;
  left: 0;
  animation: downUp 10s alternate infinite;
}

.blog-comment ul li {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e6;
	overflow: hidden;
	margin-bottom: 35px;
}
.blog-comment ul li .single-comment {
	display: flex;
	align-items: flex-start;
}

.comment-avatar-img {
    margin-right: 22px;
    width: 130px;
    flex: 0 0 130px;
}
.comment-avatar-img img {
    border-radius: 3px;
	max-width: 100%
}
.comment-avatar-info {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.comment-avatar-info .left {
    width: 100%;
    flex: 0 0 100%;
}
.comment-avatar-info h5 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}
.comment-avatar-info h5 span {
    font-size: 12px;
    color: #7d7d7d;
    margin-left: 10px;
    font-weight: 500;
}
.comment-avatar-info .rating {
    font-size: 10px;
    line-height: 1;
    letter-spacing: -1px;
    margin-top: 11px;
}
.comment-reply-link {
    color: #343434;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.comment-text p {
    margin-bottom: 0;
    padding-right: 0px;
    color: #7f7f7f;
}


	.box{
		    font-family: 'Dosis', sans-serif;
		    position: relative;
		    overflow: hidden;
		}
		.box:before,
		.box:after{
		    content: '';
		    background: linear-gradient( #000dff 0%,#6b73ff 100%);
		    height: 150%;
		    width: 100%;
		    border-radius: 0 100% 0 0;
		    opacity: 0;
		    position: absolute;
		    left: -50%;
		    top: 100%;
		    z-index: 1;
		    transition: border-radius .5s ease-out,top .5s ease-out,opacity .3s ease-out;
		}
		.box:after{
		    border-radius: 100% 0 0 0;
		    left: 50%;
		}
		.box:hover:before,
		.box:hover:after{
		    top: -50%;
		    opacity: 0.9;
		    border-radius: 0 35% 0 0;
		}
		.box:hover:after{ border-radius: 35% 0 0 0; }
		.box img{
		    width: 100%;
		    height: auto;
		}
.box .txt{ margin:0 auto; padding:5px 0; width: 100%; height: auto; line-height: 30px; color: #fff; text-align: center; background: #f98202;}
		.box .box-content{
		    color: #fff;
		    text-align: center;
		    width: 80%;
		    opacity: 0;
		    transform: translateX(-50%) translateY(-50%);
		    position: absolute;
		    top: 30%;
		    left: 50%;
		    z-index: 2;
		    transition: all 0.3s ease 0.2s;
		}
		.box:hover .box-content{ opacity: 1; }
		.box .title{
		    font-size: 20px; color: #fff;
		    font-weight: 700;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    margin: 0 0 7px;
		}
		.box .post{
		    font-size: 14px;
		    font-weight: 600;
		    letter-spacing: 1px;
		    text-transform: capitalize;
		    margin: 0 0 10px;
		    display: block;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		}
		.box .icon li{
		    margin: 0 5px;
		    display: inline-block;
		}
		.box .icon li a{
		    color: #fff;
		    background: transparent;
		    font-size: 14px;
		    line-height: 31px;
		    height: 35px;
		    width: 35px;
		    border: 1px solid #fff;
		    border-bottom: none;
		    border-right: none;
		    border-radius: 50%;
		    display: block;
		    transition: all 0.3s ease;
		}
		.box .icon li  a:hover{
		    color: #fff;
		    box-shadow: 0 0 10px #000;
		}
		@media only screen and (max-width:990px){
		    .box { margin: 0 0 30px; }
		}


.col-md-31{width: 23%; height: auto; margin: 1%; float: left;}


@media (max-width: 1100px) {
.process1{ display: none;}
.processmobilie1{ display: block;}	
	
}

@media (max-width: 740px) {
.img-group {  position: relative;  display: inline-block;}        
.img-tip {  position: absolute; width: 80%; left:10%; bottom: 35%;  line-height: 40px;  color: #fff; font-family: 'Impact'; text-align: center;font-size: 20px; }        

	
}
@media (max-width: 640px) {
.solutiontitle1 .left{  width: 96%; height: auto; font-size: 14px; }
.solutiontitle1 .right{ width: 96%; height: auto; font-size: 14px; }
.solutionlist1 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
.solutionlist2 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
/* .solutionlist3 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;} */

.solutionlist4 ul li{margin:0 auto; padding:0; width: 96%; height: auto; margin: 2%; }
.solutionlist4 ul li .img{margin:0 auto; padding:0; width: 100%; height: auto;  float: left;}
.solutionlist4 ul li .img img{max-width: 100%; height: auto; border: 1px solid #e3e3e3;}
.solutionlist4 ul li .imgright{margin:0 auto; padding:2%; width: 100%; height: auto;  float: left;}
.solutionlist4 ul li .imgright .line{margin:0; padding:0; width: 60px; height: 4px; background: #f37417;  float: left;}


	
.solutionlist5 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
.solutionlist6 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
.solutionlist7 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
.solutionlist8 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;border-bottom-left-radius: 40px; border-top-right-radius: 40px;}
.solutionlist8 ul li{margin:0 auto; padding:0; width: 21%; height: auto; margin: 2%; float: left; background: #e3e3e3; text-align: center; }
.solutionlist8 ul li .txt{margin:0 auto; padding:20px 10px; width: 100%; height: auto;text-align: center; font-size: 12px; color: #000;}
.solutionlist9 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}

	.solutionlist1 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
	.col-md-31{width: 46%; height: auto; margin: 1% 2%; float: left;}
	
	.solutionkuan1{margin: 2%; width: 96%;}
.solutionkuan1 .left{width: 96%;margin:2%; padding: 0; height: auto; font-family: 'Impact';  float: left; font-size: 24px; line-height: 20px; text-align: center;background:none;}
.solutionkuan1 .right{margin:2%; padding:0; width: 96%; height: auto;float: right; }
.solutionkuan1 .right li{margin:0; padding:0; width: 33%; height: auto;float: left; text-align: center;}
.solutionkuan1 .right li img{max-width: 100%; height: auto;}
		
}
@media (max-width: 480px) {
.solutionlist1 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.solutionlist2 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
/* .solutionlist3 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;} */
.solutionlist4 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.solutionlist5 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.solutionlist6 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.solutionlist7 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.solutionlist8 ul li{width: 46%; height: auto; margin: 1% 2%; float: left;}
.solutionlist9 ul li{width: 96%; height: auto; margin: 1% 2%; float: left;}
.col-md-31{width: 96%; height: auto; margin: 1% 2%; float: left;}

	
}

.protitle h3{margin:0 auto; padding:0; width:100%; height:auto; font-size:30px; font-weight:600; color:#000; line-height:30px;}

.riifo-solutions-nav-swiper,.riifo-news-bottom-right {border-bottom: 1px solid #ebeced;border-top: 1px solid #ebeced;}
.riifo-index-solutions {padding: 50px 0;overflow: hidden;}
.riifo-solutions-top {text-align: center;}
.riifo-solutions-top-nav{padding-top:3%;overflow: hidden;}
.riifo-solutions-nav-swiper {position: relative;overflow: hidden;}
.riifo-solutions-nav-item {position: relative;overflow: hidden;}
.riifo-solutions-nav-item a{display: block;padding:30px 0;}
.riifo-solutions-nav-item i{display: block;width: 50px;height: 50px;margin: auto;position: relative;}
.riifo-solutions-nav-item i img{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: .5;}
.riifo-solutions-nav-item p {padding:10px 0 0 0;margin: 0;}
.riifo-solutions-nav-item::after {content: '';width: 0px;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item i img{-webkit-filter:none;filter: none;opacity: 1;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item::after {width: 100%;}
.riifo-solutions-bottom {padding-top:50px;overflow: hidden;text-align: left;}
.riifo-index-solutions-item {position: relative;overflow: hidden;background: url('../upload/isbg1.png') 20% bottom no-repeat;}
.riifo-index-solutions-item .text{position: relative;width: 60%; float:left;}					
.riifo-index-solutions-item .title-1{padding: 20px 0; font-size:20px; font-weight:600; color:#000; line-height:20px;}
.riifo-index-solutions-item .riifo-text{opacity: 1;padding-bottom: 40px;}
.riifo-index-solutions-item .img {float: right;width: 36%;}
.riifo-more{position: relative;overflow: hidden; width: 140px; height: 40px;  text-align: center; background: #2369bd;}
.riifo-more a{display:inline-block;color: #fff; line-height: 40px; text-align: center;}
.riifo-more i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;border-radius: 100%;background: url('../images/jiah2.png') center no-repeat;}
.riifo-more a:hover i {transform:rotate(90deg);}
.riifo-more span{display: inline-block;vertical-align: middle;}
.riifo-more:hover{margin-left: 10px;}


@media (max-width:540px) {

.riifo-index-solutions-item .text{position: relative;left: 0;top:25px;width: 100%;transform:translateY(-25px);}					
.riifo-index-solutions-item .title-1{padding-bottom: 30px;}
.riifo-index-solutions-item .riifo-text{opacity: 1;padding-bottom: 40px;}
.riifo-index-solutions-item .img {float: right;width: 100%;}
	
}


.riifo-title h5,.riifo-index-project-item a:hover .title-2,.riifo-news-bottom-item a:hover .text .title-2,.riifo-header.hover .riifo-header-nav li a:hover,.riifo-header-item-nav a:hover .title-1 strong,.riifo-header-item-nav a:hover .text-2,.riifo-header-item-nav .link-2 a:hover,.riifo-header-item-nav:hover .title-1 strong,.riifo-future-icon-nav a.cur strong,.riifo-services-aftersale-item .danwei,.riifo-services-bin-service-right-item.cur .title-1,.riifo-services-technical-support-nav a.cur,.riifo-data-choice-list li.cur a,.riifo-data-choice-title:hover span,.riifo-data-choice-item.cur .riifo-data-choice-title span,.riifo-data-choice-list li a:hover,.riifo-media-references-item a:hover .title-1,.riifo-download-content .num-1 strong,.riifo-video-item a:hover .title-2,.riifo-news-item a:hover .text .text-1,.riifo-news-item a:hover .text .title-2,.riifo-news-item a:hover .text .learnmore-3 span,.riifo-faqs-item.cur .riifo-faqs-item-title strong,.riifo-career-item a:hover .learnmore-3 span,.riifo-career-item a:hover .title-1,.riifo-career-open-positions-num .num-1 strong,.riifo-career-open-positions-num .reset-2 a:hover,.riifo-career-open-positions-item a:hover .riifo-learnmore-3 span,.riifo-career-open-positions-item a:hover .title-1,.riifo-career-open-positions-item a:hover .text-2,.riifo-contact-item .riifoitem:hover .text-4 span,.riifo-contact-item .riifoitem:hover .text-4 strong,.riifo-contact-office-item .link-3 a:hover span,.riifo-technical-data-download-list .num-1 strong,.riifo-technical-data-download-content .num-1 strong,.riifo-technical-Tutorial-content .num-1 strong,.riifo-services-logistics-item a:hover .riifo-learnmore-3 span,.riifo-services-logistics-item a:hover .title-1,.riifo-an-nnovation-pioneer li:hover strong,.riifo-globtal-market-leader-bottom .left-icontext li:hover strong,.riifo-globtal-market-leader-bottom .left-icontext li:hover span,.riifo-about-history-item:hover .data-1 strong,.riifo-about-next .line-3 a:hover,.riifo-about-next a:hover .line-3 span{color: #2369bd;}
.riifo-learnmor a,.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item p,.riifo-about-future .riifo-text,.riifo-future-icon-nav a strong,.riifo-content-page-nav a:hover,.riifo-data-choice-nav li.cur a,.riifo-data-choice-nav li a:hover,.riifo-learnmore-3 span,.messages-input,.messages-textarea::-webkit-input-placeholder,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text,.riifo-content-page-nav a.cur,.riifo-path span,.riifo-product-detail-nav-right a.cur{color: #1a1a1a;}
.riifo-header-right .language::before,.riifo-header .riifo-content::after,.riifo-scroll-down i,.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet,.riifo-aboutus-item::after,.riifo-aboutus-item-title i::before,.riifo-aboutus-item-title i,.riifo-aboutus-bottom li::before,.riifo-aboutus-bottom::before,.riifo-index-project-item .text,.riifo-about-whatwecare-right li:hover,.riifo-data-choice-list,.swiper-button-next-whyriifo::before,.riifo-whoweneed-search .link-3 a::after,.riifo-contact-office-item .link-3 .showtip strong,.riifo-about-next .line-3 a::after,.riifo-about-next .line-3 span::after {background: #fff;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item a,.riifo-index-project,.riifo-news-bottom-left a,.riifo-services-bin-service-item,.riifo-media-references-item.rmri0 .text ,.riifo-content-page-nav a.cur,.riifo-faqs-item:hover .riifo-faqs-item-title,.riifo-contact,.riifo-contact-office-item {background: #f8f9fb;}
.riifo-services-technical-support-nav::after,.riifo-page-trun a:hover,.riifo-content-page-nav::after,.riifo-news-item a::after,.riifo-career-item .text::after,.riifo-contact-text .title-1::after,.swiper-pagination-download .swiper-pagination-progressbar,.riifo-about-data-item .bottom-3::after,.right-addtext-item .title-1::after{background: #ebeced;}

.riifo-learnmore a::before,.riifo-aboutus-bottom li:hover,.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item::after,.riifo-header-item-nav .title-1::after,.riifo-about-whatwecare-left .title-1::after,.riifo-services-logistics-item .title-1::after,.riifo-services-bin-service-right-item .title-1::after,.riifo-services-technical-support-nav a::after ,.riifo-data-choice-title::after,.riifo-content-page-nav a::after,.riifo-data-choice-nav li a::after,.riifo-news-item a::before,.riifo-faqs-item.cur::after,.swiper-button-next-whyriifo,.swiper-button-prev-whyriifo ,.whoweneed-search-submit,.riifo-career-open-positions-item a::after,.riifo-contact-item .riifo-footer-content-top-social a:hover,.swiper-pagination-download .swiper-pagination-progressbar-fill,.riifo-services-logistics-item .img-swiper .swiper-pagination span.swiper-pagination-bullet-active,.riifo-about-data-item .bottom-3::before ,.riifo-viewmore i{background-color: #2369bd;}