@charset "utf-8";

/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */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;}
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;}

/* 顶部大图 */
.top{width: 100%; text-align: center; /*height: 700px;*/ position: relative; /*background: url(top.png); background-repeat:no-repeat ; background-size: 100% 100%;*/ z-index: 1;}
.nav{width: 100%; background: #d10606; height: 70px;}
.nav ul{width: 1200px; height: 100%; margin:0 auto;}
.nav ul li{float: left; width: calc(100% / 6 - 0px); text-align: center; line-height: 70px;}
.nav ul li a{font-size: 22px; font-weight: bold; color:#fff;}
.nav ul li a:hover{color:#fde989;}
.nav ul li:nth-child(1) a{color:#fde989;}
.anlogo{display: none;}

.content{width: 100%; height: auto; overflow: hidden; padding-bottom: 30px;}
.cont{width: 1200px; margin:0 auto;}
.hyjs{margin-top:46px; overflow: hidden; /*float: left; */width: 100%;}
.hyjs img{width: 100%;}

.zjbs{width: 100%; height: auto; overflow: hidden;}
.zjbs ul{width: 1300px; margin-top:20px; float: left;}
.zjbs ul li{position: relative; line-height: 46px; /*overflow: hidden; */width: 565px; float: left; margin-right:55px;}
.zjbs ul li::after{position: absolute; width:7px; height:6px; background: url(11.png); background-size: 100%; left:0; top:19px; content: ''; border-radius: 50%;}
.zjbs ul li a{font-size:17px; color:#333; padding-left: 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 565px; float: left;}
.zjbs ul li span{float: right; color: #999;}
.twMoreLink{text-align: right; font-size: 16px; padding-top: 5px;}

/* 学习贯彻 */
.zjbs_l{width: 565px; float: left;}
.zjbs_l ul li{float: none;}
.zjbs_r{width: 565px; float: right;}
.zjbs_r ul li{float: none;}

.messwrap{ height: 230px;  background: url(messageBg.png) no-repeat left top; position: relative;}
.messBtn{ width: 777px; height: 50px; background: url(messbtnBg.png) no-repeat 30px center;  border-radius: 30px;  background-color: #6ca679; position: absolute; top: 97px; padding-left: 20px; text-align: center; left: 292px; line-height: 50px; }
.messBtn > a{ color: #fff; font-size: 30px;}


@media screen and (max-width: 767px){
    .top{ height: 11em; /*background-image: url(mobletop.png); background-size: contain;*/}
    /*.top > img{ background-image: url(mobletop.png); }*/
    .nav{position: relative; height: 40px;}
    .nav ul{width: 100%; display: none; background: #d10606; position: absolute; height: 210px; z-index: 999; top:40px;}
    .nav ul li{width:49%; text-align: center; line-height: 58px;}
    .anlogo{width:25px; position:absolute; right:30px; top:10px; display: block;}
    .anlogo b{display: block; height: 3px; background-color: #fff; margin-bottom:4px; border-radius: 2px; -webkit-transition: .5s;; transition: .5s; -o-transition: .5s; -ms-transition: .5s; }
    .dh b:nth-child(1){display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
    .dh b{display: none; width:25px; position: absolute; margin-top:10px;}
    .dh b:nth-child(2){width:0;}
    .dh b:nth-child(3){display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
    .navs_center{ display: none; color: lightyellow; background: dodgerblue; margin:0 auto; text-align: center; width:80%; border-radius: 5px; height:60px;}
    .cont{width: 100%;}
    .hyjs{margin-top: 5%;}
    .news{margin-top: 5%; width: 100%;}
    .slideBox{width: 100%; height: auto; }
    .slideBox .bd li{width: auto; height: 290px;}
    .slideBox .bd li p{bottom:0; width: 62%;}
    .slideBox .bd li::after{bottom:0;}
    .news-z{float: none;}
    .zjbs ul li{width: 96%; float: none; margin:0 auto;}
    .zjbs ul li a{width: 88%;}
    .news-y{width: 96%; float: none; margin:0 auto;}
    .news-y ul{padding-left: 0; padding-right: 0;}
    .zjbs_l{width: 100%;}
    .zjbs_r{width: 100%;}
    .zjbs ul{width: 100%;}
    .spyw ul li{float: left; height: auto; margin-bottom:50px;}
    .spyw ul li a{width: 100%;}
    .spyw ul li:nth-child(1){width: 100%; height: auto; margin-bottom:50px;}
    .spyw ul li:nth-child(1) p{display: none;}
    .spyw ul li p{left: 36%; top: -13%;}
    .zjbs .hyjs{width: 240%; margin-left: -68%;}
    .zjbs_l .hyjs{width: 100%; margin-left:0;}
    .zjbs_r .hyjs{width: 100%; margin-left:0;}
    .hyjstop{width: 240%; margin-left: -68%;}

    .messwrap{ height: auto; background-image: none; box-sizing: border-box; padding:0 1em;}
    .messBtn{ position: static; width: 100%; height: auto;  border-radius: 10px; padding:0 1em;
        box-sizing: border-box; margin-top: 1em; background: url(messbtnBg.png) no-repeat 18px 13px #6ca679; text-indent: 3em;}
    .messBtn > a{ font-size: 1.5em; }
}