.protag{position:fixed; _position:absolute; left:50px; top:50%; z-index:9999;}

.protag ul li{width:180px; height:40px; background-color:#f5f5f5; position:relative; margin-top:1px;}
.protag ul li a{display:block; min-width:180px; height:40px; line-height:40px; padding:0px 20px; font-size:14px; color:#666; position:absolute; left:0; top:0;}
.protag ul li:hover a,.protag ul li.on a{min-width:180px; background-color:#d11f37; color:#fff;}

.protag1{position:fixed; _position:absolute; left:10px; top:100%; z-index:5;display:none;}

.protag1 ul li{width:140px; height:40px; background-color:#fff; position:relative; margin-top:1px;}
.protag1 ul li a{display:block; min-width:100px; height:40px; line-height:40px; padding:0px 20px; font-size:14px; color:#666; position:absolute; left:0; top:0;}
.protag1 ul li:hover a,.protag ul li.on a{min-width:140px; background-color:#d11f37; color:#fff;}


@media screen and (min-width:768px) and (max-width:1199px){

    .protag{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;}
	.protag ul li{width:33.333%; float:left; text-align:center;}
	.protag ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag ul li:hover a, .protag ul li.on a{min-width:auto;}
	.protag1{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;display:block;}
	.protag1 ul li{width:33.333%; float:left; text-align:center;}
	.protag1 ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag1 ul li:hover a, .protag ul li.on a{min-width:auto;}

}


@media screen and (min-width:320px) and (max-width:767px){

    .protag{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;}
	.protag ul li{width:33.333%; float:left; text-align:center;}
	.protag ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag ul li:hover a, .protag ul li.on a{min-width:auto;}
	.protag1{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;display:block;}
	.protag1 ul li{width:33.333%; float:left; text-align:center;}
	.protag1 ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag1 ul li:hover a, .protag ul li.on a{min-width:auto;}

}


.m-product{padding:61px 0 100px}
.ul-product{padding-bottom:59px;overflow:hidden}
.ul-product li{margin-bottom:1px;border-bottom:1px solid #F5F5F5}
.ul-product li .con{padding:42px;overflow:hidden}
.ul-product li .pic{float:left;width:200px;overflow:hidden;border:1px solid #F5F5F5}
.ul-product li .pic img{display:block;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-product li .txt{padding-top:10px;padding-left:75px;overflow:hidden}
.ul-product li .tit a{font-size:18px;color:#333;font-weight:400;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-product li p{font-size:16px;color:#666; line-height:30px;
}
.ul-product li .offer{padding:5px 0 20px;font-size:16px;position:relative}
.ul-product li .offer:after{content:'';width:86px;height:1px;background:#d9d9d9;position:absolute;bottom:22px;left:0}
.ul-product li .offer span{padding-left:5px}
.ul-product li .desc{line-height:1.9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ul-product li .skill{padding-top:2px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}
.ul-product li .skill span{font-weight:700}
.ul-product li .con:hover .pic img{-webkit-transform:scale(1.1 ,1.1);-ms-transform:scale(1.1 ,1.1);-o-transform:scale(1.1 ,1.1);transform:scale(1.1 ,1.1)}
.ul-product li .con:hover .tit a{color:#d11f37}

.n-lb3 span {
    text-align:center;
    float: left;
    border-radius: 2px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #f7f7f7;
    margin-top: 20px;
    width: 128px;
    padding: 0 0px;
    display: block;
    color: #666;   background: #f3f3f3;
   
}

.n-lb3 a:hover span {
    color: #ffffff;
    background: #d11f37;
    border: 0;
    height: 36px;
     width: 128px;
}
@media only screen and (max-width:1199px){
	
	.m-product{padding:50px 0}
.ul-product{padding-bottom:10px}}

@media only screen and (max-width:959px){
	.m-product{padding:30px 0}
.ul-product{padding-bottom:20px;margin-bottom:-20px}
.ul-product li{margin-bottom:20px}
.ul-product li .txt{padding-left:40px}
.ul-product li .con{padding:20px}



}
@media only screen and (max-width:767px){.m-product{padding:20px 0}
.ul-product li .pic{float:none;margin:0 auto}
.ul-product li .txt{padding-left:0}
.ul-product li{margin-bottom:15px}

.ul-product li .offer{padding-bottom:20px;font-size:14px}
.ul-product li .offer:after{bottom:5px}
.ul-product li .desc{line-height:1.5;display:block}
.ul-product li .skill{display:block;overflow:visible;white-space:normal;padding-top:5px}
.ul-product li .tit a{font-size:16px}
}