@charset "utf-8";
/*清除样式*/
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding:: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A{BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG{BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}

/*样式代码*/
.mdbigbox{ width: 100%; overflow: hidden; background-color: #472510;}
.mdbannar01{width:1920px; position: relative; left: 50%; margin-left: -960px; height: 578px; background-image:url(../images/pc_muban01.jpg) ; background-size: 100%; background-position: top center;}
.mdbannar02{ width: 1920px; position: relative; left: 50%; margin-left: -960px; background-image:url(../images/pc_muban02.jpg); height:222px; background-size: 100%; background-position: top center;}

.mdimg01{ width:477px; position: absolute; left: 50%; top:100px; margin-left: -300px; opacity: 0;}
.mdimg02{ width:373px; position: absolute; left: 50%; top: 270px; margin-left: -500px; opacity: 0;}

.mdnavbox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; overflow: hidden;}
.mdnavbox li{ width:146px; margin:10px 75px; height: 146px; border-radius: 50%; overflow: hidden;  border: #9b2926 2px dashed; background-color:#e3aa5d; float: left;}
.mdnavbox li a{ display: block; width: 100%; height: 100%;}
.mdnavbox div{width: 120px; height: 120px; background-color: #ffffff; border-radius: 60px; margin: 13px;box-shadow: 5px 5px 20px #e6a75f;}
.mdnav01{ background-image: url(../images/pc_muban05.png); background-size: 898px; background-position:20px 14px;   background-repeat: no-repeat;}
.mdnav02{ background-image: url(../images/pc_muban05.png); background-size: 898px; background-position:-250px 14px; background-repeat: no-repeat;}
.mdnav03{ background-image: url(../images/pc_muban05.png); background-size: 898px; background-position:-520px 14px; background-repeat: no-repeat;}
.mdnav04{ background-image: url(../images/pc_muban05.png); background-size: 898px; background-position:-790px 14px; background-repeat: no-repeat;}
.mdnavbox .mdnavmc{ float: left; width: 1200px; overflow: hidden; height: auto;border-radius: 0px;box-shadow: 0px 0px 0px #888888;background-color: #472510;}
.mdnavmc p { width: 180px; float: left; margin:0 80px 40px 40px; text-align: center; color: #ffffff; font-size: 30px; line-height: 30px;background-color: #472510;}
.mdnavbox li:hover{ background-color: #9b2926; border: #9b2926 solid 2px;}


.mdbtimg{ display: block; width: auto; margin: 0 auto;}

.mdjjbox{ width: 1200px; position:relative; left: 50%; margin-left: -600px; overflow: hidden;}
.mdjjbox li{ width:392px; margin-top: 50px; border: 4px solid #bb0000; float: left; border-radius: 20px; overflow: hidden;}
.mdjjbox .mdtsll{ border: 4px solid #eb7500;}
.mdjjbox li img{ display: block; width: 100%;}
.mdjjbox p{ font-size: 20px; line-height: 36px; width: 340px; margin: 10px auto; color: #ffffff; text-align: left;}

.mdzybox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; margin-top: 50px; overflow: hidden;}
.mdzyxq01{ width: 1156px; border: 2px solid #e3aa5d; padding: 20px; overflow: hidden; margin-top: 50px;}
.mdzyxq02{ width: 1156px; border: 2px solid #e3aa5d; padding: 20px; overflow: hidden; margin-top: 50px;}
.mdzyxq01 img{ display: block; width:680px; float: left;}
.mdzyxq01 div{ width: 470px; float: left;}
.mdzyxq01 h2{ text-align: center; font-size: 30px; color: #e3aa5d;}
.mdzyxq01 span{ display: block; text-align: center; font-size: 18px; margin: 10px auto; color: #ffffff;}
.mdzyxq01 p{ width: 420px; font-size: 18px; margin:30px 0 30px 30px; line-height: 30px; color: #ffffff;}
.mdzyxq01 a{ display:block;font-size:18px;width:200px;background-color: #e3aa5d;margin:0 auto;text-align:center;color:#912521;line-height:36px;margin-top:20px;}
.mdzyxq01 a:hover{background-color:#912521;color: #ffffff; }
.mdzyxq02 h2{ text-align: center; font-size: 30px; color: #e3aa5d;}
.mdzyxq02 a{ display:block;font-size:18px;width:200px;background-color: #e3aa5d;margin:0 auto;text-align:center;color:#912521;line-height:36px;margin-top:20px;}
.mdzyxq02 a:hover{background-color:#912521; color: #ffffff; }


.mdxybox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; margin-top: 50px; overflow: hidden;}
.mdxybox p{ width:1200px; text-align: center; font-size: 24px; line-height: 36px; color: #ffffff; margin-top: 20px;}
.mdxybox ul{ padding: 15px 10px; background-color: #ee7800; overflow: hidden; margin-top: 20px;}
.mdxybox li{ float: left; margin: 10px 10px; border: 2px solid #ffffff;}
.mdxybox img{ display: block;}



.mdxy02{display:block;width:650px;background-image:url(../images/pc_muban15.jpg);height:650px;background-size:100%;border:6px solid #ee7800;margin-top:50px;float: left; margin-left: 20px;}
.mdxy02 div{ width: 550px; height:550px; margin: 50px; border:4px solid #ffffff;}

.mdhjbox{ width: 1200px; position: relative; left:50%; margin-left: -600px; margin-top: 50px; overflow: hidden;}
.mdhj01{ width:816px; height: 296px; background-image: url(../images/pc_muban17.jpg); background-size: 100%; border: 2px solid #bb0000; margin-top: 50px; float: left;  position: relative; background-position: center; background-repeat: no-repeat;}
.mdhj01 span{ display: block; position: absolute; right: 0; bottom: 20px; width: 200px; text-align: center; background-color: rgba(217,19,0,0.7); color: #ffffff; font-size: 30px; line-height: 50px;}

.mdhj02{ width:356px; height: 616px; background-image: url(../images/pc_muban20.jpg); background-size: 101%; border: 2px solid #bb0000; margin-top: 50px; float: left; position: relative; margin-left: 20px; float: left;background-position: center; background-repeat: no-repeat;}
.mdhj02 span{ display: block; position: absolute; right: 0;top: 20px; width: 200px; text-align: center; background-color: rgba(217,19,0,0.7); color: #ffffff; font-size: 30px; line-height: 50px;}


.mdhj03{ width:396px; height: 296px; background-image: url(../images/pc_muban18.jpg); background-size: 100%; border: 2px solid #bb0000; margin-top: 50px; float: left; position: absolute; bottom: 0; left: 0;background-position: center;}
.mdhj03 span{ display: block; position: absolute; left: 0; bottom: 20px; width: 200px; text-align: center; background-color: rgba(217,19,0,0.7); color: #ffffff; font-size: 30px; line-height: 50px;}

.mdhj04{ width:396px; height: 296px; background-image: url(../images/pc_muban19.jpg); background-size: 100%; border: 2px solid #bb0000; margin-top: 50px; float: left; position: absolute; bottom: 0; left:420px;background-position: center;}
.mdhj04 span{ display: block; position: absolute; right: 0; bottom: 20px; width: 200px; text-align: center; background-color: rgba(217,19,0,0.7); color: #ffffff; font-size: 30px; line-height: 50px;}
.mdhjbox div:hover{ background-size: 115%; background-position: center;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear; }
.mdhjbox a{ display: block;width: 100%; height: 100%;}



.mdzxbox{ width:380px; height: 100px; position: relative; left: 50%; margin-left: -190px; text-align: center; margin-top:50px; margin-bottom: 50px;}
.mdzxbox a{ display: block; width: 100%; font-size: 34px; line-height: 100px; color: #e3aa5d;}
.mdzxa01{ width: 190px; height: 100px; background-color: #472510; background-image: url(../images/pc_muban21.png); background-repeat: no-repeat; background-position: center right; position: absolute; top: 0; left:0px;z-index: 2;}
.mdzxa02{ width: 190px; height: 100px; background-color: #472510; background-image: url(../images/pc_muban22.png); background-repeat: no-repeat; background-position: center left; position: absolute; top: 0; right:0px; z-index: 2;}

.mddbbox{ display: block; width: 50px; height: 50px; position: fixed; right: 25px; bottom: 40px; background-color: #bb0000; color: #ffffff; padding: 10px; text-align: center; font-size: 14px; line-height: 25px; z-index: 900; border-radius: 50%;}



@-webkit-keyframes zoomIn{0%{opacity:0;margin-top:-165px;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1;margin-top:-165px;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}