html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, button, input, textarea { margin:0; padding:0; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px;}
html{ background:#fff;}
body { color:#383838; width:100%; cursor:default; margin:0 auto; padding:0; height:auto; font-size: 18px; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
ol, ul, li, dl, dd, dt { list-style:none; }
i, em, cite { font-style:normal; }
table { border-collapse:collapse; }
button { cursor:pointer; font-size:12px; }
fieldset, img, input, button { border:0; }
address, caption, th, em { font-weight:400; }
.float{ float:left;}
.floatr{ float:right;}
.clear{ clear:both; height:1px; overflow:hidden;}
.d{ display:inline;}
.db{ display:inline-block;}
*{ box-sizing: border-box; }

.banner{ display: block; width: 100%; height: 400px; background: url(../img/banner.jpg ) no-repeat center 0;background-size: auto 400px; 
border-bottom: 8px solid #ffc350;}
.banner_m{
     display: none;
}

.box{ width: 1200px; display: block; margin: 0 auto; display: flex;  justify-content: space-between; flex-wrap: wrap; margin-top:50px;}

.title{ width: 100%; height: 89px; background: url(../img/title.png) no-repeat left bottom; text-decoration: none; }
.title span{ width: 100%; line-height: 60px; text-align: center; display: block; background-image: linear-gradient( #dc0604, #eb5130); /* 线性渐变背景，方向向上 */ -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */  -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */
 font-size: 28px; font-weight: bold;text-decoration: none;
}
.title:hover span{ background-image: linear-gradient( #dc0604, #dc0604);  }

.yx-rotaion{width:635px; height:435px; overflow:hidden; margin-top: 30px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:635px;height:55px;line-height:55px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:20px;line-height:55px; text-decoration:none; width:445px; overflow:hidden; height:55px; display:inline-block; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../img/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:8px;z-index:2}
.yx-rotation-focus span{width:8px;height:8px;line-height:8px;float:left;margin-left:10px;position:relative;top:18px;cursor:pointer;background-position:-29px -128px;text-indent:-9999px;}
.yx-rotation-focus span.hover{ width:18px; height: 8px; background-position:-5px -128px; top: 18px;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.rotaion_list{width:0;height:0;overflow:hidden;}
.yx-rotaion img{width:635px; height:435px; }

.news_list{ width:530px; margin-top: 30px; }
.news_list ul{ padding: 8px 0; display: block;}
.news_list hr{ width: 100%; border: none;   border-bottom: 1px dashed #ccc; }
.news_list li{ width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; background: url(../img/icon.png) no-repeat left center;  padding-left: 25px; }
.news_list li a{ width:80%; height: auto; line-height: 41px; font-size: 16px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #333; text-decoration: none; }
.news_list li span{ width: 15%; line-height: 41px; text-align: right; color: #999; }
.news_list li a:hover{ color: #dc0102; }

.gzdt{ width: 100%; display: flex; flex-wrap: wrap; margin-top:30px;}
.gzdt a{ width: 23.5%; height: auto; padding: 15px; text-decoration: none; background: url(../img/gzdt_icon.png) no-repeat 25px 90px; 
background: #fffbf3; border: 1px solid #ffe4a3; margin:0 1.5% 20px 0; }
.gzdt a:nth-child(4){ margin-right: 0;}
.gzdt a:last-child{  margin-right: 0;}
.gzdt a span{ width: 100%; height: 54px; display: block; line-height:25px; font-size: 16px; color: #333; overflow: hidden; }
.gzdt a p{ width: 100%; height: 25px;display: block;  line-height: 25px; font-size: 14px; color: #999;  overflow: hidden; margin-top: 10px; }
.gzdt a:hover{background: #fff4df;}

.zcwj_b{ margin-bottom: 30px; }
.zcwj{ width: 100%; display: flex; margin-top: 30px; flex-wrap: wrap;}
.zcwj a{ width: 48%; height: 100px; border: 1px solid #ffd4d4; background: #fff9f9;  margin-right: 20px; margin-bottom: 20px;padding: 15px 25px; text-decoration: none; }
.zcwj a span{ width: 100%; height: 40px; line-height:40px; font-size: 16px; color: #000;  display: block;  text-overflow:ellipsis; 
     white-space:nowrap; overflow:hidden;}
.zcwj a p{  width: 100%; height: 20px; line-height: 20px; display: flex; font-size: 16px; color: #999; position: relative;
     align-items: center; justify-content: space-between; }
.zcwj a p::before{ width: 40px; height: 4px; position: absolute; content: "";  left: 0; top: -2px;  }
.zcwj a:nth-child(4){ margin-right: 0; }
.zcwj a:nth-child(8){ margin-right: 0; }
.zcwj a:hover span{ color: #ff0008;}

.index_demo{ width:1200px; height:382px;overflow:hidden; display: inline-block; margin:30px 0 0 0 ;}
.index_demo li{ display:inline-block; float:left; width:380px; height:382px;  margin-right: 30px; }
.index_demo li a.demo_img{ display:flex;  justify-content: center; flex-wrap: wrap; float:left; width:380px; height:382px; padding:  20px;
     overflow: hidden;background: #f7f7f7; text-decoration: none; box-sizing: border-box; border: 1px solid #eee; }
.index_demo li a.demo_img img{ width:100%;height: 235px; display: inline-block; float: left; }
.index_demo li a.demo_img p{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; color: #333; display: block; overflow:hidden; }
.index_demo li a.demo_img span{ width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #999 ;  margin-top: 10px;}
.foot{ width: 100%; height:80px; background:  #b80002; font-size: 18px; color: #fff; line-height: 80px; text-align: center; margin-top: 20px; }

.wlj{ width: 100%; height:auto; background: #feeded; display: block;  }
.wlj_content{width: 1200px; height: 50px;  margin: 0 auto; display: flex; align-items: center; padding-top: 15px; }
.wlj_content span{ width: auto; line-height: 50px; font-size: 20px; color: #333; font-weight: bold; margin: 0 40px;}
.wlj_content a.sw{ width: auto; font-size: 18px; font-weight: bold; color: #fb2a27;  text-decoration: none; }
.wlj_content select{  width: 350px; height: 40px; background: #fff; border-radius: 5px; font-size: 16px; border: 3px solid #ffb3b2; padding: 0 10px; margin-left: 40px;  outline: none;}
.wlj_content a.gx{ line-height: 50px; width: auto; font-size: 18px; height: 50px; font-weight: bold;  color: #fb2a27;
     padding: 0 20px; margin-left: 20px;  border-radius: 10px 10px 0 0; }
.gx_cont{ width: 1200px; height: auto; background: #fff; border-radius: 10px; display: block; margin: 10px auto 0 auto; padding: 20px 10px 10px 10px; box-sizing: border-box; }
.gx_cont a{ width: auto; height: 40px; line-height: 40px; display:inline-block ; background: #feeded; color: #fb2a27; border-radius: 5px; margin: 0 5px 10px 5px;
      font-size: 16px; padding: 0 20px; text-decoration: none;}
.gx_cont a:hover{background:  #b80002; color: #fff;}
.index_demo li a.demo_img:hover p{ text-decoration:underline;}

.yqlj_action{ background: #fff; border-radius: 10px 10px 0 0; }


.site{ width: 100%; height: auto; display: block; color: #333;  }
.site span{ width: auto; line-height: 50px; font-size: 16px; color: #333;  }
.site a{ width: auto; line-height: 50px; font-size: 16px; padding: 0 15px; color: #333;  text-decoration: none;  }
.site a:hover{ color: #ff0008;}
/* 内容页 */
.box_content{ width: 1200px; height: auto; display: block; margin: 0 auto 50px auto; }
.content_text{ width: 100%; height: auto; padding:50px; border: 5px solid #ffd5ce; }
.content_text h1{ width: 100%; height: auto; line-height: 40px; color: #000; font-size: 28px; text-align: center; font-weight: 400; }
.content_text h3{  width: 100%; height: auto; line-height: 35px; margin-top: 15px;  color: #777; font-size: 22px; text-align: center; font-weight: 400;}
.content_text .time{ width: 100%; height: 40px; line-height: 40px; color: #888; display: flex; align-items: center; justify-content: center; background: #f7f7f7; margin-top:30px; }
.content_text .time span{ padding: 0 30px; }
.box_content .content{ width: 100%; height: auto; margin-top: 40px; display: block; }
.box_content .content img{ width:70%; height: auto; display: block; margin: 10px auto;   }
.box_content .content strong{  font-size: 18px;}
.box_content .content a{  font-size: 18px;}
.box_content .content p{ width: 100%; height: auto; line-height: 35px; font-size: 16px; color: #333; display: block; 
     margin-top: 10px; margin-bottom: 10px;  text-align: justify;}

/* 列表页 */
.list{width: 1200px; height: auto; display:block; margin: 0 auto; padding: 20px 45px 30px 45px;  border: 5px solid #ffd5ce; }
.list li{ width: 100%; height: 80px; line-height: 80px; padding-left:20px ; border-bottom: 1px dashed #e1e1e1;
   background: url(../img/icon.png) no-repeat left center; background-size: 10px auto; display: flex; align-items: center; justify-content: space-between;}
.list li a{ width: 80%; height: 80px; line-height: 80px; font-size: 16px; display: inline-block; text-decoration: none; color: #383838;  white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.list li a:hover{ color: #ff0008; }
.list li span{ width: 10%; height: 80px; line-height: 80px; font-size: 16px; color: #999; text-align: right; }


/*分页*/
.fenye{ width:100%; height:auto; text-align: center; }
.fenye_content{width:auto; height: 45px;  display: block; text-align: center; padding:7px 5px; margin: 25px auto 10px auto;}
.fenye_content a{width:auto; height: 35px; line-height: 35px; border: 1px solid #eee; background: #fafafa; border-radius: 10px; display: inline-block; padding: 0 15px;
      margin: 0 20px; color: #7a7a7a; text-decoration: none; }
.fenye_content a:hover{ background :#ff0008; color: #fff;  }
.fenye_content a span{ width: auto; padding: 0 30px; }

/* 图片列表页 */
.img_list{width: 1200px; height: auto; display:block; margin: 0 auto; padding: 20px 15px;  border: 5px solid #ffd5ce; }
.img_list li{ display:inline-block; width:276px; height:290px; margin: 0 5px 20px 5px; }
.img_list li a{ display:flex;  justify-content: center; flex-wrap: wrap;width:276px; height:290px; padding: 5px;
     overflow: hidden;background: #f7f7f7; text-decoration: none; box-sizing: border-box; }
.img_list li a img{ width:100%;height: 160px; display: inline-block; float: left; }
.img_list li a p{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; color: #333; display: block; overflow:hidden; padding: 0 5%; }
.img_list li a span{ width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #999;  padding: 0 5%;}
.img_list li a:hover p{color: #ff0008; }

.list_title{ width: 100%; height: 55px; display: flex; align-items: center; justify-content: space-between; background-image: linear-gradient(to right, #fd3a38 , #ffd0c9);
border-radius:5px; margin-top: 20px; padding: 0 20px; margin-bottom: 15px; }
.list_title span{ font-size: 22px; font-weight: bold; color: #fff; }
.list_title a{ width:80px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 30px; font-size: 14px; color: #ff0008; text-decoration: none; background: #fff; }
.list_title a:hover{ text-decoration: underline; }
.fd_list{ width: 100%; height: auto; padding: 0 15px;  }
.fd_list li:last-child{ border-bottom: none; }
.fd_list li{  height: 65px; line-height: 65px; }
.fd_list li a{ height: 65px; line-height: 65px; }
.fd_list li span{  height: 65px; line-height: 65px; }


@media screen and (max-width: 736px) {
     .banner{ width: 100%; height: 160px; background: url(../img/banner_2.jpg) no-repeat center 0; background-size:auto 100%; 
          border-bottom:3px solid #ffc350; }
     .banner_m{
          display: block;
          width: 100%;
          height: auto;
          margin-bottom: 20px;
     }
     .banner_m img{
          width: 100%;
          height: auto;
     }
     .box{ width: 100%; margin-top: 30px;}

     .title{ width: 100%; height: 60px; background: url(../img/title.png) no-repeat center 0; background-size: auto 55px; text-decoration: none; }
     .title span{ width: 100%; line-height: 40px;  font-size: 20px;  }

     .rotaion_list{ width: 100%; height: 100%; }
     .rotaion_list li{ width: 100%; height: 100%; }
     .yx-rotaion{width:90vw; height:60vw; overflow:hidden; margin: 10px 5% 0 5%;}
     .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
     .yx-rotation-t{width:80%;}
     .yx-rotaion img{width:100%; height:60vw; }

     .news_list{ width:100%; margin-top: 20px; padding: 0 5%; }
     .news_list li a{ width:100%; }
     .news_list li span{ display: none; }

     .gzdt{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 25px; padding: 0 4%; box-sizing: border-box; }
     .gzdt a{ width: 100%; border: none; margin-bottom: 20px;}
     .gzdt a:last-child{ margin-bottom: 0; }

     .zcwj_b{ margin-bottom: 40px; }
     .zcwj{ width: 100%; display: flex; margin-top:30px; flex-wrap: wrap; padding: 0 5%; }
     .zcwj a{ width: 100%;  margin-right: 0; }

     .yd_tit{ width: 120px !important; }
     .index_demo{ width:100%; height:240px !important;overflow:hidden; display: inline-block; margin:30px 0 0 0; padding: 0 5%;}
     .index_demo ul{height:240px !important;}
     .index_demo li{ display:inline-block; float:left; width:200px; height:240px;  margin-right: 10px; }
     .index_demo li a.demo_img{ display:flex;  justify-content: center; flex-wrap: wrap; float:left; width:200px; height:240px; padding:  10px;
          overflow: hidden; text-decoration: none; box-sizing: border-box; }
     .index_demo li a.demo_img img{ width:100%;height: 120px; display: inline-block; float: left; }
     .index_demo li a.demo_img p{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; display: block; overflow:hidden; }
     .index_demo li a.demo_img span{ width: 100%; height: 20px; line-height: 20px; font-size: 14px;   margin-top: 10px;}
     .foot{ width: 100%; height: 100px; font-size: 18px;  line-height: 100px; text-align: center; }

     .index_demo li a.demo_img:hover p{ text-decoration:underline;}

     /* 内容页 */
     .box_content{ width: 90%; height: auto; display: block;  margin: 0 5% 40px 5%; }
     .content_text{ width: 100%; height: auto; padding:30px 5%; border: 2px solid #ffd5ce; }
     .content_text h1{  font-size: 24px; text-align: left; line-height: 30px;  }
     .content_text h3{  font-size: 20px; text-align: left; }
     .content_text .time{ text-align: left;}
     .content_text .time span:nth-child(2){ display: none; }

     .content_text video,.content_text video object{ width: 100%!important; height: auto!important;}

     /* 列表页 */
     .list{width: 100%; height: auto; display:block; margin: 0 auto; padding: 10px 5%;  border: 3px solid #ffd5ce; }
     .list li{ width: 100%; height: 100px; padding:10px 0 20px 20px ; border-bottom: 1px dashed #e1e1e1;
     background: url(../img/icon.png) no-repeat left 30px; background-size: 10px auto;  flex-wrap: wrap;}
     .list li a{ width: 100%; height: 50px; line-height: 50px; 
          display: inline-block; text-decoration: none; color: #383838;  white-space:nowrap;
          word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
     .list li a:hover{ color: #ff0008; }
     .list li span{ width: 100%; text-align: left; height: 20px; line-height: 20px;  }


     /* 图片列表页 */
     .img_list{width: 100%; height: auto; display:block; margin: 0 auto; padding: 10px 3%;  border: 3px solid #ffd5ce; box-sizing: border-box; }
     .img_list li{ display:inline-block; width:100%; height:auto; margin: 0 0 15px 0;  }
     .img_list li a{ width: 100%;  height:auto; padding: 5px 5px 15px 5px; }
     .img_list li a img{ width:100%;height: 160px; margin-bottom: 10px;  }
     .img_list li a p{  margin-bottom: 10px; }
     .img_list li a span{ width: 100%; height: 20px; line-height: 20px; color: #999;  padding: 0 5%;}


     .wlj_content{width: 100%; height: auto; flex-wrap: wrap;padding: 25px 0 15px 0; }
     .wlj_content span{ width: 100%;  line-height: 40px; font-size: 20px; color: #333; font-weight: bold; margin: 0 20px; }
     .wlj_content a.sw{ width: 100%; text-align: center; line-height: 30px; }
     .wlj_content select{  width: 80%; margin:10px 10% 0 10%;  height: 45px; line-height: 45px;  outline: none;}
     .wlj_content a.gx{ width: 100%; text-align: center; line-height: 50px;   height: 50px; font-weight: bold;  color: #fb2a27;
          padding: 0 20px; margin-left: 20px;  border-radius: 10px 10px 0 0; }
     .gx_cont{ width: 90%; height: auto; margin: 0 5%;
           background: #fff; border-radius: 10px; display: block; margin: -10px auto 0 auto; padding: 10px 5%; box-sizing: border-box; }
     .gx_cont a{ width: 100%; height: 40px; line-height: 40px; display:inline-block ; background: #feeded; color: #fb2a27; border-radius: 5px; margin:5px 0 ;
           font-size: 16px; padding: 0 10px; text-decoration: none;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
     .gx_cont a:hover{background:  #b80002; color: #fff;}

     #page_div li.page_jump,#page_div li.page_index,#page_div li.total_count{
          display: none;
     }

}