﻿#banner {position:absolute;top:0;left:0;width:100%;height:640px;z-index:-1;}
.fullSlide {width:100%;position:relative;top:0px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:640px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:640px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:40px;line-height:20px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:10px; border-radius:5px;margin:5px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on {background:#ec5858;}
.mt60{top:60px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:10;top:50%;margin-top:-30px;left:4%;z-index:10;width:40px;height:60px;background:url(../images/slider-arrow.png) -186px -127px no-repeat;cursor:pointer;filter:alpha(opacity=90);opacity:0.9;}
.fullSlide .next {left:auto;right:4%;background-position:-66px -127px;}

/*banner部分*/
.home_01 {padding-top:40px;padding-bottom:60px;background:url(../images/pho_about.jpg) no-repeat 780px 40px;height:440px;}
.home_02 {padding-top:20px;background:url(../images/bg.jpg) center;height:600px;}
.home_03 {padding-top:20px;background:#eee;height:340px;}
.home_04 {padding-top:20px;height:480px;}
.home_05 {padding-top:20px;}

.app ul, .app ul li {margin:0;padding:0;list-style:none;}
.app ul li {width:295px;height:200px;margin:0 0 40px 0;float:left;overflow:hidden;text-align:center;position:relative;display:inline-block;}
.app ul li a {width:100%;height:100%;}
.app ul li .photo {width:295px;height:200px;overflow:hidden;}
.app ul li img {width:295px;height:200px;}
.app ul .app_ml {margin:0 40px 40px 0;}
.app ul li h5 {font-size:18px;line-height:40px;font-weight:400;position:absolute;bottom:0px;height:40px;width:100%;background:rgba(255,255,255,.5);}
.app ul li div {color:#999;}
.app ul li a:hover {}

#container{top:640px; position:absolute;}

.home_about {width:640px;font-size:18px;line-height:36px;padding:15px 0;}

:active, :hover, :focus { outline: 0!important; outline-offset: 0;}
::before, ::after {position:absolute;content: "";}
.btn-holder { display:flex;flex-wrap:wrap;width:auto;justify-content: center;}
.btn {position:relative;display:inline-block;width:auto;height:36px;line-height:30px;background-color:transparent;border:none;cursor:pointer;width:140px;box-sizing: border-box; overflow:hidden;margin:0;background:#ec5858;}
.btn span {position: relative;display: inline-block;font-size:16px;letter-spacing: 2px;text-transform: uppercase;top: 0; left: 0;width: 100%;padding:0px;    transition: 0.3s;box-sizing: border-box;text-align:center;}
/*--- btn-1 ---*/
.btn-1::before {background-color:rgb(255,255,255);transition: 0.3s ease-out;}
.btn-1 span {color: rgb(0,0,0);border: 3px solid #ec5858;transition: 0.2s 0.1s;}
.btn-1 span:hover {color: rgb(255,255,255);transition: 0.2s 0.1s;}

/* 1.hover-filled-slide-down */
.btn.hover-filled-slide-down::before { bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.btn.hover-filled-slide-down:hover::before { height: 0%;}

.skill {padding:0 20px;}
.skill ul, .skill li {margin:0;padding:0;list-style:none;}
.skill li {width:420px;display:inline-block;height:220px;float:left;}
.skill li i {display:block;width:80px;height:80px;margin:10px auto;}
.ico_01 {background:url(../images/ico_01.png) no-repeat;}
.ico_02 {background:url(../images/ico_02.png) no-repeat;}
.ico_03 {background:url(../images/ico_03.png) no-repeat;}
.skill li p {width:380px;margin:0 auto;font:18px/30px "微软雅黑";}

.product ul, .product li  {margin:0;padding:0;list-style:none}
.product li {width:400px;margin:0 50px 0 0;float:left;display:inline-block;height:320px;}
.product .product_m0 {margin:0;}
.product .product_photo {width:400px;height:270px; overflow:hidden;}
.product .product_photo img {width:400px;height:270px;}
.product li span {height:50px;line-height:50px; text-align:center;display:inline-block;width:100%;font-size:24px;transition: 0.5s 0.2s;}
.product li a:hover span {background:#ec5858;color:#fff;}