﻿/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
/* html { font-size:56% } */
body { font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; font-weight:300 }
em, q, cite, address, h1, h2, h3, h4, h5, h6, th { font-weight:300 }

input { vertical-align:middle; font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }

.mo_positionRelative { position: relative!important }
.mo_positionAbsolute { position: absolute!important } 
.mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.mo_poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.mo_poabsolute-b { position:absolute; bottom:0 }

/* float */
.mo_fleft { float:left!important }
.mo_fright { float:right!important }
.mo_fnone { float:none!important }
/* text-align */
.mo_tleft { text-align:left!important }
.mo_tright { text-align:right!important }
.mo_tcenter { text-align:center!important }
.mo_color000 { color: #000 }
.mo_colorfff { color: #fff }
.mo_bgf7f7f7 { background: #f7f7f7 }
.mo_bge9e9e9 { background: #e9e9e9 }

.brandlight { font-size: 2.2rem;width: 100% }
.fontSize12 { font-size:1.2rem }
.fontSize14 { font-size:1.4rem }
.fontSize16 { font-size:1.6rem }
.mo_fontSize12 { font-size:1.2rem }
.mo_fontSize14 { font-size:1.4rem }
.mo_fontSize16 { font-size:1.6rem }
.mo_h4 { font-size: 1.8rem!important }
.mo_fontSize40 { font-size: 40px }

.mo_fa-4x { font-size: 4em!important }

h1, .h1 { font-size: 2.4rem }
h2, .h2 { font-size: 2.2rem }
h3, .h3 { font-size: 2rem }
h4, .h4 { font-size: 1.8rem; line-height:1.3em }
h5, .h5 { font-size: 1.6rem }
h6, .h6 { font-size: 1.5rem }

.mo_margintop0 { margin-top:0!important }
.mo_margintop5 { margin-top:5px }
.mo_margintop10 { margin-top:10px!important }
.mo_margintop15 { margin-top:15px }
.mo_margintop20 { margin-top:20px!important }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }
.mo_margintop50 { margin-top:50px }
.mo_margintop60 { margin-top:60px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom5 { margin-bottom:5px }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px!important }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }
.mo_marginleft5 { margin-left:5px }
.mo_marginleft10 { margin-left:10px }
.mo_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright10 { margin-right:10px }
.mo_marginright5 { margin-right:5px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px!important }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }
.mo_paddingtop40 { padding-top:40px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }
.mo_paddingbottom40 { padding-bottom:40px }
.mo_paddingbottom60 { padding-bottom:60px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30-20 { padding:30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30-20-20 { padding:30px 20px 20px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20-20-30 { padding:20px 20px 30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display: block }
.mo_undis { display:none }

.mo_row5 { margin-left: -5px; margin-right: -5px }
.mo_rowauto { margin-left: 0; margin-right: 0 }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_48, .area_45, .area_40, .area_35, .area_33, .area_30, .area_28, .area_25, .area_22, .area_20, .area_15, .area_10 { float:none; width:100% }

.mo_width33 { max-width: 33.33%; width:33.33% }
.mo_width30 { max-width: 30%; width:30% }
.mo_width40 { max-width: 40%; width:40% }
.mo_width50 { max-width: 50%; width:50% }
.mo_width60 { max-width: 60%; width:60% }
.mo_width80 { max-width: 80%; width:80% }
.mo_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }

.infinite-height { margin-bottom: 0;padding-bottom: 0 }

.com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit }
.com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_max4, .com-rows_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.discom-rows_2 { height:34px; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } 

.modis-com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }

.container { width: 100%; padding-left: 25px; padding-right: 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.row10,.row15 { margin-left: auto; margin-right:auto }

.mo_row-10{ margin-left: -10px; margin-right:-10px }

/*-------------------通用头部-------------------*/ 
#cd-lateral-nav { display: block;height: 60px }
.headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }

/*-------------------bottom-------------------*/ 
.footbox { height: auto }
.footbox .foot-logo { height: 40px }
.footbox .width100 { height:auto }

.footbox .footlist { width: 70px;text-align: left  }
.footbox .mo_footmap { display: none }
.department-pop {left: -63px; bottom: 40px }
.footlist.footlink-a { text-align: center } 

/*-------------------内页通用-------------------*/ 
.share { top: 45% }
.buttoneb8d45, a.button-eb8d45, input.button-eb8d45 { padding: 5px 20px;background:#eb8d45; }
.top-banner { height: 240px; }
.top-banner h2 { font-size: 18px } 
.list-top { width: 29px; border-bottom: 3px solid #f3982d }

.nd-con img { max-width: 100% }
/*-------------------首页-------------------*/ 
/*.wechat_ewm { right: auto; left: -20px }*/
.icon--up.fa-2x,.icon--down.fa-2x { font-size: 1.3em!important }
.icon-recruit.fa-5x { font-size: 3.2em!important } 
.indexitem .btnbox .btneb8d45,.indexitem .btnbox span{ height: 26px;line-height: 26px } 
.indexitem2 .iconfont { position: absolute; left: 0 }
.indexitem2 .stock1_2 { margin-left: 25px; } 

/*-------------------关于我们-------------------*/
.director-bg { background: rgb(241,241,241)  }

.com-boxbg { background: none }

.fa-5x.icon-diqiu,.icon-jingn.fa-5x { font-size: 4em!important; } 

.honor-list .border-l-f3982d { border-left: none }
.honor-list .border-r-f3982d { border-right: none }
.honor-list { border-left:1px solid #A1A1A1 }
.disfk { width: 5px;height: 10px;background: #fff; display: block; float: left;position: absolute;left: -5px;top: 0; }
.honor-list.overhidden { overflow: visible }
.honor-list .margintop100 { margin-top: 0 }
.honor-list .dot-em1 { right: auto;left: -5px;margin-top: 10px }
.honor-list .dot-em2 { left: -5px;margin-top: 10px }
.honor-list #m .lll { margin-top: 0 }

.mil-bg { background: rgb(255,255,255) }

.values-kv { background: url(../images/about/mo_values-kv.jpg);background-position: center;background-size: cover }

.social_file { padding-right: 40px }
.social_pdf { width: 40px }

.values-kv { height: calc(30vh); }

.honor-list .dot-em1.margintop100 { margin-top: 5px!important }

.values-kv .poabsolute-w50 { top: 10% } 
/*-------------------品牌家族-------------------*/
.caterbox .caterclk { position: relative!important;opacity: 1;width: 100%;z-index: 1;background: #F3982D;box-sizing: border-box;display: none;transition:no; -webkit-transition:no; -moz-transition:no; -o-transition:no;padding: 0; }
.padding20_b60 { padding:20px 20px 60px 20px !important}
.caterbox .mo_close { bottom: 20px;left: 20px;z-index: 1; }

.brand-box1 .text-title { top: 40%;left: 10% }
.brand-box3 .text-title { bottom: 10%;right: 10% }
.brand-box4 .text-title { bottom: 10%;right: 10% }
.brand-box2 .text-title { top: 35%;right: 15% }
.brand-box5 .text-title { bottom: 10%;left: 10% }


.jewelry-kv { background: url(../images/brand/mo_jewelry-kv.jpg);background-position:center top;background-size: cover }

/*.lm-kv { background: url(../images/brand/mo_lm-kv.jpg);background-position:center; background-size: cover;height: calc(100vh - 60px); }
.yy-kv { background: url(../images/brand/mo_yy-kv.jpg);background-position:center; background-size: cover;height: calc(100vh - 60px); }
.igi-kv { background-position:center; background-size: cover;height: calc(100vh - 60px); }*/

.yy-jpg { background: url(../images/brand/yy-jpg.jpg); background-size: cover } 

/*.cater-kv { background: url(../images/brand/mo_cater-kv.jpg);background-position:center; background-size: cover;height: calc(35vh);}
.food-kv { background: url(../images/brand/mo_food-kv.jpg);background-position:center; background-size: cover;height: calc(35vh);}
.business-kv { background: url(../images/brand/mo_business-kv.jpg);background-position:center; background-size: cover;height: calc(35vh);}
.health-kv { background: url(../images/brand/mo_health-kv.jpg);background-position:center; background-size: cover;height: calc(35vh);}*/
.food-kv { background-position: right 60% bottom }

.foodbox .caterclk { position: relative!important;opacity: 1;width: 100%;z-index: 1;background: #F3982D;box-sizing: border-box;display: none;transition:no; -webkit-transition:no; -moz-transition:no; -o-transition:no;padding: 0 }
.foodbox .mo_close { bottom: 20px;left: 20px;z-index: 1; }

/*-------------------快乐地标-------------------*/        
.landmak-box1 .bgfff,.landmak-box2 .bgfff,.landmak-box3 .bgfff,.landmak-box4 .bgfff,.landmak-box5 .bgfff  { min-height: auto }
.fd-kv { background-position: center right;background-size: cover }
.fd-box { margin-left: 0 }
.fd-box h4 { margin-left: 0 }
.fd-bg { background: url(../images/landmark/mo_fd_bg.jpg);background-size: cover;background-position:center;height: 300px }
.fd-bg .poabsolute-wh50 { width: 100%; padding-left: 25px; padding-right: 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.fd-bgbox { margin-left: 45px }
.fd-bgbox .fontSize16 { font-size: 1.2rem }
.fd-bgbox p { line-height: 26px } 
.fd-bgtext { margin-left: -45px;width: 45px }
.fd-bg .poabsolute-wh50 { top: 40% }

/*.xh-kv { background: url(../images/landmark/mo_xh-kv.jpg);background-position: center bottom;background-size: cover }*/
.xh-kv { background-position: center left 33%; } 
.xh-bg { background: url(../images/landmark/mo_xh_bg.jpg);background-size: cover;background-position:right top;height: 200px }

/*.ys-kv { background: url(../images/landmark/mo_ys-kv.jpg);background-position: center top;background-size: cover }*/
.ys-bg { background: url(../images/landmark/mo_ys_bg.jpg);background-size: cover;background-position:right;height: 200px }

/*.sy-kv { background: url(../images/landmark/mo_sy-kv.jpg);background-position: center top;background-size: cover }*/
.sy-swiper img { height: 200px }
.zh-kv {background: url(../images/landmark/mo_zh-kv.jpg); background-position: right bottom 35%;background-size: cover }
.zh-bg { background: url(../images/landmark/mo_zh_bg.jpg);background-size: cover;background-position:right;height: 200px }
.zh-kv h1 { color: #fff } 
.zh-kv .poabsolute-wh50 { top: 25% }
.zh-bg .h3,.sy-bg .h3,.ys-bg .h3,.fd-bg .h3,.xh-bg .h3 { font-size: 16px }
.zh-kv h1,.sy-kv h1,.ys-kv h1,.fd-kv h1,.xh-kv h1 { font-size: 20px }
.ys-kv { background-position: top 25% left 3% } 

.mo_lm div { height: 430px }
.mo_lm div .width80 { width:70% } 

/*-------------------新闻中心-------------------*/
/*.news-kv { background: url(../images/news/mo-news-kv.jpg);background-position: center right;background-size: cover  }*/
.search-dl { width: calc(100vw - 80px); }
.search-dl dt input { width: 100% }
.search-dl { margin-right: 30px }
.search-dl dd a { width: 30px }
.search-dl dt input { border-bottom: 1px solid #d2d2d2 }

/*-------------------投资者关系-------------------*/
/*.ir-kv { background: url(../images/ir/mo-ir-kv.jpg);background-position: center right;background-size: cover  }*/
.com-intro { min-height: auto }
.list-top h3{ padding-bottom: 24px }
.list-telite { height: auto }
.list-telite h4 { font-size: 14px;font-weight: normal; }

.com-list { padding-left: 95px;margin-top: 10px }
.com-list .com-title { margin-left: -95px;width: 95px }
.com-list .com-content { margin-left: 10px }

.mo_pro-listbox { width: 100%; overflow-y: hidden; overflow-x: auto }
.mo_pro-listbox .line-000-20 { width: 840px }
.pro-list { width: 840px }
.pro-list div { width: 200px }
.pro-list div:nth-of-type(1), .pro-list div:nth-of-type(4) { width: 220px }


.stock-con, .reg-overflow-x { width: 100%; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden } 
.stock-table { width: auto }
.stock-table td, .stock-table th { min-width: 80px }

.stock-con::-webkit-scrollbar, .reg-overflow-x::-webkit-scrollbar {
width:8px;
height:8px
}
.stock-con::-webkit-scrollbar-thumb, .reg-overflow-x::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.stock-con::-webkit-scrollbar-thumb:window-inactive, .reg-overflow-x::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.stock-con::-webkit-scrollbar-thumb:vertical:hover, .reg-overflow-x::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.stock-con::-webkit-scrollbar-thumb:vertical:active, .reg-overflow-x::-webkit-scrollbar-thumb:vertical:active  {
background-color:rgba(0,0,0,.7)
}


.mo_par-listbox .par-list div { width: 50% }
.mo_par-listbox2 { width: 100%; overflow-y: hidden; overflow-x: auto }
.mo_par-listbox2 .line-000-20 { width: 800px }
.mo_par-listbox2 .par-list { width: 800px }
.mo_par-listbox2 .par-list div { width: 120px }
.mo_par-listbox2 .par-list div:nth-of-type(1), .par-list div:nth-of-type(5) { width: 220px }



.tem_file { padding-right:40px;padding-left: 0 }
.tem_pdf { width:35px;text-align: right }  
.tem_file .tem_zg { margin-left: 0;width: 100%; }
.tem_pdf.poabsolute-h50 { top: 20px } 

.tem_file:hover .tem_pdf { color:#eb8d45 }
.tem_file:hover .color0068b7 { color:#eb8d45 }
.tab-nav li a { padding-left: 10px;padding-right: 10px }
/*
.gov-list div:nth-of-type(1) { width: 33.33%;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(2) { width: 33.33%;padding-left: 0;left: auto;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(3) { width: 33.33%;left:auto;right: 0;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(4) { width: 33.33%;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(5) { width: 33.33%;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(6) { width: 33.33%;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(7) { width: 100%;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-list div:nth-of-type(8) { width: 100%;padding: 10px 0 }

.gov-list div { padding-left: 0;padding-right: 0 }
.gov-list { margin-top: 10px;margin-bottom: 0 }*/

/*mm*/
.gov-listn2 div:nth-of-type(1) { width: 33.33%;float:left;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-listn2 div:nth-of-type(2) { width: 33.33%;float:left;padding-left: 0;left: auto;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-listn2 div:nth-of-type(3) { width: 33.33%;float:left;left:auto;right: 0;padding: 10px 0;border-bottom: 1px solid #f0f0f0 }
.gov-listn2 div:nth-of-type(4) { width: 33.33%;float:left;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px; }
.gov-listn2 div:nth-of-type(5) { width: 33.33%;float:left;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px; }
.gov-listn2 div:nth-of-type(6) { width: 33.33%;float:left;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px; }
.gov-listn2 div:nth-of-type(7) { width: 100%;border-bottom: 1px solid #f0f0f0 }
.gov-listn2 div:nth-of-type(8) { width: 100%;padding: 10px 0 }

.gov-listn2 div { padding-left: 0;padding-right: 0 }
.gov-listn2 { margin-top: 10px;margin-bottom: 0 }

.gov_file { padding-right: 40px }
.gov_pdf { width: 35px;text-align: right }

.tab-nav li { width: 33.33%;text-align: center } 
.tab-nav li.active a,.tabtem-title a.active p { font-size: 16px;bottom: 0;padding: 0;width: 100%;font-size: 18px; }
.gui-title .positionRelative { margin-right: 40px; }
.gui-title .positionRelative i { width: 40px;margin-right: -40px }

.tabtem-title a { padding: 0 10px;width: 90px }

.gui-box { padding: 0px 20px 30px 20px }
.gui-title .positionRelative i { right: 20px;top: 30px } 

/*-------------------加入我们-------------------*/        
.join-box1 .bgfff,.join-box2 .bgfff,.join-box3 .bgfff,.join-box4 .bgfff { min-height: auto }

.join-icon2 { top: 10px;left: 130px }

.join-icon { margin-left: 30px } 
.join-icon i { margin-left: -30px } 
.mo_top28{top: 28%;}
/*-------------------网站地图-------------------*/
.map-top { padding:20px 20px 10px 20px }
.map-list { padding: 10px 20px 40px 20px; }
.map-list>a { margin-top: 10px!important }
.mo_mapwidth a { width: auto;padding-right: 20px }

/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }
.innews-box a .innews-txt { width: 55% }
}
