@charset "utf-8";
body{position: relative;}

h2{font-size: 30px; color: #0d0e00; font-weight: bold;line-height: 38px;text-align: center;margin-top: 70px;position: relative;}
h2:before{content: ""; display: block; width: 170px; height: 1px; background: #fff; position: absolute;left: 50%; margin-left: -85px; top:56px; z-index: 333}
h2:after{content: ""; display: block; margin: 0 auto; background: url(../images/icon_08.png) no-repeat center; width: 47px; height: 17px;}
h2 em{font-size: 21px; color: #fbdc21; text-transform: uppercase; margin-left: 7px;display: block;position: relative;}
h2 em:before, h2 em:after{content: '';width: 27px; height: 1px; display: inline-block; background: #fbdc21; vertical-align: middle;}
h2 em:before{margin-right: 11px;}
h2 em:after{margin-left: 11px;}
a.more-link{display: block; width: 197px; height: 36px; color: #fff;font-size: 14px; line-height: 36px; padding-left: 17px; background: #141615 url(../images/icon_05.png) no-repeat 153px center;}
a.more-link.white{color: #141615; background: #fbdc21 url(../images/icon_09.png) no-repeat 153px center;}
a.more-link:hover{-webkit-animation-name:fadeInLeft;
-o-animation-name:fadeInLeft;
animation-name:fadeInLeft; -webkit-animation-iteration-count:  infinite;
-o-animation-iteration-count:  infinite;
animation-iteration-count:  infinite;-webkit-animation-duration: .8s;
-o-animation-duration: .8s;
animation-duration: .8s;}

@-webkit-keyframes fadeInLeft {
  from {
    background-position: 130px 13px;
    background-size: 0px 13px;
  }
  50%{
  	background-position: 153px 13px;
    background-size: 26px 13px;
  }

  to {
    background-position: 170px 13px;
    background-size: 0px 13px;
  }
}

@keyframes fadeInLeft {
  from {
    background-position: 130px 13px;
    background-size: 0px 13px;
  }

  50%{
  	background-position: 153px 13px;
    background-size: 26px 13px;
  }

  to {
    background-position: 170px 13px;
    background-size: 0px 13px;
  }
}

.prodcut-panel-01 h2{margin-bottom: 62px;}
.prodcut-panel-01 li{float: left;text-align: center; margin-right: 20px;}
/* .prodcut-panel-01 li:nth-of-type(4){margin-right: 0;} */

.prodcut-panel-01 li img{width: 284px;height: 373px;}
.prodcut-panel-01 li .img-wrap{position: relative;display: block;}
.prodcut-panel-01 li .img-wrap:before{ background: rgba(0,0,0,.6) url(../images/icon_04.png) no-repeat center; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;opacity: 0; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.prodcut-panel-01 li:hover .img-wrap:before{opacity: 1; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.prodcut-panel-01 li h6{font-size: 16px; line-height: 45px; color: #0d0e00;}
.prodcut-panel-02 h2{margin-top: 63px;}

.slide{margin-top: 45px;height: 391px; position: relative;}
.slide .bd li .content-wrap{background: #fbdc21 url(../images/img_bg_03.jpg) no-repeat center;padding: 42px 82px 0 33px;width: 531px;height: 391px;;}
.slide .bd li h6{font-size: 20px;color: #000000;line-height: 24px;padding: 28px 0 0 36px;position: relative;margin-bottom: 23px;}
.slide .bd li h6 a{font-size: 20px;color: #000000;line-height: 24px;background: #fbdc21;position: relative;;;;}
.slide .bd li h6 em{font-size: 38px;color: #333333;font-weight: bold;position: absolute;left: 0;line-height: 1;top: -5px;z-index: 0;padding-left: 35px;}
.slide .bd li h6 em .first-letter{font-size: 64px;display:block; position: absolute; left: 0; top: -4px;}
.slide .bd li p{font-size: 14px;line-height: 22px;color: #333333;height: 110px;overflow: hidden;margin-bottom: 32px;;}
.slide .bd li a.more{}
.slide .btn-group{position: absolute; border: 1px solid #141615;z-index: 1111;width: 104px;height: 36px;left: 701px;top: 310px;;;;;}
.slide .btn-group a{width: 33px; height: 34px; display: block;}
.slide .btn-group a:hover{background-color: rgba(255,255,255,.5);}
.slide .btn-group .prev{float: left;background: url(../images/icon_06.png) no-repeat center;}
.slide .btn-group .next{float: right;background: url(../images/icon_07.png) no-repeat center;}
.slide .btn-group .pageState{font-size: 14px; color: #333333; width: 35px; height: 26px; line-height: 26px; text-align: center; float: left;border-right: 1px solid #141615;border-left: 1px solid #141615;margin: 4px 0;;}

.product-panel-03{padding-top: 70px;background: url(../images/img_bg_02.png) no-repeat center top;}
.product-panel-03 .img-wrap{}
.product-panel-03 .content-wrap{width: 580px;     margin: 34px 0 0 23px; }
.product-panel-03 .content-wrap h3{font-size: 28px; color: #fbdc21; font-weight: bold;}
.product-panel-03 .content-wrap h6{font-size: 20px; color: #0d0e00; font-weight: bold;line-height: 23px;}
.product-panel-03 .content-wrap h6 span{color: #fbdc21}
.product-panel-03 .content-wrap p.profile{font-size: 14px; color: #666666;margin-top: 24px;}
.product-panel-03 .content-wrap p.profile:after{content: ''; display: block;width: 56px; height: 3px; background: #fbdc21; margin-top: 23px;}
.product-panel-03 .content-wrap p.desc{font-size: 14px; color: #666666;line-height: 22px;margin: 22px 0 60px;}
.product-panel-03 .content-wrap .article{    height: 220px;overflow: hidden;line-height: 24px;padding-top: 15px;}
.news-panel h2{margin: 80px 0 47px;}
.news-panel li{float: left;}
.news-panel li.bg .img-wrap{width: 344px; height: 244px; overflow: hidden;}
.news-panel li img{-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.news-panel li:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.news-panel li.bg h6{font-size: 16px; color: #0d0e00;margin: 15px 0 5px;;}
.news-panel li.bg h6:hover{color: #fbdc21;}
.news-panel li.bg span{font-size: 14px; color: #fbdc21;display: block;margin-bottom: 10px;}
.news-panel li.bg p{font-size: 14px; color: #333333;height: 42px;overflow: hidden;margin-bottom: 50px;}
.news-panel li.bg{margin-right: 50px; width: 344px;}
.news-panel li.sm{padding-bottom: 33px;}
.news-panel li.sm .img-wrap{width: 102px; height: 102px; overflow: hidden;}
.news-panel li.sm:last-child{padding-bottom: 0px;}
.news-panel li.sm+li.sm{padding-top: 33px;border-top: 1px solid #ddd;}
.news-panel li .content-wrap{margin:0 0  0 13px;width: 296px;}
.news-panel li .content-wrap h6{font-size: 16px; color: #0d0e00;margin: 4px 0 5px;height: 23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel li .content-wrap h6:hover{ color: #fbdc21;}
.news-panel li .content-wrap span{font-size: 14px; color: #fbdc21; display: block;margin-bottom: 9px;;}
.news-panel li .content-wrap p{font-size: 14px; color: #333333}

.case-panel{background: url(../images/img_bg_01.jpg) no-repeat center top;text-align: center;padding: 40px 0 45px;margin-top: 73px;background-size: 100%;}
.case-panel h1{font-size: 30px; color: #000; font-weight: bold;margin-bottom: 5px;}
.case-panel h5{font-size: 20px; color: #000;}