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:"\5B8B\4F53"; font-size:14px;}
html{ background:url(../img/bg.png) no-repeat center 0 #f7f7f7;}
body { color:#383838; width:100%; cursor:default; margin:0 auto; padding:0; height:auto;  }
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; }

.logo{ width: 1200px;  height: 160px; display: block; margin: 0 auto; }
.logo a{ width: 1200px; height: 160px; display: flex; align-items: center; }
.logo img{ width: auto; height: 93px; } 

.nav{ width: 1200px; height: 60px; background: #298dfd; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; border-radius: 5px; overflow: hidden; }
.nav a{  width: 171px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; text-decoration: none; }
.nav a:hover{ background:#1076e7; }

.title{ width: 100%; height: 50px; border-bottom: 1px solid #9cc9fc; display: flex; align-items: center; justify-content: space-between; }
.title span{ width: auto; line-height:50px; font-weight: bold; color: #333; font-size: 18px; padding: 0 20px; border-bottom: 2px solid #298dfd; } 
.title a{ width: auto; line-height: 50px; font-size: 14px; color: #8a8a8a; text-decoration: none; }
.title a:hover{ color:#298dfd; } 


.box{ width: 1200px; height: auto;  margin: 0 auto;display: flex; justify-content: space-between; flex-wrap: wrap; }
.xwdt{ width: 830px; height: 390px; background: #fff; padding:5px 15px 15px 15px; border-radius: 5px; margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }


.yx-rotaion{width:415px; height:290px; margin-top: 20px; border-radius: 5px; overflow: hidden;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:415px;height:45px;line-height:45px;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:14px;font-family:microsoft yahei;z-index:2;bottom:0;left:20px;line-height:45px; text-decoration:none; width:300px; overflow:hidden; height:45px; 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:415px; height:290px; border-radius: 5px;}

.xwdt_list{ width: 360px; height: 290px; }
.xwdt_list li{ width: 100%; height: auto; border-bottom: 1px dashed #ddd; padding: 11px 0;}
.xwdt_list li a{ width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #333; font-size: 14px; line-height: 30px; display: block; text-decoration: none;}
.xwdt_list li span{ width: 100%; line-height: 20px; color: #888;  font-size: 14px; }
.xwdt_list li:last-child{ border-bottom: none; }
.xwdt_list li a:hover{  color:#298dfd; } 

.tagg{ width: 350px; height: 390px;margin-top: 20px; border-radius: 5px; overflow: hidden; background: #fff; padding:5px 15px 15px 15px;}
.tagg li{ width: 100%; border-bottom: 1px dashed #ddd; display: flex; align-items: center; justify-content: space-between; padding: 13px 0; }
.tagg li span{ width:60px; height: 55px; line-height: 30px; background-image: linear-gradient( #18b5ef,#2752ea ); color: #ddd; border-radius: 5px; text-align: center; padding: 5px; display: i; }
.tagg li span p{ width: 50px; height: 20px; line-height: 20px; display: block; color: #298dfd; background: #fff; border-radius: 5px; }
.tagg li a{ width: 248px; height: 50px; line-height: 25px; font-size: 14px; color: #333; overflow: hidden; text-decoration: none; display: block; }
.tagg li a:hover{ color:#298dfd; } 
.tagg li:last-child{ border-bottom: none; }


.banner{ width: 1200px; height: 100px; display: block; margin-top: 20px; }
.banner a{ width: 1200px; height: 100px; display: block; }
.banner a img{ width: 1200px; height: 100px; display: block; }


.qh_list{width: 405px; height: 335px; background: #fff; padding:5px 15px 15px 15px; margin-top: 20px; border-radius: 5px; position: relative; }
.news_tag_tit{width: 100%; height: 50px; border-bottom: 1px solid #9cc9fc; display: flex; align-items: center; justify-content:flex-start; }
.news_tag_tit a{ width: auto; line-height:50px;  padding: 0 20px; color: #777; font-size: 18px;} 
.news_tag_tit a.over{ font-size: 18px; color: #333;  font-weight: bold; border-bottom: 2px solid #298dfd; }
.news_tag_con{ display:inline; float:left; width:100%; height:auto; overflow: hidden; margin-top: 15px; }
.news_tag_con div{ display:none; width:100%; height:auto;}
.news_tag_con div ul{ display:inline-block; width:100%; height: auto; overflow: hidden;}
.news_tag_con div ul li{ width: 100%; height:35px; line-height: 35px; display: flex; align-items: center; justify-content: space-between; }
.news_tag_con div ul li a{  width: 330px;  line-height: 35px; font-size: 14px; color: #333;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration: none;
     padding-left: 20px; background: url(../img/tb.png) no-repeat left center;}
.news_tag_con div ul li a:hover{  color: #298dfd; }
.news_tag_con div ul li span{ width: 70px; line-height: 35px; color: #888; font-size: 14px; text-align: right; }
.news_tag_con div a.more{ width: auto; line-height: 50px; font-size: 14px; color: #8a8a8a; text-decoration: none;   position: absolute; top:5px; right: 15px;   }  
.news_tag_con div a.more:hover{color: #298dfd; }


.index_list{ width: 405px; height: 335px; background: #fff; padding:5px 15px 15px 15px; margin-top: 20px; border-radius: 5px; }
.index_list ul{ margin-top: 15px; }
.index_list li{ width: 100%; height:35px; line-height: 35px; display: flex; align-items: center; justify-content: space-between; }
.index_list li a{ width: 330px;  line-height: 35px; font-size: 14px; color: #333;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration: none;
padding-left: 20px; background: url(../img/tb.png) no-repeat left center;}
.index_list li a:hover{color: #298dfd; }
.index_list li span{ width: 70px; line-height: 35px; color: #888; font-size: 14px; text-align: right; }

.kj_btn{ width: 350px; height:335px; margin-top: 20px; display: flex; justify-content: space-between; align-items:stretch; flex-wrap: wrap;  }
.kj_btn img{ width:auto; height: 40px; display: block; margin: 15px auto 0 auto; }
.kj_btn a span{ width:100%; height: 40px; line-height: 20px; display: block; margin-top: 10px; font-size: 16px; }
.kj_btn a{ width: 170px; height: 100px; border-radius: 5px; overflow: hidden; font-size: 18px; color: #383838; 
text-decoration: none; text-align: center; background: #fff;}

.kj_btn a:hover{ color:  #298dfd;   }

.xzzx{width: 350px; height:335px; margin-top: 20px; border-radius: 5px; overflow: hidden; background: #fff; padding:5px 15px 15px 15px;}
.xzzx li a{ width: 280px;  }
.xzzx li span{ width: 70px;  }

.img_news{ width: 1200px; height: 275px; background: #fff; padding:5px 15px 15px 15px; margin: 20px 0; border-radius: 5px;}

.index_demo{ width:1200px; height:177px;overflow:hidden; display: inline-block; margin:20px 0 0 0 ;}
.index_demo li{ display:inline-block; float:left; width:280px; height:177px;  margin-right: 20px; position: relative; }
.index_demo li a.demo_img{ display:flex;  justify-content: center; flex-wrap: wrap; float:left; width:280px; height:177px; 
     overflow: hidden; text-decoration: none; box-sizing: border-box; }
.index_demo li a.demo_img img{ width:100%;height: 177px; display: inline-block; float: left; }
.index_demo li a.demo_img p{ width: 100%; height: 80px; line-height: 30px;  font-size: 14px; color: #ddd; display: block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 40px 15px 0 15px;
position: absolute; bottom: 0; left: 0; right: 0; z-index: 9999; background-image: linear-gradient( rgba(000,000,000,.0),rgba(000,000,000,.7) );}
.index_demo li a.demo_img:hover p{ text-decoration:underline; }

.foot{ width: 100%; height: 240px; background: #298dfd; }
.yqlj{ width: 1200px; display: flex; align-items: center; justify-content: space-between; padding: 25px 0; margin: 0 auto; }
.yqlj select{ width: 32%; height: 45px; line-height: 45px; background: #fff; border-radius: 5px; border: none; padding: 0 15px;}
.foot_long{ width: 100%; height: auto; border-top: 1px solid #90c2fa; }
.foot_content{ width: 1200px; height: 140px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.foot_content span{ color: #fff; line-height: 30px; font-size: 14px; }
.foot_content p{  color: #fff; line-height: 30px; font-size: 14px; } 



.site{ width: 100%; height: auto; display: block; color: #333; border-bottom: 1px solid #eee; padding: 0 20px;  }
.site span{ width: auto; line-height: 50px; font-size: 14px; color: #333;  }
.site a{ width: auto; line-height: 50px; font-size: 14px; padding: 0 15px; color: #333;  text-decoration: none;  }
.site a:hover{ color: #298dfd;}
/* 内容页 */
.box_content{ width: 1200px; height: auto; display: block; margin: 0 auto 50px auto; background: #fff; border-radius: 5px; margin-top: 20px; }
.content_text{ width: 100%; height: auto; min-height: 500px; padding:50px;}
.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: 100%; height: auto; padding: 10px 30px 50px 30px; min-height: 500px;}
.list li{ width: 100%; height:80px; line-height: 80px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ccc; }
.list li a{ width: 80%;  line-height: 80px; font-size: 16px; color: #333;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration: none;
padding-left: 20px; background: url(../img/tb.png) no-repeat left center;}
.list li span{ width:20%; line-height: 80px; color: #888; font-size: 16px; text-align: right; }
.list li a:hover{ color:#298dfd; } 


/*分页*/
.fenye{ width:100%; height:auto; text-align: center; margin-top: 30px; display: block; }
.fenye 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 5px; color: #7a7a7a; text-decoration: none; }
.fenye a:hover{ background :#298dfd; color: #fff;  }
.fenye a span{ width: auto; padding: 0 30px; }


.img_list{ width: 100%; min-height: 500px; display: block; padding-bottom: 40px; }
.img_list li{ width:275px; height: auto; margin:20px 0 0 20px; background: rgb(202, 188, 188); display: inline-block; float: left; border-radius: 5px; overflow: hidden; } 
.img_list li a{ width: 100%; height: 100%; display: block; position: relative; }
.img_list li a img{ width: 100%; height: 200px; display: block; }
.img_list li a p{ width: 100%; height: 50px; line-height: 60px; position: absolute; bottom: 0; left: 0; right: 0; color: #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 0 15px;
     background-image: linear-gradient( rgba(000,000,000,.0),rgba(000,000,000,.7) );}
.img_list li a:hover p{ text-decoration: underline; }