body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select{margin:0; padding:0;}ol,ul{list-style:none;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;}

.pro_list{height: auto;width: 1001px; margin: 0 auto;}
.pro_list ul li{float: left; height: 200px; margin-right: 7px; overflow: hidden; position: relative;}
.pro_list ul li a{display: block; width: 100%; height: 100%; overflow: hidden;}
.pro_list ul li .text1{position: absolute; left: 0; top: 0; width: 233px; height: 100%; background: rgba(81, 74, 53, 0.9); padding: 53px 37px 0;}
.pro_list ul li .text1:before{content: ""; position: absolute; left: 37px; bottom: 48px; width: 59px; height: 2px; background: #817968;}
.pro_list ul li .text1 .bt{color: #fff; color: #ffffff; font-size: 16px; font-family: arial;}
.pro_list ul li .text1 .name{color: #ffffff; font-size: 16px; line-height: 36px; margin-top: 5px;}
.pro_list ul li .text{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); text-align: center; color: #fff; font-size: 16px; line-height: 46px;}
.pro_list ul li .text2{width: 100%; height: 100%; background: rgba(248, 181, 0, 0.9);}
.pro_list ul li .text2:before{background: #f8d77c;}
.pro_list ul .li1{width: 497px; height: 200px; overflow: hidden;}
.pro_list ul .li2{width: 245px;}
.pro_list ul .li3{margin-right: 0; width: 245px; height: 407px;}
.pro_list ul .li4{width: 245px; margin-top: -199px;}
img,li{transition: all .8s;}
.pro_list li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}