/* CSS Document */
.fix{*zoom:1;}
.solution{overflow: hidden;}
.fix:after{clear:both;content:"";display:table;}
.solution_list{ margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #3890c3;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#3890c3;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:link,.solution_list .intro a:visited {
    color: #666666;
    text-decoration: none;
}
.solution_list .intro a:hover{ color:#3890c3;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}
.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.solu_img:hover>img{
    transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

.nr2 {
    margin-top: 20px;
}

.nr2 .div2diy {
    margin-top: 18px;
    font-size: 14px;
    overflow: hidden;
    height: auto;
}

.nr2 .div2diy div {
    margin-bottom: 20px;
    padding: 0 90px;
    width: 1020;
}

.nr2 div.solt1 {
    background: url(../images/sol_1.png) no-repeat;
    height: 68px;
    line-height: 68px;
    text-align: left;
    font-size: 31px;
    color: #d31176;
}


.main .nr2 .bt {
    border: 0;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 40px 0 0;
    height: 1px;
    line-height: 1px;
    font: 0;
}

.nr2 div.solt2 {
    background: url(../images/sol_2.png) top right no-repeat;
    height: 68px;
    line-height: 68px;
    text-align: right;
    font-size: 31px;
    color: #89ba28;
    margin-top: 40px;
}

.nr2 div.solt3 {
    background: url(../images/sol_3.png) no-repeat;
    height: 68px;
    line-height: 68px;
    text-align: left;
    font-size: 31px;
    color: #e99313;
    margin-top: 40px;
}


.nr2 div.solt4 {
	background: url(../images/sol_4.png) top right no-repeat;
	height: 68px;
	line-height: 68px;
	text-align: right;
	font-size: 31px;
	color: #1C96D5;
	margin-top: 40px;
}
.nr2 div.solt5 {
	background: url(../images/sol_5.png) no-repeat;
	height: 68px;
	line-height: 68px;
	text-align: left;
	font-size: 31px;
	color: #0E9363;
	margin-top: 40px;
}
.nr2 div.solt6 {
	background: url(../images/sol_6.png) top right no-repeat;
	height: 68px;
	line-height: 68px;
	text-align: right;
	font-size: 31px;
	color: #7BCCF1;
	margin-top: 40px;
}

.fl{float:left;}
.fr{float:right;}



.clearheight{width:100%;height:1px;overflow:hidden;}


.border_right1{border-right:1px solid #b8dbc4;}
.border_right0{border-right:0px;}
.mt19{margin-top:19px;}
.mt18{margin-top:18px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt22{margin-top:22px;}
.mt20{margin-top:20px;}
.ml6{margin-left:6px;}
.mt6{margin-top:6px;}
.w-1000{ width:1000px; margin:0 auto; position:relative;}
.w-1005{ width:1005px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}

.pad-60 {
    padding: 60px 0;
}

 

@media screen and (max-width: 1600px){
 
}

@media screen and (max-width: 1440px)
{

}






@media screen and (max-width:1366px){

}
@media screen and (max-width:1250px){

  }
@media screen and (max-width:1024px){

  }

@media (min-width: 960px)
{

}
  @media screen and (max-width:768px){

    .nr2 .div2diy div {
        margin-bottom: 20px;
        padding: 0 40px;
        width: auto;
    }
    .nr2 .div2diy p {
        line-height: 24px;
        text-indent: 2em;
    }
    
    .nr2 div.solt1 {
        background: url(../images/sol_1.png) no-repeat;
        background-size: 10%;
        height: 34px;
        line-height: 34px;
        text-align: left;
        font-size: 16px;
        color: #d31176;
        padding-right: 0px;
    }

    .nr2 div.solt2 {
        background: url(../images/sol_2.png) top right no-repeat;
        background-size: 10%;
        height: 34px;
        line-height: 34px;
        text-align: right;
        font-size: 16px;
        color: #89ba28;
        margin-top: 40px;
        padding-left: 0px;
    }
    
    
.nr2 div.solt3 {
    background: url(../images/sol_3.png) no-repeat;
    background-size: 10%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    font-size: 16px;
    color: #e99313;
    margin-top: 40px;
    padding-right: 0px;
}


.nr2 div.solt4 {
	background: url(../images/sol_4.png) top right no-repeat;
 
    
    background-size: 10%;
    height: 34px;
    line-height: 34px;
    text-align: right;
    font-size: 16px;
    color: #1C96D5;
    margin-top: 40px;
    padding-left: 0px;
}
.nr2 div.solt5 {
	background: url(../images/sol_5.png) no-repeat;
 
    
    background-size: 10%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    font-size: 16px;
    color: #0E9363;
    margin-top: 40px;
    padding-right: 0px;

}
.nr2 div.solt6 {
	background: url(../images/sol_6.png) top right no-repeat;
 
    
    background-size: 10%;
    height: 34px;
    line-height: 34px;
    text-align: right;
    font-size: 16px;
    color: #7BCCF1;
    margin-top: 40px;
    padding-left: 0px;
}


  }
  
  @media screen and (max-width:740px){


  }
  
  @media screen and (max-width:640px){


  
  }
    
  @media screen and (max-width:540px){

  }

@media screen and (max-width: 480px){


}

@media screen and (max-width: 413px){


}

@media screen and (max-width: 374px){
 



}