* { padding: 0; margin: 0; }
*, ::after, ::before { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent }
body { font-size: 14px; color: #282828; font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; overflow: visible!important; ; }
input { border: none; }
ul, li { list-style: none; margin: 0; padding: 0; }
a { outline: none!important; color: #282828; text-decoration: none; }
a:hover { color: 13a96a; text-decoration: none; text-underline: none; }
a:focus { text-decoration: none }
b, strong { font-weight: bold; }
p { font-size: inherit; }
.fl { float: left; }
.fr { float: right; }
.ov { overflow: hidden; }
.img-responsive { max-width: 100%; height: auto; }
/*鼠标移图片变大效果*/
.tran_scale { overflow: hidden !important; display: block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img { transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transform: scale(1, 1); -webkit-transform: scale(1, 1); display: block; }
.tran_scale:hover img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.top-line { background: #f0f1f5; height: 40px; }
.container { width: 1200px; padding: 0px; margin: 0 auto; }
.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }
.top-line .topl { height: 40px; line-height: 40px; }
.top-line .topr { height: 40px; }
.top-line .topr ul li { float: left; width: 100px; height: 40px; line-height: 40px; text-align: right; position: relative; padding-right: 5px; margin-left: 10px }
.top-line .topr ul li.wechat a:before { content: ''; position: absolute; width: 24px; height: 24px; background: url("../image/wechat_icon.png"); top: 8px; left: 5px; }
.top-line .topr ul li.weibo a:before { content: ''; position: absolute; width: 25px; height: 25px; background: url("../image/sina_icon.png"); top: 8px; left: 5px; }
.top-line .wechat.active { background: #fff; border-left: 1px solid #ededed; border-right: 1px solid #ededed }
.top-line .showWechat { position: absolute; display: none; width: 165px; background: #fff; z-index: 999; top: 40px; border: 1px solid #ededed; border-top: none; left: -1px; text-align: center; padding-bottom: 5px; }
.top-line .showWechat div { text-align: center; height: 40px; line-height: 40px }
.top-line .showWechat img { width: 110px; height: 110px }
.head { overflow: hidden; width: 1200px; padding: 13px 0px; margin: 0 auto; }
.logo { width: 41.66666667%; margin-top: 12px; float: left; }
.heada { width: 33.33333333%; margin-top: 20px; height: 80px; float: left; }
.heada .swiper-container { height: 90px }
.heada li { font-size: 16px; height: 28px; letter-spacing: 2px; padding-left: 10px; }
.search { width: 25%; float: left; }
.search img { float: right }
.search-box { width: 238px; height: 34px; border: 1px solid #ccc; position: relative; overflow: hidden; margin-top: 26px; float: right }
.search-box .text, .search-box form { width: 100%; height: 100%; }
.search-box .text { text-indent: 1em; box-sizing: border-box; padding-right: 34px; }
.search-box .submit { position: absolute; width: 34px; height: 34px; background: url(../image/search.png) no-repeat center; background-size: 100% 100%; top: 0; right: 0; cursor: pointer; }
.hmenu { width: 100%; background-color: #13a96a; font-size: 16px; margin: auto; top: 0; position: relative; }
.flexnav { margin: 0; padding: 0; list-style: none; line-height: 1; overflow: visible; width: 100%; margin: 0 auto; height: 50px; display: flex; flex-direction: row; justify-content: center; }
.flexnav:after { content: ""; display: table; clear: both; }
.flexnav>li { float: left; }
.flexnav li { display: block; position: relative }
.flexnav>li.item-with-ul>a { padding-right: 50px }
.flexnav li a { position: relative; display: block; z-index: 2; padding: 17px 25px; overflow: hidden; font-weight: normal; font-size: 16px; color: #fff; text-decoration: none; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -ms-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in }
.flexnav li a:hover { background-color: #0e915d }
.flexnav ul li a { width: 130px; font-weight: 400; font-size: 14px; padding: 13px 0; text-align: center; }
.flexnav li a:hover, .flexnav li.active>a { color: #fff }
.flexnav ul { position: absolute; top: auto; left: 0; display: none; padding: 0; width: 100% }
.flexnav>li>ul { left: auto; right: 0; }
.flexnav ul ul { margin-left: 100%; top: 0 }
.flexnav li ul li { position: relative; overflow: hidden }
.flexnav li ul.show li { overflow: visible }
.flexnav li ul li a { background: #0e915d }
.flexnav li ul li a:hover { background: #13a96a }
.flexnav ul li ul li a { background: #253136 }
.flexnav ul li ul li ul li a { background: #2c3b40 }
.flexnav li ul.open { display: block; opacity: 1; visibility: visible; z-index: 1 }
.flexnav li ul.open li { overflow: visible; max-height: 100px }
.flexnav li ul.open ul.open { margin-left: 100%; top: 0 }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 26px; height: 46px; display: inline-block; text-align: center }
.flexnav .touch-button:hover { cursor: pointer }
.flexnav .touch-button::after { height: 0; width: 0; content: ""; border: 6px solid transparent; border-top-color: #fff; display: block; position: absolute; top: 22px; left: 0px }
.flexnav>li:hover>.touch-button::after, .sm-screen .submenu-open::after { border-top-color: #fff }
.flexnav ul li .touch-button { width: 39px; height: 39px; background: rgba(255,255,255,.05); border-top-color: transparent }
.flexnav ul li .touch-button::after { top: 15px }
.flexnav.lg-screen ul li .touch-button::after { border-left-color: #ddd; border-top-color: transparent; border-width: 5px }
.flexnav.lg-screen ul li:hover>.touch-button::after { border-left-color: #2eb398 }
.flexnav.sm-screen ul li .touch-button::after { border-width: 5px; left: 14px; top: 17px }
.menu-button { position: relative; display: none; padding: 16px 0px; top: 8px; color: #ddd; cursor: pointer; line-height: 1; font-weight: 700; font-size: 14px }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center }
.menu-button .touch-button .navicon { font-size: 16px; position: relative; top: 1em; color: #666 }
.menu-button::after { position: absolute; content: ""; right: 25px; top: 18px; height: 3px; width: 20px; border-top: 2px solid #0e915d; border-bottom: 2px solid #0e915d; z-index: 1; box-sizing: content-box }
.menu-button::before { position: absolute; content: ""; right: 25px; top: 25px; height: 3px; width: 20px; border-bottom: 2px solid #0e915d; z-index: 1; box-sizing: content-box }
.index-ban { height: 100%; position: relative; }
.banner { height: 100%; height: 540px; }
.banner img { width: 100%; }
.banner1 { background: url(../image/banner-zj.jpg) 100% 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }
.banner2 { background: url(../image/banner2.jpg) 100% 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }
.banner3 { background: url(../image/banner3.jpg) 100% 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }
.banner .swiper-button-next, .banner .swiper-button-prev, .learning .swiper-button-next, .learning .swiper-button-prev, .docar .swiper-button-next, .docar .swiper-button-prev { width: 44px; height: 44px; opacity: 1; }
.banner .swiper-button-next { right: 10%; top: 40% }
.banner .swiper-button-prev { left: 10%; top: 40% }
.dao-link {/*position: absolute;*/ width: 100%; bottom: 0; left: 0; background: rgba(19, 169, 106, 0.75);/*padding: 12px 0;*/ z-index: 999 }
.dao-link li { float: left; width: 10%; position: relative; text-align: center; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #0e915d; }
.dao-link li i { display: block; background-size: 100% 100%; margin: 0 auto; width: 36px; height: 36px; margin-bottom: 8px }
.dao-link li a { display: block; text-align: center; font-size: 16px; color: #fff; width: 100%; position: relative; }
.dao-link li:hover { display: block; background: rgba(14, 145, 93, 0.75); }
.dao-link li.li1 i { background-image: url(../image/yuyue_icon.png); display: block; text-align: center; }
.dao-link li.li2 i { background-image: url(../image/chuzhen_icon.png); display: block; text-align: center; }
.dao-link li.li3 i { background-image: url(../image/shoufei_icon.png); display: block; text-align: center; }
.dao-link li.li4 i { background-image: url(../image/jiuyi_icon.png); display: block; text-align: center; }
.dao-link li.li5 i { background-image: url(../image/zhuyuan_icon.png); display: block; text-align: center; }
.dao-link li.li6 i { background-image: url(../image/jiancha_icon.png); display: block; text-align: center; }
.dao-link li.li7 i { background-image: url(../image/yibao_icon.png); display: block; text-align: center; }
.dao-link li.li8 i { background-image: url(../image/news_icon.png); display: block; text-align: center; }
.dao-link li.li9 i { background-image: url(../image/jiaotong_icon.png); display: block; text-align: center; }
.dao-link li.li10 i { background-image: url(../image/about_icon.png); display: block; text-align: center; }
.index-news, .catenews { padding-top: 25px; }
.news { float: left; float: left; width: 842px; }
.keynote { float: right; width: 338px; overflow: hidden }
.index-news .title { box-sizing: border-box; height: 50px; line-height: 50px; position: relative; }
.index-news .title ul { overflow: hidden; }
.index-news .title li { float: left; margin-right: 30px; }
.index-news .news .title li a, .zdzk a { font-size: 18px; color: #333; position: relative; display: block; height: 50px; }
.index-news .news .title li.active a {/*color: #109aae;*/ color: #333; }
.index-news .news .title li.active a:after, .zdzk a:after { display: block; content: ''; width: 100%; bottom: 0; left: 0; background: #13a96a; height: 3px; position: absolute; }
.index-news .news .title li em, .zdzk em, .d_title span em { font-size: 12px; font-style: normal; line-height: 55px; color: #999999; padding-left: 10px; }
.newsa { padding: 20px 0 }
.newsal { float: left; width: 354px; height: 220px; overflow: hidden }
.newsal img { width: 100% }
.newsal p { position: absolute; z-index: 1; top: 180px; left: 0; background: rgba(49,108,173,0.5); margin: 0; padding: 10px 3%; color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsar { float: right; width: 470px; }
.newsar .toutiao .one { font-size: 16px; color: #13a96a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; font-weight: bold }
.newsar .toutiao .one a { color: #13a96a; }
.newsar .toutiao .two { color: #979696; line-height: 24px; margin-bottom: 7px; overflow: hidden; text-indent: 20px; }
.newsar .toutiao .two a { color: #13a96a; display: inline-block; }
.newsar .toutiao .two a:visited { text-underline: none; text-decoration: none; }
.newsb { padding-top: 5px; }
.newsb li { height: 35px; line-height: 35px; border-bottom: 1px dashed #eee; }
.newsb li img { float: left; /*margin-top: 5px*/ margin-top: 10px }
.newsb li div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; width: 80%; padding-left: 20px; float: left; background: url(../image/dots.png) no-repeat center left; }
.newsb a { color: #8c8b8b; }
.newsb a:hover { color: #13a96a }
.newsb a:hover div { background: url(../image/dots-hover.png) no-repeat center left; }
.newsb li span { display: block; float: right; }
.index-news .keynote .title .more { font-size: 14px; padding-right: 10px; color: #383838 }
.index-news .keynote .video_more { margin: 10px 10px;/*background: #ebebeb; */ overflow: auto;}
.index-news .keynote ul li { float: left; width: 48%; position: relative; background: #eeeeee; margin-bottom: 2%; }
.index-news .keynote ul li em { display: block; width: 28px; height: 25px; margin: 20px auto 10px auto; }
.index-news .keynote ul li:nth-child(1) em { background: url(../image/ks1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(1):hover em { background: url(../image/ks1_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(2) em { background: url(../image/ks2.png) no-repeat center; }
.index-news .keynote ul li:nth-child(2):hover em { background: url(../image/ks2_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(3) em { background: url(../image/ks3.png) no-repeat center; }
.index-news .keynote ul li:nth-child(3):hover em { background: url(../image/ks3_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(4) em { background: url(../image/ks4.png) no-repeat center; }
.index-news .keynote ul li:nth-child(4):hover em { background: url(../image/ks4_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(5) em { background: url(../image/ks5.png) no-repeat center; }
.index-news .keynote ul li:nth-child(5):hover em { background: url(../image/ks5_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(6) em { background: url(../image/ks6.png) no-repeat center; }
.index-news .keynote ul li:nth-child(6):hover em { background: url(../image/ks6_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(7) em { background: url(../image/ks7.png) no-repeat center; }
.index-news .keynote ul li:nth-child(7):hover em { background: url(../image/ks7_1.png) no-repeat center; }
.index-news .keynote ul li:nth-child(8) em { background: url(../image/ks8.png) no-repeat center; }
.index-news .keynote ul li:nth-child(8):hover em { background: url(../image/ks8_1.png) no-repeat center; }
.index-news .keynote ul li .video_icon { position: absolute; width: 40px; height: 40px; left: 35%; top: 25%; }
.index-news .keynote ul li:nth-child(2), .index-news .keynote ul li:nth-child(4), .index-news .keynote ul li:nth-child(6), .index-news .keynote ul li:nth-child(8) { text-align: right; float: right }

.index-news .keynote .video .content{text-align: center; position: relative}
.index-news .keynote .video .content .video_icon{ position: absolute;  width: 80px;height: 80px;left: 35%;top: 25%;}
.index-news .keynote .video .content img{margin: 0 10px; width: 318px; height: 214px;clear:both}
.index-news .keynote .video .content a{font-size: 14px; color: #6a6868; height: 20px; line-height: 20px}

.index-news .keynote .video_more{margin: 10px 10px;background: #ebebeb; overflow: auto;}
.index-news .keynote ul li{float: left;width: 48%;position: relative }
.index-news .keynote ul li .video_icon{position: absolute; width: 40px;height: 40px;left: 35%;top: 25%;}
.index-news .keynote ul li:nth-child(2){text-align: right; float: right}
.index-news .keynote ul li:nth-child(4){text-align: right; float: right}
.index-news .keynote .video_more a{font-size: 14px; color: #6a6868;   text-align: center}
.index-news .keynote .video_more span{clear:both;display:block; height: 25px; line-height:25px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index-news .keynote .video_more img{height: 90px; width: 155px}



/*sj v*/
.index-news .mkeynote{ display:none}
.index-news .mkeynote .title .more { font-size: 14px; padding-right: 10px; color: #383838 }
.index-news .mkeynote .video_more { margin: 10px 10px;/*background: #ebebeb; */ overflow: auto;}
.index-news .mkeynote ul li { float: left; width: 48%; position: relative; background: #eeeeee; margin-bottom: 2%; }
.index-news .mkeynote ul li em { display: block; width: 28px; height: 25px; margin: 20px auto 10px auto; }
.index-news .mkeynote ul li:nth-child(1) em { background: url(../image/ks1.png) no-repeat center; }
.index-news .mkeynote ul li:nth-child(1):hover em { background: url(../image/ks1_1.png) no-repeat center; }
.index-news .mkeynote ul li:nth-child(2) em { background: url(../image/ks2.png) no-repeat center; }
.index-news .mkeynote ul li:nth-child(2):hover em { background: url(../image/ks2_1.png) no-repeat center; }
.index-news .mkeynote ul li .video_icon { position: absolute; width: 40px; height: 40px; left: 35%; top: 25%; }
.index-news .mkeynote ul li:nth-child(2){ text-align: right; float: right }

.index-news .mkeynote .video .content{text-align: center; position: relative}
.index-news .mkeynote .video .content .video_icon{ position: absolute;  width: 80px;height: 80px;left: 40%;top: 35%;}
.index-news .mkeynote .video .content img{margin: 0 8px; width: 96%; clear:both}
.index-news .mkeynote .video .content a{font-size: 14px; color: #6a6868; height: 20px; line-height: 20px}

.index-news .mkeynote .video_more{margin: 10px 10px;background: #ebebeb; overflow: auto;}
.index-news .mkeynote ul li{float: left;width: 48%;position: relative }
.index-news .mkeynote ul li .video_icon{position: absolute; width: 40px;height: 40px;left: 35%;top: 25%;}
.index-news .mkeynote ul li:nth-child(2){text-align: right; float: right}
.index-news .mkeynote .video_more a{font-size: 14px; color: #6a6868;   text-align: center}
.index-news .mkeynote .video_more span{clear:both;display:block; height: 25px; line-height:25px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index-news .mkeynote .video_more img{width: 100%}
/*sj v end*/
.d_title { color: #383838; font-size: 16px; clear: both; height: 53px; line-height: 50px; padding-left: 10px; padding-right: 10px; overflow: hidden; }
.d_title span { display: block; float: left; }
.d_title span div { border-bottom: 3px solid #13a96a; height: 100%; }
.d_title .more { float: right; font-size: 14px; padding-left: 2px; padding-right: 2px; text-align: center }
.learswiper, .doca { padding: 20px 0 0 0; }
.learswiper .swiper-slide img { display: block; width: 100%; }
.learswiper .swiper-slide p { background: #eee; padding: 20px 10px; text-align: center; font-size: 16px; color: #333; }
.learswiper .swiper-slide:hover p { background: #40a47e; color: #fff; }
.learswiper .swiper-button-next, .learswiper .swiper-button-prev { display: none; }
.doc { padding-top: 25px; }
.docal { width: 42%; float: left; }
.docar { width: 56%; float: right; }
.docswiper { height: 100%; }
.docswiper .swiper-slide img { width: 100% }
.docswiper .swiper-slide p { background: #f5f5f5; text-align: center; display: block; position: absolute; bottom: 0px; width: 100%; padding: 10px 0; }
.docswiper .swiper-slide-thumb-active { border: 2px solid #13a96a }
.docswiper .swiper-slide-thumb-active p { background: #40a47e; color: #fff; }
.docswiper2 img { width: 100%; }
.docswiper2 p { position: absolute; z-index: 1; bottom: 0; right: 0; background: rgba(64,164,126,0.8); margin: 0; padding: 10px; color: #fff; }
.catenewsa { width: 32.5%; float: left; margin-right: 1%; background: #f5f5f5; padding-bottom: 10px }
.catenewsa:last-child { margin-right: 0; }
.catenewsa .intro { margin-left: 10px; margin-top: 25px; border-bottom: 1px solid #d3d3d3; height: 120px; margin-right: 10px }
.catenewsa .intro img { float: left; height: 104px; width: 147px }
.catenewsa .intro .con { float: right; width: 55%; margin-right: 10px }
.catenewsa .intro .con span { display: block; font-size: 16px; margin-top: 5px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catenewsa .intro .con span a { color: #40a47e; }
.catenewsa .intro .con span a:hover { color: #40a47e }
.catenewsa .intro .con div { font-size: 14px; color: #979696; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.i-list { padding: 10px; }
.study { margin-top: 25px; background: #f5f5f5; padding: 10PX; overflow: hidden; }
#study-tabs { overflow: hidden; }
#study-tabs li { float: left; margin: 0; text-align: center; line-height: 45px; font-size: 16px; }
#study-tabs a { color: #383838; width: 166px; height: 55px; display: block; }
#study-tabs #current { background: url("../image/study_title_hover.jpg"); background-position: left bottom; color: #fff; }
#study-tabs #current:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); }
#study-tabs #current { z-index: 3; border-bottom-color: #3d3d3d; opacity: 1; filter: alpha(opacity=100); }
#study-content { padding-top: 10px; }
#study-content .study-con { display: none; }
.studya { float: left; width: 25%; }
.studya img { width: 100% }
.studyb { float: right; width: 75%; }
.studyb ul li { float: left; margin-left: 10px; margin-bottom: 10px; }
.studyb ul li img { width: 285px; height: 220px; overflow: hidden }
.studya div { position: absolute; width: 100%; box-sizing: border-box; background: rgba(0,0,0, 0.7); bottom: 0; left: 0; ; color: #fff; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studya div span { display: block; font-size: 16px; height: 40px; line-height: 40px; }
#study-content .tran_scale div { position: absolute; width: 100%; box-sizing: border-box; background: rgba(0,0,0, 0.7); bottom: 0; left: 0; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
#study-content .tran_scale div span { display: block; font-size: 14px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#study-content .tran_scale div a { color: #fff }
.footer { padding-top: 20px; }
.foota { text-align: right; width: 1200px; margin: 0 auto; margin-bottom: 10px; color: #929292 }
.footb { background: #f5f5f5; padding: 16px 0px 16px 0px; }
.footb .f-logo { width: 31%; float: left; border-right: 1px solid #d3d3d3; padding: 20px 0px }
.footb .address { width: 34%; float: left; line-height: 25px; font-size: 14px; padding: 20px 0px; padding-left: 20px; }
.footb .qrcode { width: 23%; float: right; margin-top: 5px }
.footb .qrcode ul li, .footd .one li { float: right; margin-left: 15px }
.footb .qrcode ul li:last-child { margin-left: 0px }
.footb .qrcode ul li img { width: 80px; height: 80px }
.footb .qrcode ul li span { display: block; text-align: center }
.footc { background: #13a96a; color: #fff; padding: 28px 0px }
.footc a { color: #fff }
.footc .f-menu li { float: left; padding: 0px 10px; border-right: 1px solid #2d6496 }
.footc .f-menu li:last-child { border: 0 }
.footc .copyright { text-align: right }
.footd { display: none }
.list-ban { position: relative; }
.list-ban img { width: 100%; }
.list { position: relative; margin-top: 50px; height: 100% }
.listl { width: 20%; float: left; left: 0; margin-top: -110px }
.listr { width: 78%; float: right; margin-top: -110px; margin-bottom: 50px }
.lista { background: url("../image/list_cate_bg.jpg") no-repeat; height: 128px; color: #ffffff; font-size: 30px; text-align: center; line-height: 128px }
.lista a { color: #fff; }
.listmenu ul li { text-align: left; height: 50px; line-height: 50px; color: #000000; background: #f0f0f0; margin-bottom: 2px; font-size: 18px }
.listmenu ul li a:before { content: ''; width: 17px; height: 17px; border-radius: 50%; float: left; margin-top: 16px; margin-left: 50px }
.listmenu ul li.current-menu-item, .listmenu ul li.current-cat { background: #13a96a; }
.listmenu ul li.current-menu-item a, .listmenu ul li.current-cat a { color: #fff }
.listmenu ul li.current-menu-item a:before, .listmenu ul li.current-cat a:before { content: ''; width: 17px; height: 17px; border-radius: 50%; background: #fff; float: left; margin-top: 16px; margin-right: 10px; margin-left: 50px }
.list-bottom { font-size: 24px; margin-top: 5px }
.list-bottom div { height: 65px; line-height: 65px; margin-bottom: 5px }
.list-bottom a { color: #fff; }
.list-bottom .menu_yuyue { background: #023d81; }
.list-bottom .menu_yuyue a:before { content: ''; width: 41px; height: 41px; background: url(../image/list_yuyue_icon.png) no-repeat center center; float: left; margin-top: 15px; margin-right: 10px; margin-left: 55px }
.list-bottom .menu_zhenan { background: #00ac7a; }
.list-bottom .menu_zhenan a:before { content: ''; width: 43px; height: 42px; background: url(../image/list_jiaotong_icon.png) no-repeat center center; float: left; margin-top: 12px; margin-right: 10px; margin-left: 55px }
.list-bottom .menu_xuzhi { background: #4091d5; }
.list-bottom .menu_xuzhi a:before { content: ''; width: 45px; height: 45px; background: url(../image/list_xuzhi_icon.png) no-repeat center center; float: left; margin-top: 10px; margin-right: 10px; margin-left: 55px }
.listb { padding: 10px; background: rgba(255,255,255,.5); }
.listb ul { overflow: hidden; }
.listb li { float: left; color: #333 }
.listb li a { color: #333 }
.list-cate { margin-top: 50px; font-size: 30px; color: #333; border-bottom: 1px #e6e6e6 solid; margin-left: 30px; padding-bottom: 5px }
.list-text { margin-top: 30px; margin-bottom: 30px; color: #6a6a6a; font-size: 18px; letter-spacing: 1px; line-height: 32px; padding-left: 30px; }
.list-bottom-m { display: none }
.list-text p { padding: 5px 0; }
.list-text img { width: 700px; max-width: 700px; }
.ben .titletxt { margin-top: 80px; font-size: 35px; color: #333; margin-left: 30px; padding-bottom: 5px; text-align: center; font-weight: bold }
.ben .soure { border-bottom: 1px #e6e6e6 solid; text-align: center; padding-bottom: 5px; color: #888; margin-left: 30px; }
.ben .daodu { background: #f2f2f2; padding: 20px; color: #6a6a6a; font-size: 16px; vertical-align: middle; margin-top: 20px; margin-left: 30px; letter-spacing: 1px; line-height: 24px; }
.ben .art_art5 { font-size: 18px; border-top: 1px #e6e6e6 solid; padding-top: 15px }
.ben .art_art5 p { margin-bottom: 10px; }
.doc { overflow: hidden; }
.doc li { float: left; margin-right: 25px; position: relative; margin-bottom: 25px }
.doc li:nth-child(4n) { margin-right: 0 }
.doc li img { width: 206px; height: 278px }
.doc .intro { position: absolute; bottom: 0; left: 0; background: #000b33; opacity: 0.5; filter: alpha(opacity=80); color: #fff; width: 100%; padding: 5px 0; line-height: normal }
.doc .intro .name { font-size: 18px; text-align: center }
.doc .intro .depart, .doc .intro .shangchang { font-size: 14px; text-align: left; padding-left: 10px; padding-right: 10px }
.doc .intro a { color: #fff }
.doc .intro .shangchang { height: 76px; overflow: hidden; }
.pagelist { text-align: center; display: table; margin: 0 auto; padding-top: 30px; }
.pagelist li { float: left; color: #555555; padding: 4px 12px; margin: 10px 4px; background: #f1eff0; border-radius: 4px }
.pagelist li a { color: #555555; }
.pagelist .thisclass { background: #13a96a; color: #fff }
.pagelist .thisclass a { color: #fff }
.list-news { margin-top: 30px; padding-left: 30px; }
.list-news li { clear: both; border-bottom: 1px #e6e6e6 solid; padding-bottom: 30px; overflow: hidden; padding-top: 30px }
.list-news li:first-child { padding-top: 0 }
.list-news li .left { float: left }
.list-news li .left img { width: 250px; height: 165px; border: 1px solid #f0f0f0; }
.list-news li .right { float: right; width: 630px }
.list-news li .news_txt>h4 { color: #4d4d4d; font-size: 20px; line-height: 20px; height: 20px; width: 100%; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0; }
.list-news li .right .news_txt>p { height: 48px; width: 100%; margin-top: 15px; font-size: 14px; color: #999; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.list-news li .right .news_bar { overflow: hidden; font-size: 14px; float: left; margin-top: 8px; }
.list-news li .right .news_bar .time { float: left; color: #999; }
.envir li { overflow: hidden; }
.envir li a { display: block; position: relative; }
.envir li { float: left; width: 49%; margin-right: 2%; margin-top: 20px; }
.envir li:first-child, .envir li:nth-child(2) { margin-top: 0 }
.envir li.last { margin-right: 0; }
.envir-des { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding: 0 10%; background: rgba(0,0,0,0.5); opacity: 0; }
.envir-des p { color: #fff; line-height: 21px; transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 0; }
.envir-img img { width: 100%; vertical-align: bottom; border: 1px solid #f0f0f0; height: 239px; overflow: hidden }
.envir-img span { text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; height: 30px; line-height: 30px; font-size: 16px }
.rongyi { overflow: hidden; }
.rongyi li.news { width: 31%; float: left; padding-bottom: 30px; overflow: hidden; margin-right: 15px; position: relative }
.rongyi li.news:nth-child(3n) { margin-right: 0 }
.rongyi li.news:first-child { padding-top: 0 }
.rongyi li.news .left { float: left }
.rongyi li.news .left .pic { width: 290px; height: 205px; border: 1px solid #f0f0f0; }
.rongyi li.news span { color: #282828; font-size: 16px; width: 96%; display: block; padding: 5px 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ; text-align: center }
.sear { margin-top: 30px; }
.sear li { clear: both; border-bottom: 1px #e6e6e6 solid; padding-bottom: 30px; overflow: hidden; padding-top: 30px }
.sear li:first-child { padding-top: 0 }
.sear li .right { width: 100% }
.sear li .news_txt>h4 { color: #4d4d4d; font-size: 20px; line-height: 20px; height: 20px; width: 100%; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0; }
.sear li .right .news_txt>p { height: 48px; width: 100%; margin-top: 15px; font-size: 14px; color: #999; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sear li .right .news_bar { overflow: hidden; font-size: 14px; float: left; margin-top: 8px; }
.sear li .right .news_bar .time { float: left; color: #999; }
.swiper-button-prev, .swiper-button-next { background-color: rgba(0,0,0,0.3); border-radius: 50%; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 26px; color: #fff; font-weight: bold; }
.learning .swiper-button-next, .learning .swiper-button-prev { text-align: center; line-height: 54px; }
.page-header img { display: block; padding: 60px 0; margin: 0 auto; }
.page-title { text-align: center; }
.error-404 { padding: 40px 0; }
.error-404 .page-content { width: 400px; margin: 0 auto }
.error-404 a { display: block; width: 160px; height: 60px; line-height: 60px; border-radius: 8px; background: #076cb5; color: #fff; text-align: center; font-size: 18px; }
.error-404 a:last-child { background: #f5841f; }
.posbar { clear: both; padding: 8px; width: 100%; }
 @-webkit-keyframes fadeIn { 0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
 @media (min-width: 1200px) {
list-ban { height: 333px; }
.abanswiper { display: none }
.posbar { display: none }
}
 @media (min-width: 1024px) and (max-width: 1199px) {
.container, .flexnav { width: 100%; }
.top-line { padding: 0 20px; }
.head { padding: 13px 20px; width: 100%; }
.logo img { width: 100%; }
.index-ban, .dao-link { position: static; }
.banner .swiper-button-prev, .banner .swiper-button-next { top: 50% }
.dao-link ul { overflow: hidden; }
.dao-link li { background: rgba(19,169, 106, 0.85); width: 10%; box-sizing: border-box; border-bottom: 1px solid #0e915d; }
.dao-link li i { width: 20px; height: 20px; margin: 2px auto; }
.dao-link li a { font-size: 12px; }
.index-news, .learning, .doc, .catenews { padding: 20px 10px 0 10px; }
.index-news .news { width: 65%; }
.index-news .keynote { width: 34%; }
.index-news .mkeynote { display:none }
.index-news .title, .d_title { background: #ebebeb; padding-left: 10px; }
.newsal { width: 45%; height: 100%; }
.newsar { width: 50%; }
.newsar .toutiao .two { color: #979696; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.catenewsa .intro img { float: left; width: 43%; overflow: hidden; height: 105px }
.catenewsa .intro .con { float: right; width: 52%; margin-right: 10px; }
.study { margin: 10px; }
.studyb ul li { float: left; margin-left: 5px; width: 32.5% }
.foota { width: 100%; padding-right: 10px; }
.footb { padding: 16px 10px; }
.footb .f-logo { width: 41%; padding: 20px 10px }
.footb .address { line-height: 20px; font-size: 14px; padding-left: 10px; }
.footb .qrcode ul li { margin-left: 1%; width: 32%; }
.footb .qrcode ul li:last-child { margin-left: 0px }
.footc { padding: 28px 10px; }
.footd { display: none }
.list { margin: 0 20px; }
.listl, .listr { margin-top: -40px; }
.list-bottom { font-size: 20px; }
.list-bottom .menu_yuyue a:before, .list-bottom .menu_zhenan a:before, .list-bottom .menu_xuzhi a:before { margin-left: 25px; }
.listr { margin-bottom: 10px; }
.list-news li .left { width: 40% }
.list-news li .right { width: 60%; }
.rongyi li.news .left .pic { width: 230px; height: 154px; }
.ben-con img { width: 100%; }
}
@media screen and (max-width:768px) {
.container { width: 100%; }
.top-line, .heada, .search { display: none }
.head { width: 100%; }
.logo { width: 75%; padding-left: 5% }
.menu-button { width: 20%; float: right; }
.logo img { width: 100%; }
.hmenu { background: #fff; }
.flexnav { width: 100%; overflow: hidden; max-height: 0; height: 100%; display: block }
.flexnav.show { overflow: visible; max-height: 2000px; position: fixed; z-index: 99; -webkit-animation-name: fadeIn; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; }
.flexnav li a { background: rgba(64,164,126, 0.8); }
.flexnav li { float: none }
.flexnav ul li a { width: auto }
.flexnav ul, .flexnav ul ul { position: relative; margin-left: 0; width: 100% }
.flexnav li ul { overflow: hidden; background: #0e915d; }
.flexnav li ul li { float: left; }
.flexnav ul li a { padding-left: 37px }
.flexnav ul ul li a { padding-left: 49px }
.flexnav ul ul ul li a { padding-left: 61px }
.menu-button { display: block }
.banner .swiper-button-next { display: none }
.banner .swiper-button-prev { display: none }
.index-ban, .dao-link { position: static; }
.dao-link ul { overflow: hidden; }
.dao-link li { background: rgba(19,169, 106, 0.65); width: 20%; box-sizing: border-box; border-bottom: 1px solid #0e915d; }
.dao-link li i { width: 20px; height: 20px; margin: 2px auto; }
.dao-link li a { font-size: 12px; }
.index-news .news .title li a, .zdzk a { font-size: 16px; }
.index-news { padding: 10px; }
.index-news .title, .d_title { background: #ebebeb; padding-left: 10px; }
.news, .newsal, .keynote { float: none; width: 100%; }
.newsal { margin-top: 15px; }
.newsar { display: none }
.newsa { padding: 0 0 20px 0; }
.newsb { padding: 0 0 15px 0; }
.index-news .keynote .video_more span { font-size: 14px; }
.index-news .keynote .video_more { margin: 10px 10px 0 10px; padding: 0 }
.index-news .keynote .video_more ul { height: 118px; overflow: hidden; }
.learning, .doc, .catenews { padding: 10px; }
.learning li { float: none; width: 100%; }
.docal, .catenewsa:last-child, .studya, #study-content .tran_scale div, .footb, .footc, .lista, .list-bottom, .listb, .ben .daodu { display: none; }
.docar { float: none; width: 100%; }
.catenewsa { float: none; margin: 0; width: 100%; }
.i-list { padding: 10px; }
.i-list ul { height: 140px; overflow: hidden; }
.catenewsa:nth-child(2) { margin-top: 20px; }
.catenewsa .intro .con span { font-size: 14px; }
.catenewsa .intro .con div { font-size: 12px; }
.study { margin: 10px; }
#study-tabs a { width: auto; height: 45px; display: block; padding: 0 10px; }
#study-tabs #current { background: #13a96a; color: #fff; }
.studyb { float: none; width: 100%; height: 263px; overflow: hidden; }
.studyb li { width: 48.5%; }
.studyb li:nth-child(odd) { margin-left: 0; }
.studyb ul li img { width: 100%; height: 100%; }
.foota { width: 100%; padding: 0 10px; text-align: left; color: rgb(179,179,179); }
.footd { display: block; font-size: 12px; }
.footd .one { background: #f5f5f5; text-align: center; color: #8c8b8b; padding: 10px 0; }
.footd .one ul { overflow: hidden; display: flex; flex-direction: row; justify-content: center; }
.footda { background: #40a47e; color: #fff; text-align: center; padding: 10px 0; }
.footda a { color: #fff; }
.list { margin: 0; }
.list-ban { position: static; }
.listl, .listr { float: none; width: 100%; margin: 0; }
.listr { padding: 0 10px 10px 10px; }
.listmenu { padding: 10px; }
.listmenu ul { overflow: hidden; }
.listmenu ul li { float: left; width: 50%; border-right: 2px solid #fff; box-sizing: border-box; background: #f0f0f0; margin-bottom: 2px; display: block; text-align: center; height: auto; line-height: normal; }
.listmenu li a { display: block; font-size: 14px; position: relative; height: 30px; line-height: 30px; }
.listmenu ul li a:before, .listmenu ul li.current-menu-item a:before, .listmenu ul li.current-cat a:before { content: ''; width: 1px; height: 1px; border-radius: 0; float: none; margin: 0 }
.listmenu ul li.current-menu-item a:before { content: ''; width: 1px; height: 1px; border-radius: 0; background: #fff; float: none; margin: 0; }
.list-cate { margin: 0; font-size: 20px; }
.list-text { margin: 15px 0; padding: 0; font-size: 16px; }
.list-bottom-m { margin: 20px 0; padding: 0 10px; display: block }
.list-bottom-m li { width: 33.3%; float: left; height: 85px; line-height: 85px; text-align: center; margin-bottom: 5px; }
.list-bottom-m li img { vertical-align: middle; margin-right: 14px; margin-top: -2px; width: 28px; height: 28px }
.list-bottom-m li.li1 { background: #023d81; }
.list-bottom-m li.li2 { background: #39b54a; }
.list-bottom-m li.li3 { background: #00ac7a; }
.list-bottom-m li.li4 { background: #4091d5; }
.list-bottom-m li a { color: #fff; font-size: 20px; }
.ben .titletxt { margin: 10px 0; font-size: 22px; }
.ben .soure { margin: 0; }
.ben .art_art5 { font-size: 14px; }
.doc li { width: 23%; margin-right: 2% }
.doc li img { width: 165px; height: 223px }
.doc .intro .name { font-size: 14px; }
.doc .intro .depart, .doc .intro .shangchang { font-size: 12px; text-align: left; padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-news { padding: 0; }
.list-news li .right { width: 60%; }
.list-news li .left img { height: 165px; width: 250px; overflow: hidden; border: 1px solid #f0f0f0; }
.rongyi li.news .left .pic { width: 230px; height: 154px; }
.searcha { padding: 20px 10px 10px 10px; }
.sear li { padding: 15px 0; }
.sear li .news_txt>h4 { font-size: 16px; }
.sear li .right .news_txt>p { height: 100%; }
.ben-con img { width: 80%; }
.learswiper .swiper-button-next, .learswiper .swiper-button-prev { display: block; }
.footer { padding-bottom: 1.64rem }
}
@media (min-width: 768px) and (max-width: 1023px) {
.banner { height: 228px }
}
@media (min-width: 415px) and (max-width: 767px) { /* 415-768之间像素屏幕*/
.banner { height: 100px }
.posbar { display: block }
.list-ban { display: none }
.list-text img { width: 85% }
.index-news .keynote { display:none }
.index-news .mkeynote { display:block }
}
@media screen and (max-width: 640px) {
.doc li img { width: 138px; height: 145px }
.doc li { margin-right: 15px; margin-bottom: 10px }
.doc li:nth-child(4n) { margin-right: 0 }
.doc li .m-intro { text-align: center; margin-top: 5px }
.doc .intro { position: static; background: #fff; }
.doc .intro .name { color: #000; }
.doc .intro .depart, .doc .intro .shangchang { display: none; }
.list-news li .left img { height: 100px; width: 140px; overflow: hidden; border: 1px solid #f0f0f0; }
.envir-img img { height: 160px; }
.rongyi li.news .left .pic { width: 160px; height: 107px; }
.rongyi li.news span { font-size: 14px; }
.list-ban { display: none }
}
@media screen and (max-width: 414px) {/* 小于414像素屏幕*/
.banner { height: 122px }
.doc li { width: 30% }
.doc li:nth-child(3n) { margin-right: 0 }
.doc li:nth-child(4n) { margin-right: 10px }
.doc li img { width: 100px; height: 135px }
.list-bottom-m li { width: 100%; float: none; height: 42px; line-height: 42px; }
.list-bottom-m li a { font-size: 12px; }
.list-news li { padding-bottom: 10px; padding-top: 10px; }
.list-news li .left img { height: 100px; width: 140px; overflow: hidden; border: 1px solid #f0f0f0; }
.list-news li .news_txt>h4 { white-space: normal; line-height: normal; height: auto; margin: 0; font-size: 16px; font-weight: normal; }
.list-news li .right .news_txt>p { display: none; }
.envir-img img { height: 100px; }
.envir-img span { font-size: 12px; }
.rongyi li.news { width: 48%; padding-bottom: 15px; }
.rongyi li.news:nth-child(3n) { margin-right: 15px }
.rongyi li.news:nth-child(2n) { margin-right: 0 }
.rongyi li.news .left .pic { width: 189px; height: 127px; }
.rongyi li.news span { font-size: 14px; }
.page-header img { width: 100%; padding: 0; }
.page-title { font-size: 16px; padding: 20px 0; }
.error-404 { padding: 0; }
.error-404 .page-content { width: 90%; margin: 0 auto }
.error-404 a { width: 48%; height: 40px; line-height: 40px; font-size: 14px; }
}
@media (max-width: 375px) { /* 小于375像素屏幕*/
.banner { height: 111px }
.list-news li .left, .list-news li .right .news_bar { display: none; }
.list-news li .right { float: none; width: 100%; }
.list-news li .news_txt>h4 { font-size: 14px; }
.rongyi li.news { width: 47.5%; }
.rongyi li.news .left .pic { width: 163px; height: 112px; }
.studyb { height: 238px; }
}
@media (max-width: 320px) {/* 小于320像素屏幕*/
.banner { height: 95px }
.rongyi li.news { width: 100%; margin: 0; }
.rongyi li.news .left .pic { width: 100%; height: 100% }
.rongyi li.news span { font-size: 12px; }
.studyb { height: 196px; }
.studyb li { width: 48%; }
}
.huamei_pagebox { clear: both; font-family: "宋体"; margin-top: 20px; text-align: center; height: 30px; font-size: 18px; }
.huamei_pagebox a { color: #000; font-family: "宋体"; margin-right: 10px; text-decoration: none; font-size: 18px; padding-right: 5px; }
.huamei_pagebox a:hover { background-color: #13a96a; color: #fff; font-size: 18px; }
.pagination a:active { background-color: #13a96a; color: #000; font-size: 18px; }
.huamei_pagebox span.huamei_pagebox_num_nonce { background-color: #13a96a; color: #fff; font-weight: bold; margin-right: 10px; font-size: 18px; }
.huamei_pagebox span.huamei_pagebox_num { color: #000; margin-right: 10px; font-size: 18px; padding-right: 5px; }