@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; max-width: 100%; max-height: 100%;}
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 320px; font-family: "microsoft yahei"; max-width: 1000px; margin: 0 auto; overflow-x: hidden;position: relative;}
input { outline: none; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.wrap { margin: 0 15px;  overflow: hidden;}
.clear { clear: both; }
@font-face {
  font-family: 'Cormorant-Regular';   /*字体名称*/
  src: url( '../fonts/Cormorant-Regular.otf');       /*字体源文件*/
}
/* top */
.top{background-color: #0a4890;line-height: 30px;height: 30px;border-bottom: 1px solid #3b74ba;}
.top p a{float: left;font-size: 12px;color: #8ac0ff;display: block;}
.top p b{display: block;float: left;font-size: 12px;color: #8ac0ff;font-weight: normal;padding: 0 6px;}
/* head */
.head{background-color: #0a4890;padding: 15px 0;}
.logo{width: 40%;}
.logo img{display: block;width: 100%;}
.head1{width: 20px;margin: 2px 10px 0 0;}
.head2{width: 20px;}
/*nav css*/
.nav { box-sizing: border-box;padding: 60px 3%; width: 100%; min-height: 600px; max-width: 1000px; margin: 0 auto; position: absolute; top: 0; left: 100%; z-index: 1000; background: rgba(0,0,0,0.9); font-size: 14px; color: #fff; display: none; }
.nav .close { position: absolute; right: 10px; top: 20px; }
.nav .close img { width: 25px; }
.nav ul li:first-child {  border-top: 1px solid #666; }
.nav ul li { padding: 10px 0 10px 10px; line-height: 24px; overflow: hidden; border-bottom: 1px solid #666; }
.nav ul li .topnav { overflow: hidden; }
.nav ul li a { font-size: 16px; color: #fff; float: left; max-width: 90%;}
.nav ul li span { float: right; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: 6px; padding-right: 5px;background: url(../images/add.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav ul li span.on { background: url(../images/minus.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav .subnav { padding-left: 20px; display: none; }
.nav .subnav dl { margin-top: 10px; }
.nav .subnav dd { line-height: 20px;padding: 6px 0; overflow: hidden; border-top: 1px solid #515151;}
.nav .subnav dd a { font-size: 12px; display: block; width: 100%; height: 100%; }
/*search*/
.search { display: none; margin-bottom: 10px; padding: 5px 0; background: rgba(255,255,255,0.8); position: absolute;width: 100%;z-index: 10;left: 0;top: 88px;}
.search .wrap { height: 36px; line-height: 36px; padding: 5px 0; box-sizing: border-box; border: 1px solid #123061; background: rgba(255,255,255,0.8);}
.search .ss { width: 80%; padding-left: 5%; height: 26px; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; box-sizing: border-box; border: none; vertical-align: top; border-right: 1px solid #123061; }
.search .btn { width: 16%; margin-left: 2%; height: 26px; line-height: 26px; background: url(../images/search-btn-in.png) left center no-repeat; -webkit-background-size: 14px; background-size: 14px; border: none; display: inline-block; *display: inline; *zoom: 1; border: none; vertical-align: top; }
/* hot */
.banner{background: url(../images/top-bg.png) no-repeat;padding: 30px 0;background-size: 100% 100%;}
.hot{background-color: rgba(201, 222, 245,0.6);box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);margin-bottom: 30px;}
.hot a{display: block;padding: 10px 0;}
.hot img{display: block;width: 50px;margin: 0 auto 4px auto;z-index: 99999;}
.hot p{font-size: 20px;color: #d10202;font-weight: bold;text-align: center;}
.banner-b{overflow: hidden;margin-left: 10%;}
.banner-b li{float: left;width: 34%;padding: 0 3%;}
.banner-b li img{display: block;width: 100%;}
/* part1 */
.part1{margin-bottom: 50px;}
.part1-t{margin-bottom: 40px;}
.part1-title{height: 50px;line-height: 50px;background: url(../images/part1-01.png) no-repeat center;background-size: 16px;background-position-y: 42px;padding-bottom: 8px;margin-bottom: 20px;}
.part1-title h5{background-color: #0a7d90;text-align: center;font-size: 20px;color: #fff;font-weight: normal;}
/* 本例子css -------------------------------------- */
.part1-01 .hd{ height:40px; line-height:40px;font-size:18px;border-bottom: 1px solid #d9d9d9;margin-bottom: 10px;}
.part1-01 .hd ul{ overflow:hidden;padding-left: 10px;background:url(../images/part1-06.png) no-repeat left;background-size: 3px 16px;background-position-y: 10px;}
.part1-01 .hd ul li{ float:left; color:#515151;margin-right: 10px;}
.part1-01 .hd ul .on{color:#d10202;font-weight: bold;  }
.part1-01 .hd ul .on a{ display:block;color:#d10202; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.swiper1 {padding-left: 15px; border-bottom: 1px solid #d9d9d9;margin:0 auto 10px auto !important;}
.swiper1 .swiper-wrapper{background: url(../images/part1-06.png) no-repeat left;background-size: 3px 14px;padding-left: 4px;padding-right: 200px;}
.swiper1 .selected {color: #d10202;font-weight: bold;}
.swiper1 .swiper-slide {text-align: center;font-size: 18px;height: 40px;width: 80px !important; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer;}
/* 本例子css -------------------------------------- */
.news{ width:100%; margin:0 auto 30px auto; position:relative; overflow:hidden;   }
.news .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.news .hd ul{ display:inline-block; height:8px; font-size:0; vertical-align:top;}
.news .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#559eba; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.news .hd ul .on{ background:#b9cb0e;  }
.news .bd{position:relative;z-index:0;}
.news .bd ul{}
.news .bd li img{ width:100%;display: block;}
.news-nr{background-color: #fafafa;padding:10px 20px 40px 20px;position: relative;}
.news-time{position: absolute;left: 20px;top: -30px;background-color: rgba(104,217,104,0.7);width: 50px;height: 80px;font-family: 'Cormorant-Regular';color: #fff;text-align: center;}
.news-time .day{font-size: 36px;}
.news-time .year{font-size: 16px;}
.news-nr h5{padding-left: 65px;font-size: 16px;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 15px;}
.news-nr h5 a{color: #404040;}
.news-nr p{font-size: 12px;color: #808080;line-height: 18px;height: 52px;}
.news2{margin-bottom: 30px;}
.news2 h5{font-size: 16px;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;}
.news2 h5 a{color: #0a4890;}
.news2 p{font-size: 12px;color: #808080;line-height: 18px;height: 36px;overflow: hidden; position: relative;}
.news2 p a{float: right;color: #d10202;}
.news2-time{overflow: hidden;padding-top: 10px;margin-top: 10px; border-top: 2px solid #d9d9d9;}
.news2-time li{float: left;padding-left: 20px;font-size: 12px;color: #808080;margin-right: 20px;background: url(../images/part1-03.png) no-repeat left center;background-size: 12px;}
.news2-time li+li{background: url(../images/part1-04.png) no-repeat left center;background-size: 12px;}
.news3 li{margin-bottom: 20px;}
.news3 li a{display: block;overflow: hidden;color: #333333;background:url(../images/part1-07.png) no-repeat left center;padding-left: 10px;background-size: 4px;}
.news3 li a p{font-size: 14px;color: #333333;width: 80%;float: left;line-height: 16px;height: 16px;padding-right: 20px;background: url(../images/part1-05.png) no-repeat right center;background-size: 18px;}
.news3 li+li a p{background: none;}
.news3 li a i{font-style: normal;font-size: 12px;color: #999999;float: right;}
.more{border: 1px solid #d9d9d9;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #999999;display: block;}
/* 通知公告 */
.part1-02{margin-bottom: 20px;}
.part1-02title{height:40px; line-height:40px;border-bottom: 1px solid #d9d9d9;margin-bottom: 20px;}
.part1-02title p{font-size:18px;color: #d10202;font-weight: bold;padding-left: 10px;background:url(../images/part1-06.png) no-repeat left;background-size: 3px 16px;float: left;}
.part1-02title a{float: right;font-size: 12px;color: #999999;}
.part1-02 li{border-bottom: 1px dashed #d4d4d4;padding-bottom: 20px;margin-bottom: 20px;}
.notice-time{overflow: hidden;height: 20px;line-height: 20px;margin-bottom: 6px;}
.part1-02 li .notice-time img{display: block;float: left;width: 12px; padding: 4px 8px 4px 4px;background: url(../images/part1-08.png) no-repeat center;background-size: 100%;position: absolute;left: 0;}
.part1-02 li+li .notice-time img{background: url(../images/part1-09.png) no-repeat center;background-size: 100%;}
.part1-02 li+li+li .notice-time img{background: url(../images/part1-10.png) no-repeat center;background-size: 100%;}
.part1-02 li+li+li+li .notice-time img{background: url(../images/part1-11.png) no-repeat center;background-size: 100%;}
.notice-time i{font-style: normal;font-size: 12px;line-height: 20px;display: block;float: left;background-color: #fafafa;position: relative;padding-left: 24px;padding-right: 4px;}
.notice-time span{display: block;width: 20px;height: 20px;background: url(../images/part1-12.png) no-repeat center;background-size: 100%;float: left;}
.part1-02 li p{font-size: 14px;color: #333333;line-height: 20px;height: 40px;overflow: hidden;}
.part1-02 li p a{color: #333;}
/*  */
.part1-03{background-color: #fafafa;margin-bottom: 40px;}
/* 本例子css -------------------------------------- */
.part1-03 .slideBox{ position:relative;overflow:hidden;}
.part1-03 .slideBox .hd{ position:absolute; width:100%;  height:24px; bottom:10px; left:0; z-index:1; }
.part1-03 .slideBox .hd img{ width:24px;  }
.part1-03 .slideBox .prev,.part1-03 .slideBox .next{ position:absolute; left:40%; top:0; display:block; width:24px; height:24px; line-height:24px; text-align:center;   }
.part1-03 .slideBox .next{ left:auto; right:40%;}
.part1-03 .slideBox .bd{ position:relative; z-index:0; }
.part1-03 .slideBox .bd li{ position:relative;padding: 20px 0 40px 0;}
.part1-03 .slideBox .bd li p{padding-left: 30px;background: url(../images/part1-14.png) no-repeat left center;background-size: 20px;}
.part1-03 .slideBox .bd li p a{display: block;font-size: 14px;color: #333333;line-height: 20px;height: 40px;}
/* part1-04 */
.part1-04 ul{border:  1px solid #d9d9d9;border-right: none;}
.part1-04 ul li{float: left;width: 33%;border-right: 1px solid #d9d9d9;padding: 10px 0;}
.part1-04 ul li a{display: block;}
.part1-04 ul li p{font-size: 14px;text-align: center;color: #d10202;}
.part1-04 ul li img{display: block;margin: 0 auto 6px auto;width: 40px;}
/* part2 */
.part2{margin-bottom: 40px;}
.part2-title h5{background-color: #0a6390;}
.part2-title{background: url(../images/part2-01.png) no-repeat center;background-size: 16px;background-position-y: 42px;}
.part2-t{margin-bottom: 40px;}
.swiper3 {padding-left: 15px; border-bottom: 1px solid #d9d9d9;margin:0 auto 10px auto !important;}
.swiper3 .swiper-wrapper{background: url(../images/part1-06.png) no-repeat left;background-size: 3px 14px;padding-left: 8px;}
.swiper3 .selected1 {color: #d10202;font-weight: bold;}
.swiper3 .swiper-slide{text-align: center;font-size: 18px;height: 40px;width: auto !important; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer;}
.swiper4 .news3 li a p{background: none;}
.swiper4 .news3 ul{padding-bottom: 20px;}
/* 回应关切 */
.part2-03{padding-bottom: 20px;}
.part2-03 li{border: 1px solid #dcdcdc;margin-bottom: 20px;padding: 15px;}
.part2-03 li a{display: block;}
.part2-03 li i{font-size: 12px;font-style: normal;color: #999999;}
.part2-03 li p{font-size: 14px;line-height: 20px;color: #333;height: 40px;overflow: hidden;}
/* part2-04 */
.part2-04 ul{background-color: #60a2fb;padding: 20px;}
.part2-04 ul li{float: left;overflow: hidden;width: 33%;padding: 20px 0;height: 20px;line-height: 20px;}
.part2-04 ul li img{display: block;float: left;width: 20px;margin-right: 6px;}
.part2-04 ul li a{display: block;float: left;font-size: 12px;color: #fff;}
/* part3 */
.part3{margin-bottom: 40px;}
.part3-title h5{background-color: #1065a7;}
.part3-title{background: url(../images/part3-01.png) no-repeat center;background-size: 16px;background-position-y: 42px;}
.part3-01{margin-bottom: 40px;}
.part3-01 .news3 li a p{background: none;}
.part3-01 .news3 ul{padding-bottom: 20px;}
/* part3-02 */
.part3-02{margin-bottom: 40px;}
/* 本例子css -------------------------------------- */
.part3-02 .slideBox{ position:relative;overflow:hidden;}
.part3-02 .slideBox .hd{ position:absolute; width:100%;  height:36px;top: 50%;margin-top: -18px; left:0; z-index:1; }
.part3-02 .slideBox .hd img{ width:18px;height: 36px;  }
.part3-02 .slideBox .prev,.slideBox .next{ position:absolute; left:10px; top:0; display:block; width:18px;height: 36px; text-align:center;   }
.part3-02 .slideBox .next{ left:auto; right:10px;}
.part3-02 .slideBox .bd{ position:relative; z-index:0; }
.part3-02 .slideBox .bd li{ position:relative;}
.part3-02 .slideBox .bd li img{display: block;width: 100%;}
/* part3-03 */
.part3-03 ul li{float: left;width: 32%;background-color: #f1f1f1;height: 110px;}
.part3-03 ul li+li{width: 36%;background-color: #0a4890;}
.part3-03 ul li+li+li{width: 32%;background-color: #f1f1f1;}
.part3-03 ul li a{display: block;padding: 10px 6px;}
.part3-03 ul li a img{width: 40px;display: block;margin: 0 auto 6px auto;}
.part3-03 ul li a p{font-size: 12px;color: #4d4d4d;line-height: 18px;text-align: center;}
.part3-03 ul li+li a p{color: #fff;}
.part3-03 ul li+li+li a p{color: #4d4d4d;}
/* part4 */
.part4{margin-bottom: 40px;}
.part3-title h5{background-color: #1a78b2;}
.part3-title{background: url(../images/part4-01.png) no-repeat center;background-size: 16px;background-position-y: 42px;}
.part4-01{margin-bottom: 40px;}
.part4-01 .part1-02title ul{float: right;overflow: hidden;}
.part4-01 .part1-02title ul li{float: left;overflow: hidden;margin-left: 15px;}
.part4-01 .part1-02title ul li img{display: block;float: left;width: 16px;margin-top: 12px;}
.part4-01 .part1-02title ul li a{display: block;float: left;font-size: 16px;color: #323232;margin-left: 6px;}
.part4-01nr img{display: block;width: 100%;margin: 0 auto;}
.part4-02{padding-bottom: 20px;}
.part4-02 li a{display: block;margin-bottom: 20px;}
.part4-02 li a img{display: block;width: 100%;}
/* part4-03 */
.part4-03{margin-bottom: 40px;}
.part4-03nr{border-bottom: 1px solid #dedede;padding-top: 20px;background: url(../images/part4-10.png) no-repeat;background-size: 18px;background-position-x: 25%;background-position-y: 0;}
.part4-03 ul{overflow: hidden;}
.part4-03 li{float: left;overflow: hidden;width: 50%;border: 1px solid #dedede; box-sizing: border-box;height: 40px;line-height: 40px;background-color: #d6e0ec;text-align: center;}
.part4-03 li+li{background-color: #fff;border-left: none;}
.part4-03 li p{text-align: center;padding-left: 20px;background: url(../images/part4-09.png) no-repeat left center;background-size: 16px;display: -webkit-inline-box;}
.part4-03 li a{display: block;margin: 0 auto; }
/* part4-04 */
.part4-04{margin-bottom: 40px;}
.part4-04 a{display: block;}
.part4-04 a img{display: block;width: 100%;}
/* part4-05 */
.part4-05{margin-bottom: 40px;}
.part4-05 ul{background: #3888f6;padding: 10px 0;overflow: hidden;}
.part4-05 ul li{width: 25%;text-align: center;float: left;border-right: 1px dashed #7fc5fd;box-sizing: border-box;}
.part4-05 ul li+li+li+li{border-right: none;}
.part4-05 ul li a{display: block;padding: 0 10px;}
.part4-05 ul li a p{font-size: 12px;color: #fff;text-align: center;line-height: 18px;}
.part4-05 ul li a img{width: 40px;margin: 0 auto 10px auto;display: block;}
/* part4-06 */
.part4-06 ul{overflow: hidden;}
.part4-06 li{width: 22%;margin-right: 14%;float: left;margin-bottom: 20px;}
.part4-06 li+li{margin-right: 14%;}
.part4-06 li+li+li{margin-right: 0;}
.part4-06 li+li+li+li{margin-right: 14%;}
.part4-06 li+li+li+li+li{margin-right: 14%;}
.part4-06 li+li+li+li+li+li{margin-right: 0;}
.part4-06 li a{width: 74px;height:74px;background-color: #3888f6;display: block;border-radius: 74px;padding: 6px;}
.part4-06 li+li a{background-color: #60a2fb;}
.part4-06 li+li+li a{background-color: #74bcc1;}
.part4-06 li+li+li+li a{background-color: #59b8fa;}
.part4-06 li+li+li+li+li a{background-color: #797cf5;}
.part4-06 li+li+li+li+li+li a{background-color: #c071bf;}
.part4-06 li a p{font-size: 12px;color: #fff;text-align: center;}
.part4-06 li a img{display: block;margin: 0 auto;width: 30px;padding: 6px 0;}
/* part4-07 */
.part4-07 li{float: left;width: 48%;margin-right: 4%;}
.part4-07 li+li{margin-right: 0;}
.part4-07 li a{display: block;position: relative;}
.part4-07 li img{display: block;width: 100%;}
.part4-07 li p{position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.6);font-size: 12px;color: #fff;text-align: center;width: 100%;line-height: 30px;height: 30px;overflow: hidden;}
/* footer */
.footer{background-color: #0a4890;padding: 40px 0;}
.links{margin-bottom: 20px;}
.links-title{height:40px; line-height:40px;border-bottom: 1px solid #5990c2;margin-bottom: 20px;}
.links-title p{font-size:18px;color: #5990c2;font-weight: bold;padding-left: 10px;background:url(../images/footer-05.png) no-repeat left;background-size: 3px 16px;float: left;}
.find { font-size: 0;padding: 0 15px;}
.select-menu-div { font-size: 14px;overflow: hidden; }
.select-menu { margin-bottom: 10px; position: relative; }
.select-menu-input { width: 100%;border: none;height: 40px; line-height: 40px; padding-left: 15px; font-size: 16px; color: #5990c2; background: url(../images/footer-01.png) 92% center no-repeat;border: 1px solid #5990c2;box-sizing: border-box;  -webkit-background-size: 12px;background-size: 12px;   }
.select-menu-ul { box-sizing: border-box;  display: none; width: 100%; position: absolute; left: 0px; top: 40px; z-index: 5; max-height: 196px; overflow-x: hidden;overflow-y: auto; }
.select-menu-ul li {  padding-left: 15px; font-size: 13px; color: #999; line-height: 30px; background: #f1f1f1;}
.footer-logo{margin-bottom: 15px;}
.footer-logo a{display: block;}
.footer-logo a img{display: block;margin: 0 auto 10px auto;width: 100px;}
.footer-logo p{color: #5990c2;font-size: 12px;text-align: center;}
.footer-logo p a{display: inline-block;font-size: 12px;color: #5990c2;}
.footer-01{overflow: hidden;margin-left: 30%;margin-bottom: 20px;}
.footer-01 a{display: block;}
.footer-01 a img{display: block;float: left;height: 40px;margin: 0 10px;}
.bq p{font-size: 12px;color: #5990c2;text-align: center;line-height: 24px;}
/* list */
.position{margin: 30px 0;border-bottom: 1px solid #d9d9d9;line-height: 40px;}
.position p{font-size: 12px;color: #999999;padding-left: 20px;background: url(../images/position.png) no-repeat left center;background-size: 12px;}
.position p a{color: #999999;}
.list{margin-bottom: 40px;}
.list ul{padding-bottom: 20px;}
.list li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #d4d4d4;}
.list li .notice-time img{display: block;float: left;width: 12px; padding: 4px 8px 4px 4px;background: url(../images/part1-08.png) no-repeat center;background-size: 100%;position: absolute;left: 0;}
.list li+li .notice-time img{background: url(../images/part1-09.png) no-repeat center;background-size: 100%;}
.list li:nth-child(even) .notice-time img{background: url(../images/part1-10.png) no-repeat center;background-size: 100%;}
.notice-time i{font-style: normal;font-size: 12px;line-height: 20px;display: block;float: left;background-color: #fafafa;position: relative;padding-left: 24px;padding-right: 4px;}
.notice-time span{display: block;width: 20px;height: 20px;background: url(../images/part1-12.png) no-repeat center;background-size: 100%;float: left;}
.list li p{font-size: 14px;color: #333333;line-height: 20px;height: 40px;overflow: hidden;}
.list li p a{color: #333;}
/*list-pic*/
.list-pic{margin-bottom: 40px;}
.list-pic ul{margin-top: 20px;}
.list-pic li{margin-bottom: 30px;overflow: hidden;}
.list-pic li .pic{float: left;width: 30%;margin-right: 3%;}
.list-picnr{width: 67%;float: left;}
.list-picnr h5{font-size: 16px;font-weight: normal;line-height: 20px;height: 40px;overflow: hidden;}
.list-picnr h5 a{color: #333;}
.list-picnr p{font-size: 12px;color: #666;margin-top: 4px;line-height: 16px;height: 32px;overflow: hidden;}
/* list-book */
.list-book{margin-bottom: 40px;}
.list-book li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;}
.list-book li:nth-child(even){margin-right: 0;}
.list-book li a{display: block;position: relative;}
.list-book li img{display: block;width: 100%;}
.list-book li p{position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.6);font-size: 12px;color: #fff;text-align: center;width: 100%;line-height: 30px;height: 30px;overflow: hidden;}
/* list-subject */
.list-subject{margin-bottom: 40px;}
.list-subject li{width: 46%;float: left;margin-right: 8%;margin-bottom: 20px;}
.list-subject li:nth-child(even){margin-right: 0;}
.list-subject li a{padding: 4px;border: 1px solid #e5e5e5;display: block;padding-bottom: 0;}
.list-subject li img{display: block;width: 100%;}
.list-subject li p{line-height: 30px;height: 30px;font-size: 12px;text-align: center;overflow: hidden;}
/* show */
.show{margin-bottom: 40px;}
.show-top{margin:20px 0;}
.show-top h5{font-size: 22px;color: #323232;margin-bottom: 20px;}
.show-top p{text-align: center;background-color: #fafafa;overflow: hidden;padding: 6px;}
.show-top p span{margin:0 10px 6px 0;font-size: 12px;color: #808080;float: left;}
.show-nr p{font-size: 14px;color: #4c4c4c;line-height: 30px;margin-bottom: 20px;text-indent: 28px;}
.show-nr img{display: block;max-width: 100%;}
.show-nr{margin-bottom: 40px;}
.show-d{background-color: #fafafa;border: 1px solid #d9d9d9;}
.show-d p{font-size: 14px;color: #4c4c4c;line-height: 30px;height: 30px;overflow: hidden;border-bottom: 1px solid #d9d9d9;padding: 6px;}
.show-d p:last-child{border-bottom: none;}
.show-d p a{color: #4c4c4c;transition: 0.6s all;}
.show-d p a:hover{color: #123061;transition: 0.6s all;}

@media screen and (min-width:0px) and (max-width: 320px){ 
.list-book li img{height: 176px;}
.part4-07 li img{height: 176px;}
.list-subject li img{height: 56px;}
}
@media screen and (min-width:320px) and (max-width: 568px){ 
  .list-book li img{height: 244px;} 
  .part4-07 li img{height: 244px;}
  .list-subject li img{height: 82px;}
}
@media screen and (min-width:568px) and (max-width: 768px){ 
   .list-book li img{height: 380px;}
   .part4-07 li img{height: 380px;}
   .list-subject li img{height: 120px;}

}
@media screen and (min-width:768px){ 
   .list-book li img{height: 440px;}
   .part4-07 li img{height: 440px;}
   .list-subject li img{height: 148px;}
 
}