body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff ;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline; color:#224F8F; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%;height:730px; background:url(banner.png) no-repeat top; }
.banner .ch{ font-size:28px; font-weight:bold; text-align:center; color:#fff; padding-top:380px; height:90px; display:block;}
.banner .bza{ width:650px; height:120px; margin:0 auto; font-size:16px; font-weight:bold; background:url(icon_1.png) no-repeat top; padding:87px 70px 0 70px; line-height:27px;}

.container{ width:1200px; margin:0 auto;}

.qy_boxbg{ background:#387BDB; width:100%; height:750px;}
.qy_box{ width:1050px; height:750px; margin:0 auto; background:url(bg1.png) repeat-y left;}
.qy_box .j0{ background:url(bg2.jpg) no-repeat center; width:100%; height: 42px; margin:0 auto 20px auto; }


.items{ width:100%; height:209px; margin-bottom:30px;}
.items .j {float:left; width:153px;  height:129px; padding:80px 30px 0 0;}
.items .j span{float:left;font-size:26px; color:#fff; width:110px; text-align:center; line-height:40px;}
.items .j i{ width: 0; height: 0;border-width:20px; margin:0 auto; text-align:center; border-style: solid;border-color:transparent transparent transparent #FFD200; float:left;}
.items dl{float: left; width:775px; height:209px; background:#E5F0FF;}
.items dl img{ width:375px; height:209px; float:left;}
.items dl dt{width:360px; float:right; background:#224F8F;line-height:20px; padding:20px; color:#fff;}
.items dl dt a{ color:#fff;}
.items dl dd{width:360px; float:right; padding:10px 15px; overflow:hidden; font-size:12px; line-height:18px; height:66px;}
.items dl span{ padding:5px; display:block; float:right;background:#FFD200;border-radius:4px; font-size:12px;line-height:18px; margin-right:20px;}
.items dl span a{ text-decoration:none;}

.swiper-container {width: 100%;height:85%;}
.swiper-slide {height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-container-vertical>.swiper-scrollbar{width:10px;}
.swiper-scrollbar{ background:#7DA9E6; }
.swiper-scrollbar-drag{background:#ffffff;}

.bot_txts{ color:#396FB9; text-align:center; margin:20px auto 40px auto;}
.bot_txts span{ color:#FFD200;}

.books_box_pc{ display:block; width:100%;}
.books_box_w{ display:none;}

.bottombg{ background: url(bottombg.png) no-repeat center; width:100%; height:136px;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.bottombg,.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner .ch{ display:none; }
.banner .bza{ width:100%; height: auto; font-size:0.9em; background:none;line-height:1.55em; padding:0; position:relative; margin-bottom:65%;  }
.banner .bza span{ width:84%; position:absolute; padding:12% 0 10% 9%;height: auto; }
.banner .bza img{position:absolute; top:0;height: auto;}

.qy_boxbg{  width:100%; height:440px;}
.qy_box{ width:96%; height:98%; margin:0 auto; background:url(bg2.png) repeat-y left;}
.qy_box .j0{ background:url(bg3.jpg) no-repeat center; width:100%; height: 21px; margin:0 auto 3% auto; }


.items{ width:95%; height: auto; margin-bottom:5%; padding-right:5%;}
.items .j {float:left; width:20%;  height: auto; padding:20% 0 0 0;}
.items .j span{float:left;font-size:0.7em; color:#fff; width:70%; text-align:center; line-height:1.5em;}
.items .j i{ width: 0; height: 0;border-width:10px; margin:0 auto; text-align:center; border-style: solid;border-color:transparent transparent transparent #FFD200; float:left;}
.items dl{float: left; width:80%; height: auto;margin-bottom:10%; }
.items dl img{ width:100%; height: auto; }
.items dl dt{width:94%; float:right; background:#224F8F; line-height:1.4em; padding:3%; color:#fff; font-size:0.95em;}
.items dl dt a{ color:#fff;}
.items dl dd{width:94%;float:right; padding:3%; overflow:hidden; font-size:0.8em; line-height:1.8em; height:auto;}
.items dl span{ padding:5px; display:block; float:right;background:#FFD200;border-radius:4px; font-size:12px;line-height:18px; margin-right:10px; margin-bottom:10px;}
.items dl span a{ text-decoration:none;}

.swiper-container {width: 100%;height:94%;}
.swiper-slide {height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.swiper-container-vertical>.swiper-scrollbar{width:5px;}
.swiper-scrollbar{ background:#7DA9E6; }
.swiper-scrollbar-drag{background:#ffffff;}


.bot_txts{ color:#396FB9; text-align:left; margin:1% auto 5% auto; font-size:0.9em; width:95%;}
.bot_txts span{ color:#FFD200;}

.books_box_pc{display:none;}
.books_box_w{display:block; width:100%; margin:0 auto; text-align:center;}


.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}