.fp-section{position: relative;display:table;table-layout: fixed;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.table-cell{display:table-cell;vertical-align: middle;width: 100%;height: 100%;}




@media(min-width:768px) and (min-height:533px){
    .table-cell{padding-top:110px;}
}



/*banner*/
/*高端网站设计*/
.web_box{background-image: url(../images/back_2.jpg); background-position: bottom; background-repeat: no-repeat;background-size: cover;}

.web{ padding: 0;}
.web{ width: 100%; margin: auto; }
.web{ vertical-align: middle; }
.web  .top{ padding: 0; }
.web  .top .left{ float: left;  }
.web  .top .left .e_title{ font-size: 16px; color: #878787; }
.web  .top .left .title{ font-size: 20px; color: #2f2f2f; line-height: 30px; font-weight: bold; }
.web  .top .left .title img{width: 29px;}
.web  .top .left .content{ font-size: 14px;  margin-top: 10px; line-height: 25px; }
.web  .top .right{ text-align: center; margin-top: 10px; float: right; }
.web  .top .right img{ max-width: 300px; }
	/*服务*/
.web  .service{ margin-top: 30px; }
.web  .service .service_1{ width: 25%; float: left;  }
.web  .service .service_1{ padding: 0 20px; margin-bottom: 20px; }
.web  .service .service_1 .img{ height: 60px; }
.web  .service .service_1 .img img{height: 100%;}
.web  .service .service_1 .box{position: relative;  background-color: #FFF;   padding-top: 20px;  border-radius: 5px 5px 0 0;  border-bottom: 0; text-align: center; }
.web  .service .service_1 .box .chinese{color: #2f2f2f; font-size: 14px; line-height: 1.5;}
.web  .service .service_1 .box .english{ color: #666; font-size: 12px; line-height: 1.5; height: 3em; padding-bottom: 20px; }
.web  .intro{ font-size: 14px; color: #444444; line-height: 25px; text-align: center; margin-top: 75px; }
@media (max-height: 414px) {
.web  .intro{display: none;}
.web  .service{display: none;}

}
@media (max-height: 630px) {
.web  .intro{display: none;}
}
@media (max-height: 414px) and (max-width: 768px) {
.web  .top .right{display: none;}	
.web  .service .service_1{ display: none; }
}
@media (max-width: 768px) {	
.web  .service .service_1{ display: none; }
}


/*案例*/
.case_box{background-image: url(../images/back_6.jpg); background-position: top; background-repeat: no-repeat;background-size: cover;}

.case{ padding: 0; }

.case .case_list{  margin: auto;  overflow: hidden; transition: all 0.25s;}

@media (max-height: 373px) and (min-height: 293px) {
	.case .case_list .case-item .text{display: none;}
	.web  .service{display: none;}
}
@media (max-height: 906px) and (min-width: 768px) {
	
}
@media (min-height: 906px) {
	
}
@media (min-width: 768px) {
	.container{ width: 780px; }
	.cont{margin-left: -15px;margin-right: -15px;}
	.case .case_list .case-item{ width: 33.333%; float: left; }
}
@media (max-width: 800px) {
	.case .case_list { width: 390px; }
}
@media (max-width: 768px) {
	.case .case_list  .slick-list{ width: 100%; }
}

.case .case_list .case-item{ float: left; text-align: center;  padding: 5px;  }
.case .case_list .case-item .pic{ width: 100%; overflow: hidden; position: relative; background-position: center; background-size: cover; transition: all 0.25s;}
.case .case_list .case-item .pic img{width: 100%; display: block; transition: all 0.25s;}
.case .case_list .case-item:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case .case_list .case-item .text{  background-color: #FFF;   padding: 10px 0;}
.case .case_list .case-item:nth-child(even) .text{ background-color: #f1f1f1; }
.case .case_list .case-item .text .left{ padding: 0; float: left; }
.case .case_list .case-item .text .name{ font-size: 16px; text-align: left; color: #666666; line-height: 35px; height: 35px; overflow: hidden;  padding-left: 15px;}
.case .case_list .case-item .text .point{ font-size: 12px; text-align: left; color: #999999; line-height: 25px;  height: 25px; overflow: hidden; padding-left: 15px;}
.case .case_list .case-item .text .right{ text-align: center; height: 60px; float: right; line-height: 60px; padding: 0;}
.case .case_list .case-item .text .right img{ vertical-align: middle; padding: 0 5px; display: inline-block; }
.case .case_list{ margin: auto; }
.cont{position: relative;-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
@media (min-width: 800px) {
	.container{ width: 780px;  }
}
@media (min-width: 1200px) {
	.container{ width: 1170px; }
}


/*服务项目*/
.itemsbox{background-image: url(../images/web_back.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.items{  padding: 0;  }
.items .title{ font-size: 18px; color: #FFF; line-height: 30px; text-align: center;  }
.items .title img{vertical-align: middle; width: 15px;}
.items .title2{ font-size: 18px; color: #f1f1f1; line-height: 30px; text-align: center; }
.items{  margin: auto; }
.items { vertical-align: middle; }
.items  .service{ padding: 0; text-align: center;}
.items  .service .img{ width: 100px; }
.items  .service img.buzhou{ max-width: 100%; }
.items  .service .service_1{ margin-bottom: 30px; }
.items  .service .service_1 p{ font-size: 14px; color: #FFF; line-height: 25px; }
.items  .service .service_1 em{ font-size: 12px; color: #FFF; line-height: 20px; }

.items  .service .service_1 .img img{ width: 100%; }
.items  .service .service_1 .img{position: relative; margin: auto;}
.items  .service .service_1:hover .img{-webkit-transform: scale(0.93);-moz-transform: scale(0.93);-ms-transform: scale(0.93);transform: scale(0.93);}
.items  .service .service_1 .img::after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);opacity: 0;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.items  .service .service_1:hover .img:after{-webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;}
@-webkit-keyframes sonarEffect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);}
    100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes sonarEffect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);}
    100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect{
    0%{opacity: 0.3;}
    40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);}
    100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #d20001, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
}

@media (max-height:  500px) and (min-width: 789px) {
.items  .service img.buzhou{ display: none; }

}

@media (max-height:  500px)  {
.items  .service img.buzhou{ display: none; }

}






/*新闻资讯*/
.newsbox{background-image: url(../images/back_3.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover;}

.news{ padding: 0; }
.news{ width: 100%; }
.news { vertical-align: middle; }
.news .top{ text-align: center; }
.news .top .english{ font-size: 18px; color: #2f2f2f; line-height: 30px; }
.news .top .english img{ vertical-align: middle; width: 20px; }
.news .top .chinese{ font-size: 18px; font-weight: bold; color: #2f2f2f; line-height: 30px; }
.news .news_list{ margin-top: 20px; }
.news .news_list .news_1{ height: 70px; margin-bottom: 20px; }
.news .news_list .news_1 .time{ width: 90px; float: left; border-right: 2px solid #222222; height: 70px; margin-right: 15px; }
.news .news_list .news_1 .time .day{ font-size: 25px; color: #2f2f2f; line-height: 1; margin-bottom: 15px; }
.news .news_list .news_1 .time .year{ font-size: 18px; color: #2f2f2f; line-height: 1; }
.news .news_list .news_1 .text {}
.news .news_list .news_1 .text .title{ font-size: 16px; color: #222;line-height: 1; height: 1em; overflow: hidden; margin-bottom: 4px; }
.news .news_list .news_1 .text .content{ font-size: 14px; color: #888;  line-height: 25px; max-height: 50px; overflow: hidden;}

@media (max-height:  410px) and (min-width: 768px){
.news .news_list .news_1:nth-child(3){display: none;}	
.news .news_list .news_1:nth-child(4){display: none;}	

}

@media (max-height:  500px) and (min-width: 768px){
.news .news_list .news_1:nth-child(5){display: none;}	
.news .news_list .news_1:nth-child(6){display: none;}	

}

@media (max-height:  590px) and (min-width: 768px){
.news .news_list .news_1:nth-child(7){display: none;}	
.news .news_list .news_1:nth-child(8){display: none;}	

}

@media (max-width:  768px) and ( max-height:350px ){
.news .news_list .news_1:nth-child(3){display: none;}	


}
@media (max-width:  768px) and ( max-height:440px ){
.news .news_list .news_1:nth-child(4){display: none;}	


}
@media (max-width:  768px) and ( max-height:530px ){
.news .news_list .news_1:nth-child(5){display: none;}	


}
@media (max-width:  768px) and ( max-height:620px ){
.news .news_list .news_1:nth-child(6){display: none;}	


}
@media (max-width:  768px) and ( max-height:710px ){
.news .news_list .news_1:nth-child(7){display: none;}	


}
@media (max-width:  768px) and ( max-height:800px ){
.news .news_list .news_1:nth-child(8){display: none;}	


}



.hd_intro{ padding: 20px  0;  }
.hd_intro .intro_1{ text-align: center; padding: 20px 0;}
.hd_intro .intro_1 .top{display: inline-block;}
.hd_intro .intro_1 .top .left{ font-size:50px; float: left; color: #e71218; font-weight: bold; line-height: 50px; }
.hd_intro .intro_1 .top .right{ float: left; margin-left: 20px; text-align: left; line-height: 25px; font-size: 20px; color: #ef3e4a; }

.hd_intro .intro_1 .intro{ font-size: 14px; color: #444; margin-top: 10px; line-height: 30px; width: 70%; margin: auto; }






/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
section{overflow: hidden; }
.hd_intro{padding: 30px 0;}



.web  .top .right{  margin-top: 0px; }

.news{ width: 100%; }
.news { vertical-align: middle; }
.news .top{ text-align: center; }
.news .top .english{ font-size: 25px; color: #2f2f2f; line-height: 40px; }
.news .top .english img{ vertical-align: middle; width: 20px; }
.news .top .chinese{ font-size: 25px; font-weight: bold; color: #2f2f2f; line-height: 40px; }
.news .news_list{ margin-top: 40px; }
.news .news_list .news_1{ height: 70px; margin-bottom: 20px; }
.news .news_list .news_1 .time{ width: 100px; float: left; border-right: 2px solid #222222; height: 70px; margin-right: 15px; }
.news .news_list .news_1 .time .day{ font-size: 30px; color: #2f2f2f; line-height: 1; margin-bottom: 15px; }
.news .news_list .news_1 .time .year{ font-size: 20px; color: #2f2f2f; line-height: 1; }
.news .news_list .news_1 .text {}
.news .news_list .news_1 .text .title{ font-size: 16px; line-height: 1; height: 1em; overflow: hidden; margin-bottom: 4px; }
.news .news_list .news_1 .text .content{ font-size: 14px;  line-height: 25px; max-height: 50px; overflow: hidden;}
/*高端网站设计*/

	/*服务*/
.web  .service{  margin-top: 30px; }
.web  .service .service_1{ padding: 0 20px; margin-bottom: 20px; }
.web  .service .service_1 .img{ height: 90px; }
.web  .service .service_1 .img img{height: 100%;}
.web  .service .service_1 .box{ padding-top: 20px;  border-radius: 5px 5px 0 0;  border-bottom: 0; text-align: center; }
.web  .service .service_1 .box .chinese{color: #2f2f2f; font-size: 16px; line-height: 2;}
.web  .service .service_1 .box .english{  font-size: 14px; line-height: 2; height: 4em;  padding-bottom: 20px; }
.web  .intro{ font-size: 14px; color: #444444; line-height: 25px; text-align: center; margin-top: 40px; }



 }
@media (max-width:  768px) and (max-height:700px ) {
.hd_intro .intro_1:nth-child(3){ display: none; }

}

@media (max-width:  768px) and (max-height:500px ) {
.hd_intro .intro_1:nth-child(2){ display: none; }

}

@media (max-width:  768px) and (max-height:300px ) {
.hd_intro .intro_1:nth-child(1){ display: none; }

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 

.hd_intro{padding: 50px 0;}

}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 


.web{ width: 1200px; margin: auto; float: none; }
/*简介*/
.hd_intro{ padding: 70px  0;}
.hd_intro .intro_1{ text-align: center;margin: auto; }
.hd_intro .intro_1 .top{display: inline-block;}
.hd_intro .intro_1 .top .left{cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s; font-size: 80px; float: left; color: #e71218; font-weight: bold; line-height: 1; }
.intro_1 .top:hover .left{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.hd_intro .intro_1 .top .right{cursor: pointer; float: left; margin-left: 10px; text-align: left; line-height: 40px; font-size: 16px; color: #ef3e4a; }
.hd_intro .intro_1 .intro{ font-size: 14px;  max-width: 300px; width: 80%; margin: auto;  margin-top: 20px; line-height: 20px; }






/*新闻资讯*/
.news{ padding: 0;}
.news{ width: 100%; }
.news .top{ text-align: center; }
.news .top .english{ font-size: 30px; color: #2f2f2f; line-height: 45px; }
.news .top .english img{ vertical-align: middle; width: 25px; }
.news .top .chinese{ font-size: 32px; font-weight: bold; color: #2f2f2f; line-height: 45px; }
.news .news_list{ margin-top: 50px; }
.news .news_list .news_1{ height: 70px; margin-bottom: 60px; }
.news .news_list .news_1 .time{ width: 100px; float: left; border-right: 2px solid #222222; height: 70px; margin-right: 15px; }
.news .news_list .news_1 .time .day{ font-size: 42px; color: #2f2f2f; line-height: 1; margin-bottom: 15px; }
.news .news_list .news_1 .time .year{ font-size: 20px; color: #2f2f2f; line-height: 1; }
.news .news_list .news_1 .text {}
.news .news_list .news_1 .text .title{ font-size: 16px; line-height: 1; margin-bottom: 4px; }
.news .news_list .news_1 .text .content{ font-size: 14px;  line-height: 25px; max-height: 50px;}
/*高端网站设计*/
.web  .top{ padding: 0; }
.web  .top .left{}
.web  .top .left .e_title{ font-size: 16px; color: #878787; }
.web  .top .left .title{ font-size: 32px; color: #2f2f2f; line-height: 45px; font-weight: bold; }
.web  .top .left .content{ font-size: 14px; color: #888; margin-top: 15px; line-height: 25px; }
.web  .top .right{ text-align: center;  }
.web  .top .right img{ max-width: 300px; }
	/*服务*/
.web  .service{margin-top: 30px; }
.web  .service .service_1{ padding: 0 20px; margin-bottom: 20px; }
.web  .service .service_1 .img{ height: 90px; }
.web  .service .service_1 .img img{height: 100%;}
.web  .service .service_1 .box{  padding-top: 20px; border-radius: 5px 5px 0 0;  border-bottom: 0; text-align: center; }
.web  .service .service_1 .box .chinese{color: #2f2f2f; font-size: 16px; line-height: 2;}
.web  .service .service_1 .box .english{  font-size: 14px; line-height: 2; height: 48px;  padding-bottom: 20px; }
.web  .intro{ font-size: 14px; color: #444444; line-height: 25px; text-align: center; margin-top: 50px; }

/*服务项目*/
.items{  padding: 0;  }
.items .title{ font-size: 30px; color: #FFF; line-height: 45px; text-align: center;  }
.items .title img{vertical-align: middle;}
.items .title2{ font-size: 32px; color: #f1f1f1; line-height: 45px; text-align: center; }
.items{ width: 100%; margin: auto; }
.items { }
.items  .service{ padding: 0; text-align: center; margin-top: 50px;}
.items  .service .img{ width: 160px; }
.items  .service .service_1{}
.items  .service .service_1 p{ font-size: 18px; color: #FFF; line-height: 30px; }
.items  .service .service_1 em{ font-size: 14px; color: #FFF; line-height: 25px; }
.items  .service img.buzhou{ margin: auto; margin-top: 20px;}
}

/* 大屏幕（大桌面显示器，大于等于 1600 */
@media (min-width: 1600px) { 

.footer_nav{ width: 75%;margin-left: 12.5%; }
.footer .contact{ width: 75%;margin-left: 12.5%; }

}


/*屏幕高度限制*/
@media (max-height: 500px) { 
.hd_intro{ padding: 20px  0;  }
/*底部导航*/
.footer .contact{ padding: 0; display: none; }
.footer_nav{display: none}
.footer .search{display: none;}
.footer .bottom{margin: 0;}
.footer{padding: 0;}
}



/*屏幕高度限制*/
@media (max-height: 700px) { 

}



.overlay{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 20;overflow: hidden;
    opacity: 0;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);}
.overlay-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:-1;background: #000;
    opacity: 0.5;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);}
.overlay a.expand{display: block;position: absolute;z-index: 100;border: solid 1px #fff;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
a.expand:before{content:'';width:30px;height:1px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-0.5px;margin-left:-15px;}
a.expand:after{content:'';width:1px;height:30px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:0.5px;}
.case-item:hover .overlay{opacity:1;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);}
.case-item:hover .overlay a.expand{width: 60px;height: 60px;}
.case_list .slick-prev,
.case_list .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;margin-top: -30px;display: block;width: 40px;height: 60px;padding: 0;cursor: pointer;border: none;outline: none;}
.case_list .slick-prev{left: 0px;background: url(../images/arrow-01.png) no-repeat center; z-index: 10;}
.case_list .slick-next{right: 0px;background: url(../images/arrow-02.png) no-repeat center; z-index: 10}




/*-----*/
/* slick*/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0 auto;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor:pointer;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-list,.slick-track{height: 100%;}

/*-----*/
/* slider*/.slider{width: 100%;height: 100%;}
.slider-item{display:block;width: 100%;height: 100%;overflow:hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.slider .slick-dots{position: absolute;bottom: 30px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slider .slick-dots li{position: relative;display: inline-block;margin: 0 6px;padding: 0;cursor: pointer;zoom: 1;*display: inline;}
.slider .slick-dots li a{width: 15px;height: 15px;display: block;border: 2px solid #d20001;cursor: pointer;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.slider .slick-dots li a:hover{background-color: #d20001;}
.slider .slick-dots li.slick-active a{background-color: #d20001;cursor: default;}
@media (max-width: 767px){.slider .slick-dots{text-align: center;text-indent: 0;}
.slider .slick-dots li{margin: 0 4px;}
.slider .slick-dots li a{width: 35px;height: 4px;background-color: #fff;border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}}

/*banner*/
.banner.fp-section{display:block;}
.banner-table{display:table;width:100%;height:100%;overflow:hidden;}
.banner-cont{display: table-cell;vertical-align: middle;}
.banner-wrap{}
.banner-box{}
.slider-item i{display: block;opacity:1;}

.padding-for-header{padding-top:90px;}
.full{display:block;width:100%;height:100%;position:relative;}



/*web直线效果*/
.web  .service .service_1 .line1,.web  .service .service_1 .line2,.web  .service .service_1 .line3,.web  .service .service_1 .line4,.web  .service .service_1 .line5{position:absolute;width:0;height:0;background:#d20001;}
.web  .service .service_1 .line1{height:2px;top:0;left:50%;
    -webkit-transition: all 0.1s ease 0.1s;-moz-transition: all 0.1s ease 0.1s;-ms-transition: all 0.1s ease 0.1s;-o-transition: all 0.1s ease 0.1s;transition: all 0.1s ease 0.1s;}
.web  .service .service_1 .line2{width:2px;top:0;right:0;
    -webkit-transition: all 0.1s ease 0.2s;-moz-transition: all 0.1s ease 0.2s;-ms-transition: all 0.1s ease 0.2s;-o-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;
}
.web  .service .service_1 .line3{height:2px;bottom:0;right:0;
    -webkit-transition: all 0.1s ease 0.3s;-moz-transition: all 0.1s ease 0.3s;-ms-transition: all 0.1s ease 0.3s;-o-transition: all 0.1s ease 0.3s;transition: all 0.1s ease 0.3s;
}
.web  .service .service_1 .line4{width:2px;bottom:0;left:0;
    -webkit-transition: all 0.1s ease 0.4s;-moz-transition: all 0.1s ease 0.4s;-ms-transition: all 0.1s ease 0.4s;-o-transition: all 0.1s ease 0.4s;transition: all 0.1s ease 0.4s;
}
.web  .service .service_1 .line5{height:2px;top:0;left:0;
    -webkit-transition: all 0.1s ease 0.5s;-moz-transition: all 0.1s ease 0.5s;-ms-transition: all 0.1s ease 0.5s;-o-transition: all 0.1s ease 0.5s;transition: all 0.1s ease 0.5s;
}

.web  .service .service_1:hover .line1,
.web  .service .service_1:hover .line5{width:50%;}
.web  .service .service_1:hover .line2,
.web  .service .service_1:hover .line4{height:100%;}
.web  .service .service_1:hover .line3{width:100%;}