@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size:100%; font-family:simhei,"microsoft yahei";}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#f5f5f5; font-size:12px;}

a { color:#444; text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt100 { padding-top:100px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear1 { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}
.clear{ clear:both;}

button { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
textarea { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
button:focus, textarea:focus { outline:none;}

.img_rendering {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}


.webTop { display:none;}

.mheader { display:block; font-family:"Microsoft Yahei"; font-weight:500;}
.mheader .wp { position:relative; z-index:50; margin:0 auto; height:52px; clear:both; background:#fff;}
.mheader .logo { float:left; width:45%; height:52px; line-height:50px; overflow:hidden; margin:0 0 0 15px;}
.mheader .logo img { max-width:100%; max-height:100%; vertical-align:middle;}

.un_fold { position:absolute; z-index:55; left:0; top:50px; width:100%;}
.un_fold .switchBtn { display:block; position:absolute; z-index:60; right:15px; top:-35px; width:22px; height:25px;}
.un_fold .switchBtn .navIcon { display:inline-block; position:relative; z-index:65; width:22px; height:2px; -webkit-transition-property:background-color, -webkit-transform; transition-property:background-color, -webkit-transform; transition-property:background-color, transform; transition-property:background-color, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#333;}
.un_fold .switchBtn .navIcon:before , .un_fold .switchBtn .navIcon:after { content:''; display:block; position:absolute; z-index:70; width:22px; height:2px; -webkit-transition-property:margin, -webkit-transform; transition-property:margin, -webkit-transform; transition-property:margin, transform; transition-property:margin, transform, -webkit-transform; -webkit-transition-duration:300ms; transition-duration:300ms; border-radius:1px; background:#333;}
.un_fold .switchBtn .navIcon:before { margin-top:-10px;}
.un_fold .switchBtn .navIcon:after { margin-top:10px;}

.un_fold .alinks { position:absolute; z-index:75; width:100%; /*opacity:0;*/display:none; height:325px; -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:300ms;transition-duration:300ms; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
.un_fold .alinks .list { margin:0; padding:0px 15px;}
.un_fold .alinks .list .item { height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #F5F5F5;}
.un_fold .alinks .list .item:last-child { border-bottom:none;}
.un_fold .alinks .list .item a { display:block; height:53px; line-height:53px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#333; -webkit-transition-delay:500ms; transition-delay:500ms;}
.un_fold .alinks .list .item a:hover { color:#AF1E29;}

.open .switchBtn .navIcon { background:rgba(0, 0, 0, 0);}
.open .switchBtn .navIcon:before { margin-top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.open .switchBtn .navIcon:after { margin-top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.open .alinks { display:block; -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; -webkit-transform:translateX(0); transform:translateX(0); box-shadow:inset 0px 15px 6px -15px rgba(0,0,0,0.16); background:#fff;}
.open .alinks .list .item a { opacity:1;}

.mask { position:fixed; top:0; left:0; z-index:40; margin:0; padding:0; border:none; width:100%; height:100%; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.6); filter:alpha(opacity=60); opacity:0.60;}


.mheader .mbanimg { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.mheader .mbanimg img { width:100%;}

.winePros { display:none;}
.mwPros { display:block; height:auto; overflow:hidden; margin:-3px auto 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}
.mwPros .hd { position:relative; width:150%; height:54px; overflow:hidden; margin:0 auto; background:#AF1E29;}
.mwPros .hd ul { position:absolute; left:0;}
.mwPros .hd ul .item { float:left; width:auto; height:54px; line-height:54px; text-align:center; overflow:hidden; margin:0 15px; font-size:14px; color:#fff;}
.mwPros .hd ul .item span { position:relative; display:inline-block; width:auto; overflow:hidden;}
.mwPros .hd ul .on span:after { position:absolute; content: " "; left:0; top:40px; right:0; height:1px; overflow:hidden; background:#fff;}

.mwPros .bd { height:auto; overflow:hidden; margin:0 auto;}
.mwPros .bd .con { height:auto; overflow:hidden; margin:0 auto;}
.mwPros .bd .con.active { display:block;}
.mwPros .bd .con ul { height:auto; overflow:hidden; margin:20px 15px 0;}
.mwPros .bd .con ul li { position:relative; float:left; width:48%; height:auto; overflow:hidden; padding:0 4% 0 0;}
.mwPros .bd .con ul li:nth-child(2n) { padding:0 0 0 0;}
.mwPros .bd .con ul li:after { position:absolute; left:0; bottom:0; right:0; height:1px; overflow:hidden; content: ""; background:rgba( 0, 0, 0, 0.07);/*底*/}
.mwPros .bd .con ul li:before { position:absolute; right:0; top:0; bottom:0; width:1px; overflow:hidden; content: ""; background:rgba( 0, 0, 0, 0.07);/*右*/}
.mwPros .bd .con ul li:nth-child(2n):before { display:none;}

.mwPros .bd .con ul li:last-child:after { display:none;}
.mwPros .bd .con ul li:nth-last-child(2):after { display:none;}

.mwPros .bd .con ul li .img { height:230px; line-height:230px; overflow:hidden; margin:0 auto; text-align:center;}
.mwPros .bd .con ul li .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.mwPros .bd .con ul li p { height:20px; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto 20px; padding:0 0 0 20px; font-weight:bold; font-size:15px; color:#202326;}

.moreBtn { display:block; width:278px; height:48px; line-height:48px; text-align:center; overflow:hidden; margin:20px auto; font-weight:bold; font-size:15px; color:#AF1E29; border:1px solid #E5E5E5;}

.about { display:none;}
.mabout { display:block; height:auto; overflow:hidden; margin:0 auto; padding:20px 15px 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}

.mtitle { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.mtitle h3 { height:auto; line-height:22px; overflow:hidden; margin:0 auto 5px; font-weight:bold; font-size:17px; color:#AF1E29;}
.mtitle p { height:auto; line-height:19px; overflow:hidden; margin:0 auto 20px; text-transform:uppercase; font-weight:bold; font-size:14px; color:#4A5359; opacity:0.17;}

.mabout .txts { height:auto; line-height:22px; overflow:hidden; margin:0 auto 20px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#363B40;}
.mabout .vision { height:auto; overflow:hidden; margin:0 auto;}
.mabout .vision video { height:220px; overflow:hidden; margin:0 auto;}

.proArea { display:none;}
.mproArea { display:block; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}

.mproArea .txts { height:auto; line-height:22px; overflow:hidden; margin:0 15px 10px; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#363B40;}

.mproArea .bg1 { height:250px; overflow:hidden; margin:0 auto; background:url(../images/icon_mproArea_bg1.png) no-repeat bottom center; background-size:100%;}
.mproArea .bg2 { height:250px; overflow:hidden; margin:0 30px; background:url(../images/icon_mproArea_bg2.png) no-repeat right bottom; background-size:250px;}

.mproArea .list { display:inline-block; height:auto; overflow:hidden; margin:35px 0 0 10px;}
.mproArea .list .item { height:auto; overflow:hidden; margin:0 auto 10px;}
.mproArea .list .item .ico { height:30px; overflow:hidden; margin:0 auto 8px;}
.mproArea .list .item .ico1 { background:url(../images/icon_proArea_01.png) no-repeat bottom center; background-size:28px;}
.mproArea .list .item .ico2 { background:url(../images/icon_proArea_02.png) no-repeat bottom center; background-size:28px;}
.mproArea .list .item .ico3 { background:url(../images/icon_proArea_03.png) no-repeat bottom center; background-size:27px;}
.mproArea .list .item p { height:19px; line-height:19px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#5F6B73;}

.honor { display:none;}
.mhonor { display:block; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}
.mhonor .wp { height:auto; overflow:hidden; margin:0 auto; background:url(../images/icon_honor_bg.png) no-repeat top center; background-size:202px;}
.mhonor .wp .list { height:auto; overflow:hidden; margin:30px 15px 0;}
.mhonor .wp .list .item { float:left; width:48%; height:200px; line-height:200px; text-align:center; overflow:hidden; margin:0 4% 10px 0;}
.mhonor .wp .list .item:nth-child(2n) { margin:0 0 10px 0;}
.mhonor .wp .list .item img { max-width:100%; max-height:100%; vertical-align:middle;}

.news { background:#fff url(../images/icon_mnews_bg.png) no-repeat bottom center; background-size:100%; border-bottom:5px solid #AF1E29;}
.news .wp { width:100%;}
.news .wp .ptitle h3 { height:auto; line-height:22px; overflow:hidden; margin:0 auto 5px; font-weight:bold; font-size:17px; color:#AF1E29;}
.news .wp .ptitle p { height:auto; line-height:19px; overflow:hidden; margin:0 auto; text-transform:uppercase; font-weight:bold; font-size:14px; color:#4A5359; opacity:0.17;}
.news .list { padding:20px 15px 30px; margin:0 auto;}
.news .list .item { float:none; width:100%; margin:0 auto 15px;}
.news .list .item .info h3 { font-size:15px;}
.news .list .item .info p { font-size:13px;}
.news .nmore { width:278px; height:48px; line-height:48px; margin:0 auto 60px; border:1px solid #E5E5E5; background:none;}

.footer { display:none;}
.mfooter { display:block; height:auto; overflow:hidden; margin:0 auto; padding:0 15px; font-family:"Microsoft Yahei"; font-weight:500; background:#333;}
.mfooter .img { height:110px; line-height:110px; text-align:center; overflow:hidden; margin:0 auto;}
.mfooter .img img { max-width:60%; max-height:60%; vertical-align:middle;}
.mfooter .txts { height:auto; line-height:18px; text-align:center; overflow:hidden; margin:0 auto; padding:0 0 15px 0; font-size:12px; color:#ccc; border-bottom:1px solid #666;}
.mfooter .txts p { margin:0 auto 5px;}
.mfooter .txts a { color:#fff;}
.mfooter .cps { height:auto; line-height:18px; text-align:center; overflow:hidden; margin:20px auto 10px; font-size:10px; color:#ccc;}
.mfooter .cps a { font-size:10px; color:#ccc;}

.mfooter .recNo { display:flex; display:-webkit-flex; height:auto; line-height:25px; text-align:center; justify-content:center; overflow:hidden; margin:0 auto 20px; font-size:10px; color:#ccc;}
.mfooter .recNo a { display:flex; display:-webkit-flex; display:block; line-height:25px; overflow:hidden; margin:0 auto; font-size:10px; color:#ccc;}
.mfooter .recNo a img { display:block; float:left; margin:2.5px 2px 0 0;}

.place { display:none;}

.aboutP { margin:-3px auto 0; padding:0 15px; border-bottom:5px solid #AF1E29;}
.aboutP .wp { width:100%;}
.aboutP .wp .ptitle { margin:30px auto 0;}
.ptitle h3 { line-height:22px; font-size:17px;}
.ptitle p { margin:0 auto 20px; line-height:19px; font-size:14px;}
.aboutP .wp .txts { line-height:22px; font-size:14px; color:#363B40;}
.aboutP .wp .txts p { text-align:left;}
.aboutP .wp .txts .img1 { display:none;}
.aboutP .wp .txts .img2 { display:block; margin:20px auto 0;}

.contact { margin:-3px auto 0; padding:0 15px; background:#fff;}
.contact .wp { width:100%; margin:0 auto;}
.contact .ways .line { display:none;}
.contact .ways { margin:0 20px;}
.contact .ways .item { width:100%; border-bottom:1px solid rgba( 0, 0, 0, 0.2);}
.contact .ways .item .ico { left:0; top:40px; float:none; width:50px; height:50px; margin:0;}
.contact .ways .item .ico1 { background:url(../images/icon_cways_01.png) no-repeat center center; background-size:50px;}
.contact .ways .item .ico2 { background:url(../images/icon_cways_02.png) no-repeat center center; background-size:50px;}
.contact .ways .item .infs { height:50px; margin:40px 0 40px 65px;}
.contact .ways .oitem { border-bottom:0;}
.contact .ways .oitem .infs { height:44px; margin:44px 0 44px 65px;}
.contact .ways .item .infs span { height:50px; line-height:50px; font-size:20px;}
.contact .ways .item .infs p { margin:0 auto; line-height:22px; font-size:15px;}
.contact .wp .map { height:250px; margin:0 auto 30px;}

.join { display:none;}
.mjoin { display:block; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#fff; border-bottom:5px solid #AF1E29;}
.mjoin .wp { height:auto; overflow:hidden; margin:40px 35px 40px 0; background:#AF1E29 url(../images/icon_join_01.png) no-repeat right bottom; background-size:218px;}
.mjoin .wp .info { height:auto; overflow:hidden; margin:0 25px;}
.mjoin .wp .info .tit { height:auto; line-height:24px; overflow:hidden; margin:30px auto 10px; font-size:18px; color:#fff;}
.mjoin .wp .info .tran { height:auto; line-height:16px; overflow:hidden; margin:0 auto 20px; text-transform:uppercase; font-size:12px; color:#fff; opacity:0.52;}
.mjoin .wp .info .ts { height:auto; line-height:21px; overflow:hidden; margin:0 0 15px 0; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#fff;}
.mjoin .wp .info h4 { height:auto; line-height:22px; overflow:hidden; margin:0 auto 40px; font-size:14px; color:#FBEEA9;}
.mjoin .wp .info .phone { height:auto; line-height:23px; overflow:hidden; margin:0 auto 40px; font-size:14px; color:#fff;}
.mjoin .wp .info .phone strong { display:block; font-weight:500; font-size:18px; color:#FBEEA9;}

.newspg { margin:-3px auto 0; background:#fff;}
.newspg .list { width:auto;}
.newspg .list .item:nth-child(3n) { margin:0 auto 15px;}
.newspg .list .item:last-child { margin:0 auto;}
.newspg .moreBtn { display:block; margin:0 auto 30px;}
.newspg .emptyBtn { display:none; width:278px; height:48px; line-height:48px; text-align:center; overflow:hidden; margin:0 auto 20px; font-weight:bold; font-size:15px; color:#AF1E29; border:1px solid #E5E5E5;}

.details { padding:0 15px; background:#fff; border-bottom:5px solid #AF1E29;}
.details .wp { width:100%; padding:0; margin:0 auto;}
.details .wp .tit { line-height:27px; padding:25px 0; font-size:17px;}
.details .wp .texts { line-height:25px; margin:20px auto; font-size:15px;}
.details .time { margin:0 0 25px 0;}

.pmuster { display:none;}
.mpros { display:block; height:auto; overflow:hidden; margin:-3px auto 0; padding:20px 0 0 0; font-family:"Microsoft Yahei"; font-weight:500; background:#fff; border-bottom:5px solid #AF1E29;}
.mpros .proList { height:auto; overflow:hidden; margin:0 15px 40px;}
.mpros .mtit { width:200px; height:52px; line-height:52px; text-align:center; overflow:hidden; margin:0 auto 20px; font-size:17px; color:#fff; background:#AF1E29;}
.mpros .proList .list { height:auto; overflow:hidden; margin:0 auto;}

.mpros .proList .list .item { position:relative; float:left; display:block; width:48%; height:auto; overflow:hidden; padding:0 4% 0 0;}
.mpros .proList .list .item:nth-child(2n) { padding:0 0 0 0;}
.mpros .proList .list .item:after { position:absolute; left:0; bottom:0; right:0; height:1px; overflow:hidden; content: ""; background:rgba( 0, 0, 0, 0.07);/*底*/}
.mpros .proList .list .item:before { position:absolute; right:0; top:0; bottom:0; width:1px; overflow:hidden; content: ""; background:rgba( 0, 0, 0, 0.07);/*右*/}
.mpros .proList .list .item:nth-child(2n):before { display:none;}


.mpros .proList .list .item:last-child:after { display:none;}
.mpros .proList .list .item:nth-last-child(2):after { display:none;}


.mpros .proList .list .item .img { height:230px; line-height:230px; overflow:hidden; margin:0 auto; text-align:center;}
.mpros .proList .list .item .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.mpros .proList .list .item p { height:20px; line-height:20px; text-align:center; overflow:hidden; margin:0 auto 20px; padding:0 0 0 15px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; font-size:15px; color:#202326;}

.proDetails { margin:-3px auto 0; padding:0 15px; background:#fff; border-bottom:5px solid #AF1E29;}
.proDetails .wp { width:100%; margin:20px auto 0;}

.proDetails .swiper-container { float:none; width:100%; margin:0 auto; box-sizing:border-box; border:1px solid #E5E5E5;}
.proDetails .swiper-container .swiper-slide { height:380px; line-height:378px;}

.proDetails .info { float:none; width:100%; margin:0 auto; padding:0; border-bottom:0;}
.proDetails .info .top { margin:25px auto 50px}
.proDetails .info .top h3 { line-height:22px; margin:0 auto 8px; font-size:17px;}
.proDetails .info .top h3 i { height:22px; margin:0 5px 0 0;}
.proDetails .info .top p { padding:0; font-size:15px;}
.proDetails .info .list .item { font-size:15px;}