@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px; list-style-type: none;}
HTML {padding: 0px; margin: 0px }
body {font-family:"微软雅黑",Tahoma,Helvetica,Arial,sans-serif; margin:0px auto; font-size:14px;  background-color: #f5f8ff;}
a{color:#333; text-decoration:none;}
a:link{text-decoration:none;}
a:hover {color:#b01f24; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:14px;font-weight:normal;}
a img {border:0px; }
img {margin:0; padding:0; border:0; }
img:hover{margin:0; padding:0;}

border: {zoom:1; }
ul, li,  p { margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear: both; }
.hr2,.hr4,.hr5,.hr6,.hr8,.hr10,.hr12,.hr20,.hr30,.hr40{margin:0 auto; padding:0px; font-size:0;line-height:0;clear:both;}
.hr2{height:2px;}.hr4{height:4px;}.hr5{height:5px;}.hr6{height:6px;}.hr8{height:8px;}.hr9{height:9px;}.hr10{height:10px;}.hr12{height:12px;}.hr20{height:20px;}.hr40{height:40px;}.hr30{height:30px;}
.dash {border-bottom:1px solid #ccc;margin:20px 0;clear:both;}
.w{width:1200px; margin:0 auto;}
.bg{background-color:#fff;}
.clr:after, .clr:before { content: ""; display: table; }
.clr:after {clear: both;}
.fll{float: left;}
.flr,.fr{float: right;}
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.white {color: #fff;}


.header{width:100%;background:#fff;-webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.065);
    box-shadow: 0 3px 8px rgb(0 0 0 / 7%); }
.header .top{width:1200px; margin:0 auto; height:60px;}
.header .top .logo{float:left; padding-left:20px;}
.header .top .logo img:hover{box-shadow:none;}
.header .top .menu{float:right; width:800px;}
.header .top .menu ul li{float:right; margin:18px 0px;font-size:16px;}
.header .top .menu ul li a{padding:8px 25px;}
.header .top .menu ul li a:hover{background:#b01f24;color:#fff; border-radius:2px; font-weight:600;}

.bg{background:#b01f24; width:100%; padding:20px 0;}
.bg .topic{text-indent:2em;width:1200px; margin:0 auto;background:#b01f24;color:#fff; font-size:20px;line-height:40px; padding:15px 25px; letter-spacing:1.5px;}
.bg .banner{width:1200px; margin:0 auto;}
.bg .banner .book{width:100%; height:265px; position:relative;}
.bg .banner .book .book-pic{float:right; margin-right:30px; position:absolute; top:-35px; right:10px; }
.bg .banner .book .book-txt{float:left; width:400px; padding:25px 40px;}
.bg .banner .book .book-txt h3{font-size:22px;line-height:50px; letter-spacing:1px;color:#fff;}
.bg .banner .book .book-txt p{font-size:17px; line-height:36px;color:#fff;}


.wrap{width:1200px; margin:0 auto; height:680px; background:#b01f24; padding:10px 10px;}
.wrap .box{width:1180px; height:660px; background:#fff;position: relative;}
.wrap .box .ebook{width: 78px;height: 79px;z-index: 100px;position: absolute; left:-8px; top:-8px;}
.wrap .box ul li{width:160px; float:left; margin:35px 18px;-webkit-box-shadow: 3px 3px 20px rgb(119 133 202 / 34%);
     -moz-box-shadow: 3px 3px 20px rgb(119 133 202 / 34%);
          box-shadow: 3px 3px 20px rgb(119 133 202 / 34%);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
.wrap .box ul li img{width:160px;}
.wrap .box ul li p{padding:5px 0; text-align:center;}
.wrap .box ul li:hover{background:#b01f24;transform: scale(1.06);
	-webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
.wrap .box ul li a:hover{color:#fff;}		  





.bline{border-bottom: 2px solid #bf1813; margin:0 auto; width:100%;}
.foot{padding-top:20px; padding-bottom:60px; line-height:25px; margin:0 auto; width: 100%; text-align:center; font-size: 12px;color:#999;}
.foot a{color:#999; padding:0 8px;}
.foot a:hover{color: #bf1813;}