@charset "utf-8";
*{margin:0;padding:0;}
body{max-width: 1920px;margin: 0 auto;}
li{list-style:none}
a img{border:0}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1}

.wrapbox{width: 100%; margin: 0 auto; position: relative;}
.header{ width: 100%; height: 735px; padding-top: 45px; background: url(../images/bj.png) no-repeat center top; box-sizing: border-box;}
.header .logo{position: absolute;left: 5%;width: 450px;}
.header .logo a,.header .logo img{ display: block; width: 100%;}
.header .ztwza{position: absolute;font-size: 24px;text-align: center;right: 5%;top: 20px;}
.header .ztwza a {background-color: #e2021c;width: 140px;display: inline-block;height: 60px;line-height: 60px;border-radius: 30px;color: #fff;}
.header .back{ position: absolute; right: 0; top: 0; width: 96px; background-color: #feca38; font-size: 14px; line-height: 36px; text-align: center; color: #fff;}
.header .back:hover{ background-color: #ecb92c;}
.header .txt{ display: block; margin: 95px auto 0; max-width: 90%; }



.l{display: inline-block;}
.r{display: inline-block;}
.wmxsd {
	height: auto;
}
.wmxsd .wmxsd_con {
    height: 575px;
    overflow: hidden;
    position: relative;
	background: url(../images/tpxwbj.png) bottom center no-repeat;
	text-align: center;
	padding-top: 20px;
}
.wmxsd .wmxsd_con .bd {
    width: 48%;
    height: 575px;
}
.wmxsd .wmxsd_con .hd {
    width: 47%;
    overflow: hidden;
    margin-right: 10px;
	height: 590px;
}
.wmxsd .wmxsd_con .bd ul {
    height: 620px;
    overflow: hidden;
}
.wmxsd .wmxsd_con .bd ul li {
    width: 100%;
    height: 575px;
    margin-left: 15px;
    margin-top: 15px;
}
.wmxsd .wmxsd_con .bd ul li .img {
    width: 100%;
    height: 511px;
    overflow: hidden;
}
.wmxsd .wmxsd_con .bd ul li img {
    width: 100%;
    height: 511px;
}
.wmxsd .wmxsd_con .bd ul li p a {
    display: inline-block;
    max-width: 95%;
    line-height: 70px;
    color: #e41a1b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight: bold;
}
.wmxsd .wmxsd_con .hd ul {
    margin-top: 15px;
}
.wmxsd .wmxsd_con .hd ul li {
    width: 100%;
    height: 90px;
    overflow: hidden;
    box-sizing: border-box;
}
.wmxsd .wmxsd_con .hd ul li img {
	width: 270px;
    height: 145px;
}
.wmxsd .wmxsd_con .prev img, .wmxsd .wmxsd_con .next img {
    display: block;
    width: 100%;
    height: 100%;
}
.wmxsd h2{padding: 30px 0 40px; text-align: center; }
.wmxsd h2 a,.wmxsd h2 img{ display: inline-block;}
.wmxsd h2 img{ max-width: 100%;}
.foreword h2{padding-top: 30px; text-align: center; }
.foreword h2 img{ display: inline-block; max-width: 100%;}
.tpxwdet {background: url(../images/jswjx.png) 4% 46% no-repeat;}
.tpxwdet span {float: left;width: 10%;background: url(../images/jswjx.png) center center no-repeat;font-size: 30px;line-height: 125px;color: #4396ed;}
.tpxwdet a {float: right;width: 90%;font-size: 22px;line-height: 40px;height: 85px;display: flex;align-items: center;text-align: left;color: #4396ed;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpxwm {position: absolute;right: 40px;bottom: 40px;font-size: 22px;color: #e8382c;}

.cen {background: url(../images/nmgbdbg.jpg) center top no-repeat;}
.nmgbd {height: 700px;}
.nmgbd h2 {padding: 30px 0 40px; text-align: center; }
.nmgbd h2 a,.nmgbd h2 img{ display: inline-block;}
.nmgbd h2 img{ max-width: 100%;}
.bddet:nth-child(2n-1) {background: url(../images/bdq.png) bottom center no-repeat;}
.bddet:nth-child(2n){background: url(../images/bds.png) center center no-repeat;}
.bddet {float: left;width: 33%;height: 500px;}
.bddet h3 {font-size: 22px;margin: 0 auto;margin-top: 35%;width: 70%;line-height: 40px;color: #8967af;height: 80px;}
.bddet:nth-child(2n) h3{margin-top: 19%;color: #fff;}
.bddet:nth-child(2n) h3 a {color: #fff;}
.bddet p {width: 70%;font-size: 16px;margin: 0 auto;margin-top: 19%;line-height: 40px;color: #8967af;}
.bddet:nth-child(2n) p{color: #fff;}

.listbox h2{padding: 30px 0 40px; text-align: center; }
.listbox h2 a,.listbox h2 img{ display: inline-block;}
.listbox h2 img{ max-width: 100%;}
.listbox ul{width: 100%; padding: 18px 0; box-sizing: border-box;} 
.listbox ul li{background: url(../images/hhfk.png) 4% 50% no-repeat;float: left; width: 43%; margin: 0 3% 10px; border-bottom: 1px dashed #e34b3c; box-sizing: border-box;  position: relative;height: 80px;}
.listbox ul li h3{height: auto; margin-bottom: 10px; font-size: 24px; line-height: 78px; color: #000; font-weight: normal;}
.listbox ul li h3 a{ display: block; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 60px;}
.listbox ul li h3 a:hover{ color: #e34b3c;}
.listbox ul li p{ font-size: 14px; line-height: 35px; height: 80px; color: #a3a3a3; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.listbox02 {background: url(../images/jjswwbj.png) center -100px repeat;}
.listbox02 h2{padding: 30px 0 40px; text-align: center; }
.listbox02 h2 a,.listbox02 h2 img{ display: inline-block;}
.listbox02 h2 img{ max-width: 100%;}
.listbox02 ul{width: 100%; padding: 18px 0; box-sizing: border-box;} 
.listbox02 ul li{float: left; width: 48%; margin: 0 1% 40px; border-bottom: 1px solid #e6e5e6; box-sizing: border-box;  position: relative;padding: 30px 60px;background: #fdf2ec;;height: 170px;}
.listbox02 ul li h3{height: auto; margin-bottom: 10px; font-size: 24px; line-height: 40px; color: #000; }
.listbox02 ul li h3 a{ display: block; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listbox02 ul li h3 a:hover{ color: #e34b3c;}
.listbox02 ul li p{ font-size: 16px; line-height: 35px; height: 80px; color: #a3a3a3; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

/*小屏*/
@media (max-width: 1320px) and (min-width: 1000px){
    .wrapbox{width: 90%;}
}
@media (max-width: 999px) and (min-width: 320px){
    html{ overflow-x: hidden;}
    .header{ width: 100%; height: auto; padding-top: 25px; padding-bottom: 60px; background-size: auto 100%;}
    .header .txt{ margin: 45px auto 0; }
    .wrapbox{width: 90%; margin: 0 5%;}
    .foreword{padding: 30px 0; margin-top: 0; }
    .foreword h2{ position: relative; left: initial; top: initial; transform: translate(0, 0); text-align: center;}
    .listbox ul li{width: 95.4%; }
    .listbox ul li:nth-last-child(2){ border-bottom: 1px dashed #e6e5e6;}
}