@charset "utf-8";
/* CSS Document */
html,body {	position: relative;	height: 100%;}
*{ margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
body {width: 100%; min-width: 320px; margin: 0 auto; font-family: "microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;  color: #333; background: #F5F8FB; position: relative; letter-spacing: 1px;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0; vertical-align: top; max-width: 100%; display: block;}
input,button,textarea,select{ outline: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ul, ol, li { list-style: none; margin: 0; padding: 0; }
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
q:before, q:after {content:''}
abbr, acronym {border: 0}
a { text-decoration: none; color: #333;}
a:link { text-decoration: none; color: #333;}
a:hover { text-decoration: none; color: #333;}
a:active { text-decoration: none; color: #333;}

.width{ width: 1100px; clear: both; margin: 0 auto;}
.swiper{ width: 100%; height: 100%;}
.swiper-slide { display: flex; justify-content: center; align-items: center;}

/*********** 首页搜索 start ***********/
.bg{ width: 100%; height: 100%; background: #fff url(../images/bg.jpg) no-repeat center center; background-size: cover; }
.ss{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.logo{ padding: 30px 20px 0; }
.logo a{ font-size: 32px; font-weight: bold; color: #21AA28; line-height: 40px; text-shadow: 0 0 3px #fff; letter-spacing: 5px;}

.syss{ width: 60%;}
.syss form{ display: flex; justify-content: center;  border-radius: 55px; overflow: hidden; border: 2px solid #21aa28;}
.syss input,.syss button{ border: none; display: inline-block; background: #fff; height: 55px; line-height: 55px;}
.syss input{width: 85%; padding: 0 25px; text-align: left; font-size: 20px; color: #21AA28;}
.syss button{width: 15%; cursor: pointer;}
.syss button:hover{ color: #fe6b2a;}
.syss button i{ font-size: 25px; color: #21AA28;}

/*********** 首页搜索 end ***********/

/*********** 首页栏目 start ***********/
.sylm{ width: 100%; margin-top: 50px;}
.sylm ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 100px;}
.sylm ul li{flex-shrink: 0; width: 17%; margin-bottom: 20px;}
.sylm ul li a{ display: inline-block; width: 100%; font-size: 16px; line-height: 44px; border-radius: 44px; text-align: center; background: #21AA28; color: #fff; box-shadow: 0 0 2px #fff; letter-spacing: 0;}
.sylm ul li:last-child a,.sylm ul li a:hover{ background: #fe6b2a;}
/*********** 首页栏目 end ***********/

/*********** 列表头部 start ***********/
.ltbg{ width: 100%; height: 400px; background: #fff url(../images/bg.jpg) no-repeat center center; background-size: cover;}
.lt{display: flex; flex-direction: column; align-items: center;}
.ltss{ margin-top: 120px;}
/*********** 列表头部 end ***********/

/*********** 栏目导航 start ***********/
.bread{ margin-top: 20px; padding: 0 15px; font-size: 15px; font-weight: bold; line-height: 30px; color: #21AA28; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.bread a{ color: #9CA7B6;}
.bread a:hover{ color: #21AA28;}
/*********** 栏目导航 end ***********/

/*********** 题库 start ***********/
.list-list3{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.list-list3 a{ border: 1px solid #21AA28; color: #21AA28; font-size: 16px; line-height: 36px; padding: 0 25px; border-radius: 32px; box-shadow: 0 0 3px #21aa28; margin: 0 10px 20px; }
.list-list3 a:hover{ background: #21AA28; color: #fff;}
/*********** 题库 end ***********/

/*********** 列表 start ***********/
.list{ background: #fff; border-radius: 20px; margin-top: 20px; padding: 30px;}
.list-list1{ width: 100%;}
.list-list1 ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px dashed #21AA28; display: flex; justify-content: space-between;}
.list-list1 ul li span{ flex-shrink: 0; width: 30px; font-size: 28px; line-height: 30px; text-align: left; margin-right: 10px; color: #21aa28; display: inline-block; vertical-align: top;}
.list-list1 ul li a{ font-size: 15px; line-height: 30px; text-overflow: ellipsis; text-align: justify;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.list-list1 ul li a:hover{ color: #21AA28;}
/*********** 列表 end ***********/

/*********** 列表 start ***********/
.list-nav{ width: 100%; border:2px solid #21AA28; border-radius: 15px; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; line-height: 34px;}
.list-nav h2{ font-size: 20px; }
.list-nav h2 strong{ font-weight: bold; color: #21AA28;}

.list-list2{ width: 100%; margin-top: 20px;}
.list-list2 ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px dashed #21AA28;}
.list-list2 ul li p a{ font-size: 15px; line-height: 30px; text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.list-list2 ul li p a span{font-weight: bold; font-size: 16px; color: #21AA28;}
.list-list2 ul li p a:hover{ color: #21AA28;}
.list-list2 ul li h3{ margin-top: 10px; display: flex; justify-content: flex-start; align-items: center;}
.list-list2 ul li h3 span{display: flex; align-items: center; font-size: 14px; color: #9ca7b6; line-height: 24px; margin-right: 40px ;}
.list-list2 ul li h3 span i{ font-size: 18px; margin-right: 6px;}
.list-list2 ul li h3 span a{ display: flex; align-items: center; color: #9ca7b6;}
.list-list2 ul li h3 span a:hover{ color: #21AA28;}
/*********** 列表 end ***********/

/*********** 分页 start ***********/
.list-page{ width: 100%; margin-top: 30px; clear: both; text-align: center; }
.list-page ul{ display: flex; justify-content: center; align-items: baseline; font-size: 14px; line-height: 26px;}
.list-page ul a,.list-page ul b{ margin: 0 10px; margin-bottom: 15px; color: #21AA28;}
.list-page .fx{ border: 1px solid #21AA28; border-radius: 5px; padding: 5px 10px;}
.list-page .yx,.list-page ul b{ width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 100%;}
.list-page .yx{border: 1px solid #21AA28;}
.list-page ul a:hover,.list-page ul b{color: #fff; background: #21AA28;border: 1px solid #21AA28;}

.search-page{ width: 100%; margin-top: 30px; clear: both; text-align: center;}
.search-page ul{ display: flex; justify-content: center; align-items: baseline; font-size: 14px;}
.search-page ul a,.search-page ul b{flex-shrink: 0; width: 45px; height: 45px; letter-spacing: 0; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 100%;}
.search-page ul a{ margin: 0 10px; margin-bottom: 15px;}
.search-page ul a:hover,.search-page ul b{color: #fff; background: #21AA28;border: 1px solid #21AA28;}
.search-page ul a:first-child:hover{background: none; margin: none; border: none;}
/*********** 分页 end ***********/


/*********** 文章页 start ***********/
.article{ font-size: 16px; line-height: 32px; color: #484848;}
.article a,.article strong{ color: #21AA28;}
.article table{ width: 100%; text-align: center; margin: 15px 0;}
.article table tr td{ border: 1px solid #21AA28;}
.article p,.article-nr div{ font-size: 16px; line-height: 32px; color: #484848; margin-top: 10px;}
.article img{ max-width: 100%; height: auto;}
/*********** 文章页 end ***********/

/*********** 底部 start ***********/
.footer{ background: #21AA28; padding: 30px 0; text-align: center; margin-top: 30px;}
.footer p{ font-size: 16px; line-height: 30px; color: #fff; letter-spacing: 2px; }
.footer p a{ color: #fff;}
.footer p a:hover{ color: #fe6b2a;}
/*********** 底部 end ***********/