﻿@font-face{ font-family:SourceHanSansCN-Medium;
src:url('../images/SourceHanSansCN-Medium.otf');	
}
@font-face{ font-family:SourceHanSansCN-Normal;
src:url('../images/SourceHanSansCN-Normal.otf');	
}
@font-face{ font-family:SourceHanSansCN-Regular;
src:url('../images/SourceHanSansCN-Regular.otf');	
}

*{margin:0;padding:0;}
a{text-decoration:none; color:#666;}
a:hover{ color:red;}
ul{ list-style:none;}
img{ border:none;}
body{font-size:12px; text-align:center;font-family:SourceHanSansCN-Regular;}
html{overflow-x:hidden;}
input,textarea,select,option{outline:none;}
.clear{ clear:both;}

.ltop { width:100%;height:auto;padding:0px 0px;margin:0px auto;}
.ltopl {width:50%; padding-top:60px;text-align:center;margin:0px auto;}
.ltopl img{}

.soogoncol{width:100%;margin:0px auto;margin-top:30px;height:auto;overflow:hidden;font-size:14px;}
.soogoncol ul{width:300px;margin:0px auto;}
.soogoncol ul li {background:url(../images/bb1.png) center bottom 0px  no-repeat;height:64px;}
.soogoncol ul li a{color:#fff;display:block;border:1px solid #28dadf;width:300px;height:auto;line-height:50px;font-size:20px;font-weight: bolder;}
.soogoncol ul li a:hover{visibility:visible;transition: all 0.2s;transform: scale(1);}


/*menu*/
.fwxm{width:100%; height:auto;margin-top:50px;overflow:hidden;}
.fwxm_nr { width:70%; height:auto;margin:0px auto; padding:0px 0px;}
.fwxm_nr ul li a{height:auto;display:block;width:31%;height:auto; padding:1%; float:left; text-align:center;}
.fwxm_nr ul li a img{height: auto; width: auto\9; width:100%;}
.fwxm_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.fwxm_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}


/* 外层容器样式 */
.fwxmnew {
  width: 100%;
	margin-top: 15px;
}

.fwxmnew_nr {
  max-width: 70%;
  margin: 0 auto;
}

/* 列表样式 */
.fwxmnew_nr ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -10px;
  padding: 0;
}

/* 列表项样式 */
.fwxmnew_nr ul li {
  width: calc(50% - 20px);
  margin: 10px;
  border-radius: 0px;
  overflow: hidden; /* 确保子元素不溢出 */
  transition: all 0.3s ease;
  float: left;
}

.fwxmnew_nr ul li:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 修正dd容器样式 - 确保包裹dt */
.fwxmnew_nr ul li strong {
  display: block; /* 改为block布局 */
  margin: 0;
  padding: 15px;
  border: 1px solid white;
  background: linear-gradient(to right, #0a478a, #1c75c7);
  position: relative; /* 为子元素定位参考 */
}

/* dt样式 - 调整布局 */
.fwxmnew_nr ul li dt {
  width: calc(49% - 10px);
  text-align: center;
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  box-sizing: border-box; /* 确保宽度计算包含padding */
}

/* 链接样式 */
.fwxmnew_nr ul li dt a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 5px;
}

/* 图片样式 */
.fwxmnew_nr ul li dt img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 5px;
  border-radius: 0px;
}

/* 文字样式 */
.fwxmnew_nr ul li dt span {
  display: block;
  font-size: 18px;
  margin-top: 5px;
}

/* 底部段落样式 */
.fwxmnew_nr ul li p {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  padding: 15px;
  color: white;
  background: linear-gradient(to right, #0a478a, #1c75c7);
}


.series{width:100%; height:auto;margin-top:20px;overflow:hidden;}
.series_nr { width:50%; height:auto;margin:0px auto; padding:0px 0px;}
.series_nr ul li a{height:auto;display:block;width:40%;height:auto; padding:5%; float:left; text-align:center;}
.series_nr ul li a img{height: auto; width: auto\9; width:100%;}
.series_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.series_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}

