@import url(https://www.wenshubang.com/static/css/index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img,input,input:focus{border:0 none;outline:none;border-radius: 10px;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;}
em,cite,i{font-style:normal;}
div{display:block}
a {text-decoration: none;color: #333;cursor: pointer;transition: 0.3s ease;-ms-transition: 0.3s ease;-moz-transition: 0.3s ease;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;font-size: 15px;}
a:hover { color: #108dc8!important;ransition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
body{color:#444;font-size: 12px;background: #f7f7f7;}
.head{float:left;width: 100%;background: #fff;}
.wrap{width: 100%;margin: auto;text-align: center;}
/*logo*/
.logo{float:left;width: 100%;margin-top: 12px;}
.logo a{display: inline-block;background: url(http://static.wenshubang.com/img/logo.png) no-repeat 0 0;width: 199px;height: 46px;background-size: 100%;}

/*投稿*/
.rougao {float: right;width: 280px;margin-top: 34px;display: none;}
.rougao a {height: 45px;line-height: 45px;float: left;color: #666;font-size: 16px;width: 120px;margin-left: 15px;}
.rougao i{background: url(http://static.wenshubang.com/img/nav_ico.png) no-repeat scroll -28px 2px transparent;float: left;height: 45px;width: 45px;margin-right: 10px;}
.rougao em{background: url(http://static.wenshubang.com/img/nav_ico.png) no-repeat scroll -80px 2px transparent;float: left;height: 45px;width: 45px;margin-right: 10px;}

.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;border: 1px solid #0189c8;width: 94%;margin: 3%;}
.search em{float: left;width: 26px;height: 25px;margin-left: 13px;margin-top: 11px;display: none;}
.search_text {width: 66%;padding: 0 3%;line-height: 43px;height: 43px;border: 0;color: #cacaca;font-size: 15px;outline: none;float: left;}
.search_btn {width: 26%;line-height: 43px;cursor: pointer;background: #0189c8;padding: 0;float: right;color: #ffffff;border: 0;text-align: center;font-size: 16px;}
.search_btn:hover{color:#e2a200}
/*栏目导航*/
.nav{width:100%;float: left;background: #108dc8;}
.nav .on, .nav ul li:hover{/* border-bottom: 2px solid #108dc8; */}
.nav .on a, .nav ul li a:hover{/* color: #108dc8; */}
.nav .on{}
.nav ul{width: 100%;margin: 0 auto;}
.nav ul li{float: left;height: 47px;line-height: 47px;text-align: center;overflow:hidden;width: 25%;}
.nav ul li a{font-size: 16px;color: #fff;}
.nav ul li a:hover{color:#ffe52c}

/*次导航*/
.subnav{width: 94%;float: left;margin: 3%;}
.subnav ul {width: 100%;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;height: 276px;overflow: hidden;}
.subnav li {float: left;width: 31%;background: #fff;border-radius: 10px;margin-bottom: 10px;}
.subnav li a {display: block;padding: 17px 0;height: 50px;text-align: center;}
.subnav li a .ico-mn {margin-top: -4px; *margin-top: 0;}
.subnav li a p {height: 18px;line-height: 18px;font-size: 16px;color: #333;margin-top: 10px;}
.subnav li a:hover p { color: #4b93d7; }
.subnav li.nav-line {width: 0;height: 37px;border-left: 1px solid #eaeaea;margin-top: 10px;display: none;}

/*banner*/
.top_banner{width: 100%;height: 348px;float: left;display: none;}
.banner{width: 100%;position: relative;float: left;}
.banner .b-list li{display: none;position: absolute;width: 100%;height: 331px;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.banner .b-list .active{display: block;}
.banner .b-list a{display: block;width: 100%;height: 348px;}
.banner .b-pns{/* display: none; */}
.banner .i-prev, .banner .i-next{opacity: 1;width: 63px;height: 60px;display: block;position: absolute;z-index: 13;top: 50%;margin-top: -35px;}
.banner .icons{background-image: url(http://static.wenshubang.com/img/nav_ico.png);}
.banner .i-prev{background-position: -60px -234px;left: 0;}
.banner .i-next{background-position: -60px -170px;right: 8px;}
.banner .b-btns{position: absolute; bottom: 5px; width: 100%; }
.banner .b-btns ul{display: block; margin: 0 auto; text-align: center; font-size: 0;}
.banner .b-btns li{cursor: pointer;display: inline-block;width: 50px;height: 2px;background-color: rgb(226, 226, 226);background-clip: content-box;margin: 0 3px;border-top: 15px transparent solid;border-bottom: 15px transparent solid;}
.banner .b-btns i{display: block;width: 0;height: 2px;background-color: #108dc8;}
.banner .b-btns i.active{width: 50px; -webkit-transition: 5s; transition: 5s;}

/*次导航ico*/
.ico-mn{display: inline-block;vertical-align:middle;overflow:hidden;}
.ico-mn {background: url(http://static.wenshubang.com/img/nav_ico.png) no-repeat;}
.i-mn1, .i-mn2, .i-mn3, .i-mn4, .i-mn5, .i-mn6, .i-mn7, .i-mn8, .i-mn9, .i-mn10, .i-mn11,.i-mn12 {width: 20px; height: 18px;}
.i-mn1 { background-position: 0 0; }
.i-mn2 { background-position: 0 -25px; }
.i-mn3 { background-position: 0 -50px; }
.i-mn4 { background-position: 0 -75px; }
.i-mn5 { background-position: 0 -100px; }
.i-mn6 { background-position: 0 -125px; }
.i-mn7 { background-position: 0 -150px; }
.i-mn8 { background-position: 0 -175px; }
.i-mn9 {background-position: 0 -75px;}
.i-mn10 { background-position: 0 -225px; }
.i-mn11 { background-position: 0 -275px; }
.i-mn12{ background-position: 0 -250px; }

.mainbox{margin: auto;width: 100%;}
.top_left{float: left;background:#FFF;width: 94%;padding: 3%;border-radius: 15px;}
/*banner*/
.pic_list{float: right;width: 100%;height: 112px;overflow:hidden;position:relative;}
.pic_list ul {float:left;width: 100%;position:absolute;top:0;left:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pic_list ul li{float:left;width: 48%;overflow: hidden;border-radius: 10px;}
.pic_list ul li img{width: 100%;height: 112px;}
.pic_list ul li span{width: 100%;position: absolute;bottom: 2px;z-index: 100;color: #fff;text-align: center;left: 0;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;height: 11px;display: none;}
.pic_list ul li:hover span{height: 188px;background: #33333369;bottom: 25px;line-height: 200px;font-size: 20px;}
.pic_list ul li a{font-size: 13px;float: left;width: 100%;height: 112px;position: relative;}
.news_article{float: left;width: 100%;}
.news_article h2{font-size: 16px;float:left;width: 100%;font-weight: 700;color: #0189c8;line-height: 30px;height: 30px;}
.news_article ul{float:left;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news_article ul li{float:left;width: 100%;height: 42px;line-height: 42px;}
.news_article ul li a{float:left;color: #333;font-size: 15px;}
.news_article ul  li font{float:right;font-size: 13px;color: #c3c3c3;}
.news_img{float:left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news_img a{float:left;width: 47%;overflow:hidden;margin-bottom: 15px;}
.news_img a img{float:left;width: 100%;}
.news_img .newinfo p a{color:#3897e7;margin-left:10px;width: 100%;float: left;}

.top_right{float: right;width: 94%;padding: 3%;background: #fff;border-radius: 15px;margin-top: 10px;}
.top_right .right_box{float: right;width: 100%;background:#FFF;}
.top_right .right_box .rhead{float: left;width: 100%;margin-bottom: 14px;height: 30px;line-height: 30px;}
.top_right .right_box .rhead span{font-size: 16px;color: #333;font-weight: 700;}
.top_right .right_box .rhead span font{font-size:12px;font-weight:400;margin-left:5px;color: #ff5e5e;}
.top_right .right_box img{width: 100%;float: left;}
.top_right .right_box ul{float:left;width:100%;margin-top: 8px;}
.top_right .right_box ul li{float:left;width:100%;height: 41px;line-height: 41px;overflow: hidden;}
.top_right .right_box ul li a{float:left;margin-left:10px;color: #333;width: 80%;}
.top_right .right_box ul li code{float:left;width: 16px;line-height: 16px;height: 16px;font-size:12px;font-weight:700;background: #cdcdcd;color:#FFF;text-align:center;margin: 14px 0;border-radius: 4px;}
.top_right .right_box ul li:nth-child(-n+2) code{background: #e4b84a;}

.lanmufenlei {width: 94%;float: left;background: #FFF;padding: 3%;border-radius: 15px;margin-top: 25px;padding-bottom: 10px;}
.lanmu_title{height: 40px;line-height: 40px;border-bottom: 2px solid #e2e2e2;margin-bottom: 15px;overflow: hidden;}
.lanmu_title span {background: url("http://static.wenshubang.com/img/nav_ico.png") no-repeat scroll -40px -77px transparent;padding-left: 30px;color: #0189c8;font-size: 18px;float: left;font-weight: 700;}
.lanmu_title font{float: left;color: #e2a200;font-size: 12px;}
.lanmufenlei ul{padding-bottom:10px;float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lanmufenlei li{line-height: 46px;float:left;text-align:center;width: 100%;height: 46px;}
.lanmufenlei li a{font-size: 14px;}
.lanmufenlei li span {float: left;width: 73px;text-align: center;margin-right: 10px;}
.lanmufenlei li p {float: right;line-height: 40px;width: 75%;height: 40px;overflow: hidden;}
.lanmufenlei li p a {float: left;color: #333;margin: 0 5px;}
.lanmufenlei li span a{float: left;border: 1px solid #e2e2e2;height: 27px;line-height: 27px;margin-top: 7px;border-radius: 4px;width: 100%;}
.lanmufenlei li a.more{float: right;color: #e2a200;}

/*top_左边内容*/
.index-main-left{float: left;width: 200px;}
/*左导航*/
.nav_left_box{margin:auto;width: 1200px;}
.nav_left{float: left;width: 100%;height: 397px;background: #108dc878;overflow: hidden;}
.nav_left .title{float:left;width:100%;height: 50px;color: #108dc8;font-size: 18px;line-height: 50px;text-indent: 50px;background: #f3f3f3  url(http://static.wenshubang.com/img/nav_ico.png) no-repeat -30px -111px;font-weight: 700;}
.nav_left .title a{color: #fff;}
.nav_left li {width: 50%;height: 44px;float: left;position: relative;z-index: 9999;}
.nav_left li a{width: 100%;text-align: left;text-indent: 12px;color: #fff;font-size: 14px;float: left;height: 44px;line-height: 44px;}
.nav_left li a:hover{color: #fff!important;}
/*主要栏目内容*/
.list_box{width: 94%;float: left;background: #FFF;padding: 3%;border-radius: 15px;margin-top: 10px;}
.list_box .title{float:left;width:100%;border-bottom: 2px solid #e2e2e2;margin-bottom: 13px;}
.list_box .title h2{font-size: 12px;color: #333;position: relative;bottom: -1px;float: left;display: inline;padding: 10px 0;border-bottom: 2px solid #0189c8;font-weight: 700;}
.list_box .title h2 a{display:inline-block;color: #333;font-size: 20px;}
.list_box .title span{float:right;height:36px;line-height: 46px;width: 60%;text-align:right;overflow: hidden;}
.list_box .title span a{line-height:38px;height:38px;padding:0 10px;font-size: 15px;color:#444;display:inline-block;margin-top: 10px;}
.list_box .title span a.more{text-indent:-9999em;background: url(http://static.wenshubang.com/img/nav_ico.png) no-repeat -68px -46px;width:38px;height:38px;float:right;}

.list_box_left{width: 204px;float:left;overflow:hidden;margin-right: 5px;display: none;}
.list_box_left img{background: #0189c8;width: 100%;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
.list_box_left img:hover{transform: scale(1.1);}
.list_box_left .quicknav{padding:5px 0;float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_box_left .quicknav ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_box_left .quicknav span.title{height: 24px; line-height: 24px; padding: 0 12px 2px 15px; float:left; font-size:14px;font-weight: bold;color:#3E6EA7;padding-bottom:5px}
.list_box_left .quicknav ul li{color: #666;float:left;overflow:hidden;height: 29px;line-height: 29px;width: 45%;margin-bottom: 8.8px;border: 1px solid #d8d8d8;text-align: center;border-radius: 4px;}
.list_box_left .quicknav ul li a{float: left;width: 100%;font-size: 14px;}

.list_box_right{float: left;width: 100%;}
.tuijian_pic{float: left;width: 100%;}
.r_img{width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.r_img li{overflow: hidden;width: 48%;position: relative;float: left;margin-bottom: 26px;}
.r_img li a:hover span{text-decoration: underline;}
.r_img li a img{float: left;width: 100%;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
.r_img li a:hover img{transform: scale(1.1);}
.r_img li a span{float: left;height: 34px;width: 97%;line-height: 39px;color: #171717;overflow: hidden;text-align: center;}
.col_list{float:left;margin-top: -10px;}
.col_list li{color:#666;height: 38px;line-height: 38px;overflow:hidden;width: 100%;float:left;text-align:left;}
.col_list li span{color:#999;float:right;font-size: 13px;}
.col_list li a{font-size: 15px;color: #333;width: 60%;float: left;}

/*热门范文推荐*/
.top_list{float:right;width: 100%;margin-top: 10px;}
.top_list .title {padding-bottom: 10px;border-bottom: 0;margin-bottom: 4px;}
.top_list .title em{float:left;font-size: 16px;color: #000000;padding-right: 5px;font-weight: 700;}
.top_list .title i{float:left;background: url(http://static.wenshubang.com/img/nav_ico.png) no-repeat -40px -54px;width: 30px;height: 20px;}
.top_list .ul2 li {line-height: 41px;height: 41px;float: left;width: 100%;text-align: left;}
.top_list .ul2 li span {float:left;width: 16px;height: 16px;margin-top: 12px;line-height: 16px;font-size:12px;text-align:center;color: #9a9a9a;background-color:#E5E5E5;border-radius: 4px;}
.top_list .ul2 li:nth-child(1) span{background: #0189c8;color:#FFF;}
.top_list .ul2 li:nth-child(2) span{background: #0189c8;color:#FFF;}
.top_list .ul2 li:nth-child(3) span{background: #4b93d7;color:#FFF;}
.top_list .ul2 li span.fr {background-color:#FF3C00;}
.top_list .ul2 li span.sec { background-color:#FF6600;}
.top_list .ul2 li span.thr {background-color:#FFD800;}
.top_list .ul2 li a {float:left;color: #333;margin-left: 8px;width: 91%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.top_list .ul2 li code{float:right;font-size: 14px;color:#CCC;width:30px;display: none;}

.flink{float: left;background: #fff;border-radius: 12px;padding: 2.5%;width: 95%;margin-top: 10px;}
.flink ul{width: 1100px;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #333;text-align: left;}
.flink b:before{content:"";font-weight: 700;color: #333;float: left;width: 5px;height: 15px;margin-right: 5px;border-radius: 30px;background: #46a2d0;margin-top: 7px;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 2px;width: 245px;margin-left: 15px;}

.flink li{line-height: 22px;color: #b7b7b7;margin: 5px;float: left;}
.flink li:nth-child(1){color: #03c7a4;width:100%}
.flink li a{color: #888;font-size: 12px;}
.flink li a:hover{color: #03c7a4;}

.footer {margin-top: 10px;background: #2f2f2f;padding: 10px 0;float: left;width: 100%;}
.footer p {width: 100%;text-align: center;color: #d8dde0;font-size: 12px;line-height: 24px;}
.footer p a {font-size: 12px;color: #d8dde0;padding: 0 5px;}
}