@import url(common.css);

/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{position: relative;}
.HomeBan .item a{ display:block;}
.HomeBan .desc{position: absolute;width: 80%;left: 50%;top:40%;transform: translate(-50%,-50%);text-align: center;z-index: 10;color:#fff;}
.HomeBan .desc img{height: 1.14rem;}
.HomeBan li:nth-child(2) .desc img{height: 2.14rem;width: auto;}

.HomeBan .imgbox img{ display:block;width: 100%;}
.HomeBan .imgbox .wap{display: none;}
.HomeBan .slick-dots li {margin:0 12px;}
.HomeBan .slick-dots li button{width: 12px;height: 12px;border:2px solid rgba(255,255,255,0.6);background-color: transparent;}

.HomeBan:hover .slick-prev{left:3%;}
.HomeBan:hover .slick-next{right:3%;}

@media(max-width:997px){
	.HomeBan .desc img{height: auto;}
.HomeBan li:nth-child(2) .desc img{height: auto;}

	.HomeBan .imgbox .pc,.HomeBan .slick-arrow{display: none !important;}
	.HomeBan .imgbox .wap{display: block;}
}

.TopNews{background:#fff;padding:36px 30px 41px 118px;position: relative;}
.TopNews .tit{line-height: 55px;font-size: 30px;color:#d80014;font-weight: bold;}
.TopNews .item{padding:0 140px 0 50px;text-align: center;}
.TopNews .item:hover .tit{color:#cc0000;}
.TopNews .desc{color:#666666;padding-right: 57px;position: relative;display: inline-block;height: 30px;}
.TopNews .desc em{color:#d40e0e;position: absolute;top: 0;right: -5px;}
.TopNews .title{position: absolute;left: 0;top: 49px;width: 118px;line-height: 66px;background:#d80014 url(../images/point.gif) right top no-repeat;text-align: center;color:#fff;}
.TopNews .item:hover em{text-decoration: underline;}
.TopNews .slick-dots{left: auto; right: 0;width: 10px;top: 35%;transform: translateY(-50%);}
.TopNews .slick-dots li {margin:2px auto;}
.TopNews .slick-dots li button{border-radius: 0;border:0 !important;background:#e0e0e0;width: 6px !important;height: 6px !important;transform: rotate(45deg);}
.TopNews .slick-dots li.slick-active button{background:#d80014;}
.TopNews .slick-dots li.slick-active:After{display: none;}

.HomeNews{padding:0 30px 30px;background:#fff;}
.HomeNews .Focus{width: 52.23%;float: left;overflow: hidden;margin-bottom: 10px;}
.HomeNews .Focus .item{position: relative;}
.HomeNews .Focus .imgbox{padding-top: 466px;}
.HomeNews .Focus .imgbox:After{position: absolute;content:"";left: 0;bottom: 0;width: 100%;z-index: 1;height: 25%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.6));}
.HomeNews .Focus .item{position: relative;}
.HomeNews .Focus .titbox{line-height: 51px;padding:0 130px 0 20px;font-size: 18px;position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;color:#fff;}
.HomeNews .Focus .slick-dots{right: 0;bottom: 17px;width: 130px;text-align: center;z-index: 10;left: auto;}
.HomeNews .Focus .slick-arrow{border-radius: 0;}
.HomeNews .Focus:hover .slick-prev{left:0;}
.HomeNews .Focus:hover .slick-next{right:0;}
.HomeNews .News{width: 45.52%;float: right;}

.TabNav{border-bottom: 1px solid #f9f9f9;line-height: 43px;position: relative;font-size: 0;margin-bottom: 26px;}
.TabNav li{display:inline-block;font-size: 24px;cursor: pointer;margin-right: 30px;vertical-align: bottom;}
.TabNav li em{display: inline-block;position: relative;}
.TabNav li em:After{position: absolute;left: 50%;bottom: -2px;transform: translateX(-50%);width: 0;height: 2px;transition: all 0.3s;background:#d80014;content: "";}
.TabNav li.on{font-weight: bold;color:#d80014;}
.TabNav li.on em:after{width: 100%;}
.TabNav li .mores{display: none;}
.TabNav li.on .mores{display: block;}
.mores{width: 68px;line-height: 29px;text-align: center;font-size: 14px;background:#fbe5e7;color:#d80014;border-radius: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-weight: normal;}
.mores:hover{background:#d80014;color:#fff;}

.ListWz .li{height: 46px;line-height: 46px;position: relative;padding:0 60px 0 11px;transition: all 0.3s;}
.ListWz .li2{height: 36px;line-height: 36px;position: relative;padding:0 60px 0 11px;transition: all 0.3s;}
.ListWz .li:before,.ListWz .li2:before{position: absolute;width: 4px;height: 4px;border-radius: 50%;left:0;top:50%;background:#d80014;content: "";transition: all 0.3s;transform: translateY(-50%);}
.ListWz .li .date,.ListWz .li2 .date{position: absolute;right: 0;top: 0;color:#999999;}
.ListWz .li:hover:before,.ListWz .li2:hover:before{width: 5px;height: 5px;left: -1px;}
.ListWz .li:hover,.ListWz .li2:hover{padding-left: 16px;}
.ListWz .top {padding-bottom: 21px;margin-bottom: 15px;border-bottom: 1px dashed #f7ccd0;}
.ListWz .top .tit{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.ListWz .top .desc{color:#999999;line-height: 26px;height: 52px;}
.ListWz .top2{margin-bottom: 20px;position: relative;}
.ListWz .top2 .imgbox{width: 48%;float: left;padding-top: 200px;}
.ListWz .top2 .info{width: 49%;float: right;padding-top: 10px;}
.ListWz .top2 .ti{font-size: 20px;font-weight: bold;margin-bottom: 11px;}
.ListWz .top2 .desc{color:#999999;line-height: 24px;height: 48px;font-size: 14px;margin-bottom: 27px;}
.ListWz .top2 .date{color:#999999;font-size: 14px;}
.ListWz .top2:before{right: 0;bottom: 0;width: 49%;border-bottom: 1px dashed #d3deee;content: "";position: absolute;}

.HomeZt{margin-bottom: 20px;overflow: hidden;}
.HomeZt .slick-dots{left: auto; right: 0;width: 135px;bottom: 10px;}
.HomeZt .slick-dots li button{border-radius: 0;border:0 !important;background:rgba(255,255,255,0.6);width: 6px !important;height: 6px !important;transform: rotate(45deg);}
.HomeZt .slick-dots li.slick-active button{background:#fff;}
.HomeZt .slick-dots li.slick-active:After{display: none;}
.HomeZt:hover .slick-prev{left:0;}
.HomeZt:hover .slick-next{right:0;}

.TitHead{line-height: 42px;font-size: 0;border-bottom: 1px solid #e1e1e1;position: relative;margin-bottom: 20px;}
.TitHead h2{display: inline-block;color:#d80014;font-size: 24px;position: relative;vertical-align: bottom;}
.TitHead h2:after{left: 0;bottom: -2px;width: 100%;height: 2px;content: "";background:#d80014;position: absolute;}
.TitHead h2 img{display: inline-block;vertical-align: middle;margin: -4px 10px 0 0;}

.HomeAbout{background: #fff url(../images/aboutbg.jpg) 0px bottom no-repeat;padding: 30px;margin-bottom: 16px;background-color: #FBFCFF;}
.HomeAbout .TitHead{margin-bottom: 20px;}
.HomeAbout .imgbox{width: 42%;float: right;padding-top: 270px;}
.HomeAbout .info{width: 55%;float: left;padding: 0;}
.HomeAbout .info .ti{font-size: 20px;line-height: 36px;margin-bottom: 20px;}
.HomeAbout .info .desc{color:#666666;line-height: 28px;margin-bottom: 50px;}
.mores2{display:block;border-radius:22px;width: 120px;line-height: 40px;text-align: center;background:rgba(153,153,153,0.1);font-size: 14px;color:#999999;}
.mores2 i{margin-left: 10px;display: inline-block;vertical-align: middle;width: 13px;height: 11px;background:url(../images/arr1.png);transition: all 0.3s;}
.mores2:hover,.mores2.red{color:#fff;background:#d80014;}
.mores2:hover i,.mores2.red i{background:url(../images/arr2.png);margin-left: 14px;}

.HomeYw{background: #fff;padding:30px 30px 40px;margin-bottom: 20px;}
.HomeYw .TitHead{margin-bottom: 30px;}
.HomeYw .infotit{position: absolute;z-index: 10;bottom: 0;transition: all 0.5s;color:#fff;text-align: center;width: 100%;padding:30px 0;}
.HomeYw .infotit .ico{margin-bottom: 5px;width: 50px;height: 50px;}
.HomeYw .infotit .ti{font-size: 18px;font-weight: bold;margin:5px 0 14px;}
.HomeYw .dot2{line-height: 26px;margin:10px 0 33px;}
.HomeYw .ico{width: 50px;height: 50px;display: inline-block;vertical-align: middle;}
.HomeYw .info{position: absolute;padding:0.5rem;width: 100%;z-index: 10;top: 0;transition: all 0.6s;color:#fff;top: -100%;}
.HomeYw .info .ti{font-size: 24px;display: inline-block;vertical-align: middle;line-height: 50px;font-weight: bold;}
.HomeYw .item a{display:block;position: relative;margin-left: 9px;overflow: hidden;}
.HomeYw .item a:after{left: 0;bottom: 0;width: 100%;height: 50%;z-index: 2;background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(34,90,168,0.6));content: "";transition: all 0.3s;position: absolute;}
.HomeYw .img{position: relative;}
.HomeYw .img img{width: 100%;height: 3.6rem;}
.HomeYw .img .img{width:6rem;top:0;left: 50%;max-width: none;position: absolute;transform: translateX(-50%);}
.HomeYw .slider{display: flex;margin:0 0 0 -9px;overflow: hidden;}
.HomeYw .item{transition: all 0.3s;}
.HomeYw .slick-dots li button{background-color: #dbdbdb;}
.HomeYw .slick-dots li.slick-active button{border: 2px solid #d9071a;}
.HomeYw .slick-dots li.slick-active:After{background:url(../images/dot2.png);}

.HomeCol .Col{width: 48.57%;float: left;background:#fff;padding:30px 30px;}

.FriendLink{padding:40px 30px;}
.FriendLink aside{position: absolute;left: 0;top: 0;line-height: 42px;font-weight: bold;font-size: 18px;}
.FriendLink .box{position: relative;padding-left: 80px;}
.FriendLink .item{position: relative;width: 22.2%;float: left;margin-left: 2.8%;}
.FriendLink .item dt{border:1px solid #dfdfdf;line-height: 38px;padding:0 25px 0 20px;background:#fff;cursor: pointer;position: relative;}
.FriendLink .item dt:after{width: 10px;height: 6px;position: absolute;right: 19px;top: 50%;margin-top: -3px;background:url(../images/arr3.png);content: "";transition: all 0.3s;}
.FriendLink .item dd{border:1px solid #dfdfdf;background:#fff;padding:10px;position: absolute;bottom: 39px;width: 100%;z-index: 100;display: none;}
.FriendLink .item dd a{display: block;padding-left: 12px;position: relative;}
.FriendLink .item dd a:before{position: absolute;left: 0;top: 50%;width: 4px;height: 2px;background:#af0000;content: "";}
.FriendLink .item.on dt:after{transform: rotate(-180deg);}

@media(min-width:998px){
	.HomeYw .slick{overflow: hidden;}
	.HomeYw .slider{display: table;margin:0 0 0 -9px}
	.HomeYw .item{width: 25%;transition: all 0.3s;display: table-cell;}
	.HomeYw .item.on{width: 7rem;}
	.HomeYw .item.on .info{top: 0;}
	.HomeYw .item.on .infotit{bottom: -100%;}
	.HomeYw .item.on a:after{background-image: linear-gradient(to top, rgba(34,90,168,0.2),rgba(34,90,168,0.9));height: 100%;}
	.HomeYw .item{width: 2.7rem;}
	.HomeYw .img img{height: 3.6rem;}

	.HomeCol .Col:nth-child(2n+2){float: right;}
}
@media(max-width:997px){
	.TopNews .desc{height: 24px;}
	.HomeNews{padding:0 10px;}
	.HomeAbout{padding:10px;}
	.HomeYw{padding:10px;}
	.HomeYw .item{width: 20%;}
	.HomeYw .info{display: none;}
	.HomeCol .Col{width: auto;float: none;margin-bottom: 15px;padding:10px;}
	.FriendLink {padding:0 0 20px;}
}
@media(max-width:768px){
	.TopNews{padding:15px;}
	.TopNews .title{position: static;font-size: 20px;line-height:30px;margin-bottom: 10px;}
	.TopNews .item{padding: 0;}
	.TopNews .tit{font-size: 18px;line-height:26px;white-space:break-spaces;margin-bottom: 6px;}
	.TopNews .slick-dots li{margin:0 8px;}
	.TopNews .slick-dots{right: auto;left: 0;width: 100%;bottom: -5px;top: auto;transform: translateY(0);}
	.TopNews .desc{margin-bottom: 10px;}

	.TitHead h2{font-size: 20px;}

	.HomeNews .Focus{width: auto;float: none;}
	.HomeNews .Focus .imgbox{padding-top: 68%;}
	.HomeNews .News{width: auto;float: none;}
	.HomeNews .Focus .titbox{font-size: 14px;}
	.TabNav li{font-size: 16px;margin-right: 10px;}

	.ListWz .top{padding-bottom: 12px;margin-bottom: 12px;}
	.ListWz .top .tit{font-size: 16px;margin-bottom: 5px;}
	.ListWz .top .desc{height: auto;line-height: 24px;}
	.ListWz .li,.ListWz .li2{height: 32px;line-height: 32px;}
	.ListWz .top2 {padding-bottom: 10px;margin-bottom: 12px;}
	.ListWz .top2 .imgbox{width: auto;float: none;padding-top: 64%;margin-bottom: 10px;}
	.ListWz .top2 .desc{height: auto;margin-bottom: 10px;}
	.ListWz .top2 .info{width: auto;float: none;}
	.ListWz .top2:before{width: 100%;}
	.ListWz .top2 .ti{font-size: 16px;margin-bottom: 5px;}

	.HomeZt {margin:15px auto;}

	.mores2{width: 100px;line-height: 28px;font-size: 13px;}

	.HomeAbout .TitHead{margin-bottom: 20px;}
	.HomeAbout .info{width: auto;float: none;padding: 0 0 20px;}
	.HomeAbout .info .ti{font-size: 16px;line-height: 26px;}
	.HomeAbout .info .desc{height: 72px;line-height: 24px;margin-bottom: 15px;}
	.HomeAbout .imgbox{width: auto;padding-top: 70%;float: none;}

	.HomeYw{margin-bottom: 15px;}
	.HomeYw .item{width: 33.333%;}
	.HomeYw .slider{padding-bottom: 30px;}
	.HomeYw .infotit  {padding: 0px;}
	.HomeYw .infotit .ti {font-size: 15px;}
	.HomeYw .slick-dots{bottom: 0px;}

	.FriendLink{padding-bottom: 5px;}
	.FriendLink .box{padding-left: 0;margin-left: -2.8%;}
	.FriendLink aside{position: static;margin-left: 2.8%;font-size: 16px;}
	.FriendLink .item{width: 47.2%;margin-bottom: 2.8%;}
}