@charset "utf-8";html{min-width:1200px}

body{font-size:16px;line-height:30px; font-family: Arial, Helvetica, sans-serif; color:#444}
*{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}
a{color:#333;text-decoration:none}
.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}


.contact{width:1200px;margin:0 auto;padding:40px 0;color:#fff}
.tel{line-height:55px;font-size:24px;text-align:center}
.phone {font-size: 45px;margin-bottom: 10px;text-align: center;font-weight: bold;}

footer,.foot{text-align:center;line-height:1.8;background-color:#FFF;font-size:14px;min-width:1200px}
.foot{padding:8px 0 20px 0}
.foot_nav{line-height:2.0}
.foot_nav a{padding:0 5px}

.footer_m,.mobile_tel{display: none;}

footer,.foot {text-align:center;line-height:1.8;background-color:#FFF; font-size:14px; min-width:1200px;}
.foot {padding:8px 0 20px 0;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}
.header_m{display: none;}
.about h1 {font-size: 46px;margin-bottom: 13px;}
.mobile_tel{display: none; opacity: 0; height: 0;}



header{box-shadow: 0 0px 10px rgba(0, 0, 0, .05);position: relative;z-index: 33;}
.header{width:1200px;height: 100px;margin: 0 auto;line-height: 100px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu , header ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu li{font-size: 23px;margin: 0 30px;}
.menu li:last-of-type{color: #f00;}
.header .logo{margin-top: 11px;}
.silderBar {position: fixed;z-index: 2; left: 1px;top:200px;opacity: 0.8;}
.silderBar a{display: block;width: 120px;background: #164593;color: #fff;font-size: 15px;margin: 1px 0 0;border-radius: 3px;padding: 3px 10px;transition: 0.2s;}
.silderBar a:hover{background: #1f69d8;text-indent:5px;}
.silderBar p{padding: 3px 10px;color: #fff;font-weight: bold;border-radius: 3px;background-color: #ffa300;text-align: center;}

.swiper-wrapper{height: 500px;}
.side_ad1{height: 500px;background: url(images/ad1.jpg) center no-repeat;margin-bottom: 40px;}
.side_ad4{height: 500px;background: url(images/ad4.jpg) center no-repeat;margin-bottom: 40px;}
.side_ad2{height: 500px;background: url(images/ad2.jpg) center no-repeat;margin-bottom: 40px;}
.side_ad3{height: 500px;background: url(images/ad3.jpg) center no-repeat;margin-bottom: 40px;}
.productAll{width:1200px;margin: 0 auto;}
.productAll dl{width: 1200px; padding-bottom: 40px;  margin-bottom: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.productAll dd{width: 630px;}
.productAll dt a{display: flex;justify-content: center;align-items: center;width: 500px;border: 1px solid #eee;}
.productAll dt a:hover{border-color: #32cdc8;}
.contactNumer h1, .productAll h1{text-align: center;color: #f00;font-weight: bold;font-size: 34px;width: 440px;margin: 120px auto 70px;border-radius: 0 20px 0px 20px;border: 1px solid;line-height: 70px;box-shadow: 4px 4px 0 #f00;}
.productAll dd p{line-height: 28px;  color: #444; }
.productAll dd p:first-of-type{font-size: 28px; color: #444; margin-bottom: 10px;}
.productAll ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.productAll dt a img{max-width: 100%;}
.productAll dd span {color: #fff;font-weight: bold;padding: 4px 16px;background: #32cdc8;border-radius: 0 10px 0px 10px;display: inline-block;position: relative;font-size: 18px;margin: 10px 0 10px;}

.about{margin:60px 0 0px;padding:30px 0}
.about h1{text-align:center;font-weight:bold;font-size:38px;width:440px;margin:30px auto 30px}
.about dl{background:#fff;padding:10px}
.about dl{width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto}
.about dd{width:589px;margin-right:20px}
.about dd p{text-indent:2em;padding:5px 0 5px 0;text-align:justify}
.pro_con{text-align:center}
.pro_con ul{width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}
.pro_hezuo li span{display:block;font-size:21px;text-align:center;font-weight:bold}
.pro_hezuo li p{margin-top:10px;font-size:15px;color:#555;line-height:26px}
.pro_hezuo{text-align:center;margin-bottom:30px;border-top:1px solid #eee}
.pro_hezuo h1{font-size:35px;margin:50px 0;font-weight:bold}
.pro_hezuo li{text-align:center}
.pro_hezuo li img{margin-bottom:20px}
.pro_hezuo li p{text-align:left}
.about {width:1100px;padding: 0 50px 40px;border: 1px solid #eee;margin: 30px auto;border-radius: 12px;}
.about img{display: block;border-radius: 12px;margin-bottom: 20px;}
.about p {text-indent:2em;padding: 5px 0 0;text-align: justify;}
.contactNumer {width:1200px;margin: 0 auto 80px;}
.contactNumer ul{width: 1200px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.contactNumer li {font-size:22px; border-radius: 4px; border: 1px solid #9a9a9a; display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactNumer li span{display: block;padding: 10px 10px; color: #fff; text-align: center; background: #9a9a9a;width: 100px;}
.contactNumer li p{width: 430px;padding-top: 12px;}