*{margin: 0;padding: 0;list-style: none;}
html,body{height: 100%;}
body{background: #f8f8f8;font-family: Microsoft Yahei;}
a,a:hover{text-decoration: none;}

.container{width: 1200px;margin: 0 auto;}
header{padding: 30px 0;overflow: hidden;}
.logo{float: left;margin-right: 100px;}
.navbar{float: left;margin-top: 10px;}
.navbar li{float: left;font-size: 16px;font-weight: bold;padding: 0 30px;}
.navbar li.active a,.navbar li a:hover{color: #7a2b2c;}
.navbar li a{color: #333;}

.box{overflow: hidden;position: relative;}
.box_img{width: 100%;height: 805px;overflow: hidden;}
.box_img img{width: 100%;height: auto;}
.box_img ul li{position: absolute;display: none;}
.box_img ul li a{display: block;color: #fff;}

.box_a i {
    display: block;
    float: right;
    color: brown;cursor: pointer;font-style: normal;}
.box_a p{float: left;text-align: right;padding-right: 10px;}
.box_a span{padding-right: 10px;width: 40px;display:block;text-align: right;}

.box_a {position: absolute;right: 150px;z-index:9;padding-top: 20px;}
.box_a a{display: inline-block;font-size: 14px;color: #555555;z-index: 9; margin-right:10px}
.box_a a.on{color: brown;}
.box_a a:hover{color: brown;}
.box_tab{
    position: absolute;
    bottom: 4%;
    right: 0;
    text-align: left;
    width: 264px;
}
.box_tab a{
    display: inline-block;
    background: #fff;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 60px;
}
.box_tab a.active{background: #7a2b2c;}



section{min-height: 100%;}
.banner img{width: 100%;}

.main{margin: 30px 0;overflow: hidden;}
.main img{display: block;width: 100%;z-index: 99;}
.main td{position: relative;overflow: hidden;}
.main .bg{position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.44) none repeat !important;
    top: -524px;
   color: white;
}

.main tr:nth-child(1) td:nth-child(1) .bg h4{margin-top: 40%;padding-left: 30%;}
.main tr:nth-child(1) td:nth-child(1) .bg a{margin-left: 30%;}
.main tr:nth-child(1) td:nth-child(1) .bg p{padding-left: 30%;}
.main .bg a{color: white;padding: 0 10px;margin-left: 110px;border: 1px solid white;border-radius: 5px;}
.main .bg h4{margin-top: 20%;padding-left: 110px;font-size: 20px;font-weight: 500;}
.main .bg p{margin-top: 10%;margin-bottom: 20px; padding-left: 110px;}



.main-text{position: absolute;top:0;}

.about{margin: 50px 0;overflow: hidden;}
.about-title{text-align: center;}
.about-title h3{color: #444;font-size: 32px;font-weight: normal;padding-bottom: 20px;}
.about-title p{
    color: #666;
    font-size: 20px;
    letter-spacing: 2px;
    width: 30%;
    margin: 0 auto;
    font-family: Aparajita;
}
.about-title p:after{
    content: "";
    background: #7a2b2c;
    width: 55px;
    height: 1px;
    display: block;
    float: left;
    margin-top: 10px;
}
.about-text{padding: 30px 115px;}
.about-text p{text-indent: 2em;font-size: 15px;color: #666;line-height: 30px;}

.product{margin: 30px 0;overflow: hidden;}
.product li{float: left;margin-right: 5px;width: 33%;overflow: hidden;position: relative;}
.product li:last-child{margin-right: 0;}
.product li img{width: 100%;display: block;}
.product li a p{ padding: 10px 0; position: absolute;bottom: 0px;text-align: center;color: white;width: 100%;background: rgba(30, 30, 30, 0.44) none repeat !important;}
.product .bg{width: 100%;height: 100%; background: rgba(30, 30, 30, 0.44) none repeat !important;position: absolute;bottom: -258px;color: white;}
.product .bg a{color: white;padding: 0 10px;margin-left: 110px;border: 1px solid white;border-radius: 5px;}
.product .bg h4{margin-top: 60px;padding-left: 110px;font-size: 20px;font-weight: 500;}
.product .bg p{margin-top: 30px;margin-bottom: 20px; padding-left: 110px;}

.case{margin: 30px 0;}
.case-title{
    background: url("../images/12.jpg")no-repeat;
    text-align: center;
    padding: 22px 0;
}
.case-title li{display: inline-block;margin: 0 35px;padding: 5px 25px;}
.case-title li:hover,.case-title li.btn{border: 1px solid #7a2b2c;}
.case-title li:hover a,.case-title li.btn a{color: #7a2b2c;}
.case-title li a{color: #666;}
.case-b ul{overflow: hidden;}
.case-b li{float: left;margin-right: 10px;margin-top: 10px;width: 24.37%;position: relative;overflow: hidden;}
.case-b li:nth-child(4n){margin-right: 0;}
.case-b li img{width: 100%;display: block;}

.case-b .bg{text-align: center; width: 100%;height: 100%; background: rgba(30, 30, 30, 0.44) none repeat !important;position: absolute;top: -213px;color: white;}

.case-b .bg .kuang {
      border: 1px solid brown;
    width: 92%;
    height: 92%;
    margin:auto;
    margin-top: 8px;
}
.case-b .bg .kuang p{margin-top: 40px;}
.case-b .bg .kuang .link{width: 23px;margin: auto;margin-top: 15px;}


.news,.news-details{margin: 50px 0;overflow: hidden;}
.news ul{overflow: hidden;}
.news li{float: left;margin-right: 35px;margin-bottom: 35px;width: 22.81%;}
.news li:nth-child(4n){margin-right: 0;}
.news li a{color: #333;}
.news li a:hover{color: #7a2b2c;}
.news-img img{width: 100%;display: block;}
.news-text{
    background: #fff;
    padding: 20px; 
}
.text-on{-webkit-box-shadow:0 3px 10px rgba(204, 204, 204, .5);
    -moz-box-shadow:0 3px 10px rgba(204, 204, 204, .5);
    box-shadow: 0 3px 10px rgba(204, 204, 204, .5);
    }
    
.news-text h3{font-size: 16px;line-height: 30px;text-indent: 1em;}
.news-text p{font-weight: bold;font-size: 14px;padding: 10px 16px 0;line-height: 25px;}
.news-text p:last-child{font-size: 12px;padding: 10px 0 0;}
.news-title{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.news-title h3{color: #333;font-size: 18px;}
.news-title p{color: #999;font-size: 12px;padding-top: 20px;}
.news-title p:last-child{color: #666;font-size: 14px;}
.news-content{text-align: center;}
.news-content img{padding: 50px 0;}
.news-content p{color: #333;font-size: 14px;line-height: 30px;text-align: left;font-family: AdobeHeitiStd;}
.share{margin-top: 50px;text-align: right;}
.share p{display: inline-block;font-size: 14px;color: #333;margin-right: 15px;line-height: 21px;}
.share a{
    background: url(/images/share.png)no-repeat;
    height: 21px;
    width: 40px;
    display: inline-block;
}
.share a.weixin{background-position: 0 0;}
.share a.qzone{background-position: -41px 0;}
.share a.weibo{background-position: -86px 0;}
.share a.twitter{background-position: -132px 0;}
.news-link{font-size: 14px;color: #333;line-height: 25px;margin: 100px 0 50px;}
.news-link a{font-size: 14px;color: #333;}
.news-link a:hover{color: #7a2b2c;}

.contact{
    background: #fff;
    padding: 50px 0;
    margin: 50px 0;
    -webkit-box-shadow:0 5px 10px rgba(153, 153, 153, .5);
    -moz-box-shadow:0 5px 10px rgba(153, 153, 153, .5);
    box-shadow: 0 5px 10px rgba(153, 153, 153, .5);
    overflow: hidden;
}
.contact h1{font-size: 36px;color: #555;font-weight: normal;}
.contact h1:after{
    content:"";
    background: #ccc;
    width: 70px;
    height: 1px;
    display: block;
    margin-top: 30px;
}
.contact-l{float: left;width: 38%;}
.contact-l p{font-size: 14px;color: #333;padding-left: 15px;padding-top: 30px;overflow: hidden;}
.contact-l p:first-child{color: #999;padding-left: 5px;}
.contact-l p img{float: left;}
.contact-l p span{float: left;padding-left: 15px;}
.contact-l p:nth-child(2) span{line-height: 22px;}
.contact-l p:nth-child(3) span{line-height: 16px;}
.contact-l p:nth-child(4) span{line-height: 20px;}
.contact-r{float: right;width: 38%;padding-right: 15px;}
.contact-r div{border-bottom: 1px solid #ddd;padding-bottom: 5px;padding-top: 30px;}
.contact-r div:last-child{border-bottom: none;text-align: right;}
.contact-r label{color: #999;font-size: 14px;padding-right: 15px;}
.contact-r input[type="text"]{
    color: #666;
    font-size: 14px;
    border: none;
    width: 72%;
    padding: 5px;
    outline: none;
}
.contact-r textarea{
    width: 100%;
    margin-top: 10px;
    resize: none;
    border: none;
    padding: 10px;
    color: #666;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
}
.contact-r input[type="submit"]{background: none;border: 1px solid #ddd;padding: 8px 45px;color: #333;font-size: 14px;}



footer{background: #1e1e1e;overflow: hidden;padding: 20px 0 10px;}
footer p{color: #b8b5b5;float:left;line-height: 14px;font-size: 14px;}
footer p:nth-child(3){float: right;}
.foot-list{margin-right: 50px;overflow: hidden;float: left;}
.foot-list li{float: left;border-left: 2px solid #ddd;line-height: 14px;padding: 0 10px;}
.foot-list li:first-child{border-left: none;padding-left: 0;}
.foot-list li a{color: #b8b5b5;font-size: 14px;}