﻿.container{width:960px;}
.nav{width:960px;}
.banners {margin-top:26px}
.slideBox{width:100%;overflow:hidden;position:relative;border:1px solid #ddd;max-height: 420px;}
.slideBox .hd{height: 40px;line-height:40px;overflow:hidden;position:absolute;right: 0;bottom: 0;z-index:1;/* background: url(../img/bannerbg.png); */width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right ;  height: 40px;line-height:40px;padding-top: 19px;padding-right: 12px; }
.slideBox .hd ul li{background: url(../img/icon1.png) no-repeat;width:7px;height: 7px;  cursor:pointer;float: left;margin-right: 6px; }
.slideBox .hd ul li.on{ background: url(../img/icon01.png) no-repeat; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{zoom:1;vertical-align:middle;position: relative;height: 420px;width:100%;}
.Z_banner .slideBox .bd li{height: 320px;}
@media (max-width: 992px){.slideBox .bd li{height: 74vw;}}
.slideBox .bd li span {position: absolute;z-index: 2;bottom:10px;left:18px;font-size: 16px;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;width:80%;bottom: 0;line-height: 40px;background: rgba(0,0,0,.5);padding: 0 27% 0 3%;box-sizing: content-box;left: 0;}
.Z_banner .slideBox .bd li{height:auto}
.slideBox .bd img{ width:100%;  display:block; height:100% }
		/* 下面是前/后按钮代码，如果不需要删除即可 */	

.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .prev, .slideBox .next {position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../img/prev.png) no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.slideBox .next {position: absolute;left: auto;top: 50%; width: 16px; height: 28px; right: 3%;background: url(../img/next.png) no-repeat;}


.banner {padding-right:20px! important;max-height: 420px;overflow: hidden;width: 62%;}
.news{width:38%;}
@media (max-width: 992px){.banner {padding-right:0px! important}}
@media (max-width: 992px){.news{margin-top:23px;padding-right:0! important;margin-bottom:10px;}}
.new {border:1px solid #e0e0e0;padding:8px 20px 0px 25px;height: 420px;}
.new h3{font-size:20px;color:#000;border-bottom:1px solid #ebebeb;height:52px;line-height: 52px;}
.new h3 a{font-size:14px;color:#949494;float:right;}
.new ul {
    overflow: hidden;
    /* margin: 10px 0px 0px 0px; */
}
.new ul li {height: 43px;line-height: 43px;list-style:disc;text-overflow: ellipsis; overflow: hidden;white-space:nowrap;position:relative;padding-left: 17px;}
.new ul li i {background:url(../img/disc.png) no-repeat center left;width:5px;height:5px;position:absolute;display:block;left: 0px;top: 20px;}
.new ul li:hover {color:#bd010f}
.new ul li:hover a {color:#bd010f ;text-decoration:none;}
.new li a {font-size:16px;color:#1c1c1c;display: block;}
li a:hover {text-decoration:none}
.president {border:1px solid #e0e0e0;/* width:100%; */padding:13px;}
.x-two .Z_news{width: 50%;height: 320px;}
.x-two .news .new{height: 420px;/* height: 312px; */overflow: hidden;height: 100%;}
.x-two .Z_banner{width: 50%;padding: 0px!important;/* height: 420px; */height: 320px;}
.x-two .slideBox{max-height: 530px;}
.x-two  .slideBox .bd li{max-height: 420px;text-align:center;height: 320px;}
.x-two .slideBox .bd img{width:auto;max-width:100%;/* max-height:100%; */height:auto;margin: 0 auto;}
.x-two .Z_news1{padding-right:20px;margin: 23px 0px 0px 0px;height: 420px;}


@media (max-width: 992px){.president{margin-top: 7px;margin-right: 15px;height: 233px;}}
.preart {overflow: hidden; height:358px;text-indent: 2em;}
.president p {font-size:16px;color:#3a3939;text-align: center;margin-top: 15px;}
@media (max-width: 992px){.president p {margin-top: 10px;}}
p{margin:0}
.presidents ul{margin-top: 10px;}
.navbtn li {background:#f0f0f0;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;position: relative;}
.navbtn li i{background: url(../img/btn.png) no-repeat;width:6px;height:8px;display: block;position: absolute;left: 25%;top: 13px;}
.navbtn li a {font-size:16px;color:#686868;display: block;}
.navbtn li:hover a {color:#fff;}
.navbtn li:hover {background:#bd010f;}
.navbtn li:hover i {background: url(../img/btna.png) no-repeat;}
.introduction {background: #f7f7f7;margin-right:20px;height:208px;overflow: hidden;}
.introduction img {width:100%;height: 100%;}
.introductions {margin-top:13px;min-height:208px;overflow: hidden;}
.introdfont {padding:0 25px}
.introdfont h3{font-size:20px;color:#000;height:45px;line-height: 45px;padding:0 20px}
.introdfont h3 a{font-size:14px;color:#949494;float:right;}
.introdfont div {font-size: 16px;line-height: 26px;color:#615f5f;text-indent: 2em;}
.quarterlys {margin-top: 23px;position: relative;width: 62%;float: right;}
.inimg {height:208px}
.inimg img {width:100%;height:100%}
.quarterly {background: #f7f7f7;min-height: 339px;/* position: relative; */height: 420px;padding: 0px 0px 0px 15px;}
@media (max-width: 992px){.quarterly{margin-right:0;margin-bottom:20px;height: auto;padding: 0px;}.quartefont {margin-bottom:10px}}
.quartefont {background: #f7f7f7;padding: 0 15px 0px 15px;margin-top:13px;overflow: hidden;}
.quartefont img {width:100%}
.quartefont h3{font-size:20px;color:#000;}
.quartefont h3 a{font-size:14px;color:#949494;float:right;}
.quartefont div {font-size: 16px;line-height: 28px;color:#615f5f;}

.qtitle {font-size: 20px;color:#bd010f;text-align: center;font-weight: 900;margin:0 auto;width:100%;bottom:30px}
.qtit {font-size: 20px;color:#b0b0b0;text-align: center;font-weight:900;margin:0 auto;width:100%;bottom:5px}
.quarimg {/* height:275px; */width: 100%;text-align: center;position:relative;overflow:hidden;/* background:#efefef; */}
.quarimg a {display:block;/* width:169px; *//* height:254px; */margin: 25px auto 10px;}
.quarimg img{width: 100%;height:100%;}
@media (max-width: 992px){.quarimg {height: 240px;overflow: hidden;width: 100%;text-align: center;}.quarimg img{width:100%;height:100%;}
.quarimg a {display:block;width:146px;height:220px;margin:10px auto;}
}
.link {background:#b3b3b3;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;color:#fff;margin-top:25px}
.links li {background:#f0f0f0;width:100%;height:33px;line-height: 33px;margin-bottom: 2px;text-align: center;position: relative;}
.links li a {font-size:16px;color:#686868;display: block;}
.links li:hover a {color:#fff;}
.links li:hover {background:#bd010f;}
.address li {float:left}
.presimg {width:100%;height:227px;overflow: hidden;}
@media (max-width: 992px){.presimg {height: 175px;width:100%;}}
.presimg img {width:100%;}
.quarn {position:absolute;right: 0;top: 0;}
.quarttil {margin-top:15px ;margin-bottom:20px ;}
@media (max-width: 992px){.quarttil{margin-top:15px ;margin-bottom:50px ;}}
.quarn li {float:left;border-left: 3px solid #c5c5c5 ;height:18px;line-height: 18px;}
.quarn li a {font-size: 18px;color:#c5c5c5;font-weight: 800! important;padding: 0 5px;}
.quarn li:hover a{color:#bd010f}
.recomm {padding-bottom:10px}
.recomm h5 {font-size: 16px;color:#000 ;width:100px;margin-top: 3px;margin-bottom: 0;}
.recomm ul li  {font-size: 16px;color:#615f5f;list-style:disc! important;text-overflow: ellipsis;display: block;line-height: 28px; overflow: hidden;padding-left:15px;position: relative;}
.recomm ul li a {font-size: 16px;color:#615f5f ;}
.recomm ul {padding-bottom: 10px;}
.recommart {border-top: 1px solid #ebebeb;padding-top:10px;text-indent:2em}
.recomm ul li i {background:url(../img/disc.png) no-repeat center left;width:5px;height:5px;position:absolute;display:block;left: 0px;top: 10px;}
.gsimg { padding-right: 15px;}
.presimg a {display:block;width:100%;height:100%}

.gsimg img {width:100%}
@media (max-width: 992px){.gsimg {height:158px}.gsimg img {height:100%}}
.presimg img {/* width:100%; *//* height:100% */}}
.jjfont h3 {font-size:20px;color:#000;/* height:55px; *//* line-height: 60px; */padding-bottom: 10px;}
.jjfont h3 a{font-size:14px;color:#949494;float:right;}
.jjfont div {font-size: 16px;line-height: 30px;color:#615f5f}
@media (max-width: 992px){.jjfont {background:#f7f7f7;padding:8px}}
.xhh3 {line-height:24px;font-size:20px;}
.slideTxtBox{width:100%;text-align:left;position: relative;}
.slideTxtBox .hd{position: relative;right: 0;z-index: 9;}
.slideTxtBox .hd ul{position:absolute;right: 0;top: 30px;}
@media (max-width: 992px){.slideTxtBox .hd ul{position:absolute;right: auto; top: -30px;left:5px}}
.slideTxtBox .hd ul li{float:left;cursor:pointer;font-size: 18px;color:#c5c5c5;font-weight: 800;padding: 0 5px;}
@media (max-width: 992px){.slideTxtBox .hd ul li{padding:0}}
.slideTxtBox .hd ul li a {font-weight:! important}
.slideTxtBox .hd ul li.on a{color:#bd010f}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:30px; line-height:30px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }


.x-two{
margin-top: 26px;
}
.x-two>.news:nth-child(1){
    padding-right: 20px;
}
.x-two .slideBox .bd li span{
	width: 70%;
}
.friend-links .title{border-bottom: 1px solid #ebebeb;overflow: hidden;padding-bottom: 10px;padding-top: 18px;}
.friend-links .title span{font-size: 20px;color: #000000;}
.friend-links ul{display: flex;flex-wrap: wrap;}
.friend-links ul li{/* width: 226px; *//* height: 51px; *//* background-color: #f0f0f0; */margin-top: 10px;margin-right: 11px;}
.friend-links ul li:nth-child(5n){/* margin-right:0px; */}
.friend-links ul li a{height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #686868;}
.friend-links ul li a:after{content:'|';margin: 0px 0px 0px 11px;position: relative;top: -1px;}
.friend-links ul li:last-child a:after{display:none;}
@media (max-width: 992px){
	.container{width:100%;}
	.x-two .Z_news1{height:auto}
	.x-two{
		margin-top: 0;
	}
	.banner,.news{
		width:100%; 
	}
.x-two>.news:nth-child(1){
	margin-top: 0;
}
	.new{
		height: auto;
		padding: 0px 10px 0px 10px;
	}
	.friend-links .title{
		padding-top: 0px;
	}
	.friend-links{
		margin-bottom: 4vw;
	}
	.friend-links ul li{
		margin-right: 10px;
		height: auto;
	}
	.friend-links ul li:nth-child(5n){
		margin-right: 4%;
	}
	.friend-links ul li:nth-child(2n){
		/* margin-right:0; */
	}
	.x-two .Z_news{width:100%;height:auto;}
	.x-two .news .new{height:auto;}
	.x-two .Z_banner{width:100%;height: auto;}
	.x-two .slideBox .bd li{/* height:100vw; */}
	.new h3{height:40px;line-height:40px;font-size: 18px;}
	.quarterlys{width:100%;}
	.quarterly h3{font-size:20px;}
	.quarn li a{font-size:16px;}
	.qtitle{font-size:18px;}
	.qtit{font-size:18px;}
	.slideTxtBox .bd ul{padding:0px;}
}

