﻿#about{margin: 50px 0 0 0;width: 75%;float:  left;}
.about-title{line-height: 45px;height:  45px;background: #E4E4E6 url(../images/index/about-tit.jpg) no-repeat;}
.product-title a,#gsdt dt a,#hyzx dt a,.about-title a{display: block;float: right;text-align: center;background: #fff;font-size: 12px;width: 67px;line-height: 20px;margin: 13px 19px 0 0;border-radius: 10px;}
.product-title a:hover,#gsdt dt a:hover,#hyzx dt a:hover,.about-title a:hover{background:#333;color:#fff;}
.aboutL{float:  left;margin: 31px 0 0 0;width: 36%;height:  260px;background: url(../images/index/about.jpg) no-repeat center;}
.aboutR{width: 60%;float:  right;font-size: 14px;margin: 14px 0 0 0;}
.aboutR h2{line-height:  50px;font-size:  18px;color: #029AFD;}
.aboutR p{line-height: 26px;}

#alzs{width: 23%;float:  right;margin-top: 50px;}
.alzs-title{line-height: 45px;height: 45px;background: #E4E4E6 url(../images/index/alzs-tit.jpg) no-repeat center;}
.slideBox{width: 100%;height: 240px;overflow:hidden;position:relative;margin: 45px auto 0;}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;z-index:1;bottom: 34px;text-align: center;width: 100%;}
.slideBox .hd ul{overflow:hidden;zoom:1;}
.slideBox .hd ul li{display: inline-block;margin-right:2px;width: 10px;height: 10px;background:#fff;cursor:pointer;text-indent:  500px;border-radius: 5px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{width: 276px;height:210px;display:block;}
.slideBox .bd li p{text-align:center;line-height: 34px;}

/*prolist*/

#product{margin: 50px 0 0 0;background: #F7F5F6;padding-bottom: 19px;}
#product:after{display:block;content:'';clear:both;}
#product dt{line-height: 45px;height: 45px;background: #E4E4E6 url(../images/index/product-tit.jpg) no-repeat;margin-bottom: 31px;}
#product dd{float:  left;margin: 0 1% 0;transition: 0.5s;width: 23%;}
#product dd:hover{box-shadow: 0 0 5px #c5c5c5;}
#product dd>a{display:  block;height: 0;position: relative;padding: 0 0 81% 0;}
#product dd img{
    position: absolute;
    display: block;
    width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.8;
}
#product dd img:hover{transition:  0.5s;opacity: 1;}
#product dd p{text-align:  center;line-height:  40px;}


#gsdt{float:  left;/* margin: 50px 0 0 0; */}
#hyzx{float:  right;/* margin: 50px 0 0 0; */}
#gsdt,#hyzx{width: 49%;background:  #F7F5F6;padding-bottom: 20px;}
#gsdt dt{ background: #E4E4E6 url(../images/index/gsdt-tit.jpg) no-repeat;}
#hyzx dt{ background: #E4E4E6 url(../images/index/hyzx-tit.jpg) no-repeat;}
#gsdt dt, #hyzx dt{line-height: 45px;height: 45px;margin-bottom: 16px;}

#gsdt dd,#hyzx dd{line-height: 40px;height: 40px;border-bottom: 1px dashed #c5c5c5;padding: 0 14px 0px 30px;background: url(../images/common/news-li.jpg) no-repeat 13px center;}
#gsdt dd a,#hyzx dd a{float:  left;font-size: 0.9rem;}
#gsdt dd span,#hyzx dd span{float:  right;font-size: 0.8rem;color: #666;}

#yqlj{margin: 50px 0 0 0;line-height: 40px;font-size:  14px;background:  #E5E5E5;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
    #product dd{width:48%}
}
