﻿.home_new {
    position:relative;
    width: 100%;
    background: url('../images/home_bg.jpg') no-repeat;
    background-size: cover;
}
.new_main{width:1100px; padding-top:12%; margin:0 auto;}
.new_main > a{display:none; width:178px; height:33px; margin-bottom:5%;}
.new_main a img{display:block; width:100%;}
.new_main_ul {width:100%; overflow:hidden;}
.new_main_ul li{float:left; width:326px; margin-left:60px;}
.new_main_ul li:nth-child(1){margin-left:0;}
.new_main_ul li span{display:block; width:100%;height: 206px;cursor: pointer;}
.new_main_ul li span img{display:block; width:100%; height:100%;}
.new_main_ul li param{font-size:12px; color:#8d8d8d; line-height:2; }
.new_main_ul li .date{}
.new_main_ul li .ha{ position:relative; height:140px;}
.new_main_ul li .ha h2{color:#fff; font-size:20px; margin-top:10px; text-overflow:ellipsis; 
white-space:nowrap; overflow:hidden;}
.new_main_ul li .ha:hover h2{color:#ca8f6f;}
.new_main_ul li .ha .date{position:absolute; top:30px; transition:all .5s linear; -webkit-transition:all .5s linear; cursor: pointer}
.new_main_ul li .ha .date em{font-size:22px; }
.new_main_ul li .ha .date i{font-size:14px; }
.new_main_ul li .ha .date a {
    display:inline-block;
        width: 15px;
        height: 12px;
        background-image: url('../images/jiantou.png');
        opacity:0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        transition:all .5s linear; -webkit-transition:all .5s linear;
    }
/*.new_main_ul li .ha:hover .date a {opacity:1;
                                   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}*/


.new_main_ul li .ha .ha_p{position:absolute;  top:40px; transition:all .5s linear; -webkit-transition:all .5s linear;cursor: pointer; word-wrap: break-word;
display: -webkit-box;   
-webkit-box-orient: vertical;   
-webkit-line-clamp:6;   
overflow: hidden;
text-overflow:ellipsis;}
.new_main_ul li .ha .ha_p a{font-size:12px;line-height: 1.5;}
.new_main_ul li .ha .ha_p a:hover{color: #CA8F6F}
/*.new_main_ul li .ha:hover .date{top:120px;}
.new_main_ul li .ha:hover .ha_p{top:30px;}*/


.link{width:100%; margin-top:6%;}
.link a {
        display: block;
        width: 179px;
        height: 54px;
        margin: 0 auto;
        background: url('../images/youtu.png') no-repeat;
        position:relative;
    }

.bd{width:100%;}
.bd_ul {width:100%; overflow:hidden;}
.bd_ul li{width:100%; height:100%;}
.bd_ul li img{}
.bd_ul li span{display: block;}
    /*.bd_ul li:nth-child(1) {
        background: url('../images/banner1.jpg') no-repeat;
        background-size: cover;
    }*/



@media (max-width: 1680px){
   .home_new {
    background: url('../images/bg4.jpg') no-repeat;
    background-size: 100% 100%;}       
}

@media (max-width:1366px){
    .new_main_ul li .ha{ height: 98px;}
    .link a{ background-size: 100% auto;width: 100px;height: 40px;}

.new_main_ul li .ha:hover .date{top:58px;}

    .new_main_ul li span{ height: 175px;}
    .link{ margin-top: 1%;}
.home_new {
    background: url('../images/bg2.jpg') no-repeat;
       background-size: 100% auto;
}
        .link a{ position:relative; z-index:999;}
        .new_main{margin-top:0%; padding-top:10%;}
    .new_main > a{margin-bottom:1%}
}
@media (max-width:1280px){
    .link a{margin:8% auto 0 auto; }   
    .home_new {
    background: url('../images/bg3.jpg') no-repeat;
    background-size: 100% 100%;}
    
         
}
@media (max-height:800px) and (max-width:1280px){
    .link a{margin-top:3%;
        margin-left:80%; position:relative; z-index:999; }       
}






.product_left{float:left; width:330px;}
.product_left .product_hd{width:100%;}
.product_left .product_hd  li{border-left:1px solid #545454;  padding-left:20px; position:relative; padding-bottom:20px; cursor:pointer;padding-right: 10px;} 
.product_left .product_hd  li:last-child{ padding-bottom: 0;}
.product_left .product_hd  li i{display:block; position:absolute; top:26px; left:-5px; height:10px; width:10px; border-radius:100%; background:#595959;}

.product_left .product_hd  li  span{
    width: 287px;height: 60px; display:block; background:#222222; font-size:16px; padding-left: 20px;box-sizing: border-box;line-height: 1.5;padding-right: 20px;}

.product_left .product_hd  li  span em{ display: table; vertical-align: middle;height: 60px;}
.product_left .product_hd  li  span em b{ display: table-cell;vertical-align: middle;height: 60px;color: #8b8b8b;font-weight: normal;}

.product_left .product_hd  li:hover i{ background:#e1e1e1;}
.product_left .product_hd  li:hover span{color:#e1e1e1; background:#4b4b4b;}
.product_left .product_hd  li.cur i{ background:#ca8f6f;}
.product_left .product_hd  li.cur  span{color:#ca8f6f; background:#2c2a28;}
.product_warp{float:left; width:705px; overflow:hidden; height:1110px;position: relative;}
.warp_ul{ zoom: 1;position: absolute;width: 100%;}
.warp_ul li{margin-bottom:20px; width:100%;zoom: 1;position: relative;}
.warp_ul li.cur{ background: rgba(0, 0, 0, 0);}
.warp_ul li a{display:block; width:100%; height:260px; }
.warp_ul li a img{display:block; width:100%; height:100%;}
.warp_ul li:first-child{ background: rgba(0, 0, 0, 0);}
.warp_ul  li i{ display: block;position: absolute;width: 100%;height: 100%; pointer-events: none;z-index: 999; background: rgba(0, 0, 0, 0.8);}
.warp_ul  li.cur i{background: rgba(0, 0, 0, 0);}
/*联系我们*/
.contact1{width:100%; padding-bottom:40px;}
.contact_left,.contact_right{width:50%; float:left;}

.contact_ul {width:100%; }
.contact_ul li{width:100%;margin-bottom:10px;position: relative;}
.contact_ul li span{display:inline-block; vertical-align:middle; color:#6c6c6c; font-size:12px; width:120px; margin-right:10px;  text-align:right; }
.contact_ul li span i{color:#c28a6b;}
.contact_ul li input{display:inline-block; width:320px; height:20px; background:#262626; border:1px solid #262626; padding:5px; color:#fff;}
.contact_ul li textarea{display:inline-block; width:320px; height:120px; background:#262626; border:1px solid #262626; padding:5px;resize: none; color:#fff;}
.contact_ul li input.yanzhen{width:90px;}
.contact_ul li em{display:inline-block; width:100px; height:30px; border:1px solid #262626; margin:0 20px; vertical-align:middle; background:#2d2d2d; text-align:center; line-height:30px;}
.contact_ul li a{display:inline-block; vertical-align:middle; font-size:12px; color:#8d8d8d; line-height:30px; text-decoration: underline;}
.btn{width:100%; padding-bottom:20px; text-align:center;}
.btn a{display:inline-block; width:90px; height:38px; text-align:center; line-height:38px; color:#6c6c6c; font-size:14px;     background: url('../images/kuang2.png') no-repeat ;}
.btn a:nth-child(1){margin-right:80px;}
.btn a:hover{background: url('../images/kuang1.png') no-repeat; color:#afa28b;}

#Img{width: 102px; height: 32px;}












