/**@charset "utf-8";**/
/* CSS Document */
body{padding:0;margin: 0;background-color:#eee; }
div,p,li{font-family:Arial,Verdana;font-size:16px;}

.bodybox {width:1200px; margin: 0 auto;padding:0 auto; clear:both;z-index:1;overflow:hidden;background-color:#fff; }

.cl{margin:0 auto;width:1200px;clear:both;z-index:1;height:8px;padding:0;line-height:1px;background-color:#fff;}

a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#ff0;text-decoration:underline;}
a:active{color:#fff;text-decoration:none;}

/*通用标签定义*/
img{border:0;}
ul,li{list-style-type:none;}
/*顶部导航*/
.bodywidth {width:1200px;height:100px;background-color:#ff0000; font-size:16px;line-height:32px;color:#CA0F84;text-align:center;margin: 0 auto;}
.dhleft{width:20%;text-align:center;padding-top:2%;float: left;}
.dhleft img{height:60px;}

.dhright{width:70%;margin: 2%; float: right; }
.dhright li{float: left;margin:0px 16px;color:#fff;font-size:14px;line-height:20px; }

/*下拉菜单*/
* 基本样式 */
.dropdown { 
  position: relative;
  display: inline-block;
  margin-right:20px; /* 添加间距以分隔每个下拉菜单 */
}

.dropbtn {
  background-color: #FF0000;
  color: white;
  padding: 12px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  /*min-width: 120px;*/
    width:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 1;
    border-radius:10px;
    text-align: left;
}

.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
    font-size:14px;
}

.dropdown-content a:hover {
  background-color:#FFB9BA;
}

/* 鼠标悬停时显示下拉内容 */
.dropdown:hover .dropdown-content {
  display: block;
  background-color: rgba(0, 0, 0, 0.5); /* 背景色半透明 */
}

/* 移动端样式调整 */
@media only screen and (max-width: 600px) {
  .dropdown {
    display: block;
    margin-bottom: 20px; /* 调整移动端下拉菜单之间的间距 */
  }

  .dropbtn {
    display: block;
    width: 100%;
    text-align: center;
  }
}

/*下拉菜单end*/

/*--------主体部份——多页共用，集公用模式样式---*/


/*背景色模块*/
.bgcolormokai_nan{background-color:#203968; }
.bgcolormokai_hei{background-color:#000; }
.bgcolormokai_bai{background-color:#fff; }
.bgcolormokai_fei{background-color:#999; }
.bgcolormokai_fei1{background-color:#C7C7C7; }
.bgcolormokai_fei2{background-color:#Cecece; }
.bgcolormokai_fei3{background-color:#eeeeee; }
.bgcolormokai_hong{background-color:#FF080C; }
.bgcolormokai_hong1{background-color:#FF7275; }
.bgcolormokai_fang{background-color:#FFF481; }
.bgcolormokai_fangd{background-color:#FFFCB7; }

/*大标题模块*/
.btword_20{font-size:20px;font-weight:bold;}
.btword_18{font-size:18px;font-weight:bold;}
.btword_14{font-size:18px;font-weight:bold;}
/*文字颜色*/
.wordcolor_bai{color:#fff;}
.wordcolor_fei{color:#666;}
.wordcolor_hong{color:#f00;}
.wordcolor_hong1{color:#FF7275;}
.wordcolor_blu{color:#00F6FF;}
.wordcolor_blu2{color:#153DFF;}
.wordcolor_yello{color:#FFBE02;}
.wordcolor_yello2{color:#F9FF00;}
.wordcolor_yello3{color:#C56C00;}
.wordcolor_grenn{color:#01AC37;}

/*字号大小*/
.wordsize16{font-size:16px;}
.wordsize18{font-size:18px;}
.wordsize20{font-size:20px;}
.wordsize22{font-size:22px;}
.wordsize24{font-size:24px;}
.wordsize26{font-size:26px;}
.wordsize28{font-size:28px;}
.wordsize30{font-size:30px;}

/*行缩进2字,在居有属性的块中才可使用*/
.suojin{text-indent: 2em;}

.btbox{width:1160px; margin: 0 auto;font-size:16px;line-height:150%; text-align: center;padding:30px 20px;background: url(../image/top0.jpg) top; background-size: 100%;height:260px;}

/* 一栏式 */
.onenan{width:1130px;height:auto;padding:20px 35px;}
.onenan::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
.onenan li{width:1100px;float:left;font-size:16px;line-height:150%;}

/* 二栏式 */
.townan{width:1130px;height:auto;padding:40px 35px;}
.townan::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
.townan li{width:46%;float:left;margin-right:35px;font-size:16px;line-height:150%;}

/* 三栏式 */
.threenan{width:1130px;height:auto;padding:40px 35px;}
.threenan::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
.threenan li{width:28%;float:left;margin-right:4%;font-size:16px;line-height:150%;}

/* 四栏式 */
.frounan{width:1150px;height:auto;padding:40px 25px;}
.frounan::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
  
.frounan li{width:250px;float:left;margin-right:20px;font-size:16px;line-height:150%; ;padding:10px;border: solid 1px #999;text-align: center;}
.frounan li p{margin-top:20px;}
.frounan img{width:100%;}

/* 四栏式多排竖通 */
.frousutongbox{width:1160px;height:auto; margin: 0px auto;padding:20px; }
.frousutongbox:after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
.frousutong{width:245px;float:left;margin-right:20px;font-size:16px;line-height:150%; ;padding:13px;}
.frousutong li{width:96%;padding:2% 6%;border: solid 1px #999;text-align: center;margin-bottom: 20px;}
.frousutong li img{width:100%;}
.frousutong li b{color:#C80003;font-size:20px;font-weight:100;}

.tablbox{width:1160px;padding:30px 20px;line-height:200%;}
.tablbox td{padding-left:20px;height:30px;background-color:#fff;}
.tablbox th{padding-left:20px;height:30px;background-color:#fff;}
.tablbox table{width:100%;order-collapse: collapse; border-spacing:1px;background-color:#666;}
.tablbox table code{width:50%;padding:10px;color:#FF0004;}


/*span块定义*/
.spankuai{text-align: center;float:left;display: block; padding:10px; border-radius:10px;}
.spankuai2{text-align: center;display: block; padding:20px;height:20px;}
/*定义圆角*/
.radius10{border-radius:10px;}
.radius20{border-radius:20px;}

/*内容居中*/
.textcenter{width:100%;height:auto; text-align: center;}

/*-----口岸部份-横排两列-向下平铺模式-----*/

.kouanbox{width:1160px;height:auto; margin:0px auto;padding:20px; background-color:#fff; }
.kouanbox::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
.listbox{width:100%;border: 0px solid #666;font-size:16px;line-height:180%;margin-top:20px;color:#666;}
.listbox::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */


.listleft{width:32%;float:left;}
.listleft img{width:100%;border-radius:10px;}
.listright{width:65%;padding-left:3%;float:left;}
.listright li{float:left;width:auto;margin-bottom:10px;clear: both;}
.listright li code{font-size:24px;}
.listright li div{padding:10px 20px;background-color:#9DF7E8;color:#086657; border-radius:10px;}
.konglr{padding:0px 10px;border-radius:10px;}
.kong4m{padding:20px;border-radius:10px;}
.kouanboxbai{width:1160px;height:auto; margin:0px auto;padding:20px; background-color:#fff;color:#666;line-height:180%; }
.kouanboxbai::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */
  

  .kouanleft{width:20%;float:left;height:auto;}
  .kouanleft li{ min-height: 40px; height:auto;font-size:20px; background-color:#e3e3e3; border-bottom:1px solid #fff;line-height:200%;padding-left:5%;}
  .kouanleft li a{color:#333;font-size:16px;}
  .kouanleft li a:hover{color:#f00;}
 #hanju100{line-height:100%;padding-top:3%;padding-bottom:3%;}
  
  .kouanright{width:78%;float:left;height:auto;padding-left:2%;}
 .kouanright span{font-size:26px;line-height:40px;color:#CA0003;}
   .kouanright strong{color:#B17302;font-size:20px;line-height:200%; display: block;width:100%;text-align: center ;}
  
  .kouanright li{width:100%;height:auto;}
  .kouanright li span{font-size:26px;line-height:40px;color:#CA0003;}
  .kouanright li img{height:150px;}
  .kongtopdows{ margin: 30px auto;}
  .kouanright li dd img{width:100%;}
   .kouanright input{}
    
  
  /*右侧图片100%宽度*/
  
  .kouanrightimg{width:78%;float:left;height:auto;padding-left:2%;}
 .kouanrightimg span{font-size:26px;line-height:40px;color:#CA0003;}
.kouanrightimg strong{color:#B17302;font-size:20px;line-height:200%; display: block;width:100%;text-align: center;}
.kouanrightimg li img{width:100%;}
  .kouanrightimg li h4{color:#FF5F62;font-weight:lighter;font-size:20px;}
  .kouanrightimg li td{border-bottom: 1px #cecece solid;}
  .kouanrightimg li th{border-bottom: 1px #cecece solid;}
  .kouanrightimg li table{width:100%;}
  .img5pai{width:100%;height:auto;}
   .img5pai li{width:19.8%;padding:0.1%;float:left;}
   .img5pai li img{width:100%; border: 0;}
  

/*-----口岸部份-横排两列-向下平铺模式end-----*/

/*点击标题切换类内容块*/
.qiefan_bt{width:100%;height:auto;clear:both;}
.qiefan_bt .bt{float:left;color:#f00;width:20%;text-align: center;}
.qiefan_bt .bt2{float:left;color:#f00;width:20%;text-align: center;background-color: aliceblue;}
.qiefan_bt .bt:hover{background-color: aliceblue;}

.qiefan_cont{width:96%;background-color: aliceblue;clear:both;padding:2%;}

/*主体部份-end*/

/*foot底部*/
.footbox{width:1120px;height:auto;padding:20px 40px;background-color:#000;color:#fff;font-size:16px;line-height:150%; }
.footbox::after {content: ''; /* 添加伪元素 */
  display: block;
  clear: both;}/* 自动高度背景随高而变 */

.footbox li{float:left;width:45%;margin-right: 40px;color:#666; }
.footboxcon {display: flex;justify-content: center;padding-top:1.5%;}
.footboxcon img{width:450px;}