@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei",Arial,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit; background:transparent; -webkit-tap-highlight-color: transparent;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


body{ padding: 1.4rem 0; background: #fff; }

.header{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 1.4rem; background: #fff; }
.header h3{ width: 70%; height: 1.4rem; line-height: 1.4rem; text-align: center; font-size: 0.55rem; color: #262626; font-weight: normal; }
.header h3 img{ height: 60%; }
.header .head_button,.header .head_button{ position: relative; width: 15%; height: 1.4rem; display: block; line-height: 1.4rem; text-align: center; font-size: 0.6rem; color: #262626;}

.nymenu{ position: fixed; display: none; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; }
.nymenubg{ position: fixed; width: 100%; height: 100%; }

.nymenu ul{ position: fixed; top: 1.4rem; right: 0; width: 50%; background: #262626; padding: 5px 0; border-left: 3px solid #434141; box-sizing:border-box;  }
.nymenu.indexmenu ul{ right: auto; left: 0; }
.nymenu ul li{ text-align: center; font-size: 0.4rem; color: #fff; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #2d2d2d; }
.nymenu ul li a{ display: block; padding: 0.3rem; }
.nymenu ul li a:hover{ text-decoration: none; background: #1d1d1d; }

.search_form{ display: none; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; padding: 5% 0; box-sizing: border-box; background: #fff; text-align: center; }
.search_form .search_cancel{ display: block; float: left; width: 15%; height: 1rem; line-height: 1rem; font-size: 0.8rem; color: #999; }
.search_form .search_label{ display: block; float: left; width: 10%; height: 1rem; line-height: 1rem; background: #e5e5e5; font-size: 0.44rem; color: #999;  border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.search_form .search_text{ display: block; float: left; width: 60%; height: 1rem; line-height: 1rem; background: #e5e5e5; border: none; border-radius: 5px; font-size: 0.36rem; color: #999; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-right: 10px; box-sizing: border-box; text-align: left; }
.search_form .search_but{ display: block; float: left; width: 15%; height: 1rem; line-height: 1rem; background: none; border: none; text-align: center; font-size: 0.44rem; color: #666; cursor: pointer; }


.banner { position: relative; width: 100%; height: 0; padding: 50% 0 0 0; overflow: hidden; margin: 0 auto; }
.banner .swiper-wrapper { position: absolute; top: 0; left: 0; }
.banner .swiper-wrapper .swiper-slide { position: relative; text-align: center; }
.banner .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; }


.index_article1{ background: #fff; }
.index_article1 ul li{ width: 33.333%; float: left; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; }
.index_article1 ul li:nth-child(3n+1){ border-left: none; }
.index_article1 ul li a{ display: block; width: 100%; height: 100%; padding: 0.4rem 0; }
.index_article1 ul li i{ display: block; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; background-color: #3595c8; margin: 0 auto 0.2rem; border-radius: 50%; font-size: 0.6rem; color: #fff; }
.index_article1 ul li span{ display: block; line-height: 0.6rem; text-align: center; font-size: 0.4rem; color: #333; }
.index_article1 ul li:nth-child(1) i{ background-color: #3595c8; }
.index_article1 ul li:nth-child(2) i{ background-color: #13c62c; }
.index_article1 ul li:nth-child(3) i{ background-color: #e53274; }
.index_article1 ul li:nth-child(4) i{ background-color: #f9b41b; }
.index_article1 ul li:nth-child(5) i{ background-color: #eb5636; }
.index_article1 ul li:nth-child(6) i{ background-color: #d469f5; }


.intitle{ width: 100%; box-sizing: border-box; border-left: 0.2rem solid #c9c9c9; border-bottom: 1px solid #c9c9c9; line-height: 1rem; padding-right: 3%; }
.intitle h3 b{ font-size: 0.5rem; color: #0270bb; font-weight: bold; margin: 0 0.2rem; }
.intitle h3 i{ font-size: 0.4rem; color: #c1c1c1; font-weight: normal; }

.intitle .more{ font-size: 0.42rem; color: #333; background: url(../images/more_ico.png) no-repeat right center; background-size: auto 55%; padding-right: 0.7rem; }

.index_article2{ background: #fff; margin-top: 0.4rem; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.index_article2 ul{ padding: 0.4rem 3%; }
.index_article2 ul li{ width: 31.3333%; float: left; margin: 0.4rem 3% 0 0; }
.index_article2 ul li:nth-child(1),.index_article2 ul li:nth-child(2),.index_article2 ul li:nth-child(3){ margin-top: 0; }
.index_article2 ul li:nth-child(3n){ margin-right: 0; }
.index_article2 ul li a{ display: block; width: 100%; padding: 2px; box-sizing: border-box; border: 1px solid #d9d9d9; }
.index_article2 ul li a .pic{ position: relative; width: 100%; height: 0; padding-bottom: 84%; }
.index_article2 ul li a .pic img{ position: absolute; width: 100%; height: 100%; }
.index_article2 ul li a h5{ line-height: 0.6rem; text-align: center; font-size: 0.4rem; color: #339fcd; font-weight: normal; }
.index_article2 ul li a p{ line-height: 0.5rem; text-align: center; font-size: 0.34rem; color: #333; }


.index_article3{ background: #fff; margin-top: 0.4rem; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.index_article3 ul{ padding: 0.4rem 3%; }
.index_article3 ul li{ border-bottom: 1px solid #d2d2d2; }
.index_article3 ul li:last-child{ border-bottom: none; }
.index_article3 ul li a{ display: block; padding: 0.3rem 0; }
.index_article3 ul li .pic{ position: relative; width: 30%; height: 0; padding-bottom: 20.2%; }
.index_article3 ul li .pic img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index_article3 ul li .txt{ width: 64%; }
.index_article3 ul li .txt h5{ line-height: 1rem; font-size: 0.44rem; color: #333; }
.index_article3 ul li .txt p{ line-height: 0.7rem; font-size: 0.36rem; color: #666; }



.copyright{ width: 100%; height: 0.8rem; line-height: 0.8rem; background: #f2f2f2; text-align: center; font-size: 0.38rem; color: #9f9f9f; }

.footer{ position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; line-height: 1.4rem; background: #0169a6; }
.footer ul li{ width: 25%; float: left; text-align: center;}
.footer ul li a{ display: block; width: 100%; height: 100%; }
.footer ul li i{ font-size: 0.5rem; color: #fff; vertical-align: middle; }
.footer ul li b{ font-size: 0.4rem; color: #fff; font-weight: normal; margin-left: 0.1rem; vertical-align: middle; }



.nynav{ width: 100%; margin: 0 auto 0.3rem; border-left: 0.2rem solid #d5d5d5; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; line-height: 1.2rem; padding-right: 3%; box-sizing: border-box; background: #fff; }
.nynav h3{ font-size: 0.46rem; color: #fff; font-weight: normal; }
.nynav h3 b{ font-size: 0.5rem; color: #0270bb; font-weight: bold; margin: 0 0.2rem; }
.nynav h3 i{ font-size: 0.4rem; color: #c1c1c1; font-weight: normal; }


.nynav .dropdown{ height: 0.7rem; line-height: 0.6rem; background: #fff; padding: 0 0.3rem; border: 1px solid #bfbfbf; box-sizing: border-box; font-size: 0.46rem; color: #0359ac; cursor: pointer; margin-top: 0.28rem; }
.nynav .dropdown i{ font-size: 0.4rem; color: #7f7f7f; margin-left: 0.3rem; vertical-align: middle; }
.nynav .layer_nav{ display: none; }
.layer_dropdown .layui-m-layercont ul li a{ display: block; line-height: 1.2rem; font-size: 0.46rem; color: #333; }
.layer_dropdown .layui-m-layercont ul li a:hover{ background: #eee; }


.news_point { width: 94%; margin: 0.4rem auto; padding: 0 0.2rem 0.4rem; box-sizing: border-box; }
.news_point .art_title { margin-bottom: 0.2rem; text-align: center; border-bottom: 1px dotted #5b6967; padding-bottom: 10px; }
.news_point .art_title h4 { font-size: 0.6rem; color: #333; font-weight: normal; margin-bottom: 10px; }
.news_point .art_title .info { font-size: 0.32rem; color: #6c7a78; }
.news_point .art_content img { max-width: 100%; height: auto; }


.list_news{ margin: 0.4rem auto 0; }
.list_news ul li{ line-height: 1rem; margin-bottom: 0.2rem; }
.list_news ul li a{ display: block; background: #fff; padding: 0 3%; }
.list_news ul li p{ position: relative; max-width: 70%; font-size: 0.4rem; color: #333; padding-left: 0.2rem; }
.list_news ul li p:before{ content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.04px; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #333; margin-right: 1%; }
.list_news ul li span{ display: block; font-size: 0.34rem; color: #333; }



.list_pic{ background: #fff; margin-top: 0.2rem; }
.list_pic ul{ padding: 0 3%; }
.list_pic ul li{ width: 48.3333%; float: left; margin: 0.4rem 3% 0 0; }
.list_pic ul li:nth-child(1),.list_pic ul li:nth-child(2){ margin-top: 0; }
.list_pic ul li:nth-child(2n){ margin-right: 0; }
.list_pic ul li a{ display: block; width: 100%; padding: 2px; box-sizing: border-box; border: 1px solid #d9d9d9; }
.list_pic ul li a .pic{ position: relative; width: 100%; height: 0; padding-bottom: 84%; }
.list_pic ul li a .pic img{ position: absolute; width: 100%; height: 100%; }
.list_pic ul li a h5{ line-height: 0.6rem; text-align: center; font-size: 0.4rem; color: #339fcd; font-weight: normal; }
.list_pic ul li a p{ line-height: 0.5rem; text-align: center; font-size: 0.34rem; color: #333; }


.pagemore{ text-align: center; margin: 0.6rem auto 0; background: #fff; padding: 0.2rem 3%; box-sizing: border-box; font-size: 0; }
.pagemore a{ display: none; }
.pagemore .prev,.pagemore .next{ display: block; float: left; width: 48%; background: #fff; border: 1px solid #3d3d3d; padding: 0.16rem 0; font-size: 0.46rem; color: #3d3d3d; }
.pagemore .next{ float: right; }
.pagemore a.PageW100{ width: 100%; }
.pagemore a:hover{ background: #797979; border-color: #797979; color: #fff; }