﻿.carousel-control{
    position:absolute;
    top:50%;
    left:15px;
    width:40px;
    height:40px;margin-top:-20px;
    font-size:40px;font-weight:100;line-height:30px;
    color:#ffffff;text-indent: 7px;
    text-align:center;background:#666;border:3px solid #ffffff;
    -webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.3;
    filter:alpha(opacity=30);
}
.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:0.7;filter:alpha(opacity=70);}
@media only screen and (max-width: 479px) {
    .carousel-control {top:65%;} 
}

.hz_t{font-size: 3rem;color: #363636;text-align: center; padding:52px 0 0;}
.hz_t span{display: block;font-size: 1rem;font-weight: normal; padding:10px 0 0;}
.index-smatitle{text-align: center;}
.index-smatitle span{display: inline-block;width: 70px;background: #aaa;height: 1px;margin:0 5px 3px;}


.index-pro{
    background:url(../image/hz_bg2.gif) no-repeat center bottom;padding-bottom: 190px;
    }
    .pro-menu {*text-align:center;margin-top: 35px}
    .pro-menu ul {display:table;margin-left:auto;margin-right:auto;}
    .pro-menu ul li{float:left;*float:none;*display:inline;*zoom:1;padding:5px 15px;background: #e5e5e5;
        border:1px solid #ddd;margin:0 10px;
        transition: background 2s;
        -moz-transition: background 2s;  
        -webkit-transition: background 2s;   
        -o-transition: background 2s;    
    }
    .pro-menu ul li a{font-weight: bold}
    .pro-menu ul li:hover{background: #e0e0e0;}
    .index-proimg{width: 100%;margin-top:10px;text-align: center;}
    .index-proimg img {margin:30px 0 15px 15px;width: 240px;height:240px;vertical-align: top;border:1px solid #ddd;}
    .index-proimg img:hover {-webkit-box-shadow:0 0 12px rgba(0,0,0,.3);
        box-shadow:0 0 12px rgba(0,0,0,.3);border-color:#71b100;
        -webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);
        -ms-transform:translateY(-8px);transform:translateY(-8px);}


.index-youshi{background: #a2dbda url(../image/pin_bg.gif) no-repeat center bottom;padding-bottom: 50px;}
    .ys-bj{width: 77px;height: 107px;line-height: 87px;background: url(../image/youshi.png) no-repeat center top;
        font-size: 6rem;color: #fff;font-weight: bold;text-align: center;
    }
    .index-youshi li{clear: both;}
    .ys-text h3{color: #2e682b;font-size: 3.7rem;font-weight: bold;text-indent: 27px}
    .ys-text h5{text-indent: 27px}
    .ys-text h6{margin:15px 0 50px 27px;width: 100px;height: 1px;background: #444}
    .ys-text p{margin:15px 0 0 15px;border-bottom: 1px dashed #333;line-height: 40px;font-size: 16px;color: #000}

    .ys-text dl{width: 530px;}
    .ys-text dd{margin:15px 0 0 15px;border-bottom: 1px dashed #333;line-height: 40px;font-size: 16px;color: #000}
    .ys-text dd:last-child{border-bottom: none}
    
    .ys-two-c{margin:70px 15px 0 55px;}
    .ys-two-r{margin:70px 0 0 0px;width: 500px;}


.index-about{background:url(../image/hz_bg.gif) no-repeat center bottom;padding-bottom: 170px}
    .index-about .col-md-6 p{font-size: 14px;line-height: 30px;overflow: hidden;}
    .index-about .col-md-3 li{line-height: 31px;border-bottom: 1px dashed #ddd;width: 100%;overflow: hidden}
    .index-about .col-md-3 li i{margin-right: 10px}


.index-case{background:#a3dbda url(../image/jz_bg.jpg) no-repeat left bottom;}
    .index-case ul{padding-left: 20px}
    .index-case li{float: left;margin:30px 10px 10px 20px;border: #999 solid 1px; overflow: hidden;  }
    .index-case li img{width:240px;height: 180px; cursor: pointer; transition: all 0.6s;}  
    .index-case li img:hover{transform: scale(1.4); }


.index-hz{background:url(../image/ab_bg.jpg) no-repeat left top;font-size: 1rem;overflow: hidden;padding-bottom: 30px;padding-top: 50px}
.hz-logo img{width: 112px;height: 112px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
    .hz-logo img:hover{
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
    .hz-logo span{ background:url(../image/hz_k01.png) no-repeat;
        width: 120px;height: 135px;line-height: 121px;display: block;float: left;text-align: center;margin:10px 20px 20px 20px;}
    .hz-logo img{width: 80px;height: auto}

.index-contact .container{background: #fff url(../image/d1.jpg) no-repeat center 40px;height: 540px;}
    .contact-con{width: 85%;height: 68%;margin:80px auto 0;}
    .contact-con i{margin-right: 15px}
    .contact-con .col-md-3{margin-top: 50px;}
    .map{width: 100%;height: 320px;margin-top: 20px}
    #allmap {width: 100%;height: 100%;overflow: hidden;margin: 0;}

.index-footer{text-align: center}