body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
.content {width: 1200px;margin: 0 auto;}
/*内容页*/
body {
min-width: 1200px;
width: 100%;
overflow-x: hidden;
}
i, em {
font-style: normal;
}
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
.fl{float: left;}
.fr{float: right;}


.top .wp {height: 130px;position: relative;}
.top .logo {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 528px;height: 86px;}
.top .logo img {max-width: 100%;max-height: 100%;display: block;}
.top .txt {position: absolute;top: 50%;left: 28%;transform: translateY(-50%);border-left: #cccccc 1px solid;padding-left: 30px;max-width: 320px;}
.top .txt .tit {font-size: 20px;color: #000000;height: 26px;line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 600;}
.top .txt span {color: rgb(226, 36, 52);}

.top .txt p {color: #5a5a5a;height: 24px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.top .hdr {position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.tp-nav a {color: #5a5a5a;padding: 0 15px;height: 28px;line-height: 28px;}

.tp-nav a:nth-child(3),.tp-nav a:nth-child(4) {color: rgb(0, 0, 0);}

.hdr .tel {height: 40px;line-height: 40px;background: url("https://images0a.543211688.com/0/xiaochengshipin/img/tel.gif") left center no-repeat;padding-left: 46px;background-size: 40px auto;}
.hdr .tel span {color: rgb(102, 102, 102);font-size: 16px;}

.hdr .tel strong {color: rgb(226, 36, 52);font-size: 26px;}

.nav {background: rgb(226, 36, 52);height: 50px;}
.nav.fixed {position: fixed;left: 0;top: 0;width: 100%;z-index: 9;}

.nav > ul {max-width: 1200px;margin: 0 auto;}
.nav > ul > li {width: 12.5%;float: left;position: relative;z-index: 9;}
.nav > ul > li > a {height: 50px;line-height: 50px;display: block;color: #ffffff;font-size: 15px;text-align: center;}
.nav > ul > li > a:hover,
.nav > ul > li.active > a {background: #c71625;}
.nav > ul > li > dl {width: 100%;position: absolute;left: 0;top: 50px;background: #c71625;display: none;}
.nav > ul > li > dl > dd > a {height: 36px;line-height: 36px;padding: 0 0px;display: block;font-size: 15px;color: #ffffff;text-align: center;border-bottom: #7f0909 1px dashed;}
.nav > ul > li > dl > dd:last-child > a {border-bottom: none;}



.banner{height:600px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:10px;height:10px;cursor:pointer;background:#252525;border-radius:8px;}
.banner .hd ul li.on{background: #e6212a;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:600px;display:block;}
.banner .bd li a{width:100%;height:600px;display:block;}

.search{height: 70px; border-bottom: 1px solid #e2e2e2;}
.search .fl{line-height: 70px;}
.search .fl a{margin-right: 15px;}
.search .fl span{color:#333; font-weight: bold;}
.search .fr{width:384px;height: 70px;}
.search .fr #input1{width: 280px;height: 36px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 6px 0 0 6px; padding-left: 15px;}
.search .fr .btn{width:75px;height: 40px;background: url(https://images0a.543211688.com/0/xiaochengshipin/img/search.jpg) no-repeat;border: none;position: relative;left: -10px;top:14px;}

.diz{background:url(https://images0a.543211688.com/0/xiaochengshipin/img/diz1.jpg) repeat; padding: 71px 0; overflow: hidden;}
.main_title{text-align: center; line-height: 100%; margin-bottom: 43px; font-size: 20px; color: #333;}
.main_title i{ display: block; line-height: 100%; color: #222; font-size:50px; font-weight: normal;}
.main_title i em{ color: #e22434; padding-left: 15px;}
.main_title span{ display: block;font-weight: normal; padding-top:22px; letter-spacing: 2px;}
.diz_list{ overflow: hidden; position: relative;}
.diz_list li{ float: left; font-size: 0; position: relative; margin-bottom: 29px; width:378px; height:252px; overflow: hidden;}
.diz_list li img{ display: inline-block;transition: all 0.3s linear 0s; width: 100%;height: 100%;object-fit:cover;}
.diz_list li:hover img{transform: scale(1.05);}
.diz_list li:first-child{ margin-right: 22px;width: 800px; height: 533px; overflow: hidden;}
.diz_list li:last-child{ margin-right:0; position: absolute; bottom: 0; right: 0;width: 800px; height: 533px; overflow: hidden;}
.diz_list li:nth-child(5){ clear: both;}
.diz_list li span{ display: inline-block; position: absolute; top: 15px; left: 15px; color: #0c0c0c; font-size: 18px;background:url(https://images0a.543211688.com/0/xiaochengshipin/img/spm.png) repeat; padding: 25px 12px 17px; width: 26px; text-align: center; line-height: 120%;}
.diz_list li:nth-child(4) span,.diz ul li:nth-child(5) span{ left: 313px;}
.diz_list li:nth-child(1) span{ left: 40px; top: 39px; font-size: 28px; padding:24px 26px;}
.diz_list li:nth-child(6) span{ left:673px; top: 39px; font-size: 28px; padding:24px 26px;}
.diz h3{ padding-top: 11px; text-align: center;}
.diz h3 a{ display: inline-block; font-weight: normal; color: #e22434; font-size: 18px; width: 204px; height: 57px; line-height: 57px; padding-left: 81px;background:url(https://images0a.543211688.com/0/xiaochengshipin/img/d_btn.png) no-repeat; text-align: left;transition: all 0.3s linear 0s;}
.diz h3 a:hover{transform: translateX(5px);}
/*.diz ul li:hover span{background:url(http://yuankuifood.shunchenbl.com/images/spm2.png) repeat;  color: #fff;}*/
.diz_nav{overflow: hidden;margin-bottom: 34px;}
.diz_nav ul{}
.diz_nav ul li{width: 17.7%; float: left; text-align: center; border: 1px solid #ccc;padding: 7px 0; margin: 0 12px;}
.diz_nav ul li a{font-size: 16px;}
.diz_nav ul li:hover{background: #c71625;}
.diz_nav ul li:hover a{color: #fff;}

.mmi{overflow: hidden;padding: 71px 0;background: #f4f4f4;}
.mmi ul li{ float: left; width: 380px; text-align: center; margin-right: 30px; padding-top: 4px; font-size: 14px; color: #666; line-height: 24px;}.mmi ul li.nom{ margin-right: 0;}
.mmi ul li:nth-child(1){background: url(https://images0a.543211688.com/0/xiaochengshipin/img/ys1.jpg) no-repeat top;}
.mmi ul li:nth-child(2){background: url(https://images0a.543211688.com/0/xiaochengshipin/img/ys2.jpg) no-repeat top;}
.mmi ul li:nth-child(3){background: url(https://images0a.543211688.com/0/xiaochengshipin/img/ys3.jpg) no-repeat top;}

.mmi ul li i{ display: block; padding-top: 71px;color: #a11706; font-size: 18px; padding-bottom: 30px;}
.mmi ul li i span{ display: block; padding-bottom: 16px; font-size: 24px; color: #444444;}
.mmi ul li em{ display: block; height: 165px;}
.mmi ul li span{ display: block;}
.mmi ul li a{ display: block; margin: 0 auto 42px; width: 140px; height: 38px; line-height: 38px; text-align: center; border-radius: 7px; background: #999; font-size: 14px; color: #fff;}
.mmi ul li a:hover{ background: #a11706;}

.sm_banner { height: 257px; background: url(https://images0a.543211688.com/0/xiaochengshipin/img/sm_bg.jpg) no-repeat center top;overflow: hidden; }
.sm_banner h2 { margin-top: 42px; width: 412px; float: left }
.sm_banner .sm_con { width: 586px; float: right; margin-top: 47px }
.sm_banner .sm_con h3 { height: 59px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; font-size: 34px; color: #fff; line-height: 59px; }
.sm_banner .sm_con p { font-size: 18px; color: rgba(255, 255, 255, .7); line-height: 100%; margin: 12px 0 19px; white-space: nowrap }
.sm_banner .sm_con .more a { display: block; width: 282px; height: 55px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F7B406; border-radius: 28px; font-size: 18px; color: #333; line-height: 55px; text-align: center }
.sm_banner .sm_con .more a:last-child { float: right; background: rgba(255, 255, 255, .25); border: 1px solid rgba(255, 255, 255, .5); font-size: 18px; color: #fff; line-height: 53px }
.sm_banner .sm_con a:hover { font-weight: 700 }

.news {padding: 71px 0; overflow: hidden; }
.news h2 a {  padding-top: 82px; margin-bottom: 44px }

.news h3 a { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 400; position: relative; padding-bottom: 17px }
.news h3 a:before { position: absolute; content: ""; width: 10px; height: 24px; background: #e22434; left: -28px; top: 0 }
.news h3 a span { float: right; font-size: 12px; text-transform: uppercase; line-height: 100%; margin-top: 12px }
.brand { width: 379px; height: 493px; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 38px 26px 0 28px }
.brand dt { width: 325px; height: 217px; overflow: hidden }
.brand dt img { width: 325px; height: 217px;object-fit:cover; }
.brand dd { padding: 28px 8px 0 }
.brand dd h4 { font-size: 18px; color: #333; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 }
.brand dd h4 span { display: block; font-size: 12px; color: #333; line-height: 100%; margin-top: 7px }
.brand dd p { font-size: 14px; color: #999; line-height: 24px; margin: 16px 0 12px }
.brand dd i { display: block; font-size: 14px; color: #e22434; line-height: 100%; padding-right: 27px; background: url(https://images0a.543211688.com/0/xiaochengshipin/img/ci.png) no-repeat right center; text-align: right }
.brand dl:hover h4 { color: #e22434 }
.news_con { width: 807px; height: 493px; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 38px 31px 0 32px }
.news_con h3 a { border-bottom: 1px solid rgba(98, 98, 98, .25) }
.news_con h3 a:before { left: -32px }
.news_con .tl li { padding: 21px 0 23px 8px; float: left; width: 336px }
.news_con .tl li h4 { font-size: 18px; color: #0e0b0a; line-height: 100%; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 19px }
.news_con .tl li p { font-size: 14px; color: #999; line-height: 24px }
.news_con .tl li:first-child { margin-right: 46px }
.news_con .tl li:hover h4 { color: #e22434 }
.news_con .jc li { width: 239px; height: 159px; overflow: hidden; position: relative; float: left; margin-right: 13px; margin-top: 16px }
.news_con .jc li img { width: 239px; height: 159px;object-fit:cover;}
.news_con .jc li h4 { position: absolute; width: 239px; height: 45px; background: rgba(0, 0, 0, .6); text-align: center; font-size: 14px; color: #fff; line-height: 18px; font-weight: 400; left: 0; bottom: 0; padding: 13px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.news_con .jc li:last-child { margin-right: 0 }

.about { height: 947px; background: url(https://images0a.543211688.com/0/xiaochengshipin/img/about_bg.jpg) no-repeat center bottom; padding-top: 71px }
.about h2 a {  padding-top: 81px }
.about_con { width: 982px; text-align: center; margin: 34px auto 25px; font-size: 14px; color: #333; line-height: 24px }
.about .info a { width: 218px; height: 50px; background: #e22434 url(https://images0a.543211688.com/0/xiaochengshipin/img/more.png) no-repeat 138px center; border-radius: 25px; text-indent: 55px; font-size: 18px; color: #fff; line-height: 50px;display: block;margin: 0 auto; }
.about .info a:hover { background-position-x: 260px }
.about .pic { border: 5px solid #fff; width: 1190px; height: 430px; margin-top: 42px }
.about .pic img { width: 1190px; height: 430px }

.footer { background: #e22434; height: 374px; overflow: hidden; }
.footer i {font-style: normal;}
.f_con { height: 114px; }
.f_con h3 { width: 165px; padding-top: 34px; float: left; }
.f_menu { float: right; }
.f_menu a { display: block; font-size: 16px; color: #fff; line-height: 114px; float: left; padding: 0 21px; transition: .3s ease; -o-transition: .3s ease; }
.f_menu a:hover { background: #fff; color: #453825; }
.footer h4 { font-size: 18px; color: #fff; font-weight: bold; line-height: 100%; }
.footer h4 span { padding-left: 10px; }
.footer h4 i { display: block; font-size: 14px; font-weight: normal; margin-top: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; }
.f_info { padding-top: 28px; width: 557px; float: left; position: relative; }
.f_info:after { position: absolute; content: ""; width: 1px; height: 148px; background: rgba(255, 255, 255, .3); top: 28px; right: 0; }
.f_info h4 { margin-bottom: 37px; }
.f_info p { font-size: 14px; color: #fff; line-height: 24px; }
.f_info p a{color: #fff;}
.f_info p span { padding-left: 10px; }
.f_info p:last-child { font-size: 12px; }
.f_contact { padding-top: 28px; padding-left: 73px; float: left; }
.f_contact h4 { margin-bottom: 32px; }
.f_contact p { font-size: 12px; color: #fff; line-height: 26px; }
.f_qr { width: 201px; float: right; padding-top: 54px; height: 187px; }
.f_qr p { width: 201px; height: 133px; background: rgba(69, 56, 37, .26); position: relative; }
.f_qr img { width: 147px; height: 147px; display: block; position: absolute; top: -54px; left: 27px; }
.f_qr span { font-size: 12px; color: #fff; text-align: center; display: block; line-height: 100%; padding-top: 105px; }

.links { height: 68px; overflow: hidden; background: #c71625; font-size: 0; clear: both }
.links em { display: inline-block; font-style: normal; color: rgba(255, 255, 255, .5); font-size: 14px; line-height: 100%; font-weight: 700; line-height: 68px }
.links a { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; display: inline-block; line-height: 68px; padding-left: 39px; transition: .3s ease; -o-transition: .3s ease }
.links a:hover { color: rgba(255, 255, 255, .8) }