/* CSS Document */
html{ min-width:1200px;}
body{   color:#333; font-family: "微软雅黑"}
*{ 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;}

.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{ width:1200px; margin:0 auto; height:80px; padding:10px 0;}
.logo{  float:left;}
.menu{ float:right;}
.menu li {float: left;margin: 0 11px;text-align: center;line-height: 80px;font-size: 18px;}
.menu li.header_tel{width: auto; color: #f00; margin-right: 0;font-weight: bold; }
.banner{ background:url(images/index_01.jpg) center 0; height:500px;}
.product_nav{ width:100%; background:url(images/index_02.jpg) no-repeat center 0; height:100px; z-index:999999;}
.product_nav ul{ width:1200px; margin:0 auto;}
.product_nav li{ float:left; width:400px; text-align:center;}
.content{width:1200px;margin:50px auto;}
h1{ font-size:40px; text-align:center; line-height:50px; color:#000;}
.content ul{ float:left; margin:60px -60px 0 0;}
.con{width: 358px; height: 268px;float: left; margin:0 60px 60px 0; position: relative;cursor: pointer; border:1px solid #ccc; text-align:center;  position:relative; overflow:hidden;}
.con img{ max-height:268px; max-width:350px;}
.txt{position: absolute;left: 0;bottom: 0;width: 100%; height: 45px;line-height: 45px; text-align: center;	color: #fff;background: rgba(0,0,0,0.7);}
.txt h3{font-weight: normal; font-size:22px;}
.txt p{	font-size: 14px;display: block;line-height: 24px;-webkit-margin-before: 1em;-webkit-margin-after: 1em;	-webkit-margin-start: 0px;	-webkit-margin-end: 0px;-moz-margin-before: 1em;-moz-margin-after: 1em;-moz-margin-start: 0px;	-moz-margin-end: 0px; padding:0 15px; text-align:left;}
.fixed_menu{ width:100%; height:60px; box-shadow:0 5px 5px #ccc; background:rgba(255,255,255,0.95); text-align:center;display:none;z-index:9999; position:fixed; top:0;}
.fixed_menu a{ padding:0 50px; line-height:60px; font-size:20px; }
.btn{ width:100px; margin:10px auto; line-height:30px;  text-align:center; border:1px solid #fff;}
.product_menu{ width:120px; height:250px; position:fixed; left:0; top:50%; background:#2c36b9; margin:-125px 0 0;}
.product_menu a{ display:block; color:#fff; font-size:18px; font-weight:bold; line-height:58px; border:1px solid #fff; text-align:center;}
.product_menu a:hover{ background:#f30;}

.product_img{ height:450px; background:url(images/pbg.jpg) no-repeat center 0;}
.product_img dl{ width:1200px; margin:0 auto;}
.product_img dt{ float:left; width:400px; height:350px; padding:50px;}
.product_img dd{ float:left; width:700px; padding:60px 0 0;}
.product_img dd h1{ font-size:48px; font-weight:bold; color:#fff; text-align:left;}
.product_img dd p{ font-size:22px; line-height:40px; color:#fff; padding:30px 0;}
.pro_btn{ width:200px; line-height:48px; text-align:center; border:1px solid #fff;}
.pro_btn a{ font-size:24px; color:#fff;}
.product_intro{ width:1200px; margin:60px auto;}
.product_lc{ width:560px;}
.product_lc h2{ font-size:30px; border-bottom:1px solid #0489da; line-height:60px; color:#0489da; margin:0 0 30px 0;}
.product_lc li{ font-size:16px; line-height:36px;}

.about{ background:#3366cc; margin:40px 0 0;}
.about h1{ text-align:center;  font-size:32px; padding:40px 0; color:#fff; font-weight:bold;}
.aboutcon{ width:1120px; margin:0 auto; background:#fff; padding:40px;}
.aboutcon dd{ width:620px; float:left;}
.aboutcon dd h2{ font-size:18px;}
.aboutcon dd p{ line-height:27px; color:#333; text-indent:2em; text-align: justify; font-size: 15px; padding-top: 10px; }
.aboutcon dt{ width:460px; float:right;}
.contact{ width:1120px; margin:0 auto; padding:40px; color: #fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:36px; text-align:center; font-weight:bold;}
.contact h2{ font-size:30px; margin:20px 0; color:#0489da; text-align:center;}
.contact h3{ font-size:30px; margin:20px 0; color:#23b44c; text-align:center;}
.contact h4{ font-size:30px; margin:20px 0; color:#f30; text-align:center;}
.contact table,.contact table td{ line-height:40px; border:1px solid #ccc; font-size:18px; border-collapse:collapse;}
.contact table td{ padding:0 20px;}
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;}

.pro_con{width:1200px;margin: 0 auto;}
.pro_con dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;border: 1px solid #eee;box-sizing: border-box;padding: 30px 20px;transition: 0.5s;}
.pro_list h1{text-align: center;font-weight: bold;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);font-size: 34px;border: 1px solid #0386fa;line-height: 60px;color: #0386fa;border-radius: 10px;width: 450px;margin: 70px auto;} 
.pro_list dd {width: 650px;border-left: 1px solid #eee;padding-left: 45px;}
.pro_list ul li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 4px;}
.pro_list h2 a:hover{color: #0089d7;}
.pro_list h2{font-size: 25px;margin: 5px 0 20px;}
.pro_list li span{display: block;font-size: 15px;}
.pro_list li p{width: 570px;line-height: 23px;color: #555;font-size: 15px;}
.pro_list dt{display: flex;justify-content: center;align-items: center;}
.pro_list dl:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);}
.pro_list dt img:hover{opacity: 0.8;transform: scale(1.05);}
.pro_list dt a{display: flex;justify-content: center;align-items: center;}
.pro_list dt a img{max-width: 425px;transition: 0.5s;}
.pro_btns {margin-top: 20px;}
.pro_btns a {margin-right: 10px;display: inline-block;width: 120px;text-align: center;height: 40px;font-size: 15px;border-radius: 3px;line-height: 40px;background: #1487ec;color: #fff;}
.pro_btns a:last-of-type{background: #f3bc42;}
.pro_btns a:hover{opacity: .7;}


.silderBar {position: fixed;left: 0;top: 20%; z-index: 99; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.silderBar h2{font-size: 16px;background: #0089d7;color: #fff;letter-spacing: 1px;text-align: center;padding: 10px 0 10px 0px;}
.silderBar a:hover{background: #ddd;}
.silderBar a {margin-bottom: 1px;display: block;font-size: 14px;text-align: left;color: #555;background: none;border-top: 1px solid #fcfcfc;padding: 6px 10px 6px 10px;border-bottom: 1px solid #c3c3c3;background: #f5f5f5;}

.side_ad1{height: 550px;background:url(images/ad1.jpg) no-repeat center;}
.side_ad2{height: 550px;background:url(images/ad7.jpg) no-repeat center;}
.side_ad3{height: 550px;background:url(images/ad6.jpg) no-repeat center;}
.side_ad4{height: 550px;background:url(images/ad8.jpg) no-repeat center;}
.menu li a:hover{color: #f00;}


.footerTel{background: #ebeffa;border: 1px solid #4e7cde24;border-radius: 20px;padding: 20px;width: 1100px;box-sizing: border-box;text-align: center; margin: 0 auto;}
.footerTel img{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);display: inline-block;border-radius: 10px;}
.contact_foot{text-align: center;color: #fff;padding: 30px 0 35px;}
.contact_foot .tel{font-weight: bold;font-size: 31px;padding-bottom:4px;}
.contact_foot .addr_message{font-size: 21px;}

.product_oem ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.product_oem li {text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;background: #f5f5f5;box-sizing: border-box;padding: 10px;border-radius: 10px;}
.product_oem li p{text-align: left;width: 260px;margin: 0 auto;font-size: 14px;padding-top: 10px;}
.product_oem li span{display: block;width: 30px;height: 30px;background: #3366cc;padding: 10px;font-size: 22px;border-radius: 10px;color: #fff;text-align: center;}
.pro_oemys h1, .pro_con h1{font-size: 35px;border: 1px solid #3873d0;width: 400px;box-shadow: 4px 4px 0px #86aeff;margin: 80px  auto;border-radius: 10px;line-height: 60px;color: #3366cc;}
.pro_img{margin-top: 50px;}
.pro_img ul{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.pro_img li {transition: 0.5s;}
.pro_img li a{border: 1px solid #eee;display: flex;justify-content: center;align-items: center;box-sizing: border-box;overflow: hidden;padding: 10px;transition: 0.5s;}
.pro_img li img{display: block;transition: 0.5s;max-width: 100%;}
.pro_img li img:hover{transform: scale(1.1);opacity: 0.8;}
.pro_img li:hover h2{color: #3366cc;}
.pro_img li:hover a{border-color:#86aeff;}
.banner{background: url(images/ad9.jpg) no-repeat center; height: 550px;}
.pro_img li h2{font-size: 16px;color: #666;padding-top: 10px;text-align: center;}
.pro_jd {text-align: center;}
.pro_jd li span{display: block;font-size: 22px;letter-spacing:1px;letter-spacing: 1px;}
.pro_jd li {padding: 35px 0;border-radius: 22px;color: #fff;background: #5080cc;}
.pro_jd ul{width: 1000px;margin: 25px auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px;text-align: center; margin-bottom: 60px;}
.pro_jd li p{font-size: 28px; padding-top: 5px;font-weight: bold; } 
.pro_jd h1 {margin-bottom: 10px;}
.pro_jd center{font-size: 16px;color: #666;line-height: 27px;margin-bottom: 40px;}
.pros_about{margin-top: 30px;}
.pros_about img{margin-bottom: 30px;border-radius: 10px;}
.pros_about p {width: 926px;margin: 0 auto 10px;font-size: 17px;color: #444;line-height: 28px;text-indent:2em;text-align: justify;}
.bg{margin-top: 50px;padding-top:2px;background: linear-gradient(#3366cc14, #fff); }
.bg h1{border: none;margin-top: 20px;box-shadow: none;}
.pro_oemys {width:1200px;margin: 0 auto;}
.pro_oemys dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_oemys dd {padding-top: 15px;width: 600px;}
.pro_oemys dd span{display: block;padding: 4px 0;font-size: 18px;background: #3366cc;color: #fff;width: 150px;border-left: 5px solid #86aeff;border-radius: 0 10px 0px 10px;text-align: center;margin-bottom: 10px;}
.pro_oemys dd p{padding-bottom: 10px;font-size: 15px;line-height: 26px;color: #555;}
.pro_lc ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.pro_lc li {width:250px;margin-bottom: 30px;box-sizing: border-box;padding: 30px 22px;border: 1px solid #3366cc;text-align: center;}
.pro_lc li img {margin-bottom: 10px;background-color: #fff;}
.pro_pic li img{max-width: 100%;border-radius: 10px;box-sizing: border-box;transition:0.5s;overflow: hidden;}
.pro_pic li img:hover{transform: scale(1.08);}
.pro_pic ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}