body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#d63d36;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family:'FontAwesome';
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;
	 font-style:normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:75px; margin:auto; background:rgba(255,255,255,0.96); position:fixed; top:0; right:0; left:0; z-index:99999999;}
.header .logo { width:205px; height:60px; margin:auto; position:absolute; top:7.5px; right:0; left:0; z-index:2;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { padding-left:20px; position:relative; z-index:0;}
.header .nav li { float:left; height:75px; line-height:75px; text-align:center; position:relative;}
.header .nav li a { display:block; padding:0 30px;}
.header .nav li a span { font-size:14px; color:#666; position:relative; z-index:2;}
.header .nav li a i { display:block; content:""; width:0; height:2px; margin:auto; background:#d63d36; position:absolute; left:0; bottom:20px; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover a span,.header .nav li.on a span { color:#000;}
.header .nav li:hover a i,.header .nav li.on a i { width:35%;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:100%; margin:auto; background:#d63d36; overflow:hidden; position:absolute; top:75px; left:0; right:0;}
.header .nav li li { float:none; height:45px; border-bottom:1px solid #c10202; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li li::before,.header .nav li li::after { display:none;}
.header .nav li li a { line-height:45px; color:#fff; padding:0;}
.header .nav li li:hover { background:#c10202;}
.headerFix { width:100% !important; box-shadow:0 2px 4px rgba(0,0,0,0.03); background:#fff; top:0 !important; _position:absolute; top:expression((offsetParent.scrollTop)+0);}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .img { width:550px; height:260px; margin:auto; background:url(../images/xl_01.png) no-repeat 0 0 / 100%; position:absolute; right:0; bottom:26%; left:0; z-index:3;}
.banner img { display:block; width:100%;}
.banner .swiper-button-prev,.banner .swiper-button-next { color:#fff;}
.banner .swiper-button-prev { left:7%;}
.banner .swiper-button-next { right:7%;}
.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;}

/*脚部*/
.footer { width:100%;}
.footer .thr3 { width:100%; border-bottom:1px solid #f4f4f4;}
.footer .thr3 li { float:left; width:calc(100% / 3); padding:45px 90px; border-left:1px solid #f4f4f4; box-sizing:border-box;}
.footer .thr3 li a { display:block; width:100%;}
.footer .thr3 li .img { float:left; width:35px; height:35px; padding:12.5px; margin-top:5px; border-radius:50%; box-shadow:0 2px 5px rgba(188,31,24,0.75); background:#d63d36; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .thr3 li .img img { display:block; width:35px; height:35px; -webkit-transition:all 1.0s ease; transition:all 1.0s ease;}
.footer .thr3 li:hover .img { box-shadow:0 0 25px rgba(188,31,24,0.50);}
.footer .thr3 li:hover .img img { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.footer .thr3 li .msg { float:left; width:138px; margin-left:20px;}
.footer .thr3 li .msg p { font-weight:100; font-size:18px; color:#666; letter-spacing:1px; margin-bottom:10px; padding-left:10px; position:relative;}
.footer .thr3 li .msg p::after { display:block; content:""; width:4px; height:15px; background:#d63d36; position:absolute; left:0; bottom:4px;}
.footer .thr3 li .msg h3 { font-weight:500; font-size:24px; color:#333; line-height:35px; letter-spacing:2px;}
.footer .thr3 li:last-child { border-right:1px solid #f4f4f4;}
.footer .alnav { width:100%; background:#fefefe;}
.footer .alnav ul { padding:0 35px;}
.footer .alnav li { float:left; text-align:left; margin:20px 44px;}
.footer .alnav li h3 { font-weight:500; font-size:16px; color:#333; line-height:40px;}
.footer .alnav li a { display:block; font-size:14px; color:#999; line-height:30px;}
.footer .copy { width:100%; line-height:25px; font-size:12px; color:#fff; text-align:center; padding:15px 0; background:#221919;}
.footer .copy a { color:#fff;}
.footer .copy span,.footer .copy .dzzz { display:inline-block; width:40px; height:40px; margin:10px 10px 0 10px; cursor:pointer; border:1px solid rgba(255,255,255,0.3); border-radius:50%; background-position:center center; background-repeat:no-repeat; position:relative;}
.footer .copy .wchat { background-image:url(../images/xl_07.png);}
.footer .copy .phone { background-image:url(../images/xl_08.png);}
.footer .copy span img { display:none; width:120px; height:120px; padding:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); background:#fff; position:absolute; bottom:45px; left:-45px;}
.footer .copy .dzzz img { display:block; width:40px; height:40px;}
.footer .copy span:hover img { display:block;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:60px; padding:112px 14px 0 24px; background:url(../images/xl_17.png) no-repeat 0 top; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; padding:10px 0; text-align:center; border-top:1px solid #ca332c; background:#d63d36; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:35px; height:30px; line-height:30px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#d63d36; text-align:center; margin:0 auto; padding-top:5px; border-radius:50%; background:#fff;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .airlines i { height:35px; line-height:35px; padding-top:0;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#d63d36; position:absolute; right:70px; bottom:5px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #d63d36; line-height:0px; _border-color:#000 #000 #000 #d63d36; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; bottom:15px;}
.webonline li .onlft p { width:140px; height:35px; line-height:35px; font-size:18px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li:last-child { border-radius:0 0 4px 4px;}

/**栏目标题**/
.titls { color:#333;}
.titls p { padding-left:10px; line-height:25px; font-weight:100; font-size:16px; margin-bottom:10px; letter-spacing:1.5px; position:relative;}
.titls p::after { display:block; content:""; width:5px; height:15px; background:#d63d36; position:absolute; left:0; bottom:5px;}
.titls h3 { font-weight:500; font-size:36px; line-height:50px;}
.more { display:block; width:140px; line-height:25px; font-size:16px; color:#333; padding-left:10px; text-transform:Uppercase; position:relative; -webkit-transition:all .2s ease; transition:all .2s ease;}
.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; -webkit-transition:all .5s ease; transition:all .5s ease;}
.more:hover { color:#333;}
.more:hover::after { width:45px; height:5px;}
.tips { width:50px; color:#999; padding-bottom:10px; letter-spacing:2px; text-align:right; writing-mode:vertical-rl; writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; position:absolute; z-index:999999;}
.tips span { display:block; line-height:35px; font-weight:100; font-size:34px; color:#888; padding-bottom:25px; position:relative;}
.tips span::after { display:block; font-size:14px; color:#333; position:absolute; right:-5px; bottom:0; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
.tips b { font-weight:100; font-size:14px; text-transform:Uppercase;}
.tips::after { display:block; content:""; width:150px; height:1px; background:#eee; position:absolute; bottom:0;}
@media screen and (max-width: 1599px) { 
	.tips { display:none;} 
} 

/**关于我们**/
.about { width:100%; margin-top:100px; position:relative;}
.about .lft { float:left; width:580px; padding:60px 0; position:relative; z-index:2;}
.about .titls h3 { font-size:40px;}
.about .lft .msg { width:100%; font-size:14px; color:#888; line-height:35px; margin:60px auto 20px auto;}
.about .lft h1 { font-size:18px; color:#333; line-height:30px;}
.about .lft .more { position:absolute; right:-180px; bottom:-25px;}
.about .img { float:right; width:510px; height:540px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .img:hover img { transform:scale(1.1,1.1);}
.about .tips { left:100px; top:15%;}
.about .tips span::after { content:"01";}
.about .tips::after { right:0;}

/**汤包美食**/
.foods { width:100%; height:550px; margin-top:100px; position:relative;}
.foods .titls { width:45%; min-width:545px; padding:30px; background:#f4f4f4; box-sizing:border-box; position:absolute; top:0; right:0; z-index:9;}
.foods .img { float:left; width:50%; height:550px; overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.foods .img a { display:block; width:100%; height:550px;}
.foods .msg { float:left; width:510px; padding:210px 15px 90px 75px; background:#fff;}
.foods .msg h3 { width:100%; font-weight:500; font-size:22px; color:#333; line-height:50px; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.foods .msg:hover h3 { color:#d63d36;}
.foods .msg p { font-size:14px; color:#888; line-height:30px; margin:10px auto 20px auto;}
.foods .msg h5 { font-weight:500; font-size:14px; color:#333; letter-spacing:1.5px; 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 .switch { width:600px; height:60px; background:#fafafa; position:absolute; left:50%; bottom:-1px; z-index:99;}
.foods .switch .swiper-button-prev,.foods .switch .swiper-button-next { width:60px; height:60px; line-height:60px; font-size:14px; color:#fff; background-color:#ad8d73; background-position:center; background-repeat:no-repeat; top:21px; z-index:3;}
.foods .switch .swiper-button-prev::after,.foods .switch .swiper-button-next::after { content:"";}
.foods .switch .swiper-button-next { background-image:url(../images/xl_02.png);}
.foods .switch .swiper-button-prev { background-image:url(../images/xl_03.png);}
.foods .switch .swiper-button-next { left:0;}
.foods .switch .swiper-button-prev { left:auto; right:0;}
.foods .switch .swiper-button-prev:hover,.foods .switch .swiper-button-next:hover { background-color:#d63d36;}
.foods .switch .swiper-pagination { width:100%; line-height:65px; z-index:2;}
.foods .switch .swiper-pagination-bullet { width:13px; height:13px; margin:0 5px; border:1px solid #333; background:none; filter:alpha(opacity=100); opacity:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.foods .switch .swiper-pagination-bullet-active { width:15px; height:15px; border:2px solid #d63d36;}
.foods .tips { right:100px; top:40%;}
.foods .tips span::after { content:"02";}
.foods .tips::after { left:0;}

/**城南饺子馆**/
.jiaos { width:100%; height:550px; margin-top:100px;}
.jiaos .warp { position: relative;}
.jiaos .titls { padding:30px;}
.jiaos .titls p,.jiaos .titls h3 { position: relative; z-index: 99;}
.jiaos .titls::after { display: block; content: ""; width:70%; min-width:545px; height: 145px; background:#f4f4f4; box-sizing:border-box; position:absolute; top:0; left:-30%; z-index:9;}
.jiaos .swiper-wrapper { overflow: hidden; position: relative; top: -145px; z-index: 8;}
.jiaos .img { width:50%; height:550px; overflow:hidden; background-position:center top; background-repeat:no-repeat; position: absolute; right: 0; z-index: 2;}
.jiaos .img a { display:block; width:100%; height:550px;}
.jiaos .msg { float:left; width:510px; padding:210px 75px 90px 15px; background:#fff;}
.jiaos .msg h3 { width:100%; font-weight:500; font-size:22px; color:#333; line-height:50px; letter-spacing:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jiaos .msg:hover h3 { color:#d63d36;}
.jiaos .msg p { font-size:14px; color:#888; line-height:30px; margin:10px auto 20px auto;}
.jiaos .msg h5 { font-weight:500; font-size:14px; color:#333; letter-spacing:1.5px; 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 .switch { width:600px; height:60px; background:#fafafa; position:absolute; right:50%; bottom:-1px; z-index:99;}
.jiaos .switch .swiper-button-prev,
.jiaos .switch .swiper-button-next { width:60px; height:60px; line-height:60px; font-size:14px; color:#fff; background-color:#ad8d73; background-position:center; background-repeat:no-repeat; top:21px; z-index:3;}
.jiaos .switch .swiper-button-prev::after,
.jiaos .switch .swiper-button-next::after { content:"";}
.jiaos .switch .swiper-button-next { background-image:url(../images/xl_02.png);}
.jiaos .switch .swiper-button-prev { background-image:url(../images/xl_03.png);}
.jiaos .switch .swiper-button-next { left:0;}
.jiaos .switch .swiper-button-prev { left:auto; right:0;}
.jiaos .switch .swiper-button-prev:hover,.jiaos .switch .swiper-button-next:hover { background-color:#d63d36;}
.jiaos .switch .swiper-pagination { width:100%; line-height:65px; z-index:2;}
.jiaos .switch .swiper-pagination-bullet { width:13px; height:13px; margin:0 5px; border:1px solid #333; background:none; filter:alpha(opacity=100); opacity:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jiaos .switch .swiper-pagination-bullet-active { width:15px; height:15px; border:2px solid #d63d36;}
.jiaos .tips { left:100px; top:40%;}
.jiaos .tips span::after { content:"03";}
.jiaos .tips::after { right:0;}

/**乐鲜**/
.lexian { width:100%; margin-top:100px; position:relative;}
.lexian .lft { float:left; width:355px; padding-top:90px; position:relative;}
.lexian .lft::after { display:block; content:""; width:310px; height:540px; background:#f6f6f6; position:absolute; top:0; left:180px; z-index:0;}
.lexian .lft .titls p { font-size:18px;}
.lexian .lft .nr { position:relative; z-index:1;}
.lexian .lft .msg { width:100%; font-size:14px; color:#888; line-height:30px; margin:80px auto;}
.lexian .leimg { float:right; width:710px; height:540px; margin-right:-30px; padding:0 30px; position:relative; z-index:1;}
.lexian .leimg .img { width:710px; height:540px; margin:0 auto; overflow:hidden; position:relative; z-index:0;}
.lexian .leimg .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.lexian .leimg:hover .img img { transform:scale(1.1,1.1);}
.lexian .leimg h3 { width:60%; height:60px; line-height:60px; font-weight:500; font-size:12px; color:#fff; padding:0 38% 0 2%; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lexian .leimg h3 b { font-size:18px;}
.lexian .leimg .swiper-button-prev,.lexian .leimg .swiper-button-next { width:60px; height:60px; line-height:60px; font-size:14px; color:#fff; margin-top:-30px; background-color:#000; background-position:center; background-repeat:no-repeat; 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(../images/xl_02.png);}
.lexian .leimg .swiper-button-next { background-image:url(../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;}
.lexian .leimg .swiper-pagination { width:90%; padding:0 5%; line-height:60px; text-align:right; bottom:0; z-index:2;}
.lexian .leimg .swiper-pagination-bullet { width:9px; height:9px; margin:0 5px; border:1px solid #fff; background:none; filter:alpha(opacity=100); opacity:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.lexian .leimg .swiper-pagination-bullet-active { width:13px; height:13px; border:2px solid #fff;}
.lexian .tips { left:100px; top:20%;}
.lexian .tips span::after { content:"04";}
.lexian .tips::after { right:0;}

/**食六客**/
.diners { width:100%; margin-top:100px; position:relative;}
.diners .nr { width:490px; height:170px; margin:auto; border:15px solid #ad8d73; background:#fff; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; filter:alpha(opacity=85); opacity:0.85;}
.diners .nr a { display:block; width:100%;}
.diners .nr .titls { width:185px; margin:42.5px auto; position:relative; z-index:2;}
.diners .nr i { display:block; width:110%; font-style:normal; font-weight:bold; font-size:110px; color:#f9f9f9; position:absolute; left:-5%; bottom:-30px;}
.diners .dinimg { width:100%; height:550px;}
.diners .dinimg .swiper-slide { width:100%; height:550px; background-repeat:no-repeat; background-position:center;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:100%; padding:50px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fafafa;}
.catnav { height:70px; line-height:70px; text-align:center; background:#fff;}
.catnav li { display:inline-block; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:3px; margin:auto; background-color:#d63d36; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:-2px;}
.catnav li a { display:block; font-size:16px; color:#333; padding:0 30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover::after,.catnav .on::after { width:65%;}
.catnav li:hover a,.catnav .on a { color:#d63d36;}

/*详情页公用*/
.lh { font-size:14px; line-height:30px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh table { padding:0; border:0; border-top:1px solid #eee; border-right:1px solid #eee;}
.lh table th,.lh table td { line-height:25px; padding:10px; border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff;}
.lh table th { line-height:40px;}
.showcont { width:1120px; margin:0 auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.showcont .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;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block;}
.show_sxp a { color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#d63d36;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:0 auto;}
.scott li { display:inline-block; line-height:35px; border:1px solid #666; margin:20px 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { border-color:#d63d36; background:#d63d36;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*大事件*/
.event { width:100%; position:relative;}
.event::after { display:block; content:""; width:1px; height:100%; margin:auto; background:#ddd; position:absolute; top:0; left:0; right:0;}
.event li { float:left; width:41%; padding:0 5%; margin-bottom:-30px; cursor:pointer; position:relative;}
.event li h3 { height:35px; line-height:35px; font-size:28px; color:#333; margin-bottom:20px; padding:0 20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.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%;}
.event li h3::after { width:43px; height:1px; background:#ddd;}
.event li:nth-child(2n-1) h3::before { right:-5px;}
.event li:nth-child(2n-1) h3::after { right:-48px;}
.event li:nth-child(2n) h3::before { left:-5px;}
.event li:nth-child(2n) h3::after { left:-48px;}
.event li h3 i { font-weight:500; font-style:normal; font-size:16px; margin-left:5px;}
.event li .msg { font-size:14px; color:#666; line-height:30px; padding:10px 20px 5px 20px; border:1px solid #eee; background:#fff; -webkit-transition:all .2s ease; transition:all .2s ease;}
.event li .msg p { margin-bottom:5px;}
.event li:hover h3 { color:#d63d36;}
.event li:hover .msg { color:#fff; border-color:#d63d36; box-shadow:0 5px 15px rgba(214,61,54,0.5); background:#d63d36;}

/*企业介绍*/
.ablist { width:100%; padding-top:50px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.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:60px; background:#fff;}
.ablist .ab01 .lh { font-size:16px; color:#666; line-height:35px; margin-bottom:30px; position:relative; z-index:2;}
.ablist .ab01 .lh table,.ablist .ab01 .lh table th,.ablist .ab01 table td { padding:0; border:none; background:none;}
.ablist .ab01 .mumber { width:100%;}
.ablist .ab01 .mumber li { float:left; width:calc(100% / 4); color:#999; text-align:center;}
.ablist .ab01 .mumber li h3 { font-size:34px; font-weight:500;}
.ablist .ab01 .mumber li h3 span { display:inline-block; line-height:60px; color:#d63d36;}
.ablist .ab01 .mumber li h3 sup { display:inline-block; font-size:12px; margin-left:5px;}
.ablist .ab01 .mumber li p { font-size:15px; color:#333;}
.ablist .ab02 { padding:50px 0; background:#fafafa;}
.ablist .ab02 img { display:block; max-width:100%; margin:0 auto;}

.ablist .ab05 { width:100%; padding-bottom:60px;}
.ablist .ab05 li { float:left; width:calc(100% / 5 - 15px); text-align:center; margin:60px 15px 60px 0;}
.ablist .ab05 li .top { width:140px; height:140px; color:#fff; margin:0 auto; border-radius:50%; background:#d63d36; position:relative;}
.ablist .ab05 li .top::after { display:block; content:""; width:140px; height:140px; padding:20px; margin:auto; border:1px dashed #d63d36; border-radius:50%; position:absolute; top:0; bottom:0; left:-20px;}
.ablist .ab05 li .top i { font-style:normal; font-size:30px; color:#d63d36; position:absolute; top:-25px; right:-10px;}
.ablist .ab05 li .top h3 { padding-top:25px; line-height:60px; font-family:'FontAwesome'; font-size:35px; font-weight:500;}
.ablist .ab05 li .top p { line-height:25px; font-size:14px;}
.ablist .ab05 li h2 { line-height:30px; font-weight:500; font-size:15px; color:#333; margin-top:40px;}
.ablist .ab05 .botm { padding-top:60px; border-top:1px solid #eee;}
.ablist .ab05 .botm .img { float:left; width:580px; height:300px; overflow:hidden;}
.ablist .ab05 .botm .img img { display:block; width:100%;}
.ablist .ab05 .botm .msg { float:right; width:580px; padding-top:40px;}
.ablist .ab05 .botm .msg h3 { line-height:60px; font-size:26px; color:#d63d36; margin-bottom:25px;}
.ablist .ab05 .botm .msg p { font-size:16px; line-height:40px;}

/*门店列表*/
.serch { width:425px; margin:0 auto 40px auto;}
.serch input { display:block; float:left; width:300px; height:50px; line-height:50px; font-size:14px; color:#333; padding:0 15px; border:1px solid #d63d36; border-radius:25px 0 0 25px; background:#fff;}
.serch .btn { width:90px; height:52px; line-height:52px; font-family:'FontAwesome'; font-size:24px; color:#fff; border:none; border-radius:0 25px 25px 0; background:#d63d36;}
.stroe { width:100%;}
.stroe li { float:left; width:49%; margin:0 2% 25px 0; padding:20px 20.5px; border:1px solid #eee; box-sizing:border-box; background:#fff;}
.stroe li h3 { padding-left:40px; font-size:22px; color:#d63d36; line-height:40px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/xl_10.png) no-repeat left center; background-size:30px;}
.stroe li p { font-size:15px; color:#333; line-height:30px}
.stroe li .img { width:100%; height:180px; 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:100%;}
.prolist li { float:left; width:390px; margin:0 15px 20px 0;}
.prolist li a { display:block;}
.prolist li .img { display:block; width:390px; height:223px; overflow:hidden; background:#fff;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg { height: 65px; text-align:center; padding:10px 15px 20px 15px; 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; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { height: 25px; font-size:13px; color:#666; position:relative;}
.prolist li .msg p span { position:relative; z-index:2;}
.prolist li .msg p i { font-style:normal; font-size:20px; color:#d63d36; margin:0 5px;}
.prolist li:hover .img img { transform:scale(1.1,1.1);}
.prolist li:hover .msg h3 { color:#d63d36;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:380px; margin:0 30px 20px 0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { display:block; width:380px; height:250px; overflow:hidden; background:#fff;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li h3 { width:90%; font-size:16px; color:#000; line-height:50px; font-weight:500; padding:0 5%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover h3 { color:#d63d36;}

/*新闻列表*/
.newlist { width:100%; min-height:500px; border-top:1px solid #f2f2f2;}
.newlist li { width:100%; padding:40px 0; border-bottom:1px solid #f2f2f2; position:relative;}
.newlist li::after { display:block; content:""; width:0%; height:100%; margin:auto; background:#fafafa; position:absolute; left:0; right:0; top:0; z-index:0; -webkit-transition:all 1s ease; transition:all 1s ease;}
.newlist li a { display:block; width:1200px; margin:0 auto; position:relative; z-index:2;}
.newlist li .img { float:left; width:277px; height:170px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:900px;}
.newlist li .msg h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg span { display:block; font-size:12px; color:#999; margin:10px 0;}
.newlist li .msg p { height:50px; line-height:25px; font-size:12px; color:#666;}
.newlist li .msg i { display:block; font-size:12px; color:#999; font-style:normal; margin-top:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg i small { margin-left:5px;}
.newlist li:hover h3 { color:#d63d36;}
.newlist li:hover::after { width:100%;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#000;}

/*招聘*/
.n_job { width:100%; margin-bottom:40px;}
.n_job .lft { float:left; width:300px;}
.n_job .lft li { padding:15px 25px; margin-bottom:10px; border:1px solid #eee; background:#fff; cursor:pointer; position:relative;}
.n_job .lft li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:10px 0 10px 10px; border-color:transparent transparent transparent #d63d36; line-height:0px; _border-color:#000 #000 #000 #d63d36; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; right:-10px; top:0; bottom:0;}
.n_job .lft li h3 {  font-size:16px; color:#333; line-height:25px; margin-bottom:10px;}
.n_job .lft li p { font-size:14px; color:#999;}
.n_job .lft li p span { margin-left:30px;}
.n_job .lft li:hover,.n_job .lft li.on { background:#d63d36;}
.n_job .lft li:hover::after,.n_job .lft li.on::after { display:block;}
.n_job .lft li:hover h3,.n_job .lft li.on h3,.n_job .lft li:hover p,.n_job .lft li.on p { color:#fff;}
.n_job .rgt { float:right; width:850px; border:1px solid #eee; background:#fff;}
.n_job .rgt .msg { padding:30px 40px;}
.n_job .rgt .msg h3 { font-weight:500; font-size:16px; color:#333;}
.n_job .rgt .msg .lh { margin:10px auto 20px auto;}
.n_job .rgt .msg .nr { color:#333; padding-top:20px; border-top:1px solid #eee;}
.n_job .rgt .msg .nr b,.n_job .rgt .msg .nr a { font-size:18px; color:#d63d36;}

/*在线留言*/
.company { width:100%; padding:25px 0;}
.company h1 { line-height:50px; font-size:36px; color:#000; text-align:center;}
.company h4 { line-height:40px; font-size:16px; color:#999; text-align:center; margin-bottom:30px;}
.company form li { float:left; width:32%; font-size:14px; color:#666; margin:0 2% 10px 0;}
.company form li label { display:block; line-height:30px;}
.company form li input { display:block; width:100%; height:50px; line-height:50px; padding:0 15px; border:none; box-sizing:border-box; background:#f4f5f9; outline:none;}
.company form li textarea { display:inline-block; width:100%; line-height:22px; font-family:Microsoft YAHEI; font-size:14px; color:#666; padding:15px; border:none; box-sizing:border-box; background:#f4f5f9; outline:none;}
.company form li .tag { display:block; width:100%; height:50px; line-height:50px; padding:0 15px; border:none; 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:25px; right:15px;}
.company form li .tag select { display:block; width:100%; height:50px; line-height:50px; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.company form li.nr { width:100%; margin-right:0;}
.company form li.yzm { width:100%; padding-right:5px;}
.company form li.yzm input { float:left; width:31%;}
.company form li.yzm img { float:left; height:50px; margin:0 20px;}
.company form li.yzm .btn { width:200px; font-size:16px; color:#fff; background:#c70e26;}
.company form li.yzm .btn:hover { background:#ba111d;}
.company form li .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:140px; height:100px; margin:0 15px 15px 0; overflow:hidden; position:relative;}
.company form li .lat_img .layui-upload-list .picture_item img { display:block; width:140px; 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 { margin-top:30px; padding-top:15px; border-top:1px solid #eee;}
.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 .imgs { width:100%;}
.company .list li .imgs img { float:left; width:140px; margin:0 15px 10px 0;}
.company .list li .msg { padding:15px 20px 10px 20px; margin-top:10px; background:#f8f8f8;}

/*品牌介绍*/
.brand { width:100%;}
.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 40px auto;}
.brand .ttle h1 { line-height:50px; font-size:36px; color:#333; letter-spacing:5px;}
.brand .ttle p { line-height:25px; font-size:16px; color:#666; letter-spacing:2px; margin-bottom:15px;}
.brand .ttle i { display:block; width:40px; height:2px; margin:0 auto; background:#d63d36;}
.brand .msg { padding:0 5%; line-height:35px; font-size:16px; color:#333; text-align:center; margin-bottom:50px;}
.brand .img { width:100%; margin-bottom:20px; overflow:hidden;}
.brand .img img { display:block; width:100%;}
.brand .swiper-slide { width:calc(100% / 4); text-align:center;}
.brand .swiper-slide a { display:block; width:100%;}
.brand .swiper-slide img { display:block; width:100%; height:165px; margin-bottom:10px;}
.brand .swiper-slide h3 { width:90%; padding:0 5%; font-size:16px; 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: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:42%; z-index:3;}
.brand .swiper-button-next::after,.brand .swiper-button-prev::after { content:"";}
.brand .swiper-button-next { background-image:url(../images/xl_02.png);}
.brand .swiper-button-prev { background-image:url(../images/xl_03.png);}
.brand .swiper-button-next { left:-60px;}
.brand .swiper-button-prev { left:auto; right:-60px;}
.brand .mor { display:block; width:60px; height:60px; line-height:60px; font-size:12px; color:#fff; margin:60px 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:10px; height:10px; 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 { margin:60px 0; padding:60px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fff;}
.bdlex .swiper-button-next,.bdlex .swiper-button-prev { background-color:#000;}
.shike .swiper-button-next,.shike .swiper-button-prev { background-color:#fd7400;}
.chenan { margin-top:60px; padding:60px 0; border-top:1px solid #f2f2f2; background:#fff;}
.chenan .swiper-button-next,.shike .swiper-button-prev { background-color:#000;}