.common{ width: 100%; height: auto; display: table; background: url(../images/pp_bg.jpg) center; padding: 66px 0 0; }
.common_show{ width: 1200px; height: auto; margin: 0 auto; display: table; }

.common_left{ width: 200px; height: auto; float: left; }
.common_nav{ width: 200px; height: auto; display: table; }
.common_nav h1{ font: normal 21px/50px "微软雅黑"; width: 200px; background: #8d817b; color: #FFFFFF; text-align: center; display: table; margin-bottom: 14px; }
.common_nav h1 span{ font: normal 14px/40px "微软雅黑"; float: right; padding-top: 5px; }
.common_nav h1 span img{ margin-left: -85px; }
.common_nav li{ width: 200px; height: auto; background: #FFFFFF; font: normal 18px/40px "微软雅黑"; color: #8d817b; transition: 0.6s background-color; }
.common_nav li:hover{ background: #8d817b; transition: 0.6s background-color; }
.common_nav li:hover a{ color: #FFFFFF; transition: 0.6s background-color; }
.common_nav li span{ float: left; padding: 0 15px 0 35px; }
.common_nav li p{ font: normal 14px/40px "微软雅黑"; }
.common_nav li a{ color: #8D817B; }

.cur{ background: #8D817B; width: 200px; height: 40px; display: table; color: #FFFFFF !important; }

.common_contact{ width: 200px; height: auto; display: table; margin-top: 18px; }
.common_contact img{ width: 188px; height: auto; border: 2px solid #8d817b; padding: 4px; }
.common_contact p{ font: normal 12px/20px "微软雅黑"; color: #000000; letter-spacing: 1px; }

.common_right{ width: 970px; height: auto; float: right; margin-top: 34px; }
.common_title{ width: 100%; height: auto; margin: 0 auto; display: table; border-bottom: 2px solid #8e827c; margin-bottom: 26px; }
.common_title span{ font: normal 12px/30px "微软雅黑"; color: #8d817b; letter-spacing: 2px; }
.common_title span a{ color: #8D817B; }

.common_content{ width: 970px; height: auto; margin: 0 auto; display: table; }
.common_content img{ width: auto; height: auto; margin: 0 auto; display: table; border: 1px solid #918580; padding: 6px; }
.common_content p{ width:550px; height:auto; margin: 0 auto; display: table; color: #8d817b; letter-spacing:2px; text-indent: 30px; padding: 10px 0; }
.common_content span{ width: auto; height: auto; margin: 0 auto; display: table; font: normal 10px/12px "微软雅黑"; color: #000; letter-spacing: 2px; padding: 5px 0; }

.common_list{ width: 970px; height: auto; margin: 0 auto; display: table; }
.common_list li{ width: 970px; height: auto; margin: 0 auto; display: table; border-top: 1px solid #8e827c; }
.common_list li:last-child{ border-bottom: 1px solid #8E827C; }
.common_list li img{ float: left; width: 325px; height: 210px; padding: 27px 0; }
.common_list li h1{ font: normal 16px/30px "微软雅黑"; color: #8d817b; padding: 65px 0 34px 29px; display: table; letter-spacing: 2px; }
.common_list li p{ font: normal 13px/23px "微软雅黑"; color: #000000; letter-spacing: 2px; padding-left: 34px; display: table; }

.common_pro{ width: 970px; height: auto; margin: 0 auto; display: table; }
.common_pro li{ width: 285px; height: auto; float: left; border: 5px solid #8d817b; margin: 0 14px 28px; }
.common_pro li h1{ font: normal 15px/20px "微软雅黑"; letter-spacing: 1px; text-align: left; color: #8d817b; padding: 0 21px; padding-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.common_pro li p{ font: normal 12px/20px "微软雅黑"; letter-spacing: 1px; text-align: left; padding: 0 21px; color: #8D817B; padding-bottom: 8px; }
.common_pro .common_pro_img{ width: 285px; height: 214px; overflow: hidden; }
.common_pro .common_pro_img img{ width: 285px; height: 214px; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
-moz-transition: -moz-transform .65s; -ms-transition: -ms-transform .65s; transition: transform .65s;
background-size: cover; background-repeat: no-repeat; background-position: center center; }
.common_pro .common_pro_img img:hover{ -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.common_pro_view{ width: 970px; height: auto; margin: 0 auto; display: table; position: relative; }
.common_pro_view img{ width: 485px; height: auto; float: left; border: 5px solid #8f837d; display: table; }
.pro_view_content{ width: auto; height: auto; float: left;left: 517px; position: absolute; bottom: 0; }
.pro_view_content h1{ font: normal 18px/35px "微软雅黑"; color: #8d817b; letter-spacing: 1px; border-bottom: 1px solid #8d817b;  padding-right: 40px; display: table;}
.pro_view_content span{ font: normal 14px/20px "微软雅黑"; color: #000000; letter-spacing: 1px; display: table; margin: 20px 0 5px 0; }
.pro_view_content p{ font: normal 12px/20px "微软雅黑"; color: #000000; letter-spacing: 1px; }

.page{text-align: center; display: table; margin: 0 auto; padding: 0; height: 28px;line-height: 26px; font-size: 14px; overflow: hidden; }
.page ul li{ display: inline-block; width: auto; height: auto; float: none; margin: 10px 0 0 0; }
.page ul li.active a{ color: #8d817b; background: none; border: 1px solid #8d817b; }
.page ul li a{ display: inline-block; margin: 0 8px; background: #8d817b; padding: 0 10px; color: #F6F6F6; border: 1px solid #F6F6F6; }
.page ul li a:hover{ background: #F6F6F6; color: #8d817b; border: 1px solid #8d817b;  } 

.common_end{ width: 1200px; height: auto; margin: 0 auto; display: table; padding-top: 50px; }
.common_end img{ float: right; }

.common_brew{ width: 970px; height: auto; margin: 0 auto; display: table; background: #FFFFFF; }
.common_bre_show{ width: 815px; height: auto; margin: 0 auto; display: table; }
.common_bre_show h1{ font: normal 30px/100px "微软雅黑"; color: #8d817b; text-align: center; }
.common_bre_show span{ font: bolder 18px/100px "微软雅黑"; color: #8D817B; margin: 0 20px; }
.common_bre_show .brew_1{ width: 815px; height: auto; margin: 0 auto; display: table; }
.common_bre_show .brew_1 h1{ font: normal 22px/25px "微软雅黑"; letter-spacing: 1px; color: #8d817b; text-align: left; }
.common_bre_show .brew_1 p{ font: normal 15px/30px "微软雅黑"; letter-spacing: 1px; color: #000000; }
.common_bre_show .brew_1 li{ width: 380px; height: auto; float: left; margin-top: 10px; }
.common_bre_show .brew_1 li h1{ font: normal 16px/30px "微软雅黑"; letter-spacing: 1px; color: #8d817b; }
.common_bre_show .brew_1 li p{ font: normal 12px/22px "微软雅黑"; letter-spacing: 1px; color: #000000; }
.common_bre_show .brew_1 li:first-child{ margin-right: 55px; }

.common_bre_show .brew_2{ width: 815px; height: auto; margin: 0 auto; display: table; }
.common_bre_show .brew_2 li{ width: 380px; height: auto; float: left; margin-top: 10px; }
.common_bre_show .brew_2 li h1{ font: normal 16px/30px "微软雅黑"; letter-spacing: 1px; color: #8d817b; text-align: left; }
.common_bre_show .brew_2 li p{ font: normal 12px/22px "微软雅黑"; letter-spacing: 1px; color: #000000; }
.common_bre_show .brew_2 li:first-child{ margin-right: 55px; }

.common_bre_show .brew_3{ width: 815px; height: auto; margin: 0 auto; display: table; }
.common_bre_show .brew_3 li{ width: 380px; height: auto; float: left; margin-top: 25px; }
.common_bre_show .brew_3 h1{ font: normal 22px/25px "微软雅黑"; letter-spacing: 1px; color: #8d817b; text-align: left; }
.common_bre_show .brew_3 li p{ font: normal 15px/20px "微软雅黑"; letter-spacing: 1px; color: #000000; padding: 2px 0; }
.common_bre_show .brew_3 li:last-child p{ padding: 1.5px 0; }
.common_bre_show .brew_3 li:first-child{ margin-right: 55px; }

.common_contacts{ width: 970px; height: auto; margin: 0 auto; display: table; background: #FFFFFF; }
.contact_bg{ width: 697px; height: auto; margin: 0 auto; display: table; padding: 20px 0 40px; }
.contact_bg li{ width: 336px; height: auto; float: left; border-left: 1px dashed #a3a3a3; margin-bottom: 20px; }
.contact_bg li:first-child{ border: none; }
.contact_bg li:last-child{ padding-left: 25px; }
.contact_bg li:last-child img{ padding-top: 10px; }
.contact_bg p{ font: normal 13px/25px "微软雅黑"; color: #000000; }

.common_store{ width: 970px; height: auto; margin: 0 auto; display: table; }
.common_store li{ width: 970px; height: auto; float: left; margin-bottom: 20px; }
.common_store li img{ width: 125px; height: 95px; border: 1px solid #000000; padding: 3px; float: left; }
.common_store li h1{ font: normal 12px/20px "微软雅黑"; width: 800px; color: #000000; margin: 45px 0 0 10px; display: table; float: left; }
.common_store li p{ font: normal 12px/20px "微软雅黑"; width: 800px; color: #000000; margin-left: 10px; display: table; float: left; }