@charset "utf-8";
/* CSS Document */
html{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{ width:1200px; margin:0 auto; overflow: hidden; padding: 6px 0; }
.logo{ float:left; text-align:center;}
.menu{ float:right;}
.menu li a{ color:#000;}
.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: 100px;background: #0b6991;padding: 10px 0 40px;}
.about .aboutcon{width:1200px;margin: 0 auto;}
.aboutcon dl{width: 1200px;box-sizing: border-box; display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff; padding: 20px;}
.aboutcon dt {background: #f5f5f5;}
.aboutcon dd span{display: block;margin-bottom: 12px;font-size: 16px;margin-top: 10px;}
.aboutcon dd{width: 844px;margin: 0 auto;}
.aboutcon dd p{line-height: 30px; font-size: 18px; text-indent: 2em;padding: 0 0 7px;letter-spacing: .2px;}
.about h1 {color: #fff;letter-spacing: .5px;text-align: center;font-size: 36px; font-weight: bold; margin: 30px 0;}
footer{font-size: 12px;line-height: 25px;text-align: center;}
.side_ad1{height: 500px;background: url(images/ad6.jpg) no-repeat center;}
.side_ad2{height: 500px;background: url(images/ad2.jpg) no-repeat center;}
.side_ad3{height: 500px;background: url(images/ad5.jpg) no-repeat center;}
.side_ad4{height: 500px;background: url(images/ad4.jpg) no-repeat center;}
.swiper-container{height: 500px;}
.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{background-color:#fff;overflow: hidden;}
.header i{font-style:normal;color:#999;font-size:13px;line-height:20px;letter-spacing:0.6px}
.logo{float:left;overflow:hidden;height:100px;position:relative}
.h_title{float:right;text-align:left;width:300px}
.h_title p{font-size:23px;font-weight:bold;color:#444;padding:12px 0 6px;letter-spacing:0.6px}
.logo img{float:left}
.h_tel{float:right;line-height:60px;height:60px;padding-top:16px;font-size:24px;padding-left:64px;background:url(images/tel_bg.jpg) no-repeat 0 15px}
.menu ul{float:left}
.menu{width:700px;line-height:60px}
.menu li a{color:#143c85}
.menu ul{width:240px;padding-top:23px;margin-left:1px}
.menu li a:hover{border-color:#f00;color:#f00}
.menu li a{display:inline-block;padding-top:26px;border:1px solid #143c85;border-radius:25px;margin:0 10px;float:left;line-height:40px;padding:0 10px;font-size:18px}
.h_tel i{font-size:18px;color:#444;margin:0 0 0 5px;position:relative;top:-3px}
.pro_con h1{text-align:center;font-size:36px;color:#444;letter-spacing:2px;margin:30px 0 50px}
.pro_list a.title{display:block;height:40px;margin:0px auto 5px;padding-top:10px;overflow:hidden;text-align:center;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;color:#30424a}
.pro_list li{box-sizing:border-box;border:1px solid #e7e7e7;transition:0.5s;background-color:#fff;overflow:hidden}
.pro_list li:hover {transform: translateY(-7px);border-color: #f00;box-shadow:0 0 15px rgb(0 0 0 / 8%);}
.pro_list li:hover img{opacity: .8;transform: scale(1.06);}
.pro_list li p {color: #333;padding: 0 10px;line-height: 19px;width: 330px;margin: 0 auto;font-size: 13px;box-sizing: border-box;letter-spacing: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_list li img {display: block;width: 90%;transition: 0.6s;}
.pro_list a.pic {display: flex;justify-content: center;align-items: center;overflow: hidden;width: 370px;height: 304px;}

.pro_list ul {width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.btns {margin-bottom: 10px;margin-top: 10px;text-align: center;padding-top: 10px;}
.btns a {margin: 0 6px;padding: 8px 45px;background: #f05353;display: inline-block;color: #fff;letter-spacing: .6px;font-size: 15px;border-radius: 4px;}
.btns a:first-of-type {background: linear-gradient(50deg, #006494, #3baddd);}
.btns a:hover{opacity: 0.67;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.more {text-align: center;display: block;font-size: 18px;line-height: 120px;background: #f5f5f5;letter-spacing: 1px;color: #444;}
.pro_nav h1 {text-align: center;font-size: 38px;margin: 20px auto 40px;letter-spacing: 1px;}
.bg1{background:#ebf3f6;padding:40px 0}
.pro_nav{width:1200px;margin:0 auto}
.pro_nav ul{width:1200px;margin:0 0 50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pro_nav li{border-radius:13px;width:218px;cursor:pointer;margin-bottom:20px;margin:12px 6px;border:3px solid #0177a9;box-sizing:border-box;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,0.2)}
.pro_nav li:hover{border-color:#f05353}
.pro_nav li:hover img{opacity:0.7}
.pro_nav li img{transition:0.5s;display:block;width:100%}
.sildeBar{position:fixed;left:0;z-index:99;padding:6px 6px 6px;background-color:#0177a9;top:20%;opacity:0.85}
.sildeBar span{display:block;background-color:#0177a9;color:#fff;text-align:center;font-size:15px;font-weight:bold;padding:6px 0;letter-spacing:1px}
.sildeBar a{display:block;font-size:15px;padding:6px 15px;background:#fff;font-weight:bold;margin-bottom:2px;color:#000}
.sildeBar a:hover{background-color:#f05353;color:#fff}
.sildeBar a:last-of-type{margin: 0;}
a.top1{background: #eee;}
.pro_list h1 {width: 400px;color: #f00;border: 1px solid #f00;background-color: #fff;font-size: 40px;border-radius: 10px;line-height: 60px;margin: 100px auto 40px;}
.bg2 {padding: 220px 0 60px;background: #f5f5f5 url(images/bg2.jpg) no-repeat center 0;}

.headerMobile , .footer_m {
	display: none;
}