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{ width: 100%; height: 566px; background: url(../img/banner.png) no-repeat center 0; }

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

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

.yx-rotaion{width:635px; height:435px; overflow:hidden; margin-top: 60px;}
.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: 60px; }
.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: 18px;  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: 15px;color: #999;overflow: hidden;margin-top: 10px;}
.gzdt a:hover{background: #fff4df;}

.zcwj_b{ margin-bottom: 40px; }
.zcwj{ width: 100%; display: flex; margin-top: 55px; flex-wrap: wrap;}
.zcwj a{ width: 285px; height: 155px; border: 1px solid #ffd4d4; margin-right: 20px; margin-bottom: 20px; background-image: linear-gradient(#fff2f2,#fff); padding: 15px 20px; text-decoration: none; }
.zcwj a span{ width: 100%; height: 50px; line-height:27px; font-size: 18px; color: #000; overflow: hidden; display: block; }
.zcwj a p{  width: 100%; height: 50px; line-height: 50px; display: flex; font-size: 16px; color: #999; position: relative;
     align-items: center; justify-content: space-between;  border-top: 1px solid #e2e4e6; margin-top: 30px;}
.zcwj a p::before{ width: 40px; height: 4px; position: absolute; content: ""; background-image: linear-gradient( to right, #dc0102,#fee5e4); 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:60px 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-image: linear-gradient(#fc9d4a,#fa4c4a); text-decoration: none; box-sizing: border-box; }
.index_demo li a.demo_img img{ width:100%;height: 235px; display: inline-block; float: left; border: 5px solid #fff;}
.index_demo li a.demo_img p{ width: 100%; height: 50px; line-height: 25px; font-size: 18px; color: #fff; display: block; overflow:hidden; }
.index_demo li a.demo_img span{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #eee;  margin-top: 10px;}
.foot{ width: 100%; height:80px; background:  #fb2a27; font-size: 18px; color: #fff; line-height: 80px; text-align: center; }
.index_demo li a.demo_img:hover p{ text-decoration:underline;}

.foot_box { width: 100%; height: auto; background: #fff; margin: 25px 0 0 0; padding: 24px 0; box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.02);}
.foot_box .foot_con { width: 1200px; height: auto; margin: 0 auto; padding: 15px 0; display: flex; justify-content: space-between;}
.foot_box .foot_con .foot_left { display: flex; align-items: center; width: 300px; border-right: 1px solid #ccc; padding: 15px 30px 15px 0;justify-content: center;}
.foot_box .foot_con .foot_left img:first-child { height: 80px; width: auto; margin-right: 10px;}
.foot_box .foot_con .foot_left img:last-child { height: 55px; width: auto;}
.foot_box .foot_con .foot_middle {display: flex; width: calc(100% - 300px); flex-flow: column; justify-content: center; align-items: flex-start; padding: 15px 0 15px 90px;}
.foot_box .foot_con .foot_middle p { line-height: 30px; color: #666666; font-size: 16px;}

.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: 18px; color: #333; display: block; font-size: 18px;
     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: 18px; 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: 18px; 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: 18px; color: #333; display: block; overflow:hidden; padding: 0 5%; }
.img_list li a span{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; 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: 180px; background: url(../img/banner.jpg) no-repeat center 0; background-size:auto 100%; }
     .box{ width: 100%; margin-bottom: 40px;}

     .title{ width: 100%; height: auto; background: url(../img/title.png) no-repeat center bottom; background-size: auto 18px; text-decoration: none; }
     .title span{ width: 150px;  font-size: 30px; margin-left: 50%; }

     .rotaion_list{ width: 100%; height: 100%; }
     .rotaion_list li{ width: 100%; height: 100%; }
     .yx-rotaion{width:90%; height:200px; overflow:hidden; margin: 40px 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:200px; }

     .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: 30px;}
     .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: 55px; 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:40px 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;background-image: linear-gradient(#fc9d4a,#fa4c4a); text-decoration: none; box-sizing: border-box; }
     .index_demo li a.demo_img img{ width:100%;height: 120px; display: inline-block; float: left; border: 5px solid #fff;}
     .index_demo li a.demo_img p{ width: 100%; height: 50px; line-height: 25px; font-size: 18px; color: #fff; display: block; overflow:hidden; }
     .index_demo li a.demo_img span{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #eee;  margin-top: 10px;}
     .foot{ width: 100%; height: 100px; background-image: linear-gradient( to right, #f94a48,#fe782c); font-size: 18px; color: #fff; 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; }

     /* 列表页 */
     .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; font-size: 18px; 
          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; font-size: 16px; color: #999;  padding: 0 5%;}


     .wlj_content{width: 100%; height: auto; flex-wrap: wrap;padding: 25px 0 25px 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;}

}