@media screen and (max-width:1600px){
.head{ height:72px;}
.head-fixed{ height:72px;}
.logo{ padding-top:6px;}
.dropdown{ margin-right:165px; height:72px; font-size:14.5px;}
.dropdown i{ background-size:13px 7px; padding-right:19px;}
.dropdown p{ font-size:13px;}
.dropdown p a{ padding:0 13.5px; min-width:78px;}
.contact_but{ font-size:14.5px; border-radius:10px; padding:0 21.5px;}

.com_txt .txt_lf,.com_txt .txt_rt{ width:181px;}
.com_txt .txt_lf em,.com_txt .txt_rt em{ font-size:14.5px;}
.com_txt .txt_lf em:before,.com_txt .txt_lf em:after,.com_txt .txt_rt em:before,.com_txt .txt_rt em:after{ width:36px;}
.com_txt .txt_lf em:before,.com_txt .txt_rt em:before{ left:-50px;}
.com_txt .txt_lf em:after,.com_txt .txt_rt em:after{ right:-50px;}
.com_txt .txt_lf{ left:-40px;}
.com_txt .txt_rt{ right:-40px;}

.banner .w{ padding-bottom:13.5px;}
.banner .txt{ font-size:54px; width:420px;}
.banner .pic{ box-shadow:0 4px 10px 0 #00000040; border-width:12px; margin:38px auto 0 auto; border-radius:45px;}

.con1{ padding:410px 0 150px 0;}
.con1 .txt .t1,.con2 .txt .t1{ font-size:72px;}
.con1 .txt .txtc,.con2 .txt .txtc,.con3 .txt .txtc{ font-size:27px; margin:20px 0 0 0;}
.more1{ font-size:29px; margin-top:45px;}
.more1 img{ margin-left:16px; height:40px;}
.more1:hover img{ margin-left:18px;}

.con2{ padding:199px 0 126px 0;}
.con2_rt ul li img{ border-width:9px; border-radius:25px;}

.con3{ padding:101px 0 153px 0;}
.con3 .t3 em{ font-size:153px;}
.con3 .t3 em span{ font-size:18px; left:15px; top:-21px;}
.con3 .clear{ padding-top:100px;}
.con3 .but3{ margin-top:54px;}
.con3 .but3 a{ font-size:22px; border-radius:14.5px; padding:0 36px; margin-right:27px;}
.con3 .but3 img{ height:29px; margin-right:16px;}

.con5{ padding: 35px 0 55px 0;}
.con5_list li img{ height:56px;}
.con5_list li .txt{ font-size:25px; margin-top:27px;}
.con5_list li .more1{ font-size:21px; margin-top:20px;}
.con5_list li .more1 img{ margin-left:14.5px; height:27px;}
.con5_list li .more1:hover img,.con5_list li.hover .more1 img{ margin-left:16px;}
.section-title {
  text-align: center;
  font-size: 36px;
  margin-bottom: 40px;
  color: #333;
}
.guide-section {
  padding: 80px 0;
  background: #f8f9fa;
}

.guide-container {
  max-width: 1200px;
  margin: 0 auto;
}

.guide-category {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}

.guide-item {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.guide-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.guide-icon {
  margin-bottom: 20px;
}

.guide-icon img {
  width: 60px;
  height: 60px;
}

.guide-content h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}

.guide-content p {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}

.guide-content .more1 {
  color: #0066cc;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
.news-item {
  transition: all 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.news-section {
  padding: 80px 0;
  background: #fff;
}
.news-section .w .section-title {
  font-weight: bold;
  font-size: 60px;
}
.news-container {
  max-width: 1200px;
  margin: 0 auto;
}
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}
.news-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}
.news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.news-image {
  position: relative;
  padding-top: 56.25%; /* 16:9 比例 */
  overflow: hidden;
}
.news-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-content {
  padding: 24px;
}
.news-date {
  font-size: 14px;
  color: #666;
  display: block;
  margin-bottom: 12px;
}
.news-content h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 12px;
  line-height: 1.4;
}
.news-content p {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 1023px) {
  .news-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .news-content {
    padding: 20px;
  }
  .news-content h3 {
    font-size: 18px;
  }
}
.news-item a {
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 20px;
}
.news-item img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  border-radius: 4px;
}
.news-item .txt {
  font-size: 16px;
  line-height: 1.4;
  margin: 10px 0;
  color: #333;
}
.news-item .more1 {
  color: #0066cc;
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .con5_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .section-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .con5_list {
    grid-template-columns: 1fr;
  }
}
.con5_list li .more1:hover img,.con5_list li.hover .more1 img{ margin-left:14px;}
.foot1{ padding:25px 0;}
.foot2{ padding:230px 0 90px 0;}
.foot2 .txt p{ font-size:90px;}
.foot2 .txt img{ margin-top:36px;}
.foot2 .f2_rt a{ border-width:2px; border-radius:14.5px; font-size:22px; margin-bottom:45px;}
.foot2 .f2_rt a img{ margin-right:16px; height:29px;}
.form_w{ margin:0 0 90px 0;}
.f_inbut{ border-radius:14.5px; font-size:14.5px;}
.f_intxt{ font-size:22px; border-radius:14.5px;}
.foot{ padding:33px 0;}
.foot a,.foot1 em a{ margin-right:45px; font-size:14.5px;}
.foot img,.foot1 img{ height:22px; margin-right:10px;}
}
@media screen and (max-width:1440px){
.head{ height:64px;}
.head-fixed{ height:64px;}
.logo{ padding-top:5px;}
.dropdown{ margin-right:150px; height:64px; font-size:13px;}
.dropdown i{ background-size:12px 7px; padding-right:18px;}
.dropdown p{ font-size:12px;}
.dropdown p a{ padding:0 12px; min-width:86px;}
.contact_but{ font-size:13px; border-radius:10px; padding:0 20px;}
.com_txt .txt_lf,.com_txt .txt_rt{ width:162px;}
.com_txt .txt_lf em,.com_txt .txt_rt em{ font-size:13px;}
.com_txt .txt_lf em:before,.com_txt .txt_lf em:after,.com_txt .txt_rt em:before,.com_txt .txt_rt em:after{ width:32px;}
.com_txt .txt_lf em:before,.com_txt .txt_rt em:before{ left:-45px;}
.com_txt .txt_lf em:after,.com_txt .txt_rt em:after{ right:-45px;}
.com_txt .txt_lf{ left:-36px;}
.com_txt .txt_rt{ right:-36px;}
.banner .w{ padding-bottom:12px;}
.banner .txt{ font-size:48px; width:460px;}
.banner .pic{ box-shadow:0 3px 10px 0 #00000040; border-width:11px; margin:34px auto 0 auto; border-radius:40px;}
.con1{ padding:368px 0 133px 0;}
.con1 .txt .t1,.con2 .txt .t1{ font-size:64px;}
.con1 .txt .txtc,.con2 .txt .txtc,.con3 .txt .txtc{ font-size:24px; margin:18.5px 0 0 0;}
.more1{ font-size:26px; margin-top:40px;}
.more1 img{ margin-left:14px; height:35px;}
.more1:hover img{ margin-left:16px;}
.con2{ padding:178px 0 113px 0;}
.con2_rt ul li img{ border-width:8px; border-radius:22px;}
.con3{ padding:90px 0 137px 0;}
.con3 .t3 em{ font-size:137px;}
.con3 .t3 em span{ font-size:18px; left:14px; top:-20px;}
.con3 .clear{ padding-top:89px;}
.con3 .but3{ margin-top:48px;}
.con3 .but3 a{ font-size:20px; border-radius:13px; padding:0 32px; margin-right:24px;}
.con3 .but3 img{ height:26px; margin-right:14px;}
.con5{ padding: 60px 0 45px 0;}
.con5 .w .section-title { font-weight: bold; font-size: 60px;}
.con5_list li img{ height:50px;}
.con5_list li .txt{ font-size:23px; margin-top:24px;}
.con5_list li .more1{ font-size:19px; margin-top:17px;}
.con5_list li .more1 img{ margin-left:13px; height:24px;}
.con5_list li .more1:hover img,.con5_list li.hover .more1 img{ margin-left:14px;}
.foot1{ padding:22px 0;}
.foot2{ padding:205px 0 81px 0;}
.foot2 .txt p{ font-size:81px;}
.foot2 .txt img{ margin-top:32px;}
.foot2 .f2_rt a{ border-width:2px; border-radius:13px; font-size:20px; margin-bottom:40px;}
.foot2 .f2_rt a img{ margin-right:14px; height:26px;}
.form_w{ margin:0 0 81px 0;}
.f_inbut{ border-radius:13px; font-size:13px;}
.f_intxt{ font-size:20px; border-radius:13px;}
.foot{ padding:30px 0;}
.foot a,.foot1 em a{ margin-right:40px; font-size:13px;}
.foot img,.foot1 img{ height:20px; margin-right:10px;}
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1200px){
.w{ width:95%;}
}
@media screen and (max-width:1130px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:1023px){
.w{ width:90%;}
.head{ height:100px;}
.head-fixed{ height:100px;}
.head-fixed .w{ width:92%; max-width:92%;}
.logo{ width:auto;}
.logo img{ height:48px; width:auto;}
.sanh{ display:block;}
.dropdown{ margin-right:225px; height:100px; font-size:24px;}
.dropdown i{ background-size:16px 9px; padding-right:24px;}
.dropdown p{ font-size:24px;}
.dropdown p a{ padding:0 15px; min-width:126px;}
.contact_but{ font-size:24px; padding:0 20px; right:0;}
.com_txt .txt_lf,.com_txt .txt_rt{ width:225px;}
.com_txt .txt_lf em,.com_txt .txt_rt em{ font-size:18px;}
.com_txt .txt_lf em:before,.com_txt .txt_lf em:after,.com_txt .txt_rt em:before,.com_txt .txt_rt em:after{ width:40px;}
.com_txt .txt_lf em:before,.com_txt .txt_rt em:before{ left:-55px;}
.com_txt .txt_lf em:after,.com_txt .txt_rt em:after{ right:-55px;}
.com_txt .txt_lf{ left:-85px;}
.com_txt .txt_rt{ right:-85px;}
.banner .w{ padding-bottom:15px;}
.banner .dfimg{ width:140%; margin-left:-20%;}
.banner .txt{ font-size:48px; width:370px;}
.banner .pic{ box-shadow:0 4px 12px 0 #00000040; border:14px solid #1A1A1F; width:36%; margin:42px auto 0 auto; border-radius:40px;}
.con1{ padding:305px 0 165px 0; text-align:center;}
.con1 .txt{ background:url(../images/bg1.png) center bottom no-repeat; background-size:30%; padding:0 5% 35% 5%;}
.con1 .txt .t1,.con2 .txt .t1{ font-size:42px;}
.con1 .txt .txtc,.con2 .txt .txtc,.con3 .txt .txtc{ font-size:28px; margin:23px 0 0 0;}
.more1{ font-size:32px; margin-top:50px; justify-content:center;}
.more1 img{ margin-left:18px; height:44px;}
.more1:hover img{ margin-left:20px;}
.con2{ padding:220px 0 140px 0;}
.con2 .txt{ width:100%; padding:0 5%; text-align:center;}
.con2_rt{ width:100%; padding:0 5%; margin-top:50px;}
.con2_rt ul{ width:100%; position:relative;}
.con2_rt ul li img{ border-width:10px; border-radius:28px;}
.con3{ padding:142px 0 170px 0;}
.con3 .t3 em{ font-size:100px;}
.con3 .t3 em span{ font-size:28px; position:absolute; left:17px; top:-40px;}
.con3 .clear{ padding-top:110px;}
.con3 .pic{ width:100%;}
.con3 .pic img{ margin-left:0;}
.con3 .txt{ width:100%; padding:0 5%; margin-top:45px; text-align:center;}
.con3 .but3{ margin-top:60px; justify-content:center;}
.con3 .but3 a{ font-size:25px; border-radius:16px; padding:0 40px; margin-right:30px;}
.con3 .but3 img{ height:32px; margin-right:18px;}
.con5{ padding:55px 0;}
.con5_list{ margin-top:-1px;}
.con5_list li{ width:100%!important; border-right:none; padding:50px 4.05%!important;}
.con5_list li:first-child{ border-top:none;}
.con5_list li img{ height:72px;}
.con5_list li .txt{ font-size:28px; margin-top:30px;}
.con5_list li .more1{ font-size:28px; margin-top:22px; justify-content:left;}
.con5_list li .more1 img{ margin-left:16px; height:30px;}
.con5_list li .more1:hover img,.con5_list li.hover .more1 img{ margin-left:18px;}
.foot1{ padding:28px 0;}
.foot2{ padding:100px 0;}
.foot2 .txt{ width:100%; padding-left:.8%;}
.foot2 .txt p{ font-size:80px;}
.foot2 .txt img{ margin:36px auto 0 auto;}
.foot2 .f2_rt{ width:100%; padding:0 25%; margin-top:45px;}
.foot2 .f2_rt a{ border:2px solid #fff; border-radius:16px; font-size:30px; margin-bottom:50px;}
.foot2 .f2_rt a img{ margin-right:18px; height:32px;}
.form_w{ width:100%; padding-left:0; margin:0 0 100px 0;}
.f_inbut{ border-radius:16px; font-size:28px; width:69.5%;}
.f_intxt{ width:28.5%; font-size:30px; border-radius:16px;}
.foot{ padding:22px 0 37px 0;}
.foot a,.foot1 em a{ margin-right:50px; font-size:24px;}
.foot img,.foot1 img{ height:36px; margin-right:12px;}
.foot a{ margin-top:15px;}
}