.icon {
	  position: relative;
	  width: 42px;
	  height: 52px;
	  display: block;
	  fill: rgba(255, 255, 255, 0.7);
	  margin-right: 20px;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out;
		top: 3px;
		
	}

	.icon.active {
	  fill: #E74C3C;
	}

	.icon.big {
	  width: 64px;
	  height: 64px;
	  fill: rgba(51, 51, 51, 0.5);
	}

		.rlzy_tab{
			background: url( ../images/bysoft/img_2018/rlzy_tab_bg.png) center bottom no-repeat rgb(2, 2, 2);
			    padding: 30px 0px;
		}
		
	#wrapper {
	  width: 1180px;
	  /*height: 400px;*/
	  /*position: absolute;*/
	  /*top: 0;*/
	  /*bottom: 0;*/
	  /*left: 0;*/
	  /*right: 0;*/
	  margin: auto;
	  /*background-color: #fff;*/
	  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: left;
	  -webkit-justify-content: left;
	      -ms-flex-pack: left;
	          justify-content: left;
	  overflow: hidden;
	}

	#left-side {
	  /*height: 70%;*/
	  width: 235px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
		background: rgba(0,0,0,0.7);
	}
		#left-side ul{width: 100%;}
	#left-side ul li {
	  padding-top: 15px;
    height: 62px;
    padding-bottom: 15px;
	 padding-left: 20px;
    font-size: 16px;
    line-height: 60px;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
		border-top: 1px solid rgba(69, 69, 69, 0.45);
    border-bottom: 1px solid rgba(69, 69, 69, 0.4);
	}
	#left-side ul li:hover {
	      color: #ffffff;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out;
	}
	#left-side ul li:hover > .icon {
	  fill: #333;
	}
	#left-side ul li.active {
	  color: #e74c3c;
		    background-color: #333;
	}
	#left-side ul li.active:hover > .icon {
	  fill: #E74C3C;
	}

	#border {
	  height: 658px;
	  width: 1px;
	      background-color: rgba(255, 255, 255, 0.7);
	}
	#border #line.one {
	  width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  /*margin-top: 35px;*/
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.two {
	  width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 94px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.three {
	  width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 188px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.four {
	  width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 282px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.five{
		width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 376px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
		
		}
	#border #line.six{
		width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 470px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
		
		}
	#border #line.seven{
		width: 5px;
	  height: 95px;
	  background-color: #E74C3C;
	  margin-left: -2px;
	  margin-top: 564px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
		
		}
	#right-side {
	  height: 658px;
	  width: 943px;
	  overflow: hidden;
	}
	#right-side #first, #right-side #second, #right-side #third, #right-side #fourth, #right-side #rl_yb4, #right-side #rl_yb5, #right-side #rl_yb6{
	  position: absolute;
	  height: 658px;
	  width: 943px;
		    padding-top: 30px;
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	  margin-top: -708px;
	  opacity: 0;
	  /*display: -webkit-box;*/
	  /*display: -webkit-flex;*/
	  /*display: -ms-flexbox;*/
	  /*display: flex;*/
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: column;
	      -ms-flex-direction: column;
	          flex-direction: column;
	}
	
	
	#right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active,#right-side #rl_yb4.active,#right-side #rl_yb5.active,#right-side #rl_yb6.active{
	  margin-top: 0px;
	  opacity: 1;
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	}
		
		#left-side ul li:hover > .icon > svg{
    fill: #fff}
		#left-side ul li:hover > .active > svg{
    fill: #E74C3C;}
		.icon.active svg.icon {
    fill: #E74C3C;}
		
		#right-side .solution-detail{width: auto;}
		#left-side .icon2{ width: 42px; height: 52px;}
		#right-side .solution-detail .imgbox{float: left;width: 430px;margin-right: 20px; margin-top: 10px; margin-bottom: 10px;margin-left: 20px;}
		
		#right-side{padding: 30px;}
		
		#right-side .header-section{
		width: 900px;
    	margin: auto;
   	 	margin-top: 0px;
    	padding-bottom: 50px;
    	margin-bottom: 20px;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		
		
		}
		#right-side .solution-detail {width: auto;
    background: none;
    /* border: 1px solid #ededed; */
    margin: 0 auto;
    /* border-radius: 10px; */
    overflow: auto;
    padding: 0px;
    margin-top: 0px;}

		#right-side .header-section h3{
			font-weight: normal;
    		font-size: 24px;
    		line-height: 40px;
			color: #fff;
		}
		#right-side .header-section p{
			color: #fff;
			line-height: 26px;
    		font-size: 16px;
    		color: #c6c6c6;
    		margin-top: 20px;
		}
		#right-side .header-section .solution-link{
			font-size: 14px;
    		width: 157px;
    		height: 36px;
    		border: 1px solid #D8D8D8;
    		display: block;
    		margin-top: 30px;
    		text-align: center;
    		line-height: 34px;
    		color: #FFF;
    		text-decoration: none;
    		opacity: .8;
    		filter: alpha(opacity=80);
		}
		
	#right-side .header-section .solution-link:hover {
    background-color: #e74c3c;
    border-color: #e74c3c;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
		
		#right-side .imgbox p{
			color: #fff;
			text-align: center;
			margin-top: 20px;
			
		}
		
		
		/*弹出图层*/
		.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 0.5s;display: none}
        .bigbox{}
        .bigbox>.imgbox{}
        .bigbox>.imgbox>img{width: 430px; height: 217px;}
        .imgbox:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer;}

.planList .plan-right img.dyl_top_img{height: 170px;} 		
		
.planList .plan-right img.dyl_top_img22{height: 160px; width: 161px;}