@charset "utf-8";
*{margin:0;padding:0;}
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: 1300px; margin: 0 auto; position: relative;}
.header{width: 100%;height: 735px;padding-top: 45px;background: url(../images/head.png) no-repeat center top;box-sizing: border-box;background-size: contain;}
.header .logo{ width: 330px;}
.header .logo a,.header .logo img{ display: block; width: 100%;}
.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/tpxwbg.jpg) bottom center no-repeat;
	text-align: center;
}
.wmxsd .wmxsd_con .bd {
    width: 890px;
    height: 575px;
}
.wmxsd .wmxsd_con .hd {
    width: 385px;
    overflow: hidden;
    margin-right: 10px;
	height: 590px;
}
.wmxsd .wmxsd_con .bd ul {
    height: 620px;
    overflow: hidden;
}
.wmxsd .wmxsd_con .bd ul li {
    width: 860px;
    height: 575px;
    margin-left: 15px;
    margin-top: 15px;
}
.wmxsd .wmxsd_con .bd ul li .img {
    width: 860px;
    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: 130px;
    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 span {float: left;width: 10%;background: url(../images/ls.png) center center no-repeat;font-size: 30px;line-height: 125px;color: #4396ed;}
.tpxwdet a {float: right;width: 85%;font-size: 24px;line-height: 40px;height: 125px;display: flex;align-items: center;text-align: left;color: #4396ed;}

.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{float: left; width: 45.4%; margin: 0 2% 10px; border-bottom: 1px solid #e6e5e6; box-sizing: border-box;  position: relative;height: 130px;}
.listbox ul li h3{height: auto; margin-bottom: 10px; font-size: 24px; line-height: 40px; color: #000; }
.listbox ul li h3 a{ display: block; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listbox ul li h3 a:hover{ color: #008fff;}
.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/gzjcbg.jpg) center bottom no-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: #f5f2f2;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: #008fff;}
.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;}
}