body{width:100%;color:#333; }
.wd{width:1400px; margin: 0 auto;}
.wd2{width:1500px; margin: 0 auto;}
.mt60{margin-top: 60px}

.topnav{position: relative;z-index:999;}
#header .topnav{ position:absolute;right:5px; top:0;}
#header .menua{ display:none;margin: 4px 0;position: fixed; top:25px;right:20px;}
#header .menua a{ width:40px; height:40px; background:#840307; display: block; border-radius: 50%; padding:7px 0 0 0;}
#header .menua a img{ width:25px; margin:0 auto 0 auto;}
#header a.menu_btn i {font-size:18px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index: 10;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header a.menu_btn i {font-size:18px; padding-right:25px;}
#header .menu_bg,#header .menu {position: fixed;top: 0;right: 0;z-index:99;}
#header .menu_bg {background-color: rgba(0, 0, 0, 0.7);display: none;width: 100%;height: 100%;}
#header .menu {width: 9.75rem;background-color: #FFFFFF;overflow-x: hidden;height: 100%;overflow-y: auto;}
#header .menu .nav_right li{display: block;border-bottom: 0.01rem solid #eeeeef;}
#header .menu .nav_right li> a {display: block;width:100%;height:80px; box-sizing: border-box;color: #3a3a3a;line-height:80px;text-align: center; font-size:18px;}
#header .menu .nav_right li> a.active {background-color: #840307;border-color: #840307;color: #FFFFFF;}
#header .menu .nav_right .ejlm{ display: none;}
#header .menu .nav_right li .ejlm{ width: 100%; background: #f7f7f7; }
#header .menu .nav_right li .ejlm a{ width: 100%; line-height:50px;font-size:16px;font-weight:bold; color:#333; text-align:center; display: block;}
#header .menu .nav_right li .ejlm a:hover{ color: #fff; background: #840307;}

.top{width:100%;position:relative;}
.top .logocont{height: 120px;width:100%;position:relative;z-index:2; }
.top .logocont .logo{width: 30%;margin-top: 45px}
.top .logocont .logo img{width: 100%}
.top .nav{position:fixed;top:0;left:0;width:100%;height:160px;background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); z-index:99;transition:all 0.5s;}
.top .serch{width: 210px;height: 30px;position: absolute;right: 0;top:15px;background: #fff;border-radius: 50px;}
.top .serch .search_box{position: relative;}
.top .serch .search_box .keyword{width:calc(100% - 25px);height:30px;padding:0 10px 0 15px;background: none;color:#999}
.top .serch .search_box .button{width: 16px;height: 16px;position: absolute;right: 10px;top:6px;}

.banner{width:100%;position:relative;overflow:hidden;height: 810px;}
.banner .bannerslideBox{ width:100%; overflow:hidden; position:relative;}
.banner .bannerslideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .bannerslideBox .bd li{height:810px;  zoom:1; vertical-align:middle; }
.banner .bannerslideBox .bd li a{ width:100%;height:100%;  overflow:hidden; }
.banner .bannerslideBox .bd img{ width:100%;height:100%; object-fit: cover; }

.navcont{width:70%;text-align: right;margin-top: 55px;}
.navcont .navbox{display: inline-block;}
.navcont .navli{float:left;position:relative;width: 120px }
.navcont .navyjlm{width:100%;}
.navcont .navyjlm a{width:100%;font-size:20px; line-height:50px;height:50px;color:#fff;text-align:center;display:block;overflow:hidden;position:relative;}
.navcont .navli:hover .navyjlm a,.navcont .navli.on .navyjlm a{background:rgba(0,0,0,0.2);}
.navcont .nav_erji{visibility: hidden;opacity:0;width:130%;position: absolute;left: 0;top: 130%;background:#f5efe2;transition: .5s;margin-left: -15%}
.navcont .navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.navcont .navli:hover .nav_erji{top: 100%;visibility: visible;opacity: 1;z-index: 9;}
.navcont .nav_erji a{padding: 10px 15px;display: block; text-align:center;color:#333;}
.navcont .nav_erji a:hover{ background:#840307;color: #fff;}


/***********************************************************/

/*标题及更多*/
.tit_box{position: relative;border-bottom: 1px solid #d9a2a7;padding-bottom: 20px;}
.tit_box h6{width: 100%;color: #840307;padding-left: 40px;font-size: 26px;font-weight: bold;position: relative;height: 30px;line-height: 30px;}
.tit_box h6.tzgg{background: url(../img/tg.png) no-repeat 1px;}
.tit_box h6.gzdd{background: url(../img/gz1.png) no-repeat 1px;}
.tit_box h6.ztjy{background: url(../img/zt.png) no-repeat 1px;}
.tit_box .more_box{position: absolute;right: 0;top: 0;padding: 4px 10px;cursor: pointer;border: 1px solid #840307;border-radius: 5px;}
.tit_box .more_box .more{color: #840307;}
.tit_box .more_box:hover{background: #840307;}
.tit_box .more_box:hover .more{color: #fff}

.main{position: relative;padding: 60px 0 100px;overflow: hidden}
.main:before{content:'';background: url(../img/bg1.jpg) no-repeat top;background-size: 100% 100%;position: absolute;top: 0;left: 0;width: 100%;height: 750px;z-index: -1}
.main:after{content:'';background: url(../img/bg2.jpg) no-repeat bottom;background-size: 100% 100%;position: absolute;bottom: 0;left: 0;width: 100%;height: 641px;z-index: -1}

.index01{}
.index01 .top_news{background: url(../img/tz.jpg) no-repeat;height: 70px;background-size: 100% 100%;padding-right: 20px}
.index01 .slide_news{float: right;height: 70px;padding: 10px 0;width: 88%;overflow: hidden;position: relative;}
.index01 .slide_news p{height: 50px;line-height: 50px;position: relative;padding-left: 35px;font-size: 20px;color: #333}
.index01 .slide_news p:before{content:'';width: 8px;height: 8px;background: #840307;position: absolute;left: 20px;top:20px;border-radius: 8px}
.index01 .slide_news .new{background: url(../img/new.png) no-repeat;width: 40px;height: 20px;display: inline-block;margin: 10px 0 0 10px}
.index01 .marquee-container{position: absolute;top: 10px;height: 50px}
.index01 .marquee-container .marquee-item{float: left;height: 50px;}
.index01 .slide_news p:hover{color: #840307}


.lst1{height: 130px;overflow: hidden;padding-top: 10px;margin-top: 30px;padding-bottom: 10px}
.lst1 .bd li{width: 22%;float: left;;height: 110px;padding: 30px 20px;position: relative;margin-right: 4%;border-bottom: 1px solid #d9a2a7;border-left: 1px solid #d9a2a7;border-right: 1px solid #d9a2a7;cursor: pointer}
.lst1 .bd li:before{content:'';width: 5%;height: 1px;background: #d9a2a7;position: absolute;top: 0;left: 0}
.lst1 .bd li:after{content:'';width: 63%;height: 1px;background: #d9a2a7;position: absolute;top: 0;right: 0}
.lst1 .bd li:nth-child(4){margin-right: 0;}
.lst1 .bd li .date{position: absolute;top:-10px;left: 4%;background: none;padding: 0 10px;color: #a60016;font-size: 18px}
.lst1 .bd li h2{height: 44px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;color: #333}
.lst1 .bd li:hover{box-shadow: 0 0 5px #999}
.lst1 .bd li:hover h2{color: #840307}

.lst2{margin-top: 30px}
.lst2 li{float: left;width: 31.33%;height: 185px;margin-right: 3%;margin-bottom: 40px;border: 1px solid #d4a2ae;padding: 20px;background: url(../img/gz2.png) no-repeat;background-size: 100%;cursor: pointer}
.lst2 li:nth-child(3n){margin-right: 0}
.lst2 li .date_box{border: 2px solid #d4a3a7;width: 25%;padding: 10px 0;}
.lst2 li .date_box p{text-align: center;color: #840307}
.lst2 li .date_box .day{font-size: 32px;height: 50px;line-height: 50px;font-weight: bold}
.lst2 li .date_box .date{font-size: 16px;}
.lst2 li h2{width: 70%;font-size: 18px;line-height: 1.5;}
.lst2 li:hover{border: 1px solid #840307}
.lst2 li:hover .date_box{background: #840307;border: none;}
.lst2 li:hover .date_box p{color: #fff;}
.lst2 li:hover h2{color: #840307}

.lst3{margin-top: 30px;height: 200px;overflow: hidden;position: relative;padding: 0 50px;}
.lst3 .prev,.lst3 .next{position:absolute;left:0;top: 40%;display:block;width:30px;height:40px;overflow:hidden;background:#840307;cursor:pointer;}
.lst3 .next{ left:auto; right:0; background-position:-120px 0; }
.lst3 .prev:after{content: '';background: url(../img/zy1.png) no-repeat left;height: 15px;width: 14px;position: absolute;top:12px;left: 10px;}
.lst3 .next:after{content: '';background: url(../img/zy1.png) no-repeat right;height: 15px;width: 14px;position: absolute;top:12px;left: 5px;}
.lst3 .prevStop{ background-position:0 0; }
.lst3 .nextStop{ background-position:-80px 0; }
.lst3 ul{overflow:hidden; zoom:1;}
.lst3 ul li{height: 200px;float: left;width: 250px;overflow:hidden; display:inline;margin: 0 15px;}
.lst3 ul li .img_box{height: 200px;overflow: hidden}
.lst3 ul li .img_box img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s}
.lst3 ul li:hover .img_box img{transform: scale(1.1)}

.lst4{margin-top: 30px;}
.lst4 li{border: 1px solid #d5a2a9;float: left;margin-right: 3%;width: 31.33%;padding: 25px 20px;background: #fff;height: 135px;}
.lst4 li:nth-child(3){margin-right: 0;}
.lst4 li h2{font-size: 18px;height: 50px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;color: #333}
.lst4 li .download{position: relative;color: #840307;padding-left: 26px;font-size: 16px;margin-top: 15px;}
.lst4 li .download:before{content: '';background: url(../img/xztb.png) no-repeat;width: 23px;height: 18px;position: absolute;left: 0;top: 1px}
.lst4 li:hover{box-shadow: 0 0 5px #999}
.lst4 li:hover h2{color:#840307}


/*底部**/
.footer{background: url(../img/footer.jpg) no-repeat;height: 270px;background-size: 100% 100%;overflow: hidden}
.footer p,.footer a{color: #fff;}
.footer .link_list{height: 75px;border-bottom: 1px solid #d35354;}
.footer .link_list h5{font-size: 18px;color: #fff;height: 75px;line-height: 75px}
.footer .link_list li a{font-size: 18px;color: #fff;height: 75px;line-height: 75px;padding: 0 15px;}
.footer .link_list li{float: left;}
.footer .link_list li:not(:last-child):after{content:'|';color: #fff;}
.footer .bottom_info{padding-top: 40px;}
.footer .bottom_info .box1{width: 45%;border-right: 1px solid #d35354}
.footer .bottom_info .box1 .logo_box{height: 70px;}
.footer .bottom_info .box1 .logo_box img{height: 100%;object-fit: cover}
.footer .bottom_info .box1 p{width: 100%;margin-top: 20px;}
.footer .bottom_info .box2{width: 51%;}
.footer .bottom_info .box2 .info{width: 70%;padding: 25px 0}
.footer .bottom_info .box2 .info p{margin-bottom: 15px}
.footer .bottom_info .box2 .img_box{height: 100px;}
.footer .bottom_info .box2 .img_box img{width: 100%;height: 100%;object-fit: cover}
.backmain{position: absolute;right: -80px;top: 20px;color: #fff;}

#gg3 span,#gg4 span,#gg5 span{position:absolute;left:5px;top:5px;cursor:pointer;color:#fff;}

@media screen and (max-width:1680px) {

}
@media screen and (max-width:1550px) {
}
@media screen and (max-width:1500px) {

}
@media screen and (max-width:1440px) {
	.wd{width:1200px;}
	.wd2{width:1300px;}
	.banner{height: 600px}
	.banner .bannerslideBox .bd li{height: 600px}

	.lst1 .bd li:after{width: 55%}
	.lst2 li{height: 160px}
	.lst3{height: 170px}
	.lst3 ul li{width: 210px;}
	.lst3 ul li .img_box{height: 170px;}
	.footer .bottom_info .box1 .logo_box{height: 60px}
}
@media screen and (max-width:1366px) {
	.main{padding: 30px 0 50px}
	.mt60{margin-top: 30px}
	.banner{height: 560px}
	.banner .bannerslideBox .bd li{height: 560px}

	.navcont .navli{width: 100px}
	.navcont .navyjlm a{font-size: 18px}

	
}
@media screen and (max-width:1280px) {

	.wd{width:1100px;}
	.wd2{width:1200px;}
	.banner{height: 430px}
	.banner .bannerslideBox .bd li{height: 430px}

	.lst1 .bd li:after{width: 50%}
	.lst2 li{height: 145px;margin-bottom: 25px}
	.lst3{height: 150px}
	.lst3 ul li{width: 190px;}
	.lst3 ul li .img_box{height: 150px;}
	.footer .bottom_info .box1 .logo_box{height: 50px}
}
@media screen and (max-width:1176px) {
	.wd{width:1000px;}
	.wd2{width:1100px;}
	.banner{height: 480px}
	.banner .bannerslideBox .bd li{height: 480px}
	.lst2 li{height: 130px;margin-bottom: 25px}

	.lst3{height: 150px}
	.lst3 ul li{width: 170px;}
	.lst3 ul li .img_box{height: auto;}
}
@media screen and (max-width:1024px) {
	.main{padding: 20px 0}
	.wd,.wd2{width: 100%;padding: 0 10px}

	.top .logocont{height: auto}
	.top .logocont .logo{width: 80%;margin-top: 30px}

	#header .menua{display:block;}
	.top .serch,.navcont{display: none}
	.banner{height: 200px}
	.banner .bannerslideBox .bd li{height: 200px;}

	.index01 .top_news{background-size: cover;height: 50px;}
	.index01 .slide_news{height: 50px;width: 70%}
	.index01 .marquee-container{top: 0}

	.lst1{height: auto}
	.lst1 .bd li{width: 100%;margin-right: 0;height: auto;margin-bottom: 30px}
	.lst2 li{width: 100%;margin-right: 0}
	.lst3{padding: 0}
	.lst3 .prev, .lst3 .next{display: none}

	.lst4 li{width: 100%;margin-right: 0;margin-bottom: 20px;}

	.footer{background: #900107;height: auto}
	.footer .link_list{height: auto}
	.footer .bottom_info .box1{width: 100%;margin-bottom: 20px;border-right:none;}
	.footer .bottom_info .box2{width: 100%}
	.footer .link_list li{width: 50%;}
	.footer .link_list li:not(:last-child):after{content: '';}
    
    #gg3,#gg4,#gg5{
        /*display:none;*/
        width:50% !important;
    }
    .footer .link_list li a{line-height: 50px;padding: 0;}
    .footer .bottom_info .box1 .logo_box img{height:80%;}
    .lst2 li h2{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .backmain{display:none;}
    
    .footer .bottom_info .box2 .info{width:100%;padding:0;}
    .footer .bottom_info .box2 .img_box{width: 100%;height: auto;text-align: center;padding-bottom:10px;}
    .footer .bottom_info .box2 .img_box img{width: 50%;height: auto;display: inline-block;}
}
@media screen and (max-width:900px) {

}
@media screen and (max-width:700px) {

}
@media screen and (max-width:500px) {

}
@media screen and (max-width:414px) {

}
@media screen and (max-width:375px) {

}
@media screen and (max-width:320px) {

	
	
}


