.middle{width:100%;text-align:center;clear: both;}
.middle0{font-weight:bold;}
.middle p{text-align:center;height:22px;}
.middle2{background:rgba(46,139,87,0.5);height:30px;}
.middle2 p{background:rgba(46,139,87,0.5);height:30px;text-align:center;padding-top:5px;}

.middle3{background:rgba(210,105,30,0.5);height:30px;}
.middle3 p{background:rgba(210,105,30,0.5);height:30px;text-align:center;padding-top:5px;}

#prolist{width:92%;height:450px;margin:0 auto;}
#prolist ul{margin:0px;width:100%;height:380px;padding:0px;}
#prolist ul li{text-align:center;padding-top:8px;float:left;text-align:center;list-style:none;width:19%;margin-right:1%;height:380px;-moz-box-shadow:6px 4px 4px #999 ;-webkit-box-shadow:6px 4px 4px #999 ;box-shadow:6px 4px 4px #999 ; }
#prolist ul li a{width:25%;height:220px;overflow: hidden;}
#prolist ul li img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}
#words2:hover{cursor:pointer;background:rgba(0,128,0,0.4);width:100%;height:105px;border-radius:3px 3px 3px 3px;}
#words3{font-weight:bold;}
#words3:hover{cursor:pointer;background:rgba(0,128,0,0.4);}

#pro{width:92%;height:450px;margin:0 auto;}
#pro ul{margin:0px;width:100%;height:380px;padding:0px;}
#pro ul li{padding-top:8px;float:left;text-align:center;list-style:none;width:25%;height:380px;-moz-box-shadow:6px 4px 4px #999 ;-webkit-box-shadow:6px 4px 4px #999 ;box-shadow:6px 4px 4px #999 ; }
#pro ul li a{width:25%;height:220px;overflow: hidden;}
#pro ul li img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}

.ad{width:100%;height:30px;margin:0 auto;}

.move{width:100%;height:430px;margin:10px auto;}
.move0{width:50%;float:left;height:400px;overflow:hidden;}
.move0 img{animation:myfirst 5s;-moz-animation:myfirst 5s; /* Firefox */-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */}
.move .move1{right:0;bottom:0px;}
.move1{width:50%;float:right;height:400px;overflow:hidden;}
.move1 img{float:right;animation:myse 5s;-moz-animation:myfirst 5s; /* Firefox */ -webkit-animation:myse 5s; /* Safari and Chrome */
-o-animation:myse 5s; /* Opera */}

.move0 img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}
.move1 img:hover{transition: all 1s;transform: scale(1.1);-webkit-transform: scale(1.1);}


@keyframes myfirst
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {border:0px solid orange; width:30%}
100% {border:1px solid #CD853F; width:100%;}
}


@keyframes myse
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-moz-keyframes myse /* Firefox */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-webkit-keyframes myse /* Safari and Chrome */
{
0%   {border:0px solid orange; width:30%;}
100% {border:1px solid #CD853F; width:100%;}
}

@-o-keyframes myse /* Opera */
{
0%   {border:0px solid orange; width:30%}
100% {border:1px solid #CD853F; width:100%;}
}

#foo{float:right;padding-right:100px;}
.ad{width:100%;height:20px;margin:0 auto;}
.footer{width:100%;height:190px;background:rgba(128,128,128,0.7);margin:0 auto;border:1px solid grey;clear: both;padding-left:8px;}

.heading,#prolist,#pro{min-width: 1200px;width: expression(document.body.clientWidth < 1200? "1200px": "92%" )/*最小宽度设置*/;width:92%;margin:0 auto;}
 
.heading,#banner,.move,.footer{min-width: 1300px;width: expression(document.body.clientWidth < 1300? "1300px": "100%" )/*最小宽度设置*/;width:100%;margin:0 auto;}