﻿@charset "utf-8";
@import url(common.css);


/*home s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .desc{ z-index:10; position:absolute; width:14.3rem;left:50%; top: 50%; transform: translate(-50%,-50%);color:#fff;}
.HomeBan .desc img{height: 2.45rem;}
.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .slick-arrow{top: auto;bottom: 90px;border:1px solid rgba(255,255,255,0.4);}
.HomeBan .slick-prev{left: 2.4rem;}
.HomeBan .slick-prev:After{background-image: url(../images/arrleft.png);}
.HomeBan .slick-next{left: 3.6rem;right: auto;}
.HomeBan .slick-arrow:hover{background:#043675;border:1px solid #043675;}
.HomeBan .slick-next:After{background-image: url(../images/arrright.png);}

@media(max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .imgbox{position: relative;padding-top: 67%;height: auto;}
	.HomeBan .desc{width: 50%;left: 5%;transform:translate(0);}
	.HomeBan .desc img{height: auto;}
	.HomeBan .slick-arrow{bottom: 35px;}
	.HomeBan .slick-prev{left: 1rem;}
	.HomeBan .slick-next{left: 2rem;}
}
@media(max-width:767px){
	.HomeBan .slick-arrow{bottom: 20px;}
	.HomeBan .slick-next{left: 2.5rem;}
	.HomeBan .desc {top: 40%;}
}

.HomeSearch{margin-top:-0.4rem;margin-bottom:0.5rem;background:#003b87;color:#fff;padding:0.38rem 2.4rem 0.38rem 0.38rem;line-height: 0.64rem;font-size: 0;position: relative;}
.HomeSearch>*{display: inline-block;vertical-align: middle;}
.HomeSearch .ti{font-size: 0.24rem;text-align: center;width: 20%;line-height: 0.35rem;color:#fff;}
.HomeSearch .select{padding-left: 6%;width: 40%;}
.HomeSearch .select select,.HomeSearch .select input{width: 100%;border:0;border-bottom: 1px solid rgba(255,255,255,0.2);height: 0.64rem;color:rgba(255,255,255,0.5);padding-left: 10px;text-indent: 0;background:url(../images/selectarr.png) right center no-repeat;padding-right: 20px;}
.HomeSearch .select input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.HomeSearch .select option{color:#333;text-indent: 1em;}
.HomeSearch .btn{position: absolute;right: 0;top: 0;width: 1.4rem;text-align: center;height: 100%;color:#fff;background: #e60012 url(../images/btnbg.gif) right center no-repeat;background-size: contain;font-weight: bold;}
.HomeSearch .btn:hover{opacity: 0.9;}

@media(max-width:1024px){
	.HomeSearch{margin-top: 0.4rem;margin-bottom: 0.4rem;}
}
@media(max-width:767px){
	.HomeSearch{padding: 20px;}
	.HomeSearch .ti{display: block;width: auto;text-align: left;font-size: 18px;}
	.HomeSearch .select{width: 48%;padding: 0 0 10px 0;}
	.HomeSearch .select:nth-child(2){float: right;}
	.HomeSearch .select select,.HomeSearch .select input{height: 45px;padding-left: 0;}
	.HomeSearch .btn{position: static;width: 100%;height: 38px;clear: both;}
}
@media(max-width:480px){
	.HomeSearch .select{width: auto;float: none !important;display: block;}
}

.HomePro{overflow: hidden;}
.HomePro ul{position: relative;height: 6.6rem;margin-right: -6rem;margin-left: -3rem;}
.HomePro .item{position: absolute;overflow: hidden;border-radius: 0 0 2.8rem 0;background:#e6eaee;height: 100%;width: 33.333%;transition: all 0.3s;}
.HomePro .item>*{opacity: 0.3;transition: all 0.3s;}
.HomePro .item:nth-child(1){z-index: 3;left: 0;background: #e6eaee url(../images/probg.jpg);background-size: cover;}
.HomePro .item:nth-child(2){z-index: 2;left: 33.333%;margin-left: -3rem;background:#dae0e5;}
.HomePro .item:nth-child(3){z-index: 1;left: 66.666%;margin-left: -6rem;background:#e6eaee;}
.HomePro .item a{color:#333;}
.HomePro .item .Info{position: absolute;right: 0.56rem;top: 0.87rem;height:calc(100% - 0.87rem);line-height: 0.35rem;transition: all 0.3s;font-size: 0.24rem;}
.HomePro .item .Info .ti{font-size: 0.42rem;line-height: 0.65rem;}
.HomePro .item .imgbox{position: absolute;width: 35%;padding-top: 35%;right: 0%;bottom: 0;}
.HomePro .item .More{position: absolute;left: -100%;bottom: 1rem;width: 0;height: 0;background:url(../images/more.svg);background-size: contain;transition: all 0.3s;}

.HomePro ul.on1 .item:nth-child(1){width: 56%;}
.HomePro ul.on1 .item:nth-child(2){width: 22%;left: 56%;}
.HomePro ul.on1 .item:nth-child(3){width: 22%;left: 78%;}

.HomePro ul.on2 .item:nth-child(1){width: 22%;}
.HomePro ul.on2 .item:nth-child(2){width: 56%;left: 22%;}
.HomePro ul.on2 .item:nth-child(3){width: 22%;left: 78%;}

.HomePro ul.on3 .item:nth-child(1){width: 22%;}
.HomePro ul.on3 .item:nth-child(2){width: 22%;left: 22%;}
.HomePro ul.on3 .item:nth-child(3){width: 56%;left: 44%;}

.HomePro .item.on>*{opacity: 1;}
.HomePro .item.on .imgbox{right: auto;left: 2.8rem;bottom: -28%;width: 48%;padding-top: 48%;}
.HomePro .item.on .Info{right: 1.08rem;}
.HomePro .item.on .More{width: 0.6rem;height: 0.6rem;left: 0;}

.HomeTit{padding-bottom: 0.45rem;}
.HomeTit .ti{font-size: 0.42rem;font-weight: bold;line-height: 0.45rem;color:#333;}
.HomeTit .ti i{display: inline-block;width: 0.2rem;height: 0.2rem;border:0.05rem solid #e32414;margin-left: 0.19rem;border-radius: 50%;vertical-align: middle;}
.HomeTit.white .ti{color:#fff;}

.HomeNews{padding:1.01rem 0 1.39rem;background:url(../images/newsbg.gif) center center no-repeat;background-size: cover;}
.HomeNews .w1440{padding-left: 2.63rem;position: relative;}
.HomeNews .HomeTit{position: absolute;left: 0;top: 0;}
.HomeNews .Focus{width: calc(100% - 5.2rem);float: left;padding-right: 0.47rem;}
.HomeNews .Focus .item{border-radius: 10px;overflow: hidden;position: relative;}
.HomeNews .Focus .item .tag{position: absolute;right: 0;top: 0;z-index: 10;padding:0 0.2rem;border-radius: 0 10px 0 10px;font-size: 15px;color:#fff;background:rgba(13,66,134,0.5);line-height: 0.4rem;}
.HomeNews .Focus .item a{color:#fff;}
.HomeNews .Focus .info{position: absolute;width: 100%;bottom: 13px;z-index: 10;padding:0 0.27rem;}
.HomeNews .Focus .date{margin-bottom: 3px;background: url(../images/ico_date.png) 0px center no-repeat;padding-left: 20px;}
.HomeNews .Focus .tit{font-size: 0.2rem;}
.HomeNews .Focus .imgbox{padding-top: 411px;border-radius: 10px;}
.HomeNews .Focus .imgbox:after{width: 100%;left: 0;bottom: 0;z-index: 2;content: "";height: 50%;position: absolute;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));}
.HomeNews .Focus .slick-arrow{bottom: 0;}
.HomeNews .Focus .slick-prev{left: -2.63rem;}
.HomeNews .Focus .slick-next{left: -1.43rem;right: auto;}

.HomeNews .List{width: 5.2rem;float: right;}
.HomeNews .List li{border-bottom: 1px solid #e5e5e5;padding:0 0 24px 0;margin-bottom: 24px;position: relative;}
.HomeNews .List li:after{content: "";left: 0;bottom: -1px;height: 1px;position: absolute;background:#033b88;width: 0;transition: all 0.3s;}
.HomeNews .List li .imgbox{width: 140px;padding-top: 105px;border-radius: 10px;}
.HomeNews .List li .info{vertical-align: top;padding-left: 0.39rem;}
.HomeNews .List li .ti{color:#555555;font-size: 14px;line-height: 24px;}
.HomeNews .List li:hover .ti{color:#033b88;}
.HomeNews .List li .date{line-height: 0.33rem;font-size: 0.18rem;margin-bottom: 0.16rem;font-family: "montserratB";}
.HomeNews .List li:hover:After{width: 100%;}
.HomeNews .List li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}
.HomeNews .List li:last-child:after{display: none;}

@media(max-width:1024px){
	.HomePro .item>*{opacity: 1;}
	.HomePro .item .Info .ti{font-size: 0.34rem;}

	.HomeNews{padding:0.8rem 0;}
	.HomeNews .HomeTit{position: relative;margin-bottom: 0rem;}
	.HomeNews .w1440{padding-left: 0;}
	.HomeTit .ti{font-size: 0.34rem;}
}
@media(max-width:767px){
	.HomePro ul{height: auto;margin:0;}
	.HomePro .item{position: relative;padding: 0.5rem 0 35% 0.5rem;width: auto;margin:0px !important;left: 0 !important;border-radius: 0 0 0.5rem 0;}
	.HomePro .item .imgbox{left: 0;}
	.HomePro .item .Info{width: 50%;font-size: 14px;line-height: 24px;}
	.HomePro .item .Info .ti{font-size: 18px;}

	.HomeTit .ti{font-size: 20px;}
	.HomeNews .Focus{width: auto;float: none;margin:0 0 0.5rem;padding-right: 0;}
	.HomeNews .Focus .imgbox{padding-top: 64%;}
	.HomeNews .Focus .item .tag{line-height: 35px;}
	.HomeNews .Focus .tit{font-size: 15px;}
	.HomeNews .Focus .date{font-size: 14px;}
	.HomeNews .List{width: auto;float: none;}
	.HomeNews .List li .ti{font-size: 15px;}

	.HomeNews .List li .date{font-size: 14px;line-height: 24px;}
}


