@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/* header */
.m-abthdr{position: relative;height: 847px;}
.m-abtnvLogo{margin-top: 43px;}

.m-abtnv{position: absolute;width: 100%; top: 0;left: 50%;transform: translateX(-50%); z-index: 9; height: 247px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0) 100%);}
.g-abtnv{position: relative;padding-right: 52px;line-height: 38px;margin-top: 61px;}

.m-hdnvgtn{width: 847px;}
.m-hdnvgtn .g-hdnvgtn{position: relative;padding:0}
.m-hdnvgtn .g-hdnvgtn ul li{float:left;margin-right: 20px;}
.m-hdnvgtn .g-hdnvgtn ul li:last-child{margin-right: 0;}
.m-hdnvgtn .g-hdnvgtn ul li a{display: block;font-size: 20px;color: #fff;}
.m-hdnvgtn .g-hdnvgtn ul li.u-active,.m-hdnvgtn .g-hdnvgtn ul li:hover{background: url(../images/public/tiao.png) bottom center no-repeat;}
.m-hdnvgtn .g-hdnvgtn ul li.u-active a,.m-hdnvgtn .g-hdnvgtn ul li:hover a{color: #fff;}

.m-abtsrch{position:absolute;right:0}
.g-abtsrch form{width:268px;height:38px;border-radius:30px;display:flex;background:#fff;}
.g-abtsrch form input{outline:0;border:none;height:38px;line-height:38px;background:#fff;font-size:14px}
.g-abtsrch form input[type=text]{width:232px;border-radius:30px 0 0 30px;padding:0 10px 0 16px}
.g-abtsrch form input[type=submit]{width:38px;background:url(../images/page/icon_search.png) #fff center no-repeat;border-radius:0 30px 30px 0}
.btn_search{display:block;width:38px;height:38px;background:url(../images/page/search_btn.png) #fff center no-repeat;border-radius:100%}

.m-abtbnnr{position: absolute;width: 1920px; top: 0;left: 50%;transform: translateX(-50%);}
.g-abtbnnr,.g-abtbnnr img{height: 847px;}
.g-abtbnnr img{display: block; width: 100%;}
.m-abtbnnr .bd li a{display: block;position: relative;}
.m-abtbnnr .hd{position:absolute;left:50%;bottom:43px;transform: translateX(-50%);}
.m-abtbnnr .hd li{float: left;margin: 0 5px; width: 12px; height: 12px; background: rgba(255, 255, 255,.42); -moz-border-radius: 12px; border-radius: 12px;transition:all .3s;}
.m-abtbnnr .hd li.on{width: 24px;border-radius: 6px;background: #fff;}

/* 宣州概况 */
.m-survey{background:#c1dcfa;padding:75px 0 108px 0}
.g-surveyList{width:265px;padding:47px 50px;height:702px;background:url(../images/page/survey.png) center no-repeat}
.g-surveyList li{margin-bottom:60px}
.g-surveyList li a{display:block;font-family:MicrosoftYaHei-Bold;font-size:30px;font-weight:700;font-stretch:normal;line-height:38px;letter-spacing:3px;color:rgba(255,255,255,.45);text-align:center}
.g-surveyList li a:hover{color:#fff}
.g-surveyList li:first-child p{font-family:MicrosoftYaHei;text-align:center;font-stretch:normal;line-height:38px;letter-spacing:0;color:#fff}
.g-surveyList li:first-child p:nth-child(1){font-size:38px;font-weight:700}
.g-surveyList li:first-child p:nth-child(2){font-size:14px}
.g-surveyCntnt{width:1097px}
.u-surveyCntnt p{font-family:MicrosoftYaHei;font-size:16px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#333;text-indent:32px}
.u-surveyCntnt p a{color:red}
.m-prmtnlmg{width: 100%;margin-top: 30px;}
.g-prmtnlmg,.g-prmtnlmg img{height: 525px;}
.g-prmtnlmg img{display: block; width: 100%;}
.m-prmtnlmg .bd li a{display: block;position: relative;}
.m-prmtnlmg .bd li a p{position: absolute; left: 0; right: 0; bottom: 0; height: 66px; line-height: 66px;background: rgba(0,0,0,.2); }
.m-prmtnlmg .hd{position:absolute;left:50%;bottom:27px;transform: translateX(-50%);}
.m-prmtnlmg .hd li{float: left;margin: 0 5px; width: 12px; height: 12px; background: rgba(255, 255, 255,.52); -moz-border-radius: 10px; border-radius: 10px;transition:all .3s;}
.m-prmtnlmg .hd li.on{background: #fff;}

/* 宣州美景 */
.m-beautiCity{padding:66px 0 84px 0;height:842px;background:url(../images/page/beautiCity.png) center no-repeat}
.m-beautiTab h3 a{display:block;text-align:center}
.m-beautiTab h3 p{font-family:MicrosoftYaHei;font-stretch:normal;line-height:38px;letter-spacing:0;color:#026ad5}
.m-beautiTab h3 p:nth-child(1){font-size:38px;font-weight:700}
.m-beautiTab h3 p:nth-child(2){font-size:14px;letter-spacing:2px}
.m-beautiTab ul{padding-top:16px}
.m-beautiTab li{float:left;margin-left:16px}
.m-beautiTab li a{display:block;width:110px;height:32px;font-family:MicrosoftYaHei;font-size:16px;font-weight:400;font-stretch:normal;line-height:32px;letter-spacing:0;color:#333;text-align:center;border-radius:5px;background:rgba(128,187,252,.23)}
.m-beautiTab li.u-active a{background:#80bbfc;color:#fff}
.m-btflscnry{position: relative;margin-top: 63px;}
.m-btflscnry ul{overflow: hidden;}
.m-btflscnry ul li{ position: absolute;top:0; }
.m-btflscnry ul li a{display: block;width: 100%; height: 100%;overflow: hidden;}
.m-btflscnry ul li img{width: 100%; height: 100%;transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s;}
.m-btflscnry ul li p{ position: absolute; left: 0px; bottom: 0px; width: 100%;text-align:center; font-weight:500; font-size:20px; color:#fff;background: rgba(0, 0, 0, 0.3)!important; height: 60px; line-height: 60px; display: block; text-overflow:ellipsis; white-space: nowrap;overflow: hidden;}
.m-btflscnry ul li:nth-child(1){width: 284px; height: 557px;left: 0;}
.m-btflscnry ul li:nth-child(2){width: 312px; height: 267px;left: 299px;}
.m-btflscnry ul li:nth-child(3){width: 373px; height: 267px;left: 626px;}
.m-btflscnry ul li:nth-child(4){width: 312px; height: 267px;left: 299px;top:290px;}
.m-btflscnry ul li:nth-child(5){width: 640px; height: 267px;left: 626px;top:290px;}
.m-btflscnry ul li a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);  }

/* 宣州风光 */
.m-scenery{
	padding: 54px 0 90px 0;
	background: url(../images/page/scenery.png) bottom -225px center no-repeat;
}
.g-scenery{margin-top: 47px;}
.g-sceneryList{
	width: 286px;
}
.m-telly{
	width: 791px;
	height: 629px;
	margin-left: 29px;
	background: url(../images/page/telly.png) top center no-repeat;
}

.g-telly{width: 100%;overflow: hidden;padding: 14px 17px 0 17px;}
.g-telly li{width:758px;height:512px;overflow: hidden;float: left;}
.g-telly li video{width: 100%;height: 100%;object-fit: cover;}
.g-telly .hd a{display:block;position: absolute;width: 49px;text-align: center; height: 49px;z-index: 99;top: 50%;transform: translateY(-50%);}
.g-telly .hd .prev{left: 0;background: url(../images/page/telly_left.png) center center no-repeat;}
.g-telly .hd .next{right: 0;background: url(../images/page/telly_right.png) center center no-repeat;}


.g-sceneryList li{
	margin-bottom: 18px;
}
.g-sceneryList li a{
	display: block;
	width: 286px;
	height: 212px;
	overflow: hidden;
}
.g-sceneryList li a img{
	width: 100%;
	height: 100%;
}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.u-webhome{color: #fff;font-size: 20px;font-weight: bold;padding-left: 20px;}
    .navbar-header{border-bottom:1px solid #ddd}
    .navbar-toggle{background: #fff;margin-top: 14px;}
	.navbar-toggle .icon-bar{background: #ddd;}
	.choose-item li{width: 100%;line-height: 50px;}
	.choose-item li .tit{font-weight: 400;}
	.navbar-collapse{background: #fff;z-index: 9999;opacity: .9;}
	.m-hdnvgtn{height:60px;position: relative; line-height: 60px;background: #2758b2;}
	.m-hdnvgtn .g-hdnvgtn ul li{width: 100%;line-height: 42px;}
	.m-hdnvgtn .g-hdnvgtn ul li.u-active a{color:#333;}
	.m-hdnvgtn .g-hdnvgtn ul li:nth-child(4) a{text-indent: 0;}
	.m-hdnvgtn .g-hdnvgtn ul li a{font-weight: 400;font-size: 16px;text-indent: 0;text-align: center; color:#333;background: none !important;}

	.m-abthdr{height: 547px;}
	.g-prmtnlmg, .g-prmtnlmg img{height: 300px;}
	.g-surveyList,.g-surveyCntnt{width: 100%;}
	.m-abtnvLogo{float: none;display: block;}
	.m-abtnvLogo img{width: 100%;}
	.g-abtnv,.m-hdnvgtn{width: 100%;float: none;}
	.m-abthdr{z-index: 999999999;}
    .g-abtnv{padding-right: 0;z-index: 999;}
	.m-abtsrch{display: none;}
	.m-abtbnnr{width: 100%;z-index: 9;top: 247px; left: 0; transform: translateX(0);}
	.g-abtbnnr, .g-abtbnnr img{height: 300px;object-fit: cover;}

	.m-abtnv{width: 100%;z-index: 999;transform: translateX(0); left: 0;}

	.m-beautiCity{height: auto;background-size: 1000% 100%;}
	.m-btflscnry ul li{margin-bottom: 15px;}
	.m-btflscnry ul li{position: static;width: 100% !important;height: 200px !important;}
	.m-btflscnry ul li a{position: relative;}

	.g-sceneryList{float: none;margin-bottom: 20px;}
	.m-telly{width: 100%;margin-bottom: 20px; background-size: 100% 100%;margin-left: 0;height: 300px;}
	.g-telly li{height: 230px;}
	.g-sceneryList,.g-sceneryList li,.g-sceneryList li a{width: 100%;}
	.g-telly .hd a{top: 25%;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}