.backcn{width:100%;height:auto;overflow:hidden;}
.backcn p {width:4%;height:40px;margin:0px auto;border-bottom:1px solid #fff;}
.backcn p a{display:block;color:#fff;font-size:18px;line-height:40px;}

/*底部*/
.lbottom { width:100%; padding:15px 0px; font-size:14px; color:#fff; text-align:center; line-height:24px; border-top:1px solid #064e93; margin-top:120px;}
.zbottom { width:100%; padding:15px 0px; font-size:14px; color:#fff; text-align:center; line-height:24px; border-top:1px solid #064e93; margin-top:100px;background:#084188;height:200px;}



.main{width: 100%;height: auto;background:#084188;border-top:1px solid #000;overflow:hidden;margin-top: 50px;}
.main_a{width: 100%;height: auto;background:url(../images/bg.jpg) center top #084188;border-top:1px solid #000;overflow:hidden;margin-top: 50px;}
.main_b{width: 100%;height: auto;background:url(../images/bg.jpg) center top #084188;border-top:1px solid #000;overflow:hidden;}


.model{width:100%;margin:0px auto;margin-top:30px;height:auto;overflow:hidden;font-size:14px;text-transform: uppercase;}
.model h3{width:100%;height:auto;overflow:hidden;font-size:26px;color:#27d6de;line-height: 60px;}

.item { padding:0px 0; border-bottom:0px solid #EEE; }
.item select { width:270px;border:1px solid #28dadf;background: transparent;font-size:18px;color: #fff;padding:0 0 0 3%;height:64px;}
.item .seop1{background:#084188;}

.model ul{width:270px;margin:0px auto;overflow:hidden;} 
.model ul li{width:270px;height: 64px;margin:15px 0;}
.model ul li a{float:left;width:270px;height: 64px;background:linear-gradient(to right,#1c74c6,#28dbdf);display:block;color:#fff;line-height: 64px;font-size:18px;}
.model ul li a:hover{background:linear-gradient(to right,#ba1a00,#e3391d)}

.calculation{width:800px;margin:40px auto;margin-top:10px;height:auto;overflow:hidden;font-size:16px;}
.calculationbox{width:760px;padding:0 20px;background:#0e4d9c;}
.calculationbox h3{border-bottom:1px solid #256dc8;line-height:30px;font-size: 16px;color: #27d6de;font-weight: 100;}
.calculationbox .tab{padding:30px;padding-bottom:0px;color: #fff;}
.calculationbox .tab p{font-size: 12px;color: #fff;padding-left:30px;}
.calculationbox .tab strong{font-size: 12px;line-height:12px;float: right;font-weight: 100;}
.calculationbox .tab table td{height:22px;}


.w36{width:38%;}
.w64{width:62%;}

/*footer*/
.lfooter { width:100%; height:auto; background:#094690; position:fixed; bottom:0px; border-top:1px solid #000;}
.lfooter ul{width:800px;height:auto;margin:30px auto;}
.lfooter ul li { width:19%; height:auto; float:left; text-align:center; padding:0.5%; }
.lfooter ul li a {display:block;color:#fff; line-height:30px; font-size:20px;border-radius:10px;padding:10px; 0;background:linear-gradient(to right,#1c74c6,#28dbdf);}
.lfooter ul li a:hover{background:linear-gradient(to right,#ba1a00,#e3391d)}
.lfooter .current{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current:link,.menu .current:visited{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}


.lfbot{ width:100%; height:auto;margin:10px auto;text-align:center;}
.lfbot a{text-align:center;padding:5px 30px;color:#28d8de; line-height:30px; font-size:18px;}
.lfbot a:hover{background:#fff;color:#000;border-radius:10px;}


/*当屏幕宽度在大于1200 */
@media screen and (min-width:1200px)
{	

}

/*当屏幕宽度在1024-1199 */
@media screen and (min-width:1024px) and (max-width:1199px)
{

.fwxm{width:100%; height:auto;margin-top:50px;overflow:hidden;}
.fwxm_nr { width:94%; height:auto;margin:0px auto; padding:0px 0px;}
.fwxm_nr ul li a{height:auto;display:block;width:31%;height:auto; padding:2% 1% 8% 1%; float:left; text-align:center;}
.fwxm_nr ul li a img{height: auto; width: auto\9; width:100%;}
.fwxm_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.fwxm_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
	
.series{width:100%; height:auto;margin-top:20px;overflow:hidden;}
.series_nr { width:90%; height:auto;margin:0px auto; padding:0px 0px;}
.series_nr ul li a{height:auto;display:block;width:48%;height:auto; padding:2% 1% 8% 1%;  float:left; text-align:center;}
.series_nr ul li a img{height: auto; width: auto\9; width:100%;}
.series_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.series_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
.backcn{width:100%;height:auto;overflow:hidden;margin:60px auto;}
.backcn p {width:8%;height:40px;margin:0px auto;border-bottom:1px solid #fff;}
.backcn p a{display:block;color:#fff;font-size:18px;line-height:40px;}
		
	
}

/*当屏幕宽度大于768小于1023时 */
@media screen and (min-width:768px) and (max-width:1023px)
{
	
.fwxm{width:100%; height:auto;margin-top:50px;overflow:hidden;}
.fwxm_nr { width:94%; height:auto;margin:0px auto; padding:0px 0px;}
.fwxm_nr ul li a{height:auto;display:block;width:31%;height:auto; padding:2% 1% 8% 1%; float:left; text-align:center;}
.fwxm_nr ul li a img{height: auto; width: auto\9; width:100%;}
.fwxm_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.fwxm_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
	
.series{width:100%; height:auto;margin-top:20px;overflow:hidden;}
.series_nr { width:90%; height:auto;margin:0px auto; padding:0px 0px;}
.series_nr ul li a{height:auto;display:block;width:48%;height:auto; padding:2% 1% 8% 1%;  float:left; text-align:center;}
.series_nr ul li a img{height: auto; width: auto\9; width:100%;}
.series_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.series_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
.backcn{width:100%;height:auto;overflow:hidden;margin:60px auto;}
.backcn p {width:10%;height:40px;margin:0px auto;border-bottom:1px solid #fff;}
.backcn p a{display:block;color:#fff;font-size:18px;line-height:40px;}
	
		

.zbottom { width:100%; padding:15px 0px; font-size:14px; color:#fff; text-align:center; line-height:24px; border-top:1px solid #064e93; margin-top:60px;background:#084188;height:200px;}
	
	
.calculation{width:90%;margin:20px auto;margin-top:30px;height:auto;overflow:hidden;font-size:16px;text-transform: uppercase;}
.calculationbox{width:90%;padding:5%;background:#0e4d9c;}
.calculationbox h3{border-bottom:1px solid #256dc8;line-height: 60px;font-size: 24px;color: #27d6de;font-weight: 100;}
.calculationbox .tab{padding:30px;color: #fff;}
.calculationbox .tab p{font-size: 16px;color: #fff;padding-left:30px;}
.calculationbox .tab strong{font-size: 16px;line-height:15px;float: right;font-weight: 100;}
.calculationbox .tab table td{height:40px;}


/*footer*/
.lfooter { width:100%; height:auto; background:#094690; position:fixed; bottom:0px; border-top:1px solid #000;}
.lfooter ul{width:90%;height:auto;margin:30px auto;}
.lfooter ul li { width:19%; height:auto; float:left; text-align:center; padding:0.5%; }
.lfooter ul li a {display:block;color:#fff; line-height:30px; font-size:20px;border-radius:10px;padding:10px; 0;background:linear-gradient(to right,#1c74c6,#28dbdf);}
.lfooter ul li a:hover{background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current:link,.menu .current:visited{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}


.lfbot{ width:100%; height:auto;margin:10px auto;text-align:center;}
.lfbot a{text-align:center;padding:5px 30px;color:#28d8de; line-height:30px; font-size:18px;}
.lfbot a:hover{background:#fff;color:#000;border-radius:10px;}
	
	
}

/*当屏幕宽度大于650小于767时 */
@media screen and (min-width:650px) and (max-width:767px)
{

	
.fwxm{width:100%; height:auto;margin-top:50px;overflow:hidden;}
.fwxm_nr { width:90%; height:auto;margin:0px auto; padding:0px 0px;}
.fwxm_nr ul li a{height:auto;display:block;width:48%;height:auto; padding:2% 1% 8% 1%; float:left; text-align:center;}
.fwxm_nr ul li a img{height: auto; width: auto\9; width:100%;}
.fwxm_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.fwxm_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
	
.series{width:100%; height:auto;margin-top:20px;overflow:hidden;}
.series_nr { width:90%; height:auto;margin:0px auto; padding:0px 0px;}
.series_nr ul li a{height:auto;display:block;width:48%;height:auto; padding:2% 1% 8% 1%;  float:left; text-align:center;}
.series_nr ul li a img{height: auto; width: auto\9; width:100%;}
.series_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.series_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
.backcn{width:100%;height:auto;overflow:hidden;margin:60px auto;}
.backcn p {width:20%;height:40px;margin:0px auto;border-bottom:1px solid #fff;}
.backcn p a{display:block;color:#fff;font-size:18px;line-height:40px;}
	
	
	
	
.zbottom { width:100%; padding:15px 0px; font-size:14px; color:#fff; text-align:center; line-height:24px; border-top:1px solid #064e93; margin-top:60px;background:#084188;height:200px;}
	
	
.calculation{width:90%;margin:20px auto;margin-top:30px;height:auto;overflow:hidden;font-size:16px;text-transform: uppercase;}
.calculationbox{width:90%;padding:5%;background:#0e4d9c;}
.calculationbox h3{border-bottom:1px solid #256dc8;line-height: 60px;font-size: 24px;color: #27d6de;font-weight: 100;}
.calculationbox .tab{padding:30px;color: #fff;}
.calculationbox .tab p{font-size: 16px;color: #fff;padding-left:30px;}
.calculationbox .tab strong{font-size: 16px;line-height:15px;float: right;font-weight: 100;}
.calculationbox .tab table td{height:40px;}


/*footer*/
.lfooter { width:100%; height:auto; background:#094690; position:fixed; bottom:0px; border-top:1px solid #000;}
.lfooter ul{width:90%;height:auto;margin:30px auto;}
.lfooter ul li { width:19%; height:auto; float:left; text-align:center; padding:0.5%; }
.lfooter ul li a {display:block;color:#fff; line-height:30px; font-size:18px;border-radius:10px;padding:10px; 0;background:linear-gradient(to right,#1c74c6,#28dbdf);}
.lfooter ul li a:hover{background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current:link,.menu .current:visited{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}


.lfbot{ width:100%; height:auto;margin:10px auto;text-align:center;}
.lfbot a{text-align:center;padding:5px 30px;color:#28d8de; line-height:30px; font-size:16px;}
.lfbot a:hover{background:#fff;color:#000;border-radius:10px;}
		
	
}

/*当屏幕宽度大于1280小于1440时 */
@media screen and (min-width:320px) and (max-width:649px)
{

.fwxm{width:100%; height:auto;margin-top:50px;overflow:hidden;}
.fwxm_nr { width:70%; height:auto;margin:0px auto; padding:0px 0px;}
.fwxm_nr ul li a{height:auto;display:block;width:98%;height:auto; padding:2% 1% 8% 1%; float:left; text-align:center;}
.fwxm_nr ul li a img{height: auto; width: auto\9; width:100%;}
.fwxm_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.fwxm_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
	
.series{width:100%; height:auto;margin-top:20px;overflow:hidden;}
.series_nr { width:70%; height:auto;margin:0px auto; padding:0px 0px;}
.series_nr ul li a{height:auto;display:block;width:98%;height:auto; padding:2% 1% 8% 1%;  float:left; text-align:center;}
.series_nr ul li a img{height: auto; width: auto\9; width:100%;}
.series_nr ul li a p{background:linear-gradient(to right,#0a478a,#1c75c7);width:90%;margin-left:2%;margin-top: 20px;line-height:50px;color: #fff;font-size:24px;}
.series_nr ul li p:hover{background:linear-gradient(to right,#1c74c6,#28dbdf);}
	
.backcn{width:100%;height:auto;overflow:hidden;margin:60px auto;}
.backcn p {width:20%;height:40px;margin:0px auto;border-bottom:1px solid #fff;}
.backcn p a{display:block;color:#fff;font-size:18px;line-height:40px;}
	

	
.w36{width:38%;}
.w64{width:62%;}
	
.zbottom { width:100%; padding:15px 0px; font-size:14px; color:#fff; text-align:center; line-height:24px; border-top:1px solid #064e93; margin-top:60px;background:#084188;height:200px;}
	
	
.calculation{width:98%;margin:20px auto;margin-top:30px;height:auto;overflow:hidden;font-size:16px;text-transform: uppercase;}
.calculationbox{width:100%;padding:0%;background:#0e4d9c;}
.calculationbox h3{border-bottom:1px solid #256dc8;line-height:30px;font-size:24px;color: #27d6de;font-weight: 100;}
.calculationbox .tab{padding:20px 1px;color: #fff;}
.calculationbox .tab p{font-size:14px;color: #fff;padding-left:10px;}
.calculationbox .tab strong{font-size:14px;line-height:16px;float: right;font-weight: 100;}
.calculationbox .tab table td{height:24px;}

/*footer*/
.lfooter { width:100%; height:auto; background:#094690; position:fixed; bottom:0px; border-top:1px solid #000;}
.lfooter ul{width:90%;height:auto;margin:30px auto;}
.lfooter ul li { width:31%; height:auto; float:left; text-align:center; padding:1%; }
.lfooter ul li a {display:block;color:#fff; line-height:30px; font-size:16px;border-radius:10px;padding:10px; 0;background:linear-gradient(to right,#1c74c6,#28dbdf);}
.lfooter ul li a:hover{background:linear-gradient(to right,#ba1a00,#e3391d)}
.lfooter .current{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}
.lfooter .current:link,.menu .current:visited{color:#fff;background:linear-gradient(to right,#ba1a00,#e3391d);}


.lfbot{ width:100%; height:auto;margin:10px auto;text-align:center;}
.lfbot a{text-align:center;padding:5px 30px;color:#28d8de; line-height:30px; font-size:16px;}
.lfbot a:hover{background:#fff;color:#000;border-radius:10px;}
		
	
}

/* 响应式设计 */
@media (max-width: 768px) {
  .fwxmnew_nr {
    max-width: 90%;
  }
  
  .fwxmnew_nr ul li {
    width: calc(100% - 20px);
  }
  
  .fwxmnew_nr ul li dt {
    width: 100%;
    margin: 10px 0;
    display: block; /* 小屏幕下改为块级显示 */
  }
}