@charset "utf-8";
*{ font-family:"微软雅黑";}
body{
	background-color: #FFFFFF;
}
.header{background-color: #cd2424; position: relative; z-index: 9;}
.header .top{background-color: #fae8e6;}
.header .top .container{height: 32px;}
.header .top a, .header .top{color: #333333; font-size: 12px;}
.header .top span{margin: 0 5px;}
.logo-search{padding: 20px 0;}
.logo-search .duxing{margin-top: 32px; margin-right: 80px;}
.logo-search .form-top{padding-top: 5px;}
.logo-search .form-top a{width: 25px; height: 23px; flex-shrink: 0; background: url(../images/sprite1.png) no-repeat center; margin-bottom: 5px;}
.logo-search .form-top .qq{background-position: 0 0; margin-right: 17px;}
.logo-search .form-top .weibo{background-position: -38px 0; margin-right: 17px;}
.logo-search .form-top .pyq{background-position: -79px 0;}
.logo-search form{width: 260px; height: 33px; border: 1px solid #fff; border-radius: 5px;}
.logo-search .input, .logo-search .btn{height: 31px; line-height: 31px; background: none; border: 0 none;}
.logo-search .input{color: #fff; padding: 0 15px;}
.logo-search .btn{width: 32px; border-left: 1px solid #fff; background: url(../images/icon-search.png) no-repeat center; cursor: pointer;}
.logo-search .nav-button{width: 40px; display: none; height: 40px; border: 1px solid #fff; flex-shrink: 0; border-radius: 5px; background-color: rgba(255, 255, 255, .2); justify-content: center; align-items: center; flex-direction: column;}
.logo-search .nav-button .line{width: 30px; height: 2px; background-color: #fff;}
.logo-search .nav-button .line:nth-child(2){margin-top: 7px;}
.logo-search .nav-button .line:nth-child(3){margin-top: 7px;}
.header .nav{background-color: #f3faff; border-bottom: 1px solid #cd2424;}
.header .nav .container{display: flex; justify-content: space-between; align-items: center;padding: 0 20px 0 20px;}
.header .nav li{height: 50px; line-height: 50px; position: relative;}
.header .nav li>a{color: #cd2424; font-family: '微软雅黑';font-size: 20px;font-weight:bold;}
.header .nav li>a:hover{color: #8a0909;}
.header .sub-nav{background-color: #fae8e6; display: none; padding: 10px; line-height: 30px; font-size: 14px; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); min-width: 90px;}
.header .sub-nav::before{content: ' '; border: 5px solid transparent; border-bottom-color: #cd2424; position: absolute; left: 50%; transform: translateX(-50%); top: -10px}
.header .sub-nav>div{border-bottom: 1px solid #cd2424; position: relative;}
.header .sub-nav>div:last-child{border-bottom: 0 none;}
.header .sub-nav>div>a{display: block; color: #cd2424; text-align: center;}
.header .sub-nav>div>a:hover{color: #8a0909}
.header .sub-nav .sub-nav2{position: absolute; right: calc(-140px - 9px); top: 0; background-color: #005bac; width: 140px; border-left: 1px dashed #99adc9; display: none;}
.header .sub-nav .sub-nav2 a{display: block; color: #fff; text-align: center;}
.header .sub-nav .sub-nav2 a:hover{text-decoration: underline;}

.banner{margin-top: 20px}
.banner a,.banner img{display: block;  height: auto;}
/* 首页大图（swiper1）原图 1200x316，约 3.8:1 的超宽横幅。
   上面这条只声明了 height，img 的 width 保持 auto，会按固有比例算出
   约 1200px 宽（进入 <=600px 断点后 height 被强制成 200px，宽度变成约 760px）。
   object-fit 只在元素本身已溢出时才裁剪，此处元素就是 760px 宽，
   于是图片被 swiper 容器的 overflow:hidden 左右各裁掉一大半 ——
   手机上表现为「首页大图只显示中间一半」。
   显式限定宽度跟随容器、高度按比例，任何视口下都完整显示。 */
.banner .swiper1 img{width: 100%; height: auto; object-fit: contain;}

.footer{background-color: #cd2424; padding: 50px 15px; color: #b8c8e0; font-size: 12px;}
.footer .f-logo{margin-left: 130px;}
.footer .line{margin-left: 24px; margin-right: 24px;}
.footer .copy{line-height: 1.8;font-size: 16px; }
.footer .xinmei{margin-left: 130px;}

.titleCon>.title{text-align: center;margin: 30px 0 15px 0;}
.titleCon>.title>a{font-size: 34px;color: #005bac;	font-family:FZLTDHK;font-weight:bold;}
.titleCon>.title>a:hover{text-decoration: underline;}
.titleCon>.classify{font-size: 14px;color: #686868;font-family: "NSimSun";text-align: center;margin-bottom: 40px;}
.titleCon>.classify a{display: inline;color: #686868;}
.titleCon>.classify a:hover{color: #999;}
.titleCon>.classify>a:nth-child(4){margin-left: 20px;}

/* 当前位置 - start */
.headlocation{background-color: #daeeff;height: 35px;padding-left: 1%;white-space: nowrap;}
.headlocation>.location{width: 100%;font-size: 14px;color: #666666;	font-family: "Sim Sun";	text-align: left;}
/* 当前位置 - end */

/* 二级页面子栏目列表 - start  */
.headNav{
	background-color: #F5F5F5F5;
	height: 50px;
	padding-left: 8%;
	overflow-x: auto;
	white-space: nowrap;
}
.headNav>.nav-item{
	width: 10%;
	font-size: 12px;
	color: #666666;
	font-family: "Sim Sun";
	text-align: center;
	cursor: pointer;
}
.headNav>.nav-item:not(:last-child){
	border-right: 1px solid #a7a7a7;
}
.headNav>.nav-item:hover,.headNav>.nav-item:active{
	color: #b5b5b5;
}
/* 二级页面子栏目列表 - end */

/* slide样式 - end */
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.9;
}
.swiper-pagination-bullet-active {
  width: 2.5rem;
  height: 0.7rem;
  opacity: 1;
  background: #ff0000;
  border-radius: 20%;
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}
/* slide样式 - end */

/* 右侧固定 */
.right-nav{position: fixed;left:50%;top:60%;margin-left: 620px; margin-top: -150px;z-index: 9999;font-size: 12px;}
.right-nav li{margin-bottom: 10px;background-color: #fafafa;width: 60px;height: 60px;position: relative;}
.right-nav li a{display: block;text-align: center;cursor: pointer;}
.right-nav li:hover{ color: #fff; background-color: #006EAB;}
.right-nav li i{ color: #74ACD6; font-size:26px;line-height: 60px; }
.right-nav li:hover i,.right-nav li:hover p{ color: #fff;}
.show-ewm{position: absolute;opacity: 0;z-index: -1;filter: alpha(opacity=0);width: 140px;height: 130px;left:-50px;display: none;}
.right-nav li .ewm1{background: url("../images/phpj211.png") no-repeat;top: -34px;}
.right-nav li .ewm1 img{margin-left:5px;margin-top: 5px;width:119px;height:119px;}
.right-nav li .ewm2{background: url("../images/ycbg20171.png") no-repeat; height: 88px;top:8px; padding-top: 6px;width: 137px;padding-left: 12px;}
.right-nav li .ewm3{background: url("../images/phpj211.png") no-repeat;top: 110px;}
.right-nav li .ewm3 img{margin-left: 12px;margin-top: 5px;}
.right-nav li .bdsharebuttonbox a{margin-left: 8px;margin-top:8px;}
.right-nav li.share {position: relative;}
.right-nav li{border: 1px solid #dcdcdc;}
.right-nav li>a{padding-top: 7px;}
.right-nav li i{line-height: 24px;}
.right-nav li p{line-height: 25px;}
#bdshare_weixin_qrcode_dialog{width: 230px!important;height: 270px!important;}
/* 右侧固定 */


@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
	.logo-search .duxing{display: none;}
	.xinmei{display: none;}
	.friendlyLink{display: none;}
	.f-logo{display: none;}
	.right-nav{display: none;}
}
@media (max-width: 767px) {
	.logo-search{padding: 15px; align-items: center; justify-content: space-between;}
	.logo-search .form{display: none;}
	.logo-search .flex-grow-1{display: none;}
	.logo-search .logo img{height:70px;}
	.logo-search .nav-button{display: flex;}
	.header .nav{display: none;}
	.header .nav .container{display: block;}
	.header .nav li .sub-nav{position: relative;}
	.header .sub-nav::before{border: 0 none;}
	.header .nav li .sub-nav2{position: relative; left: 0; right: 0; border-left: 0 none;}
	.header .nav li{height: auto;}
	.banner{margin-top: 20px}
	.footer{padding: 15px 0;}
	.footer .line{margin-left: 10px; margin-right: 10px;}
	.footer .f-logo{margin-left: 0;}
	.titleCon>.title>a{font-size: 18px;}
	.titleCon>.classify a{line-height: 1.8;}
	.swiper-container {width: 100%; height:auto;}
	.swiper-slide {height:auto;}
}

@media (max-width: 600px) {	
	.banner img{height: 200px; object-fit: cover;}
	/* 注意：上面的 height:200px 只应用于首页之外的图片；首页大图 swiper1
	   的尺寸由 .banner .swiper1 img 统一接管（特异性更高，不受此条影响）。 */
	/* 二级页面子栏目列表 - start  */
	.headNav{padding-left: 0;}
	.headNav>.nav-item{width: 33.33%;}
	.headNav>.nav-item:not(:last-child){border: none;}
	/* 二级页面子栏目列表 - end */
}

@media (max-width: 550px) {
	.logo-search .logo img{width:80%; height: auto;}
}
@media (max-width: 500px) {
}