@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu { display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;}
.fl{ float:left;}
.fr{ float:right;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:10px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#ddd;} 
input:-moz-placeholder { color:#ddd;} 
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体及字体图标*/
@font-face {
  font-family:'FontAwesome';
  		  src:url('/static/mobile/fonts/fontawesome-webfont.eot?v=4.7.0');
  		  src:url('/static/mobile/fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
       		  url('/static/mobile/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       		  url('/static/mobile/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
       		  url('/static/mobile/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
       		  url('/static/mobile/fonts/fontawesome-webfont.svg?v=4.7.0') format('svg');
  font-weight:normal;
   font-style:normal;
}

/*top*/
.header { width:100%; height:45px;}
.navbar { width:100%; height:45px; box-shadow:0 2px 4px rgba(0,0,0,0.03); background:#fff; position:fixed; top:0; right:0; z-index:99999;}
.navbar .logo { display:block; max-width:60%; height:35px; margin:5px 0 0 10px; overflow:hidden;}
.navbar .logo img { display:block; height:100%;}
.navbar .navhome { width:25px; height:12px; border-top:2px solid #d63d36; border-bottom:2px solid #d63d36; position:absolute; right:2.5%; top:15px; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:100%; height:2px; margin:auto; background:#d63d36; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(214,61,54,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:100%; overflow-y:scroll;}
.navbar .nav li { width:80%; padding:0 10%; line-height:30px; margin-bottom:10px;}
.navbar .nav li a { display:block;}
.navbar .nav li h1 a { font-size:16px; color:#fff;}
.navbar .nav li p { line-height:30px;}
.navbar .nav li p a { display:inline-block; line-height:25px; font-size:14px; color:#ffd9d9; margin-right:20px;}
.navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;}
.navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute;  top:15px; -webkit-transform-origin:50%; transform-origin:50%;}
.navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open { overflow:hidden;}
.open .navbar .nav { height:100vh; padding:5% 0; box-sizing:border-box; overflow:hidden;}
.open .navbar .navhome { display:none;}
.open .navbar .close { display:block;}

/*foot*/
.footer { width:100%; border-top:1px solid #f4f4f4;}
.footer .thr3 { width:100%; border-bottom:1px solid #f4f4f4; background:#fefefe;}
.footer .thr3 li { float:left; width:calc(100% / 4); padding:20px 10px 10px 10px; border-left:1px solid #f4f4f4; box-sizing:border-box;}
.footer .thr3 li a { display:block; width:100%;}
.footer .thr3 li .img { width:25px; height:25px; padding:8px; margin:0 auto; border-radius:50%; box-shadow:0 2px 5px rgba(188,31,24,0.75); background:#d63d36;}
.footer .thr3 li .img img { display:block; width:25px; height:25px;}
.footer .thr3 li h3 { line-height:30px; font-size:14px; color:#333; text-align:center; margin-top:5px;}
.footer .thr3 li:last-child { border-right:1px solid #f4f4f4;}
.footer .copy { width:90%; font-size:12px; color:#999; text-align:center; padding:15px 5% 10px 5%; background:#221919;}
.footer .copy p { margin-bottom:5px;}
.footer .copy a { color:#999;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .img { width:60%; margin:auto; position:absolute; right:0; bottom:15%; left:0; z-index:3;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:5px;}
.banner .swiper-pagination-bullet {	width:9px; height:9px; margin:0 5px !important; border:1px solid #fff; border-radius:50%; background:none; opacity:1; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { width:13px; height:13px; border-width:2px;}
.banner_ej { width:100%; margin:0 auto; height:400px; background-position:center top; background-repeat:no-repeat;}

/**栏目的题**/
.titls { color:#333;}
.titls p { padding-left:8px; line-height:25px; font-weight:100; font-size:14px; letter-spacing:1.5px; position:relative;}
.titls p::after { display:block; content:""; width:3px; height:12px; background:#d63d36; position:absolute; left:0; bottom:7.5px;}
.titls h3 { font-weight:500; font-size:28px; line-height:40px;}
.more { display:block; width:140px; line-height:25px; font-size:16px; color:#333; padding-left:10px; text-transform:Uppercase; position:relative;}
.more span { position:relative; z-index:1;}
.more::after { display:block; content:""; width:5px; height:14px; background:#d63d36; position:absolute; left:0; bottom:5px; z-index:0;}

/**关于不朽情缘**/
.about { width:90%; padding:20px 5%; margin-bottom:20px; position:relative;}
.about .msg { width:100%; font-size:14px; color:#888; line-height:30px; margin:20px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

/**汤包美食**/
.foods { width:100%; overflow:hidden;}
.foods .titls { float:right; width:95%; padding:15px 30px; margin-bottom:15px; background:#f4f4f4; box-sizing:border-box;}
.foods a { display:block; width:100%;}
.foods .img { width:100%; overflow:hidden;}
.foods .img img { display:block; width:100%;}
.foods .msg { width:90%; padding:10px 5% 30px 5%; background:#fff;}
.foods .msg h3 { width:100%; font-weight:500; font-size:22px; color:#333; line-height:50px; text-align:center; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foods .msg p { font-size:14px; color:#888; line-height:30px; margin:10px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.foods .msg h5 { font-weight:500; font-size:14px; color:#333; position:relative;}
.foods .msg h5 span { position:relative; z-index:2;}
.foods .msg h5 i { font-weight:bold; font-size:20px; color:#d63d36; margin-right:5px;}
.foods .swiper-button-prev,.foods .swiper-button-next { width:50px; height:50px; line-height:50px; font-size:14px; color:#fff; background-color:#d63d36; background-position:center; background-repeat:no-repeat; top:45%; z-index:3;}
.foods .swiper-button-prev::after,.foods .swiper-button-next::after { content:"";}
.foods .swiper-button-next { background-image:url(/static/mobile/images/xl_02.png);}
.foods .swiper-button-prev { background-image:url(/static/mobile/images/xl_03.png);}
.foods .swiper-button-next { left:0;}
.foods .swiper-button-prev { left:auto; right:0;}

/**城南饺子馆**/
.jiaos { width:100%; overflow:hidden;}
.jiaos .titls { float:left; width:95%; padding:15px 30px; margin-bottom:15px; background:#f4f4f4; box-sizing:border-box;}
.jiaos a { display:block; width:100%;}
.jiaos .img { width:100%; overflow:hidden;}
.jiaos .img img { display:block; width:100%;}
.jiaos .msg { width:90%; padding:10px 5% 30px 5%; background:#fff;}
.jiaos .msg h3 { width:100%; font-weight:500; font-size:22px; color:#333; line-height:50px; text-align:center; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jiaos .msg p { font-size:14px; color:#888; line-height:30px; margin:10px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.jiaos .msg h5 { font-weight:500; font-size:14px; color:#333; position:relative;}
.jiaos .msg h5 span { position:relative; z-index:2;}
.jiaos .msg h5 i { font-weight:bold; font-size:20px; color:#d63d36; margin-right:5px;}
.jiaos .swiper-button-prev,
.jiaos .swiper-button-next { width:50px; height:50px; line-height:50px; font-size:14px; color:#fff; background-color:#d63d36; background-position:center; background-repeat:no-repeat; top:45%; z-index:3;}
.jiaos .swiper-button-prev::after,
.jiaos .swiper-button-next::after { content:"";}
.jiaos .swiper-button-next { background-image:url(/static/mobile/images/xl_02.png);}
.jiaos .swiper-button-prev { background-image:url(/static/mobile/images/xl_03.png);}
.jiaos .swiper-button-next { left:0;}
.jiaos .swiper-button-prev { left:auto; right:0;}

/**乐鲜**/
.lexian { width:90%; padding:0 5%; position:relative; overflow:hidden;}
.lexian .lft { width:100%; padding:50px 0; position:relative;}
.lexian .lft::after { display:block; content:""; width:75%; height:540px; background:#f6f6f6; position:absolute; top:0; right:-6%; z-index:0;}
.lexian .lft .nr { position:relative; z-index:1;}
.lexian .lft .msg { width:100%; font-size:14px; color:#888; line-height:30px; margin:30px auto 15px auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.lexian .leimg { width:100%;}
.lexian .leimg .img { width:100%; margin:0 auto; overflow:hidden;}
.lexian .leimg .img img { display:block; width:100%;}
.lexian .leimg h3 { width:90%; padding:0 5%; height:50px; line-height:50px; font-weight:500; font-size:12px; color:#fff; background:#000;}
.lexian .leimg h3 b { display:block; float:left; max-width:65%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lexian .leimg .swiper-button-prev,.lexian .leimg .swiper-button-next { width:40px; height:40px; line-height:40px; font-size:14px; color:#fff; margin-top:-30px; background-color:#000; background-position:center; background-repeat:no-repeat; background-size:30px; top:50%; z-index:3;}
.lexian .leimg .swiper-button-prev::after,.lexian .leimg .swiper-button-next::after { content:"";}
.lexian .leimg .swiper-button-prev { background-image:url(/static/mobile/images/xl_02.png);}
.lexian .leimg .swiper-button-next { background-image:url(/static/mobile/images/xl_03.png);}
.lexian .leimg .swiper-button-prev { left:0px;}
.lexian .leimg .swiper-button-next { right:0px;}
.lexian .leimg .swiper-button-prev:hover,.lexian .leimg .swiper-button-next:hover { background-color:#d63d36;}

/**食六客**/
/*.diners { width:100%; margin-top:20px; overflow:hidden; position:relative;}
.diners .nr { width:190px; height:80px; margin:auto; border:5px solid #ad8d73; background:#fff; overflow:hidden; position:absolute; top:15%; right:0; left:0; z-index:2; filter:alpha(opacity=80); opacity:0.8;}
.diners .nr a { display:block; width:100%;}
.diners .nr .titls { width:160px; margin:8.5px auto; position:relative; z-index:2;}
.diners .nr i { display:block; width:110%; font-style:normal; font-weight:bold; font-size:42px; color:#f9f9f9; position:absolute; left:-5%; bottom:10px;}
.diners .dinimg { width:100%;}
.diners .dinimg .swiper-slide { width:100%; height:135px; position:relative;}
.diners .dinimg .swiper-slide img { display:block; height:135px; margin:0 auto; position:absolute; right:0; left:0;}*/

.diners { width:100%; margin-top:20px; overflow:hidden; position:relative;}
.diners .nr { width:190px; height:85px; margin:auto; border:5px solid #ad8d73; background:#fff; overflow:hidden; position:absolute; top:0; bottom:0; right:0; left:0; z-index:2; filter:alpha(opacity=80); opacity:0.8;}
.diners .nr a { display:block; width:100%;}
.diners .nr .titls { width:160px; margin:8.5px auto; position:relative; z-index:2;}
.diners .nr i { display:block; width:110%; font-style:normal; font-weight:bold; font-size:42px; color:#f9f9f9; position:absolute; left:-5%; bottom:10px;}
.diners .dinimg { width:100%;}
.diners .dinimg .swiper-slide { width:100%;}
.diners .dinimg .swiper-slide img { display:block; width:100%;}

/***************二级页面*****************/
/*单页、文章内容*/
.position { width:95%; height:35px; line-height:35px; font-size:12px; color:#666; padding:0 2.5%; background:#f4f4f4;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;}
.pager-next-pre p { margin:0;}
.pager-next-pre p a { font-size:14px;}
.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;}

/*单页*/
.intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;}
.intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;}
.intro a { color:#d63d36;}
.intro table { padding:0; border:0; border-top:1px solid #eee; border-right:1px solid #eee;}
.intro table th,.intro table td { line-height:25px; padding:5px; border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff;}
.intro table th { line-height:40px;}

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px;}
.chang_pages li { display:inline-block; color:#222; margin:20px 2px; border:1px solid #222;}
.chang_pages li a,.chang_pages li span { display:block; color:#222; padding:0 10px;}
.chang_pages .active { background:#222;}
.chang_pages .active span { color:#fff;}

/*大事务*/
.event { width:90%; padding-bottom:15px; margin:0 auto; position:relative;}
.event::after { display:block; content:""; width:1px; height:100%; margin:auto; background:#ddd; position:absolute; top:0; left:0;}
.event li { padding:20px 0 5px 20px; cursor:pointer; position:relative;}
.event li h3 { height:35px; line-height:35px; font-size:20px; color:#333; margin-bottom:10px; padding-left:25px; position:relative;}
.event li h3::before,.event li h3::after { display:block; content:""; margin:auto; position:absolute; top:0; bottom:0;}
.event li h3::before { width:6px; height:6px; border:2px solid #d63d36; border-radius:50%; left:5px;}
.event li h3::after { width:25px; height:1px; background:#ddd; left:-20px;}
.event li h3 i { font-weight:500; font-style:normal; font-size:14px; margin-left:5px;}
.event li .msg { font-size:12px; color:#666; line-height:25px; padding:10px 15px 5px 15px; border:1px solid #eee;  background:#f9f9f9;}
.event li .msg p { margin-bottom:5px;}

/*企业先容*/
.ablist { width:100%; padding:15px 0;}
.ablist h1 { font-weight:500; font-size:24px; color:#333; line-height:26px; text-align:center; margin-bottom:60px; position:relative;}
.ablist h1::after { display:block; content:""; width:45px; height:3px; margin:auto; background:#d63d36; position:absolute; left:0; right:0; bottom:-15px; z-index:0;}
.ablist h1 span { position:relative; z-index:1;}
.ablist h1 span i { display:block; font-style:normal; font-size:14px; color:#bbb; text-transform:Uppercase;}
.ablist .ab01 { margin-bottom:30px;}
.ablist .ab01 .intro { width:90%; padding:0 5%; font-size:12px; color:#666; line-height:25px; position:relative; z-index:2;}
.ablist .ab01 .mumber { width:100%;}
.ablist .ab01 .mumber li { float:left; width:calc(100% / 2); margin-top:20px; color:#999; text-align:center;}
.ablist .ab01 .mumber li h3 { font-size:20px; font-weight:500;}
.ablist .ab01 .mumber li h3 span { display:inline-block; line-height:30px; color:#d63d36;}
.ablist .ab01 .mumber li h3 sup { display:inline-block; font-size:12px; margin-left:5px;}
.ablist .ab01 .mumber li p { font-size:14px; color:#333;}
.ablist .ab02 { padding:30px 0; background:#fafafa;}
.ablist .ab02 img { display:block; max-width:100%; margin:0 auto;}
.ablist .event { padding:30px 0; overflow:hidden;}
.ablist .event::after { top:140px;}
.ablist .event h1 i { color:#999;}
.ablist .ab04 { height:445px; padding:30px 10%; background:url(/static/mobile/images/xl_11.jpg) no-repeat center top; position:relative;}
.ablist .ab04 .honor { width:100%; overflow:inherit;}
.ablist .ab04 .honor .swiper-slide { padding:20px; border:1px solid #eee; box-sizing:border-box; background:#fff;}
.ablist .ab04 .honor .swiper-slide h3 { line-height:40px; font-weight:500; font-size:24px; color:#d63d36; text-align:center; margin-bottom:50px; position:relative;}
.ablist .ab04 .honor .swiper-slide h3::after { display:block; content:""; width:35px; height:1px; margin:auto; background:#ddd; position:absolute; left:0; right:0; bottom:-20px;}
.ablist .ab04 .honor .swiper-slide .msg { height:200px; font-size:13px; color:#666; line-height:25px; text-align:left; overflow-y:scroll;}
@-moz-document url-prefix() {
	.ablist .ab04 .honor .swiper-slide .msg::-webkit-scrollbar { width:0px; height:0px;} 
}
.ablist .ab04 .honor .swiper-slide .msg p { text-indent:1.2em; margin-bottom:10px; position:relative;}
.ablist .ab04 .honor .swiper-slide .msg p::after { display:block; content:""; width:5px; height:5px; border:2px solid #d63d36; border-radius:50%; position:absolute; left:0; top:9px;}
.ablist .ab04 .honor .swiper-button-next,.ablist .ab04 .honor .swiper-button-prev { width:40px; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:50%; background-color:#d63d36; background-position:center; background-size:30px; overflow:hidden; background-repeat:no-repeat; top:55%; z-index:3;}
.ablist .ab04 .honor .swiper-button-next::after,.ablist .ab04 .honor .swiper-button-prev::after { content:"";}
.ablist .ab04 .honor .swiper-button-next { background-image:url(/static/mobile/images/xl_02.png);}
.ablist .ab04 .honor .swiper-button-prev { background-image:url(/static/mobile/images/xl_03.png);}
.ablist .ab04 .honor .swiper-button-next { left:-25px;}
.ablist .ab04 .honor .swiper-button-prev { left:auto; right:-25px;}
.ablist .ab04 .honor .swiper-button-next.swiper-button-disabled,.ablist .ab04 .honor .swiper-button-prev.swiper-button-disabled { background-color:#ad8d73; filter:alpha(opacity=100); opacity:1;}
.ablist .ab05 { width:90%; padding:30px 5% 0 5%;}
.ablist .ab05 li { width:100%; text-align:center; margin:0 auto 40px auto;}
.ablist .ab05 li .top { width:70px; height:70px; color:#fff; margin:0 auto; border-radius:50%; background:#d63d36; position:relative;}
.ablist .ab05 li .top::after { display:block; content:""; width:70px; height:70px; padding:6px; margin:auto; border:1px dashed #d63d36; border-radius:50%; position:absolute; top:0; bottom:0; left:-6.5px;}
.ablist .ab05 li .top i { font-style:normal; font-size:20px; color:#d63d36; position:absolute; top:-10px; right:-10px;}
.ablist .ab05 li .top h3 { padding-top:5px; line-height:40px; font-family:'FontAwesome'; font-size:28px; font-weight:500;}
.ablist .ab05 li .top p { line-height:10px; font-size:14px;}
.ablist .ab05 li h2 { line-height:30px; font-weight:500; font-size:15px; color:#333; margin-top:15px;}
.ablist .ab05 .botm { padding-top:30px; border-top:1px solid #eee;}
.ablist .ab05 .botm .img { width:100%; overflow:hidden;}
.ablist .ab05 .botm .img img { display:block; width:100%;}
.ablist .ab05 .botm .msg { width:100%;}
.ablist .ab05 .botm .msg h3 { line-height:60px; font-size:26px; color:#d63d36;}
.ablist .ab05 .botm .msg p { font-size:16px; line-height:30px; margin-bottom:15px;}

/*门店列表*/
.serch { width:80%; margin:5px auto 15px auto;}
.serch input { display:block; float:left; width:70%; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 15px; border:1px solid #d63d36; border-radius:25px 0 0 25px; background:#fff; box-sizing:border-box;}
.serch .btn { width:30%; font-family:'FontAwesome'; font-size:24px; color:#fff; border:none; border-radius:0 25px 25px 0; background:#d63d36;}
.stroe { width:100%;}
.stroe li { width:100%; margin-bottom:15px; padding:10px; border:1px solid #eee; box-sizing:border-box; background:#fff;}
.stroe li h3 { padding-left:30px; font-size:18px; color:#d63d36; line-height:30px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(/static/mobile/images/xl_10.png) no-repeat left center; background-size:25px;}
.stroe li p { font-size:14px; color:#333; line-height:25px;}
.stroe li .img { width:100%; margin-top:15px; overflow:hidden;}
.stroe li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.stroe li:hover .img img { transform:scale(1.1,1.1);}

/*产品列表*/
.prolist { width:95%; padding:0 2.5%; margin-top:10px;}
.prolist li { float:left; width:50%; margin-bottom:10px;}
.prolist li a { display:block; width:95%; margin:0 auto;}
.prolist li .img { display:block; width:100%; overflow:hidden; background:#fff;}
.prolist li .img img { display:block; width:100%;}
.prolist li .msg { height: 65px; text-align:center; padding:0 5px 10px 5px; border:1px solid #eee; background:#fff;}
.prolist li .msg h3 { width:100%; font-size:16px; color:#000; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li .msg p { height: 25px; font-size:12px; color:#666; position:relative;}
.prolist li .msg p i { font-style:normal; font-size:16px; color:#d63d36; margin-right:2px;}

/**新闻**/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li img { display:block; float:left; width:139px; height:85px; margin-top:3px; overflow:hidden;}
.newlist li .mesg { padding-left:150px;}
.newlist li .mesg h3 { font-size:14px; color:#333; width:100%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .mesg span { display:block; width:100%; font-size:12px; color:#999;}
.newlist li .mesg p { font-size:12px; color:#666; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*图片列表*/
.piclist { width:95%; padding:0 2.5%; margin-top:10px;}
.piclist li { float:left; width:50%; margin-bottom:10px;}
.piclist li a { display:block; width:95%; margin:0 auto;}
.piclist li .img { display:block; width:100%; overflow:hidden; background:#fff;}
.piclist li .img img { display:block; width:100%;}
.piclist li h3 { width:100%; font-weight:500; font-size:14px; color:#000; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*联系不朽情缘*/
.intro .oline { display:block; width:180px; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; margin:30px auto 60px auto; border-radius:25px; background:#d63d36;}

/*在线留言*/
.company { width:100%;}
.company h1 { line-height:40px; font-size:20px; color:#000; text-align:center;}
.company h4 { line-height:25px; font-weight:500; font-size:12px; color:#999; text-align:center; margin-bottom:20px;}
.company form li { width:100%; font-size:14px; color:#666; margin-bottom:5px; padding:0 15px; background:#f4f5f9; box-sizing:border-box;}
.company form li label { display:block; float:left; width:60px; line-height:40px;}
.company form li input { display:block; float:left; width:77%; height:40px; line-height:40px; outline:none; border:none; background:none;}
.company form li textarea { display:block; width:100%; line-height:22px; font-family:Microsoft YAHEI; font-size:14px; color:#666; outline:none; margin-bottom:15px; border:none; background:none;}
.company form li.yzm input { width:38%;}
.company form li.yzm img { float:left; height:30px; margin:5px 0 5px 10px;}
.company form li.btn { width:100%; padding:0; margin:0 auto; background:#d63d36;}
.company form li.btn input { width:100%; font-size:16px; color:#fff;}
.company form li .tag { display:block; float:left; width:77%; height:40px; line-height:40px; box-sizing:border-box; background:#f4f5f9; outline:none; position:relative;}
.company form li .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent; position:absolute; top:17px; right:0px;}
.company form li .tag select { display:block; width:100%; height:40px; line-height:40px; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.company form .nr label { width:100%;}
.company form .nr .layui-btn { background:#ba111d;}
.company form li .lat_img { width:100%;}
.company form li .lat_img .layui-upload-list { margin:15px 0 0 0;}
.company form li .lat_img .layui-upload-list .picture_item { float:left; width:45%; height:100px; margin:0 15px 15px 0; overflow:hidden; position:relative;}
.company form li .lat_img .layui-upload-list .picture_item:nth-child(2n) { margin-right:0;}
.company form li .lat_img .layui-upload-list .picture_item img { display:block; width:100%; height:100px;}
.company form li .lat_img .layui-upload-list .picture_item .pic_del,.company form li .lat_img .layui-upload-list .picture_item .pic_up { height:30px; line-height:30px; font-size:12px; color:#fff; padding:0 10px; cursor:pointer; background:rgba(0,0,0,0.5); position:absolute; bottom:0; z-index:2;}
.company form li .lat_img .layui-upload-list .picture_item .pic_up { border-radius:0 2px 2px 0; left:0;}
.company form li .lat_img .layui-upload-list .picture_item .pic_del { border-radius:2px 0 0 2px; right:0;}


.company .list li .imgs { width:100%;}
.company .list li .imgs img { float:left; width:45%; margin:0 15px 10px 0;}
.company .list { margin-top:20px;}
.company .list h3 { line-height:40px; font-size:18px; color:#333;}
.company .list li { padding:15px 0 10px 0; margin-top:10px; border-top:1px solid #f4f4f4;}
.company .list li p { width:100%; line-height:25px; font-size:12px; color:#666; margin-bottom:5px;}
.company .list li p b { font-size:15px; color:#333; margin-right:15px;}
.company .list li p span { font-size:12px; color:#999;}
.company .list li .msg { padding:10px 15px 5px 15px; margin-top:10px; background:#f8f8f8;}


/*招聘*/
.n_job { width:95%; margin:10px auto;}
.n_job table { border-right:1px solid #eee; border-bottom:1px solid #eee;}
.n_job th { height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background:#d63d36;}
.n_job .titl td { font-size:12px; color:#666; line-height:30px; text-align:center; padding:5px; border-left:1px solid #eee; border-top:1px solid #eee;}
.n_job .titl .afold { display:block; height:23px; background:url(/static/mobile/images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(/static/mobile/images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 15px; line-height:25px; color:#666; border-left:1px solid #eee; border-top:1px solid #eee; background:#fafafa;}
.n_job .show_box { display:none;}
.n_job .article { padding:20px 0;}
.n_job .un { line-height:25px; font-size:14px; color:#333; padding-top:15px; margin-top:20px; border-top:1px solid #eee;}
.n_job .un p { margin-bottom:10px;}
.n_job .un b,.n_job .un a { font-size:16px; color:#d63d36;}

/*品牌先容*/
.brand { width:100%; padding:30px 0;}
.brand .lgo { width:100px; height:100px; margin:0 auto; border:1px solid #eee; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.05); background:#fff; overflow:hidden;}
.brand .lgo img { display:block; width:100px; height:100px; border-radius:50%;}
.brand .ttle { text-align:center; margin:10px auto 30px auto;}
.brand .ttle h1 { line-height:40px; font-size:30px; color:#333; letter-spacing:5px;}
.brand .ttle p { line-height:25px; font-size:14px; color:#666; letter-spacing:2px; margin-bottom:10px;}
.brand .ttle i { display:block; width:40px; height:2px; margin:0 auto; background:#d63d36;}
.brand .msg { padding:0 5%; line-height:30px; font-size:14px; color:#333; text-align:justify; margin-bottom:20px;}
.brand .img { width:100%; margin-bottom:10px; overflow:hidden;}
.brand .img img { display:block; width:100%;}
.brand .swiper-slide { width:calc(100% / 3); text-align:center;}
.brand .swiper-slide a { display:block; width:100%;}
.brand .swiper-slide img { display:block; width:100%; margin-bottom:10px;}
.brand .swiper-slide h3 { width:90%; padding:0 5%; font-size:14px; color:#333; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.brand .swiper-container { overflow:inherit;}
.brand .swiper-button-next,.brand .swiper-button-prev { width:30px; height:30px; line-height:30px; font-size:14px; color:#fff; background-color:#d63d36; background-position:center; background-size:30px; overflow:hidden; background-repeat:no-repeat; top:60%; z-index:3;}
.brand .swiper-button-next::after,.brand .swiper-button-prev::after { content:"";}
.brand .swiper-button-next { background-image:url(/static/mobile/images/xl_02.png);}
.brand .swiper-button-prev { background-image:url(/static/mobile/images/xl_03.png);}
.brand .swiper-button-next { left:0px;}
.brand .swiper-button-prev { left:auto; right:0px;}
.brand .mor { display:block; width:45px; height:45px; line-height:45px; font-size:12px; color:#fff; margin:25px auto 0 auto; text-transform:Uppercase; text-align:center; border-radius:50%; background:#d63d36; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease;}
.brand .mor::before,.brand .mor::after { display:block; content:""; width:8px; height:8px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; bottom:0;}
.brand .mor::before { border-left:2px solid #d63d36; border-bottom:2px solid #d63d36; left:-20px;}
.brand .mor::after { border-top:2px solid #d63d36; border-right:2px solid #d63d36; right:-20px;}
.brand .mor:hover { background:#ad8d73;}
.brand .mor:hover::before,.brand .mor:hover::after { border-color:#ad8d73;}
.bdlex { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fafafa;}
.bdlex .swiper-button-next,.bdlex .swiper-button-prev { background-color:#000;}
.shike .swiper-button-next,.shike .swiper-button-prev { background-color:#fd7400;}
.chenan { border-top:1px solid #f2f2f2;background:#fafafa;}
.chenan .swiper-button-next,.shike .swiper-button-prev { background-color:#000;}

@media screen and (min-height:800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}<!--耗时1765708308.3163秒-->