@charset "utf-8";
/* CSS Document */
body{background-color:#fff;}
.subPage{width:100%;overflow: hidden;}

.subPage_con{max-width:1400px;margin:60px auto 20px auto ;overflow: hidden;min-height:650px;}
.sub_left{width: 300px;overflow: hidden;float: left;z-index: 99;padding-bottom: 260px;margin-bottom: 60px;position: relative;}
.sub_leftTitle {width: 100%;height: 60px;background:#8D1516;}
.sub_leftTitle h2{text-align: center;line-height: 60px;color:#fff;font-size: 18px;}
.sub_nav{border:1px solid #ddd;border-top:0;border-bottom:0;}
.sub_nav li{border-bottom:1px solid #ddd;position:relative;}
.sub_nav li a{display: block;padding:12px 35px;}
.sub_nav li a.active,.sub_nav li a:hover{background: rgb(249, 241, 240);color:#000;}
.sub_left li strong.arrow{display:block;height:45px;line-height:45px;width:45px;text-align:center;font-size:23px;font-weight:bold;position:absolute;right:0;top:0;color:#8D1516;z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_nav li strong.arrow:hover{background-color:#f3d949;}
.twoJ_menu{background-color:#fff;}
.sub_left .twoJ_menu dd a{;padding:8px 22px 8px 68px;font-size:14px;border-top: 1px solid #ddd}
.sub_right{margin:0 0 0px 346px;}
.sub_banner{margin-bottom:15px;}
.subTitle{width: 100%; height:auto;padding-bottom:10px;overflow:hidden;border-bottom: 1px solid #ddd; margin-top:5px;}
.sub_rightT .subTitle{width: 100%; border-bottom: 1px solid #ddd; padding-bottom:20px;margin-top:15px;}
.subTitle h2{font-weight: normal;color:#8D1516;overflow:hidden;line-height:30px;font-size: 16px;padding-left:30px;background:url(../images/xxgk20220701_more-bg.png) 0 3px no-repeat;}
.bread{float: right;font-size: 0.8em;} 
.bread span{color:#888;}
.bread span a{color:#888;}
.bread span a:hover{color:#8D1516;}
.sub_banner{width: 100%;}
.Banner02{max-width: 1200px;margin: 0 auto;}

.sub_mbtn{width:100%;height:40px;background:url(../images/xxgk20220701_sub-mbtn02_red.png) no-repeat center center;background-color:rgb(249, 241, 240);cursor:pointer;display:none;}
.open{background:url(../images/xxgk20220701_sub-mbtn.png) no-repeat center center;background-color:#8D1516;}
.sub_navm{ width:100%; overflow: hidden;display: none;margin-bottom: 20px;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#8D1516;color:#fff;}
.sub_navm h2 a{font-size:18px;display:block;color:#fff;}
.sub_navm ul{background-color:rgb(249, 241, 240);}
.sub_navm li{position: relative;}
.sub_navm li a{color:#515151; padding-left:13px; height:40px;line-height:40px;border-bottom:1px solid #d3d3d3;display:block;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#8D1516; display:block; width:100%;}
.sub_navm dl{ display: none; background-color:#cac9c9; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px; line-height:18px; padding:5px 0px 5px 30px;}
.sub_navm li.on dl dd a{ font-size: 16px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;}
.sub_navm li dl dd a{ font-size: 16px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;line-height:20px;border-bottom:1px dotted #666;}
.sub_navm li.on dl dd a{ font-size: 16px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:20px;line-height:20px;}
.sub_navm li dl dd a{ font-size: 16px; color:#333; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}
.sub_navm li span.phone_arrow{width:30px;height:30px;line-height:30px;text-align:center;font-weight:bold;font-size:14px;display:block;position:absolute;right:0;top:0;z-index:999;color:#8D1516;cursor:pointer;}

.navm1{ width:298px;border:1px solid #E7C7C6;line-height: 42px; background:#F9F1F0;overflow: hidden; text-align: left; }
.navm1 ul{}
.navm1 ul li{width:100%;overflow:hidden;border-bottom:1px solid #E7C7C6;}
.navm1 ul li:last-child{border:0;}
.navm1 ul li a{width:calc(100% - 57px); color:#8D1516;font-weight:bold;font-size: 16px; float:left; padding-left:20px;  display:block;}
.navm1 ul li span{ padding:13px 10px 0 0;float:right;margin-right:10px;color: #8D1516;cursor: pointer;}
.navm1 ul li dl{color:#004489;border-top:1px solid #E7C7C6;padding-left:35px;padding-right:20px;}
.navm1 ul li dl dd{width:100%;padding-top:5px;padding-bottom:5px;overflow:hidden;line-height:25px;border-bottom:1px dashed #8D1516;}
.navm1 ul li dl dd:last-child{border:0;}
.navm1 ul li.on dl dd a{width:100%; display:block; font-size:16px;font-weight:normal;color:#333; }
.navm1 ul li dl dd a{  padding:0px;}

.navm1 ul li dl dd a:hover{ color:#8D1516;font-weight:bold;}
.navm1 ul li dl dd a.on{color:#8D1516;font-weight:bold;}
.subNavs1{width:100%;overflow:hidden;background:#fff; display:none;}
.sub-chd{padding-left:60px;overflow:hidden;font-size:14px;}
.sub-chd a{border-top:1px solid #8D1516;display:block;width:100%!important;color:#333!important;font-weight:normal!important;padding-top:5px!important;padding-bottom:5px!important;}
.sub-chd a.on{color:#8D1516!important;font-weight:bold!important;}
.sub-chd a:hover{ color:#8D1516!important;font-weight:bold!important;}



/*渚ц竟鏍忓垪琛ㄩ〉*/
.sub_list{margin:20px 0 30px 0;}
.sub_list .rightDate{float:right;color:#666;font-size: 14px;padding-left:150px;}
.sub_list li{background:url(../images/xxgk20220701_li.png) no-repeat 2px 20px;padding-left: 19px;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.sub_list li a{font-size: 16px;line-height:50px;}

/*渚ц竟鏍忔枃绔犻〉*/
.subArticle{min-height:500px;}
.subArticleTitle{text-align: center;}
.subArticleTitle h2{margin:20px 0 10px 0;color:#8D1516;line-height: 28px;font-weight: normal;font-size: 18px;}
.subArticleTitle span{color:#888;font-size: 14px;}
.subArticleCon{margin:20px 0 40px 0;line-height:1.8;}
.yxtitle{float:none;position:relative;width:900px;font-size:20px;font-weight:bold;margin-top:30px;}
.clear{clear:both;margin:0 auto;}
.jxxb{width:100%;margin:20px 0;margin-bottom:0;}
.jxxb li{height:30px;}
.jiaoshi{width:100%;overflow:hidden;}
.jiaoshi ul{height:50px;margin:0 auto;}
.jiaoshi ul li{float:left;height:30px;margin-right:30px;}
.subAffix{}
.subAffixTitle{padding-bottom:10px;border-bottom: 1px solid #ddd;margin-bottom:20px;}
.subAffixTitle h2{color:#8D1516;}
.subAffix ul li{padding-left:20px;margin-bottom:8px;position: relative;}
.subAffix ul li a{font-size: 14px;}
.subAffix ul li:before{content: '';width: 5px;height: 5px;background-color:#8D1516;border-radius: 50%;left:0;top:8px;position: absolute;}
/*渚ц竟鏍忓浘鐗囬〉*/
.subPicList{ border-bottom:1px solid #ddd;overflow: hidden;margin:30px 0;padding-bottom:20px;}
.subPicList li{margin-bottom:20px;width:23%;float: left;margin-right: 2.65%;*margin-right: 22px;}
.subPicList li a{text-align: center;display: block;}
.subPicList li a span{display: block;margin-top:10px;}
.subPicList li.NoMargin{margin-right:0;}
.subPicList li a:hover span{color:#8D1516;}

/*閫氭爮鍥剧墖椤?/
.sub_rightT .subPicList li img{width: 100%;}



/*閫氭爮鍒楄〃椤?/
.sub_rightT{width:100%;}

/*鍒嗛〉*/
.pages{ text-align:center; height:28px;*height:29px;  line-height:28px; margin:25px 0 40px 0; overflow: hidden;padding-left:15px;}
.pages img{vertical-align: middle;}
.pages span{ color:#8D1516; padding:0 20px 0 0px; }
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:60px; height: 28px;*height:29px;text-align:center; color:#636363;}
.pages a img{*display:block; *margin-top: 8px;}
.pages a:hover{ color:#8D1516;}
.pages a.on_pages{ background: url(../images/xxgk20220701_pages03.jpg) no-repeat center top;color:#8D1516;}

.pages_min{ margin-top: 25px; overflow: hidden; display: none;padding:0 18px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #DEF0FF; border-radius: 3px; color:#8D1516; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#8D1516; color:#fff; transition:0.5s;}

.subPage_con-in{min-height:467px;}
.col-gride-in{width:100%;}
.grideList-in {margin:0 auto; 
	overflow: hidden;
}
.grideList-in ul li { width: 33.1%;
	background: rgb(249, 241, 240); border: 1px solid rgb(255, 255, 255); border-image: none;text-align: center; float: left;
}
.grideList-in ul li img.blue {
	display: none;
}
.grideList-in ul li a {
	padding: 30px 0px; width: 100%; display: block;
}
.grideList-in ul li a p {
	font-size: 16px; margin-top: 4px;
}
.grideList-in ul li:hover {
	background: rgb(255, 250, 240);
}



.xuke1{ width:31%; float:left;  margin-left:1%;margin-right:1%}
.xuke1 .xkn{ width:100%; float:left;  margin-right:0px;}
.xuke1 li{ margin-top:20px; float:left; width:100%;}
.xuke1 div{ width:100%;float:left;}
.xuke1 div h1{ height:60px; width:100%; float:left;border-top-right-radius:15px;
border-top-left-radius:15px; border-bottom:1px solid #8D1516; text-align:center;
background:#8D1516;line-height:60px;}
.xuke1 div h1 b{ font-size:18px;}
.xuke1 div h1 b {color:#fff;}
.xuke1 div ul{border:1px solid #8D1516;border-bottom-right-radius:10px;
border-bottom-left-radius:10px;padding:10px 30px;
width:-webkit-calc(100% - 62px); 
width:-moz-calc(100% - 62px); 
width:calc(100% - 62px); 
float:left; padding-bottom:30px;}
.xuke1 div ul h2{ height:38px; width:98%; border-bottom:1px solid #dedede; line-height:38px; color:#313131; font-size:16px;}
.xuke1 div ul li{width:99%; margin-top:0;line-height:30px;padding:10px 0;border-bottom:1px dashed #666;}
.xuke1 div ul li a{ color:#313131; font-size:16px;}
.xuke1 div ul li a:hover{ color:#8D1516; text-decoration:underline}


@media screen  and (max-width:1200px) {
 .subPage{width:98%;margin:0 auto;}
 .sub_tech dl dd{width:15%;}
}


@media screen  and (max-width:1000px) {

  .sub_list .rightDate{float: none;display: block;padding-left:0;}
  .sub_list li::before{top:5px;}
  .grideList-in ul li { width: 33%;}
.grideList-in ul li a {padding: 15px 0px;}
.grideList-in ul li a p {font-size: 14px;}
.xuke1{ width:98%; float:none; }
}

@media screen  and (max-width:800px) {
	.sub_mbtn{display: block;margin-top:10px;}
	.sub_left{display:none;}
	.sub_right{width:98%;margin:0 auto;}
	.sub_leftTitle{background: none;}
	.pages{display: none;}
	.pages_min{display: block;}
  .sub_leftTitle{height:48px;}
  .subTechTitle h2{font-size: 16px;}
  .sub_tech dl dd a{font-size: 16px;}
  .sub_list li a{font-size: 16px;}
  .sub_list .rightDate{font-size: 16px;}
  .subPicList li{width: 30%;}
  .subPicList li.NoMargin{margin-right:2.65%;}
  .bread{float:none;}
  .subTitle h2{font-size: 18px;margin-top:10px;}
  .subArticleCon img{width:auto !important;height:auto !important; display: inline-block !important;}
  .grideList-in ul li { width: 32.7%;}
}


@media screen and (max-width:640px) {
  .leaderPic{float: none;width:100%;}
  .leaderCon{float: none;width:100%;margin:0;margin-top:10px;}
  .sub_leftTitle{height: 30px;}
  .sub_leftTitle h2{font-size: 16px;}
  .sub_navm h2{height:30px;line-height:30px;}
  .sub_navm li a{font-size: 16px;height:30px;line-height:30px;}
  .bread span{font-size: 16px;}
  .bread a{font-size: 16px;}
  .subTitle h2{font-size: 16px;}
  .sub_mbtn{height:30px;}
  .subPicList li{width: 45%;margin-right: 5%;}
  .subPage_con{min-height:300px;}
  .xuke1 div ul{border:1px solid #8D1516;border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;padding:10px 20px;
	width:-webkit-calc(100% - 42px); 
	width:-moz-calc(100% - 42px); 
	width:calc(100% - 42px); 
	float:left; padding-bottom:20px;
	}
}

@media screen and (max-width:480px) {
	.sub_tech dl dd{width: 25%;}
  .subPicList li{width: 100%;}
  .subPicList li img{width: 100%;}
}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	
}