/*顶部文件*/

.gfhh_banner{ width: 100%; height: 844px; background: url("../../images/gfhh_banner.jpg") center top no-repeat;}
.gfhh_a1{ width: 1200px; margin: 0 auto; padding-top: 40px;}
.gfhh_a1>h1{ width:100%; height: 50px; text-align: center; line-height: 50px;  font-size: 32px; color: #e66c74;}
.gfhh_a1>h2{ font-weight: normal; width:100%; height: 40px; text-align: center; line-height: 40px;  font-size: 12px; text-transform:uppercase; color: #666;}
.gfhh_a1>p{ width:100%; padding-top:60px; height: auto;  text-align: center; line-height:1.6;  font-size: 16px;  color: #666;}

.gfhh_b1{ width:100%; height: auto; background: url("../../images/gfhh_bg.png") bottom repeat-x; padding-bottom:100px;}
.gfhh_b1main{ width: 1200px; margin: 0 auto;  height: auto; padding-top: 110px;}
.gfhh_b1main>span{ padding:150px 20px 20px 20px; box-sizing: border-box; width:260px; height: 340px; border-radius: 35px; display: block; float: left; box-shadow: 10px 40px 25px #eee;}
.gfhh_b1main>span:nth-of-type(1){ background: url("../../images/gfhh_1.png") top center no-repeat; margin-right: 53px;}
.gfhh_b1main>span:nth-of-type(2){ background: url("../../images/gfhh_2.png") top center no-repeat; margin-right: 53px;}
.gfhh_b1main>span:nth-of-type(3){ background: url("../../images/gfhh_3.png") top center no-repeat; margin-right: 53px;}
.gfhh_b1main>span:nth-of-type(4){ background: url("../../images/gfhh_4.png") top center no-repeat;}
.gfhh_b1main>span>h1{ color: #fff; font-size: 24px; text-align: center; line-height: 1.2; padding-bottom: 20px;}
.gfhh_b1main>span>p{ color: #fff; font-size:14px; text-align: center; line-height: 1.6;}

.gfhh_c1{ width: 100%; height: auto; background: url("../../images/gfhh_bg.png") ; }
.gfhh_c1main{ width:1200px; height: auto; margin:0 auto;  padding-bottom:80px; }
.gfhh_c1main>h1{ width:100%; height: 50px; text-align: center; line-height: 50px;  font-size: 32px; color: #e66c74;}
.gfhh_c1main>p{ width:100%; padding-top:60px; height: auto;  text-align: center; line-height:1.6;  font-size: 16px;  color: #666;}



.gfhh_d1{ width:100%; height: 1348px; background: url("../../images/gfhh_td.jpg") center top no-repeat #fafafa;}
/*花火特色*/
.gfhh_e1{ width: 1200px; margin:0 auto; padding-left: 420px; box-sizing: border-box; padding-top: 120px; height: auto; background:url("../../images/gfhh_ebg.png")  left 100px no-repeat;}
.gfhh_e1>h1{ width:100%; padding-bottom: 60px; height: 50px; text-align: left; line-height: 50px;  font-size: 32px; color: #e66c74;}
.gfhh_e1>span{ width: 100%; height: 100px; padding-bottom: 20px; display: block;}
.gfhh_e1>span>em{font-size: 80px;  color: #666; text-align: center; line-height: 100px; font-weight: bold; font-style: normal; display: block; height: 100px; width: 100px; float: left;}
.gfhh_e1>span>b{  padding-left: 20px; font-weight: normal; display: block; height: 100px; width:600px; float: left; text-align: left;}
.gfhh_e1>span>b>h2{ width:100%; height: 30px;  line-height:30px; padding-top:20px;   font-size:24px; text-align: left; color: #666;}
.gfhh_e1>span>b>p{ width:100%; height: 30px;  line-height: 30px;  font-size:16px; text-align: left; color: #666;}


/*广告部分*/
.gfhh_f1{ width: 100%; height: 512px; background: url("../../images/gfhh_ad.jpg") top center no-repeat; margin-top: 100px;}

/*第四段*/
.gfhh_top5{ width: 1200px; height: auto; margin: 0 auto; padding-bottom: 40px;}

/*第五段*/
.gfhh_top6{ width: 100%; height:510px; background: url("../../images/vi_ad2.png") top center no-repeat; margin: 0 auto; }



/*新闻中心*/
.gfhh_news{ width:1197px; margin:0px auto 60px auto; padding-top: 60px; height:160px;}
.gfhh_news>span{ width:359px; padding-right: 40px; display: block; float: left; height: auto;}
.gfhh_news>span>a{ font-size: 14px; text-align: left; line-height: 40px; display: block; color: #333333;}
.gfhh_news>span>a>b{ float: right; font-weight: normal; color: #666;}





.Box {position: relative; }
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top:200px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;  padding-top: 40px; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:300px;height: 482px; padding-top: 20px; box-sizing: border-box; overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width:300px;height: 462px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 0px;text-align: center; padding-bottom: 80px;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}