.left-pic{width:100%;overflow:hidden;height:300px;z-index:-100}
.left-pic img{width:100%;position:relative;height:auto}

.content{width:1200px;margin:0 auto; list-style-type:none;}
.left-title {margin-top:-150px;z-index:999999;width:240px;height:600px;color:#fff; display:block;float:left;margin-left:35px}
.left-title2{margin-top:-150px;z-index:999999;width:240px;height:150px;color:#fff; display:block;float:left;margin-left:35px}
.left-title h1{z-index:999999}
.left-menus{padding-bottom:1px;margin-top:40px}
.left-menus:hover{padding-bottom:0px}
.left-menus ul{width:100%;position:relative}
.left-menus ul li{width:240px;position:relative; list-style-type:none; display:block;line-height:45px;background-color:#fff;text-align:center;border-left:2px solid #34c9dd;border-right:2px solid #34c9dd; transition:all 0.3s ease-out;background-color:#fff;font-size:24px;}
.left-menus ul li:hover{border-bottom:1px solid #34c9dd;background:url(/tz/img/protitle.jpg) no-repeat left;background-size:10% 100%;background-color:#fff}
.left-menus ul li a{color:#000;width:100%;height:100%;position:relative;line-height:46px;padding:10px 65px; transition:all 0.2s ease-in-out;font-size:18px}
.left-menus ul li a:hover{ text-decoration:none;padding:10px 85px 10px 45px;color:#000}
.content-text{float:left;width:800px;margin-left:60px}
.currunt{width:100%;position:relative;height:60px;line-height:60px;background:url(/tz/img/currunt.png) no-repeat left;background-size:auto;;padding-left:45px;border-bottom:1px solid #34c9dd;margin-left:240px;float:right}
.currunt a{color:#000}
.currunt a:hover{ text-decoration:none}
.content-all{max-width:1200px;margin:0 auto}
.pro-pic{width:100%;;position:relative;overflow:hidden}
.pro-content{width:100%;position:relative;background-size:contain;}
.pro-content ul{width:100%;position:relative}
.pro-content ul li{width:30%;;position:relative;height:360px;float:left;overflow:hidden; margin:1.5%;}
}
.pro-img{width:100%;position:relative; transition:all 0.3s ease-in;margin:0 auto}

.proname {text-decoration:none !important;margin-top:-300px;text-align:center ;position: relative ;width:360px ;line-height:60px ;padding-top:360px ;background:url(/tz/img/protitle.jpg) bottom no-repeat;font-size:24px;color:#fff;position:30%}
.proname:hover{ text-decoration:none !important ;padding-bottom:15px ;padding-top:315px;margin-top:-390px;transition:all 0.3s ease-in;background-size:100% 18%;font-size:21px;color:#fff}
.pro-list{ transition:all 0.3s ease-in}
.pro-list:hover{transform:scale(1.1,1.1)}
a{ text-decoration:none !important}
a:hover{ text-decoration:none !important}