@charset "UTF-8";

*{margin:0; padding:0;}
table{border-collapse:collapse;}
img{border:none;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
i,s,em,u{font-style:normal; text-decoration:none;}
a{text-decoration:none; outline:none; color:inherit;}
.clearfix:after{clear:both; content:" "; display:block; height:0; font-size:0;}
.clearfix{*zoom:1;}
textarea,input{font-size:inherit; font-family:inhert; outline:none;}
body{font:14px/1.5 microsoft yahei; color:#333;}

.swiper-index{height:100%; width:100%;}
.swiper-index .swiper-slide{overflow:hidden;}
.top{color:#000;}
.index_top{position:fixed; top:0; width:100%; z-index:100; transition:top .8s;}
.top_hide{top:-100px;}
.logo{width:120px; height:41px; background-repeat:no-repeat; background-position:center; background-image:url(../img/top_logo_black.png); float:left; margin-left:30px; margin-top:20px;}
.top_right{float:right; padding-top:24px; padding-right:24px;}
.top_home{width:19px; height:24px; float:left; display:block; background-repeat:no-repeat; background-position:center; background-image:url(../img/top_home_black.png); transition:.4s;}
.top_menu{float:left; font-size:16px; margin-left:36px;}
.top_menu li{float:left; margin-right:36px; cursor:pointer; transition:.4s;}
.top_menu li:hover{color:#e1181e;}
.top_menu li.on{color:#e1181e;}
.top_tel_icon{float:left; width:19px; height:24px; float:left; display:block; background-repeat:no-repeat; background-position:center; background-image:url(../img/top_tel_black.png);}
.top_tel_number{font-size:20px; line-height:24px; float:left; margin-left:12px;}
.top_white .logo{background-image:url(../img/top_logo_white.png);}
.top_white .top_home{background-image:url(../img/top_home_white.png);}
.top_white .top_tel_icon{background-image:url(../img/top_tel_white.png);}
.top_white{color:#fff;}
.top_home:hover{background-image:url(../img/top_home_hover.png);}

.swiper-banner{height:100%;}
.swiper-banner .swiper-slide{background-size:cover; background-repeat:no-repeat; background-position:center;}
.swiper-banner h1{position:absolute; top:50%; left:50%;}
.swiper-banner .swiper-slide-active h1{animation:swiper_anim 1.4s;}
.swiper_banner_text1{margin-left:-355px; margin-top:-159px;}
.swiper_banner_text2{margin-left:-327px; margin-top:80px;}
.swiper_banner_text3{margin-left:-480px; margin-top:-140px; text-align:center; color:#fff;}
.swiper_banner_text3 p{font-size:20px; padding:20px 0 40px;}
.swiper_banner_text3 em{font-size:18px; display:block; line-height:40px; width:160px; margin:0 auto; border-radius:25px; border:1px solid #fff; transition:.4s;}
.swiper_banner_text3 em:hover{background:#fff; color:#333;}
.swiper-pagination-banner .swiper-pagination-bullet{border-radius:5px; transition:.4s;}
.swiper-pagination-banner .swiper-pagination-bullet-active{width:32px;}
@keyframes swiper_anim{
      0%{transform:translate(0,100px); filter:alpha(opacity=0); opacity:0;}
	100%{transform:translate(0,0); filter:alpha(opacity=100); opacity:1;}
}
.index_mouse{width:19px; height:31px; background:url(../img/mouse.png) no-repeat center; margin-left:-10px; bottom:60px; left:50%; position:absolute; z-index:100; animation:mouse_anim 1.5s linear infinite;}
@keyframes mouse_anim{
      0%{transform:translate(0,-8px); filter:alpha(opacity=50); opacity:.5;}
     25%{transform:translate(0,0); filter:alpha(opacity=100); opacity:1;}
	 50%{transform:translate(0,8px); filter:alpha(opacity=50); opacity:.5;}
	 75%{transform:translate(0,0); filter:alpha(opacity=100); opacity:1;}
    100%{transform:translate(0,-8px); filter:alpha(opacity=50); opacity:.5;}
}
.index_service_bg{background:#10acec; background:-webkit-linear-gradient(left, #10acec, #03c3da);}

.index_title{position:absolute; left:0; top:12%; width:100%; text-align:center;}
.index_title h2{font-size:36px;}
.index_title h4{font-size:20px; font-family:arial;}
.index_title_white{color:#fff;}

.index_service{width:1200px; position:absolute; top:32%; left:50%; margin-left:-600px; font-size:0; text-align:center;}
.index_service li{float:left; width:20%; height:400px; color:#fff; transition:.6s;}
.index_service em{width:105px; height:108px; margin-top:56px; display:inline-block; background-repeat:no-repeat; background-position:center; transition:.6s;}
.index_service em.item1{background-image:url(../img/index_service_1.png);}
.index_service em.item2{background-image:url(../img/index_service_2.png);}
.index_service em.item3{background-image:url(../img/index_service_3.png);}
.index_service em.item4{background-image:url(../img/index_service_4.png);}
.index_service em.item5{background-image:url(../img/index_service_5.png);}
.index_service h3{font-size:18px; margin:20px 0 30px; padding:0 12px; transition:transform .6s;}
.index_service p{font-size:16px; filter:alpha(opacity=0); opacity:0; margin:0 40px; text-align:left; line-height:1.8; color:#0facec; transition:.6s;}
.index_service li:hover{background:#fff; color:#0facec; box-shadow:0 0 22px rgba(0,0,0,.2);}
.index_service li:hover em{transform:translate(0,-12px);}
.index_service li:hover h3{transform:translate(0,-18px);}
.index_service li:hover em.item1{background-image:url(../img/index_service_1_hover.png);}
.index_service li:hover em.item2{background-image:url(../img/index_service_2_hover.png);}
.index_service li:hover em.item3{background-image:url(../img/index_service_3_hover.png);}
.index_service li:hover em.item4{background-image:url(../img/index_service_4_hover.png);}
.index_service li:hover em.item5{background-image:url(../img/index_service_5_hover.png);}
.index_service li:hover p{filter:alpha(opacity=100); opacity:1; transform:translate(0,-30px);}
.iservice_dove s{position:absolute; background-repeat:no-repeat; background-position:center; background-size:cover; animation:dove_anim 5s linear infinite; display:block;}
@keyframes dove_anim{
      0%{transform:translate(0,0);}
	 20%{transform:translate(-12px,0);}
	 80%{transform:translate(12px,0);}
    100%{transform:translate(0,0);}
}

.iservice_dove s.iservice_dove_1{width:134px; height:118px; left:2%; bottom:40%; background-image:url(../img/dove_1.png);}
.iservice_dove s.iservice_dove_2{width:215px; height:193px; left:8%; top:16%; background-image:url(../img/dove_2.png); animation-delay:2s;}
.iservice_dove s.iservice_dove_3{width:134px; height:118px; left:32%; bottom:6%; background-image:url(../img/dove_1.png); animation-delay:1s;}
.iservice_dove s.iservice_dove_4{width:61px; height:55px; right:42%; bottom:24%; background-image:url(../img/dove_2.png); animation-delay:3s;}
.iservice_dove s.iservice_dove_5{width:134px; height:118px; right:9%; top:16%; background-image:url(../img/dove_1.png); animation-delay:4s;}
.iservice_dove s.iservice_dove_6{width:161px; height:144px; right:7%; bottom:24%; background-image:url(../img/dove_2.png); animation-delay:2s;}
.iservice_dove s.iservice_dove_7{width:61px; height:55px; right:3%; top:50%; background-image:url(../img/dove_2.png);}
.index_case{width:1280px; height:372px; position:absolute; top:50%; left:50%; margin-left:-640px; margin-top:-146px;}
.index_case ul{position:relative;}
.index_case li{width:320px; height:186px; float:left; position:relative; background-repeat:no-repeat; background-position:center; background-size:100%; transition:.6s;}
.index_case h3{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(230,0,18,.8); color:#fff; filter:alpha(opacity=0); opacity:0; transition:.6s;}
.index_case h3 em{display:block; font-size:18px; margin-top:70px; transition:.3s;}
.index_case h3 i{display:block; font-size:14px; margin-top:20px; transition:.9s; filter:alpha(opacity=0); opacity:0;}
.index_case li:hover{box-shadow:0 0 12px rgba(0,0,0,.4); background-size:106%; z-index:1;}
.index_case li:hover h3{filter:alpha(opacity=100); opacity:1;}
.index_case li:hover h3 em{transform:translate(0,-10px);}
.index_case li:hover h3 i{transform:translate(0,-20px); filter:alpha(opacity=100); opacity:1;}
.index_case s{animation:ribbon_anim 5s infinite; display:block;}
@keyframes ribbon_anim{
      0%{transform:translate(0,0);}
	 20%{transform:translate(2px,-6px);}
	 80%{transform:translate(-2px,6px);}
    100%{transform:translate(0,0);}
}
.index_case s.ic_ribbon_left{background:url(../img/ribbon_left.png) no-repeat center; width:703px; height:445px; position:absolute; top:-320px; left:-520px;}
.index_case s.ic_ribbon_right{background:url(../img/ribbon_right.png) no-repeat center; width:476px; height:252px; position:absolute; bottom:-84px; right:-320px; animation-delay:2s;}
.index_case_more{font-size:18px; text-align:center; line-height:40px; width:158px; border-radius:25px; position:absolute; bottom:-90px; left:50%; margin-left:-80px; border:1px solid #bbb; transition:.4s;}
.index_case_more:hover{background:#bbb; color:#fff;}

.index_about_bg{background:#eee;}
.index_about{width:1260px; height:440px; position:absolute; top:50%; left:50%; margin-left:-630px; margin-top:-160px; font-size:0; line-height:1.8;}
.index_about li{float:left; margin:0 20px; width:380px; height:100%; position:relative;}
.index_about s{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; transition:.3s;}
.index_about_inbox{padding:12px; position:relative;}
.index_about em{display:inline-block; width:356px; height:209px; background-repeat:no-repeat; background-position:center; background-size:100%; transition:.3s;}
.index_about h2{font-size:24px; padding-top:4px; transition:.3s;}
.index_about p{font-size:14px; transition:.3s;}
.index_about li:hover s{top:-2%; left:-2%; width:104%; height:104%; box-shadow:0 0 18px rgba(0,0,0,.2);}
.index_about li:hover em{background-size:106%;}
.index_about li:hover h2{transform:translate(0,4px);}
.index_about li:hover p{transform:translate(0,8px);}
.index_contact_top{position:absolute; top:0; left:0; width:100%; height:80px; background:#000;}
.index_contact{position:absolute; top:80px; bottom:-50px; left:0; right:0;}
.index_contact_box{position:absolute; width:440px; padding-left:30px; height:400px; right:10%; top:24%; background:#fff; font-size:0; box-shadow:0 0 14px rgba(0,0,0,.8);}
.ic_qcode{position:absolute; top:10px; right:10px;}
.index_contact_box h2{padding-top:30px;}
.index_contact_box strong{color:#e60012; font-size:16px; padding:12px 0; display:block;}
.index_contact_box p{font-size:14px; line-height:1.8;}
/* index */

.sub_top{height:80px; background:#fff;}
.case_banner{ background-size:cover; height:520px;}
.case_tab{width:1200px; padding-top:160px; font-size:0; margin:0 auto;}
.case_tab dl{float:left; width:300px; height:180px; text-align:center; position:relative;}
.case_tab dt{font-size:24px; color:#fff; position:absolute; top:80px; left:0; width:100%; filter:alpha(opacity=0); opacity:0; transition:.6s;}
.case_tab dd{width:180px; height:180px; border-radius:50%; background:rgba(216,25,24,.45); position:absolute; top:0; left:50%; margin-left:-90px; color:#333; transition:.6s; cursor:pointer;}
.case_tab dd em{font-size:90px; display:block; line-height:180px; width:180px; position:relative; z-index:1;}
.case_tab dd s{width:214px; height:214px; position:absolute; left:50%; top:50%; margin-left:-107px; margin-top:-107px; background:rgba(216,25,24,0); border-radius:50%; transition:.6s;}
.case_tab dl:hover dd{background:rgba(216,25,24,.8); color:#fff;}
.case_tab dl:hover dd s{background:rgba(216,25,24,.4); animation:case_circle_anim 2s linear infinite;}
@keyframes case_circle_anim{
      0%{filter:alpha(opacity=10); opacity:.1;}
	 50%{filter:alpha(opacity=100); opacity:1;}
    100%{filter:alpha(opacity=10); opacity:.1;}
}

.case_tab dl.on dt{transform:translate(0,-80px); filter:alpha(opacity=100); opacity:1;}
.case_tab dl.on dd{transform:translate(0,60px); color:#d81918; background:#fff;}
.case_tab dl.on dd s{background:rgba(216,25,24,0);}
.case_tab dl dd i{width:70px; height:22px; position:absolute; left:50%; bottom:-15px; margin-left:-35px; background:url(../img/case_arr.png) no-repeat center; filter:alpha(opacity=0); opacity:0; transition:.8s;}
.case_tab dl.on dd i{filter:alpha(opacity=100); opacity:1;}

.case_list{font-size:0; color:#fff; text-align:center; line-height:1.3; }
.case_list li{float:left; width:25%; background-repeat:no-repeat; background-position:center; background-size:102%; position:relative; transition:background-size .6s; cursor:pointer;}
.case_list dl{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(204,0,0,.8); filter:alpha(opacity=0); opacity:0; transition:.8s;}
.case_list dd{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%;}
.case_list dl em{display:block; font-size:24px; filter:alpha(opacity=0); opacity:0; transform:translate(0,30px); transition:.6s;}
.case_list dl s{display:block; height:1px; background:rgba(255,255,255,.5); margin:10px 0; filter:alpha(opacity=0); opacity:0; transform:translate(0,45px); transition:.8s;}
.case_list dl i{display:block; font-size:16px; filter:alpha(opacity=0); opacity:0; transform:translate(0,50px); transition:1s;}
.case_list li:hover{background-size:112%;}
.case_list li:hover dl{filter:alpha(opacity=100); opacity:1;}
.case_list li:hover dl em{filter:alpha(opacity=100); opacity:1; transform:translate(0,0);}
.case_list li:hover dl s{filter:alpha(opacity=100); opacity:1; transform:translate(0,0);}
.case_list li:hover dl i{filter:alpha(opacity=100); opacity:1; transform:translate(0,0);}

.case_list li.case_more{transition:.6s;}
.case_more h4{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.case_more em{width:110px; height:110px; display:inline-block; border:2px solid #ccc; border-radius:50%; transition:.6s;}
.case_more em s{width:12px; height:12px; display:inline-block; margin:0 5px; background:#ccc; border-radius:50%; margin-top:49px; transition:.6s;}
.case_more i{font-size:18px; color:#999; display:block; padding-top:12px; transition:.6s;}
.case_more:hover{background:#c00;}
.case_more:hover em{border-color:#fff;}
.case_more:hover em s{background:#fff;}
.case_more:hover i{color:#fff;}

.footer{background:#282830; text-align:center; font-size:0;}
.footer_logo{padding:34px 0 24px;}
.footer_logo img{margin:0 28px; vertical-align:middle;}
.footer_tel{font-family:arial; font-size:24px; color:#fff;}
.footer_info{font-size:14px; line-height:1.8; color:#999; padding:20px 0;}
/* case */

.sub_map_box{height:720px; overflow:hidden;}
.sub_map{height:800px;}
.BMap_bubble_title{font-size:16px; font-weight:bold; color:#c00; padding-bottom:4px;}
.BMap_bubble_content{font-size:14px; color:#333; line-height:1.8;}
/* map */

.about_banner{ background-size:cover; height:618px;}
.about_banner s{height:180px; display:block;}
.about_banner em{margin:0 auto 40px; display:block; width:268px; height:90px; background:url(../img/about_logo.png) no-repeat center;}
.about_banner i{margin:0 auto; display:block; width:729px; height:152px; background:url(../img/about_slogan.png) no-repeat center;}
.sub_about dl{height:520px;}
.sub_about dt{width:50%; float:left; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub_about dd{width:50%; float:left; height:100%; overflow:hidden;}
.sub_about dd ol{margin:30px 45px; max-width:546px; float:left;}
.sub_about dd strong{font-size:30px; color:#e1181e; display:block; font-weight:normal; padding-bottom:10px;}
.sub_about dd p{font-size:16px; line-height:1.8; text-align:justify;}
.sub_about dd i{color:#e1181e;}
.sub_about_1{background:#f2f2f2;}
.sub_about_2{background:#fff;}
.sub_about_3{background:#e1181e;}
.sub_about dd.sub_about_2 ol{float:right;}
.sub_about dd.sub_about_3{color:#fff;}
.sub_about dd.sub_about_3 strong{color:#fff;}
/* about */

.detail_banner{height:360px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.detail_box{width:1220px; margin:0 auto; position:relative;}
.detail_title{font-size:36px; color:#fff; position:absolute; left:0; top:-100px; text-shadow:0 0 7px rgba(0,0,0,.5);}
.detail_attr{font-size:18px; color:#fff; position:absolute; left:0; top:-44px; text-shadow:0 0 7px rgba(0,0,0,.5);}
.detail_summary{width:740px; font-size:16px; line-height:1.8; padding-top:30px; padding-bottom:10px;}
.detail_website{position:absolute; right:0; top:30px; width:120px; border-radius:5px; font-size:16px; border:1px solid #e1181e; color:#e1181e; line-height:40px; text-align:center;}
.detail_website:hover{background:#e1181e; color:#fff;}
.other:hover{background: none;color:#ccc}
.detail_share{position:relative; font-size:0; margin-bottom:36px;}
.detail_share ul{float:right; position:relative; z-index:1;}
.detail_share li{display:block; float:left; margin-left:22px; width:44px; height:44px; cursor:pointer; background-repeat:no-repeat; background-position:center;}
.detail_share li.item1{background-image:url(../img/detail_share_1.png);}
.detail_share li.item2{background-image:url(../img/detail_share_2.png);}
.detail_share li.item3{background-image:url(../img/detail_share_3.png);}
.detail_share li.item1:hover{background-image:url(../img/detail_share_1_hover.png);}
.detail_share li.item2:hover{background-image:url(../img/detail_share_2_hover.png);}
.detail_share li.item3:hover{background-image:url(../img/detail_share_3_hover.png);}
.detail_share s{position:absolute; top:22px; left:0; width:1022px; border-top:1px solid #e5e5e5;}
.detail_img img{display:block; max-width:100%;}
.detail_page{font-size:0; margin:36px 0; position:relative;}
.detail_page em{font-size:18px; color:#999; padding:0 14px;}
.detail_page s{display:inline-block; width:62px; height:62px; background-repeat:no-repeat; background-position:center;}
.dp_prev{cursor:pointer; position:absolute; left:0; top:0;}
.dp_prev s{background-image:url(../img/detail_prev.png);}
.dp_prev:hover s{background-image:url(../img/detail_prev_hover.png);}
.dp_next{cursor:pointer; position:absolute; right:0; top:0;}
.dp_next s{background-image:url(../img/detail_next.png);}
.dp_next:hover s{background-image:url(../img/detail_next_hover.png);}
.dp_list{text-align:center;}
.dp_list s{background-image:url(../img/detail_parent.png); cursor:pointer;}
.dp_list s:hover{background-image:url(../img/detail_parent_hover.png);}
.detail_page *{vertical-align:middle;}
.detail_page li:hover em{color:#e5373c;}
/* detail */

.swiper-service{height:100%; color:#fff; line-height:1.3;}
.swiper-service .swiper-slide{background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
.service_1{background-image:url(../img/service_1_bg.png);}
.service_2{background-image:url(../img/service_2_bg.png);}
.service_3{background-image:url(../img/service_3_bg.png);}
.service_4{background-image:url(../img/service_4_bg.png);}
.service_5{background-image:url(../img/service_5_bg.png);}
.service_1_box{width:1240px; height:100%; position:absolute; top:0; left:50%; margin-left:-620px;}
.service_1_box h5{font-size:0; position:absolute; right:0; bottom:0;}
.service_1_text{margin-top:-240px; position:absolute; left:0; top:50%;}
.service_1 h2{font-size:52px;}
.service_1 h3{font-size:60px;}
.service_1 h3 i{font-size:48px;}
.service_1 h4{font-size:30px; color:#ff1f26;}
.service_1 p{font-size:20px; line-height:1.8; padding:24px 0 36px;}

.service_2_box{width:960px; height:100%; position:absolute; top:0; left:50%; margin-left:-480px;}
.service_2_box h5{font-size:0; position:absolute; left:0; bottom:0;}
.service_2_text{margin-top:-250px; position:absolute; left:0; top:50%;}
.service_2 h2{font-size:52px; text-align:right;}
.service_2 h3{font-size:60px; text-align:right;}
.service_2 h4{font-size:30px; color:#69d0ff; padding-left:440px;}
.service_2 p{font-size:20px; line-height:2; padding:48px 0 36px 470px;}

.service_3_box{width:960px; position:absolute; top:50%; left:50%; margin-left:-480px; margin-top:-270px;}
.service_3 h2{font-size:52px;}
.service_3 h3{font-size:60px;}
.service_3 h4{font-size:30px;}
.service_3_list{padding:40px 0;}
.service_3_list dt{float:left; transition:.4s;}
.service_3_list dt:hover{transform:translate(0,-16px);}
.service_3_list dd{float:left; width:150px; height:255px;}

.service_4_box{width:1200px; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-270px; text-align:center;}
.service_4 h2{font-size:52px;}
.service_4 h3{font-size:60px;}
.service_4 h4{font-size:30px;}
.service_4_list{padding:40px 0;}
.service_4_list li{float:left; width:148px; margin:8px 0; padding:0 46px; transition:.4s; text-align:center;}
.service_4_list li:hover{background:rgba(255,255,255,.1);}
.service_4_list img{width:148px;}

.service_5_box{width:1200px; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-270px; text-align:center;}
.service_5 h2{font-size:60px; text-shadow:0 0 6px rgba(0,0,0,.4);}
.service_5 h2 i{font-size:50px;}
.service_5 h3{font-size:52px; text-shadow:0 0 6px rgba(0,0,0,.4);}
.service_5_list{font-size:0; text-align:center; margin-top:50px;}
.service_5_list li{height:300px; width:280px; float:left; margin:0 10px; background:rgba(255,255,255,.9); box-shadow:0 0 22px rgba(0,0,0,.2); transition:.5s;}
.service_5_list s{width:150px; height:100px; display:inline-block; margin-top:80px; margin-bottom:40px; background-repeat:no-repeat; background-position:center; transition:.5s;}
.service_5_list em{font-size:34px; display:block; transition:.5s;}

.service_5_list .item1 s{background-image:url(../img/service_product_1.png);}
.service_5_list .item2 s{background-image:url(../img/service_product_2.png);}
.service_5_list .item3 s{background-image:url(../img/service_product_3.png);}
.service_5_list .item4 s{background-image:url(../img/service_product_4.png);}
.service_5_list .item1 em{color:#008cee;}
.service_5_list .item2 em{color:#1dcebb;}
.service_5_list .item3 em{color:#a348dc;}
.service_5_list .item4 em{color:#ffa800;}
.service_5_list .item1:hover{background:rgba(0,140,238,.9);}
.service_5_list .item2:hover{background:rgba(29,206,187,.9);}
.service_5_list .item3:hover{background:rgba(163,72,220,.9);}
.service_5_list .item4:hover{background:rgba(255,168,0,.9);}
.service_5_list .item1:hover s{background-image:url(../img/service_product_1_hover.png);}
.service_5_list .item2:hover s{background-image:url(../img/service_product_2_hover.png);}
.service_5_list .item3:hover s{background-image:url(../img/service_product_3_hover.png);}
.service_5_list .item4:hover s{background-image:url(../img/service_product_4_hover.png);}
.service_5_list li:hover{box-shadow:0 0 22px rgba(0,0,0,.4);}
.service_5_list li:hover em{color:#fff;}

.service_1_box .view_detail{margin-left:330px;}
.service_2_box .view_detail{margin-left:470px; margin-top:20px;}
.service_3_box .view_detail{text-align:center; margin-top:26px;}
.service_4_box .view_detail{text-align:center; margin-top:36px;}
.view_detail a{display:inline-block; height:40px; line-height:40px; padding:0 26px; border-radius:25px; font-size:16px; color:#fff; border:1px solid #fff;}
/* service */

.sider{position:fixed; right:0; bottom:0; cursor:pointer; z-index:15;}
.sider li{width:100px; height:100px; position:relative; transition:.4s;}
.sider s{width:100px; height:100px; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0; transition:.4s;}
.sider_1 s{background-image:url(../img/sider_1.png);}
.sider_2 s{background-image:url(../img/sider_2.png);}
.sider_3 s{background-image:url(../img/sider_3.png);}
.sider_4 s{background-image:url(../img/sider_4.png);}
.sider_1 dl{position:absolute; top:0; left:0; height:100px; width:250px; background:rgba(255,255,255,.15); transition:.4s;}
.sider_1 em{position:absolute; left:100px; top:0; line-height:100px; font-size:16px; transition:.4s;}
.sider_1:hover dl{left:-150px; background:rgba(0,0,0,.4);}
.sider_1:hover s{background-image:url(../img/sider_1_hover.png);}
.sider_1:hover em{color:#fff;}
.sider_2{background:rgba(255,255,255,.15);}
.sider_2:hover{background:rgba(0,0,0,.4);}
.sider_2:hover s{background-image:url(../img/sider_2_hover.png);}
.sider_3{background:rgba(255,255,255,.15);}
.sider_3:hover{background:rgba(0,0,0,.4);}
.sider_3:hover s{background-image:url(../img/sider_3_hover.png);}
.sider_3 dl{position:absolute; top:0; left:0; transition:.4s; filter:alpha(opacity=0); opacity:0;}
.sider_3:hover dl{filter:alpha(opacity=100); opacity:1; left:-100px;}
.sider_3 dl img{width:100px; height:100px;}
.sider_4{background:rgba(255,255,255,.15);}
.sider_4:hover{background:rgba(0,0,0,.4);}
.sider_4:hover s{background-image:url(../img/sider_4_hover.png);}
/* sider */