/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
/*背景*/
.background {width: 1423px;height: auto;margin: 0px auto 0px auto;background-color: #ffffff;}
.background {width: 100%;height: auto;min-width: 1200px;}
/*banner*/
.banner {width: 100%;height: 300px;min-width: 1200px;background-image: url(top.png);background-repeat:no-repeat;background-position:center top;
background-size:auto 100%;margin-right: auto;margin-left: auto;margin-bottom:60px;}
/* 轮播 */
.slideBox{ width:700px; height:500px; overflow:hidden; position:relative; float: left;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:11px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:11px; height:11px; border-radius: 50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; margin-right:6px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; width:20px; border-radius: 5px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{height:100%;}
.slideBox .bd li{position: relative; height:100%;}

.slideBox .bd li::after{position: absolute; bottom:0; left:0; content: ''; width: 100%; height: 40px; background: #000000; opacity: 0.5; z-index: 8;}
.slideBox .bd li a{display: block; width: 100%; height: 100%;}
.slideBox .bd li p{z-index: 20; color: #fff; font-size: 16px; position: absolute; bottom: 10px; left: 28px; overflow: hidden; width: 80%; white-space: nowrap; text-overflow: ellipsis;}
.slideBox .bd img{ width:100%; height:100%; display:block;  }
/*栏目标题—长*/
.div_title {width: 1200px;height: 50px;margin: 50px auto 30px auto;}
/*栏目标题—短*/
.div_title-short {width: 380px;height: 50px;margin: 0px auto 30px auto;}
/* 更多*/
.newsMore {width: 60px;height: 40px;margin-top: 10px;float: right;}
/* 各块 */
.div_content {width: 1200px;height: auto;text-align: left;margin: 0px auto 0px auto;}
.div_content1{width: 700px; float: left;}
.div_content1 ul{margin: 30px 0;}
.div_content1 ul li {width: 100%; margin: 16px 0;}
.div_content1 ul li a{ display: block; width: 94%;}
.div_content1 ul li a p{font-size: 16px; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: relative; padding-left:14px;}
.div_content1 ul li a p::after{position: absolute; top:8px; left:0; content: ''; background: #be0612; width: 5px; height: 5px; border-radius: 50%;}
.div_xxzl{margin-top:60px; overflow: hidden;}
/* 左右分块 */
.div_part {width: 470px;height: auto;float: right;}
.div_title_h2{width: 100%; height: 54px; border-bottom:6px solid #eee;}
.div_title_h2 h2{font-size:24px; color:#be0612; border-bottom:6px solid #be0612; margin:0;padding-top: 11px; padding-bottom: 10px; padding-left:16px; padding-right: 16px; float: left; font-weight: bold;}
.div_title_h2 a{font-size:16px; color: #be0612; font-weight: bold; float: right; line-height: 60px;}
/*图文栏目*/
.div_list {width: 100%; overflow: hidden;}
.div_list ul{margin: 30px 0;}
.div_list ul li {width: 100%; margin: 16px 0;}
.div_list ul li a{ display: block; width: 94%;}
.div_list ul li a p{font-size: 16px; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; position: relative; padding-left: 14px;}
.div_list ul li a p::after{position: absolute; top:8px; left:0; content: ''; background: #be0612; width: 5px; height: 5px; border-radius: 50%;}
/* 相关学习链接icon */
.div_icon {width: 470px;height: auto;text-align: left;margin: 0px auto 0px auto; float: right; padding-top:20px;}
.div_icon ul {width:490px;}
.div_icon ul li {width: 150px;height: 135px; margin-right:10px; margin-bottom:10px; float: left;}
.div_icon ul li a {width: 100%;height: 100%;display: inline-block;}
.div_icon ul li .bg1 {background: url(icon-01.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg1:hover {background-image: url(hover-01.png);}
.div_icon ul li .bg2 {background: url(icon-02.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg2:hover {background-image: url(hover-02.png);}
.div_icon ul li .bg3 {background: url(icon-03.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg3:hover {background-image: url(hover-03.png);}
.div_icon ul li .bg4 {background: url(icon-04.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg4:hover {background-image: url(hover-04.png);}
.div_icon ul li .bg5 {background: url(icon-06.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg5:hover {background-image: url(hover-06.png);}
.div_icon ul li .bg6 {background: url(icon-05.png) no-repeat; background-size: 100% 100%;}
.div_icon ul li .bg6:hover {background-image: url(hover-05.png);}
/* 友情链接 */
.div_link {overflow: hidden;}
.div_link ul{width: 1230px; padding-top:58px;}
.div_link ul li{width: calc(100% / 4 - 0px); float: left;}
.div_link ul li:nth-child(2){margin-top: -17px;}
.div_link ul li:nth-child(3){margin-top: 17px;}
.bottom {width: 100%;height: 156px; background: #464646;}
.bottom ul{width: 1200px; margin:0 auto; margin-top:40px;}
.bottom ul li{float: left;}
.bottom ul li:nth-child(1){margin-top: 36px;}
.bottom ul li:nth-child(2){margin-top: 43px; margin-left: 30px;}
.bottom ul li:nth-child(3){float: right; margin-right: 80px; margin-top: 20px;}
.bottom p{font-size: 16px; color: #fff; margin: 10px 0;}


/* 手机端 */
@media screen and (max-width: 768px){
    .background{min-width: 100%;}
    .banner{min-width: 100%; height: 85px; margin-bottom: 16px;}
    .slideBox{width: 96%; margin: 0 auto; float: none; height: auto;}
    .slideBox .hd{bottom:9px;}
    .slideBox .bd li p{left:14px;}
    .div_part{width: 96%; float: none; margin: 0 auto;}
    .div_content{width: 100%;}
    .div_content1{width: 96%; margin:0 auto; float: none;}
    .bottom ul{width: 100%; height: auto; overflow: hidden; padding-bottom: 33px;}
    .div_link ul{width: 100%;}
    .div_icon{width: 96%; float: none; margin:0 auto;}
    .div_icon ul{width: 104%;}
    .div_icon ul li{width: 47%; height: 165px;}
    .div_xxzl{margin-top: 0;}
    .div_link{width: 96%;}
    .div_link ul{padding-top:10px;}
    .div_link ul li{width: 100%; float: none; text-align: center; margin: 25px 0;}
    .bottom{height: auto;}
    .bottom ul li:nth-child(1){float: none; text-align: center;}
    .bottom ul li:nth-child(2){float: none; width: 80%; margin: 0 auto; margin-top: 0;}
    .bottom ul li:nth-child(3){float: none; text-align: center; margin-right:0;}
    .bottom p{line-height:30px;}
}