/*首页产品*/
.looker_index{ width: 90%; margin: 0 auto 50px;}
.looker_index .module .top{height: 50px;  margin-top: 20px;}
.looker_index .module .top .left{font-size: 24px; line-height: 50px; float: left; color: #333; height: 50px;}
.looker_index .module .top .right{ float: right;padding-top: 15px;}
.looker_index .module .top .right a{float: left;font-size: 16px;color: #585858;margin-left: 20px;height: 35px;line-height: 35px;padding: 0px 20px;}
.looker_index .module .top .right .active{ color: #fff; border-radius: 5px 5px 0px 0px;}
.looker_index .module .bottom{ position: relative;box-shadow: 2px 2px 4px #ccc;}
.looker_index .module .bottom .left{ position: absolute; width: 295px; height: 475px; top: 0; left: 0;background-size: 100% 100%;}
.looker_index .module .bottom .left .text{position: absolute; top: 90px; left: 18px;}
.looker_index .module .bottom .left .text p{font-size: 18px;color: #fff;font-weight: bold;}
.looker_index .module .bottom .right{ margin-left: 295px;height: 475px;}
.looker_index .module .bottom .right ul{padding: 0 0.5%;overflow: hidden;height: 100%;}
.looker_index .module .bottom .right ul li{ float: left;width: 19%; padding: 28px 0.5% 0;}
.looker_index .module .bottom .right ul li a{display: block;padding: 0 10px;border: 1px solid #e7e7e7;height: 415px;}
.looker_index .module .bottom .right ul li .ico{ height: 120px;text-align: center;}
.looker_index .module .bottom .right ul li .ico .box{height: 70px; padding-top: 50px;}
.looker_index .module .bottom .right ul li:hover .ico .box{animation:myfirst 0.6s;-moz-animation:myfirst 0.6s;-webkit-animation:myfirst 0.6s;-o-animation:myfirst 0.6s;}
@keyframes myfirst{	0% {padding-top:50px;}25% {padding-top:10px;}50% {padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-moz-keyframes myfirst {0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-webkit-keyframes myfirst {0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-o-keyframes myfirst{0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
.looker_index .module .bottom .right ul li .title{height: 74px;line-height: 74px;text-align: center;font-size: 26px;color: #222;border-bottom: 1px solid #ebebeb;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.looker_index .module .bottom .right ul li .content{padding-top: 28px;line-height: 34px;padding-left: 30px;color: #595959;}
.looker_index .module .bottom .right ul li .more{width: 90px;height: 28px;line-height: 28px;margin-top: 30px;margin-left: 30px;border: 1px solid #e7e7e7;border-radius: 2px;font-size: 12px;color: #949494;text-align: center;}
.looker_index .module .bottom .right ul li:hover a{box-shadow: 0 0px 16px #eee;}
.looker_index .module .bottom .right ul li:hover .more{ color: #fff;}

/*紫色*/
.looker_index .purple .top{border-bottom: 3px solid #898de7;}
.looker_index .purple .top .right .active{background: #898de7;}
.looker_index .purple .bottom .left{background: url(img/index/background01.jpg) no-repeat center center;}
.looker_index .purple .bottom .right ul li:hover a{ border: 1px solid #898de7;}
.looker_index .purple .bottom .right ul li:hover .more{background: #898de7; border-color: #898de7;}
/*橙色*/
.looker_index .orange .top{border-bottom: 3px solid #fd9b82;}
.looker_index .orange .top .right .active{background: #fd9b82;}
.looker_index .orange .bottom .right ul li:hover a{ border: 1px solid #fd9b82;}
.looker_index .orange .bottom .right ul li:hover .more{background: #fd9b82; border-color: #fd9b82;}
/*蓝色*/
.looker_index .blue .top{border-bottom: 3px solid #3da7f2;}
.looker_index .blue .top .right .active{background: #3da7f2;}
.looker_index .blue .bottom .left{background: url(img/index/background03.jpg) no-repeat center center;}
.looker_index .blue .bottom .right ul li:hover a{ border: 1px solid #3da7f2;}
.looker_index .blue .bottom .right ul li:hover .more{background: #3da7f2; border-color: #3da7f2;}

/*浅蓝*/
.looker_index .light .top{border-bottom: 3px solid #5A65DD;}
.looker_index .light .top .right .active{background: #5A65DD;}
.looker_index .light .bottom .left{background: url(img/index/background04.jpg) no-repeat center center;}
.looker_index .light .bottom .right ul li:hover a{ border: 1px solid #5A65DD;}
.looker_index .light .bottom .right ul li:hover .more{background: #5A65DD; border-color: #5A65DD;}

 
.mobile_product{display: none;}
.mobile_product ul li{padding: 20px 3%;float: none;width: 88%;margin: 15px auto;border: 1px solid #eee;}
.mobile_product ul li .picture{ width:80px; height:80px; float: left;}
.mobile_product ul li .content{ margin-left: 100px; overflow: hidden;}
.mobile_product ul li .content .title{font-size: 18px;line-height: 28px;color: #666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mobile_product ul li .content .describe{font-size: 12px;line-height: 18px;color: #666;height: 54px;overflow: hidden;}

/*首页新闻*/ 
.index_new{ width: 100%; margin: 0 auto 50px;}
.index_new .index_title{ text-align: center;margin-bottom: 30px;padding-top: 30px;}
.index_new .index_title a{ font-size: 30px;display: block; width: 300px; margin: 0 auto;}
.index_new ul:after{display: block; content: ""; clear: both; zoom: 1;}
.index_new ul li{ float: left; width: 23.5%; margin-left: 2%;box-shadow: 0px 4px 10px #ccc; transition: all .3s; -webkit-transition: all .3s;}
.index_new ul li:first-child{margin-left: 0;}
.index_new ul li:hover{box-shadow: 0px 4px 10px #459fff;}
.index_new ul li .picture img{ width: 100%;}
.index_new ul li .title{font-size: 24px;line-height: 70px;padding: 0 30px;}
.index_new ul li .new_list{ padding: 0 30px;}
.index_new ul li .new_list a{ display: block;line-height: 32px;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_new ul li .introduce{padding: 0 30px;line-height: 26px; color: #555; height: 160px; overflow: hidden;}
.index_new ul li .more{padding: 20px 30px;overflow: hidden;}
.index_new ul li .more a{display: block;float: right;border: 1px solid #999;color: #666;line-height: 30px;border-radius: 20px;padding: 0 15px;font-size: 12px;}
.index_new ul li .more a:hover{background: #2093f9;border: 1px solid #2093f9;color: #fff;}

/*首页案例*/ 
.index_case{ width: 90%; margin: 0 auto 50px;}
.index_case .index_title{ text-align: center;margin-bottom: 30px;padding-top: 30px;}
.index_case .index_title a{ font-size: 30px;display: block; width: 300px; margin: 0 auto;}
.index_case ul{ overflow: hidden;}
.index_case ul:after{display: block; content: ""; clear: both; zoom: 1;}
.index_case ul li{ float: left;width:12.5%;padding: 15px 0;}
.index_case ul li a{ display: block; text-align: center;}
.index_case ul li a img{ height: 90px;  max-width: 100%;}


@media screen and (max-width:1500px){
    
	/*首页产品*/
	.computer_product .module .bottom .left { display: none;}
	.computer_product .module .bottom .right { height: 270px; margin-left: 0;}
	.computer_product .module .bottom .right ul li .content { display: none;}
	.computer_product .module .bottom .right ul li .more { display: none;}
	.computer_product .module .bottom .right ul li .title { border: none;}
	.computer_product .module .bottom .right ul li a { height: 210px;}
    /*首页案例*/
    .index_case ul li { width: 16.6%; }
	
	/*首页新闻*/
	.index_new ul li {  width: 49%;margin-bottom: 20px;}
	.index_new ul li:nth-child(2n-1){margin-left: 0;}
	
	/*首页案例*/
	.index_case ul li { width: 20%; }
}
@media screen and (max-width:768px){
	/*首页新闻*/
	.index_new ul li {  width: 100%;margin-bottom: 20px; margin-left: 0;}
	.index_new ul li .picture { display: none;}
	.index_new .index_title a{font-size: 20px;}
	.index_new { margin: 0 auto;}
	.index_case .index_title a{font-size: 20px;}
	.index_case .index_title { margin-bottom: 0px;}
	.index_case ul li { width: 33.3%;}
	.index_case ul li img{ width: 100%;max-width: auto;  max-height: auto;}
	.module{display:none;}
	.computer_product{ display: none;}
	.mobile_product{ display: block;}
	.mobile_header{ display: block;}
	.mobile_sidebar{ display: block;}
	.index_case{display:none;}
	.navigate{ display:none;}
}
@media screen and (max-width:400px){
    /*首页案例*/
    .index_case ul li { width:50%;} 
}