@charset "utf-8";
/* CSS Document */
html{min-width: 1200px;scroll-behavior: smooth;}
body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;}
*{ padding:0; margin:0;}
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}
header{ background:#fff; height:100px;}
.header{ width:1200px; margin:0 auto; height:100px; }
.logo{ float:left; width:300px; padding:20px 0; text-align:center;}
.menu{ float:right; width:898px;}
.menu li{float: left;width: auto;line-height: 100px;padding: 0 22px;font-size: 19px;border-left: 1px solid #eee;}
.menu li:last-of-type{color: #ed1419;font-weight: bold;margin-right: 0;font-size: 21px;padding-right: 0;padding-left: 10px;}
.hover{ background:#f8f8f8;}
.menu li a{ color:#000;}
.menu li a.active{ color:#0086cd; font-weight: bold; }
.red{ color:red;}

.top{ min-width:1180px; background:#fff; border-bottom:1px solid #ccc; line-height:40px; padding:0 10px;}
.tia_l{ float:left;}
.top_r{ float:right; display:block;}
.top_r img{ vertical-align:middle; line-height:40px; padding:0 5px 0 0;}
.top a{ padding:0 5px; font-size:14px;}


.header .logo span{font-size: 20px;margin-left: 12px;letter-spacing: .4px;color: #555;position: relative;top: -20px;}
.menu a.cur{color: #eb1d1d; font-weight: bold;}
.about{margin-top: 50px;background: #bb1d22;padding: 10px 0 40px;}
.about .aboutcon{width:1200px;margin: 0 auto;}
.aboutcon dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;padding: 20px;background: #fff;}
.aboutcon dt {background: #f5f5f5;}
.aboutcon dd span{display: block;margin-bottom: 12px;font-size: 16px;margin-top: 10px;}
.aboutcon dd{width: 650px;margin: 0 auto;}
.aboutcon dd p{line-height: 23px;text-indent: 2em;padding: 0 0 7px;letter-spacing: .2px;}
.about h1 {color: #fff;letter-spacing: .5px;text-align: center;font-size: 30px;margin: 30px 0;}
footer{font-size: 12px;line-height: 25px;text-align: center;}
.side_ad2{height: 500px;background: url(images/ad3.jpg) no-repeat center;}
.side_ad1{height: 500px;background: url(images/ad1.jpg) no-repeat center;}
.banner img{display: block;width: 100%;}
.productList dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.productList {width: 1200px;margin: 0 auto;}
.productList dt a:hover{border-color: #eb1d1d;}
.productList dt a:hover img{transform: scale(1.04);opacity: 0.8;}
.productList dt a {border: 1px solid #ddd;width: 460px;display: flex;justify-content: center;align-items: center;transition: 0.4s;overflow: hidden;padding: 10px 0;}
.productList dt a img{max-width: 360px;transition: 0.6s;}
.productList dd h2{letter-spacing: .5px;color: #444;font-size: 20px;}
.productList dd {width: 639px;margin: 0 auto;padding-top: 10px;}
.productList li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 12px;}
.productList li {border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.productList li span{font-weight: bold;color: #666;}
.productList li p{text-align: left;width: 566px;}
.productList dl h2{padding-bottom: 20px; line-height: 30px;}
.btn {margin-top: 20px;}
.btn a {background: #fc8816;padding: 6px 20px;font-size: 16px;letter-spacing: .5px;margin-right: 10px;display: inline-block; color: #fff;  font-size: 15px;}
.btn a:last-of-type{background: #eb1d1d;}
.btn a:hover{opacity: 0.6;}
.productList h1 {text-align: center;font-size: 34px; letter-spacing: 2px;color: #eb1d1d;border-bottom: 1px dashed #f5ced2; width: 450px; border: 1px solid #bb1d22; margin: 50px auto 50px; line-height: 60px; border-radius:  10px; }

.footer_contact{color: #fff;margin-top: 30px;font-weight: bold;text-align: center;}
.footer_contact .f_tel{font-size: 30px;}
.footer_contact .f_addr{font-size: 21px;font-weight: normal;letter-spacing: 0.2px;margin-top: 10px;}

.list_bar li{width: 300px;}
.list_bar {display: flex;flex-wrap: wrap;justify-content: space-between;}
header{overflow: hidden;}
.swiper-container{margin-bottom: 70px;}