﻿* { margin: 0;padding: 0;border: 0;box-sizing: border-box;}
body {font-size:16px;line-height:20px;color:#333;font-weight:normal; font-family:Arial, Tahoma, 'Segoe UI', 'Helvetica Neue', Helvetica, 'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1a35;}
h1, h2, h3, h4, h5,h6 {font-weight:bold;font-size:24px;color:#12326c;line-height:26px;}
img {max-width: 100%;height:auto;display: block; margin:0; vertical-align: top;border:none;-ms-interpolation-mode: bicubic;}
i, em ,span{ font-style: normal;}
ul,ol,dd,dl,form,li{margin: 0;padding: 0;list-style: none;list-style-type:none;list-style-image:none;list-style-position:outside;margin:0px;padding:0;}
a {color: #333;text-decoration: none;transition:all 0.3s ease;}
a:hover {color:#eb530b;text-decoration:none;}
li a{color:#002565;}
li a:hover{color:#eb530b;}
/** heade **/
.wrapper{background-color:#ffffff;margin-top:70px;}
header {width:100%;height:70px;overflow:hidden;margin-bottom:15px;position:fixed;top: 0;left: 0;z-index:99;box-shadow:0 0 10px #CDCDCD;background-color: #ffffff;}
header.container{width:100%;height:70px;}
section{position:relative;}
.logo{width:15%;height:70px;overflow:hidden;float:left;margin-left:1%;}
.lastitem{padding-right:30px;}
.container{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;position:relative;}
.container nav{float:left;width:84%;overflow:hidden;height:70px;}
.container nav li{float:left;width:25%;height:70px;line-height:70px;text-align: center;}
.container nav li a{font-size:16px;color:#000;}
.container nav li a:hover{color:#eb530b; }
.container span.search{position:absolute;top:22px;right:5px;}
.category{margin:15px auto;overflow:hidden;width:100%;}
.category h2{padding-left:10px;margin-bottom:15px;}
.category ul li{width:30%;margin-left:10px;margin-bottom:10px; float:left;overflow:hidden;background-color:#f7f7f7;text-align: center;max-width:270px;}
.category ul li img{margin:0 auto;}
.category ul li h3{text-align:center;font-size:16px;font-weight:normal;height:30px;line-height:30px;overflow:hidden;}
.banner{width:100%;overflow:hidden;position:relative;margin-bottom:15px;}
.banner a.banner1{display:block;width:100%;height:0;padding-bottom:38.28%;overflow:hidden;position:relative;}
.banner a.banner1 img{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner a.banner2{display:block;width:100%;height:0;padding-bottom:36.25%;overflow:hidden;position:relative;}
.banner a.banner2 img{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner h3.global{padding-left:8px;color:#ffffff;position:absolute;top:5px;left:0px;font-size:16px;width:70%;}
.banner h3.more{color:#ffffff;position:absolute;top:5px;right:5px;}
.banner h3.more a{display:inline-block;color:#062147;background-color:#fcbb1f;border-color:#fcbb1f;width:125px;height:36px;line-height:36px;font-size:16px;border:1px solid #fcbb1f;border-radius:33px;text-align:center;font-weight:normal;}
.banner h3.more a:hover{border-color:#fff;color:#fff;}
.products{width:100%;margin-bottom:15px;position:relative;overflow:hidden;}
.products li{float:left; width:46%;max-width:456px;margin-left:10px;overflow:hidden;position:relative;margin-bottom:15px;aspect-ratio:1/0.7;height:auto;padding-bottom:0; }
@supports not (aspect-ratio: 1/1) {
  .products li {
    aspect-ratio: unset;
    height: 0;
    padding-bottom:30%; /* IE  */
  }
}
.products h1{padding-left:10px; margin-bottom:15px;}
.products li img{display:block;position:absolute;bottom:30px;left:0;width:100%;height:100%;}
.products li img:hover{translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.products li h3{height:30px;line-height:30px;overflow:hidden;position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.products li h3 a{font-weight:normal;font-size:16px;}
.products span.more{position:absolute;right:10px;top:5px;}
.products span.more a{font-style:italic;color:#eb530b;}
.products span.more a:hover{color:#b83f05;}
.videos{margin-bottom:15px;margin-bottom:15px;}
.content{position:relative;margin-bottom:15px;clear: both;padding:15px 10px;}
.content p{font-size:18px;line-height:32px;text-align:justify;}
.content h1{text-align:center;font-size:30px;margin:10px 0;line-height:30px;clear:both;}
.content h2{font-size:24px;}
.content p.newstime{color:#666;font-style:italic;line-height:28px;text-align:right;}
.news{padding:10px;}
.news h2{margin-bottom:15px;font-size:24px; }
.news li{width:100%;padding:10px 0;float:left;max-width:445px;overflow:hidden;border:1px solid #eaeaea;border-radius:5px;margin-right:15px;position:relative;margin-bottom:15px;height:auto;aspect-ratio:1/0.8;}
.news li img{display:block;position:absolute;bottom:30px;left:0;width:100%;height:100%;}
.news li h3{position:absolute;bottom:0;left:0;width:100%;height:30px;overflow:hidden;text-align:center;padding:0;font-size:16px;font-weight:normal;}
.news li h3 a{line-height:30px;}
video{max-width:1000px;height:auto;max-height:600px; margin:0 auto;display: block;clear:both;}
footer{background-color:#0b1a35;height:300px;line-height:60px;color:#b4b4b7;margin-top:15px;}
.position{padding:15px 10px;height:20px;line-height:20px;font-size:16px;color:#666;margin: 0 auto;width: 100%;max-width: 1400px;}
.position a{color:#666;}
.copyright{width:100%;max-width:1400px;margin:0 auto;color:#ffffff;text-align: center;}
.copyright a{color:#fff;}
.copyright .cname{color:#eb530b;}
.contact{width:100%;margin-bottom:15px;padding:15px 10px;}
.form-wrap {width:100%;margin:20px auto;background: #fff;padding:15px;border-radius: 10px;box-shadow: 0 4px 15px #e3e3e3;position:relative;overflow: hidden;}
.form-wrap h1{text-align: center;font-size:36px;color: #2c3e50;margin:20px 0;}
.form-wrap h2{text-align: center;font-size:24px;color: #eb530b;margin:15px 0;}
.form-item {margin-bottom: 20px;width:100%;float:left;margin-right:15px;max-width:660px;}
.form-item label {display: block;margin-bottom: 8px;font-weight: 500;color: #34495e;cursor: pointer;}
.form-item input[type="text"],
.form-item input[type="email"],
.form-item textarea {width: 100%;padding: 12px 15px;border: 1px solid #dce4ec;border-radius: 6px;font-size: 16px;color: #2c3e50;transition: border-color 0.3s;font-style:italic;}
.form-item input:focus,
.form-item textarea:focus {outline: none;border-color: #3498db;box-shadow: 0 0 0 3px rgba(52,152,219,0.2);}
.form-item textarea { min-height: 150px;resize: vertical;}
.form-item.message{max-width:1340px; padding-bottom:1px;}
.captcha{width:300px;height:30px;overflow:hidden;margin:0 auto;clear:both;}
.captcha input{width:80px;height:20px;border: 1px solid #dce4ec;}
.captcha img{display:inline;}
.terms{width:365px;margin:0 auto;}
.form-item span{font-size: 16px;}
.form-item span a{color:#000;color:#002c7d;}
.form-item span a:hover{color:#cc4607}
.btn-submit {display: block;margin:0 auto;width: 100%;max-width:500px;padding: 16px;background-color: #eb530b;color: #fff;border: none;border-radius: 6px;font-size: 18px;font-weight: 600;cursor: pointer;transition: background-color 0.3s;clear:both;}
.btn-submit:hover {background-color: #cc4607;}
.send{clear:both;}
.tabs{width:100%;margin:15px 0 15px 0;padding:5px;overflow:hidden;clear:both;}
.tabs li{float:left;width:20%;max-width:120px;margin-left:10px;height:35px;line-height:35px;border:1px solid #dce4ec;margin-bottom:15px;overflow:hidden;padding-left:4px;}
.tabs li.curr{background-color:#eb530b;border-color:#dce4ec;}
.tabs li.curr a{color: #eeeeee;}
.tabs li a{color:#000;}
.list{width:100%;margin:10px auto;overflow:hidden;}
.list h1{font-size:30px;padding-left:10px;margin-bottom:15px;}
.list li{width:95%;float:left;max-width:450px;padding:1%;overflow:hidden;border:1px solid #999;border-radius:5px;margin-left:15px;position:relative;margin-bottom:15px;aspect-ratio:1/0.9;height:auto; }
.list li img{display:block;position:absolute;bottom:80px;left:0;width:100%;height:100%;}
.list li h2{position:absolute;bottom:40px;left:0;width:100%;height:40px;overflow:hidden;text-align:center;padding:0;font-size:18px;font-weight:normal;}
.list li h2 a{line-height:40px;}
.list li span{position:absolute;bottom:0;left:0;display:block;height:40px;width:100%;}
.list li span a{width:50%;text-align:center;background-color:#f2f2f2;display:block;float:left;line-height:40px;font-size:16px;}
.list li span a:hover{background-color:#1f3a6a;}
.list li span a.details{border-right:2px solid #fff;}
.list li span a.contact{border-left:2px solid #fff;margin:0;padding:0;}
.list p{height:30px;line-height:30px;}
.list strong{color:#eb530b;font-size:18px;font-weight:normal;padding-left:10px;}
aside .news h2{padding-left:0;color:#12326c;}
aside h2{padding-left: 10px;color:#eb530b;}
aside h3{font-size:22px;}
aside .list h3{font-size:22px;padding-left:15px;line-height:30px;margin-bottom:10px;}
.newslist{width:100%;margin:0 auto;overflow:hidden;padding:0 10px; }
.newslist h1{font-size:30px;padding:10px 0px;}
.newslist li{width:100%;overflow:hidden;border:1px solid #999;border-radius:5px;position:relative;margin-bottom:15px;aspect-ratio:1/0.3;height:auto;}
.newslist li .newspic{width:39%;float:left;position:relative;height:100%;}
.newslist li .newstext{width:60%;float:left;margin-left:1%;position:relative;height:100%;}
.newslist li img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.newslist li .newstext{line-height:26px;}
.newslist li .newstext a{line-height:29px;color:#002565;font-size:18px;display:block;}
.newslist li .newstext span{height:20px;width:100%;font-size:16px;line-height:20px;color:#7e7e7e;font-style:italic;}
ul.latestnews{padding:10px;}
ul.latestnews li{margin-bottom:15px;color: #002565;font-weight:bold;}
ul.latestnews li a{font-weight:normal;padding-left:15px;}
.product{padding:15px;background-color:#fff;position: relative;overflow: hidden;line-height:40px;}
.product h1{text-align:center;font-size:28px;margin-bottom:10px;}
.product h2{margin:15px auto;}
.product img{margin:0 auto;}
.product table{background-color:#666666;width:100%;}
.product tbody{background-color:#666666;}
.product td{background-color:#eeeeee;text-align:center;}
.product caption{margin-top:10px;height:40px;line-height:40px;background-color: #12326c;color: #fff;}
.product strong.pictitle{line-height:30px;text-align:center;margin:3px auto;display:block;}
.faq{padding:10px;background-color: #eeeeee;width: 100%;max-width: 1400px;margin: 0 auto;}
.faq strong{line-height:30px;display:block;margin-top:20px;}
.search form{border:1px solid #dce4ec;margin:15px auto;padding:30px 15px;border-radius:6px;}
.search form select{outline:none;width:100%;height:40px;clear:both;}
.search form option{font-size:16px;}
.search form option:checked{outline:none;color:#000;font-weight:bold;background-color:#F9F9F9;}
.search form option:focus{outline:none;color:#000;font-weight:bold;}
.search form .searchenter{position:relative;width:100%;max-width:662px;border:1px solid #333333;border-radius:6px;height:70px;margin-top:15px;}
.search form input.searchtext{height:60px;line-height:60px;padding-left:10px;width:100%;max-width:600px;margin-top:4px;font-size:15px; }
.search form input.searchsubmit{width:60px;height:68px;position:absolute;bottom:0;right:0px;background:url(/skin/default/images/search.png) 20px 20px no-repeat;background-size:50%;}
.bookmark{width:100%;max-width:1400px;background-color:#eeeeee;padding:15px;margin:0 auto;overflow:hidden;line-height:30px;}
.bookmark strong{display:block;clear:both;font-size:20px;}
.bookmark span{color:#000;font-weight:bold;}
#cookie-consent {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  color: #333;
  padding:5px;
  text-align: left;
  z-index: 9999;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  font-size: 16px;
  line-height:20px;
}
.cookie-text {
  margin-bottom:3px;
}
.cookie-text a {
  color: #007bff;
}
.cookie-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.cookie-buttons button {
  padding:2px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.cookie-buttons button.accept{
  background:#eb530b;
  color: #fff;
}
.cookie-buttons button.reject{
  background: #f1f1f1;
  color: #333;
}
.cookie-buttons button:hover{background-color: #cc4607;}
.cookie-buttons a{color:#144397;line-height:34px;}
.cookie-close {
  position: absolute;
  top: 1px;
  right:1px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}